- Corrected typos in blueprints:
- components/checkbox
- components/vertical-navigation
- Removed
&_
shorthand from numerous selectors in SCSS files - Updated icons to v10.3.0
-
Standard Set:
- Added
slack
- Added
tableau
- Added
dashboard_component
- Added
-
Utility Set:
- Updated
serialized_product_transaction
- Updated
serialized_product
- Added
data_model
- Added
slack
- Added
tableau
- Added
video_off
- Updated
-
- Updated design token
COLOR_BACKGROUND_DESTRUCTIVE_HOVER
so that it is a different color fromCOLOR_BACKGROUND_DESTRUCTIVE
- Removed
&_
shorthand from numerous selectors in SCSS files - Added new standard color palette for neutral colors (black/white/grays)
- Updated Styling Hooks table on component pages to display
slds
-namespaced Hooks - Updated icons to v10.2.2
-
In accordance with ARIA 1.2 guidance, the
input
was replaced withbutton
within these components that contain select-only comboboxes:- Datetime Picker
- Docked Composer
- Dynamic Menu
- Expression
- Global Header
- List builder
- Lookups
- Picklist
- Rich Text Editor
- Timepicker
-
Added SLDS scope customizer tool:
npm run slds:customizer
-
Added new standard color palette for neutral colors (black/white/grays)
-
Updated @salesforce-ux/icons to 10.1.1
- Updated selected text highlight color token
COLOR_BACKGROUND_SELECTION
for better color contrast
- Removed Salesforce Sans as the default typeface and replaced it with OS-specific defaults.
- Updated many of our design tokens and other colors to utilize the new Salesforce Color System. For more information, read our article on Medium about this system.
- Corrected the syntax for various stylesheet annotations so that they will properly appear in the Overview of CSS Classes section for their respective blueprint.
- Updated to Icons v9.39.0 and added new icon design token colors
- Added icons synonym metadata to SLDS dist
-
In Summer ’21, all BEM notation with double dashes will no longer be available in SLDS 2.13.0 and later versions. For your styles to continue working with SLDS 2.13.0 and later versions, replace
--
with_
in your CSS. For more information see the Salesforce Winter `21 release notes. -
Updated @salesforce-ux/icons to 9.38.0
-
Added proper font-size change to mobile demos on the site
- Added opacity override for placeholder text in inputs for Firefox browser
-
Corrected various documentation typos and formatting in:
- components/app-launcher
- components/button-icons
- components/global-header
- components/global-navigation
- components/lookups
- components/menus
- components/panels
- components/picklist
- components/popovers
- components/progress-indicator
- components/prompt
- components/publishers
- components/setup-assistant
- components/spinners
- components/tabs
- components/tiles
- components/toast
- components/trees
- components/vertical-tabs
-
Fixed broken links in earlier release notes
-
Updated Icons to 9.37.1
- Updated Icons to 9.36.1
- Updated Icons to 9.35.0
- Moved font-size declaration on touch devices to the touch CSS file
- Corrected class name in Progress Bar Circular example
- Corrected various documentation typos and formatting in:
- components/activity-timeline
- components/alert
- components/app-launcher
- components/avatar-group
- components/breadcrumbs
- components/builder-header
- components/button-groups
- components/button-icons
- components/buttons
- components/cards
- components/carousel
- components/chat
- components/color-picker
- components/combobox
- components/data-tables
- components/datepickers
- components/datetime-picker
- components/drop-zone
- components/dueling-picklist
- components/dynamic-menu
- components/expandable-section
- components/expression
- components/file-selector
- components/form-element
- components/global-header
- components/global-navigation
- components/icons
- components/illustration
- components/input
- components/menus
- components/page-headers
- components/panels
- components/path
- components/picklist
- components/pills
- components/progress-indicator
- components/progress-ring
- components/prompt
- components/publishers
- components/scoped-notifications
- components/setup-assistant
- components/tabs
- components/trees
- utilities/borders
- utilities/description-list
- utilities/line-clamp/docs.mdx
- Removed
slds-is-mobile
scoping class. Touch related styles will now be applied automatically via a feature detection media query. - Blueprints now use specific
_touch.scss
files for touch context styling.
- Updated node dependencies to remove vulnerabilities.
- Updated project readme to recommend use of the Storybook development environment.
- Added
-moz
and-webkit
prefixes toappearance : none
rules - Generate a sanitized version of SLDS in
.dist
that does not contain--
BEM notation for modifiers, removes deprecated code, and only imports support Lightning Web Components.
- All mobile/touch enhancements are now scoped
slds-is-mobile
. The scoping class should be applied to thehtml/body
element.
- Update color swatch to latest token values
- Removed support for ASE color swatch format
- Fix
font-size
ofbody
to adjust when on a touch-enabled device
- Moved all components to mdx documentation
- Fix import statement for VisualForce specific styles
- Redesigned our Design Tokens page to include GA vs Internal designations and "New" badges
- Added Release Notes to individual component pages
- Improved the accessibility of links on our site
- Added new design guidelines for Builders and Empty States
- Moved Tree Grid to its own item, instead of being included in Trees
- Added variable spacing tokens to support new Densification settings