- Updated neutral-50 color to close icon when the '.slds-button_icon-inverse' class is not present beside/under the .slds-modal__close selector
- Updated icons to
v10.10.0
-
Standard Set:
- Added data_governance
- Added data_lake_objects
- Added inbox
- Added metric
- Added metric_definition
- Added omni_channel
- Added operation_plan
- Added operation_plan_execution
- Added operation_plan_request
- Added operation_plan_step
- Added operation_plan_step_execution
- Added policy
- Added prep_flow
- Added query_editor
- Added robot
- Added taxonomy
- Added visualization
- Added workspace
-
Utility Set:
- Added angle
- Added card_details
- Added circle
- Added cms
- Added contactless_pay
- Added format
- Added height
- Added highlight
- Added line_chart
- Added output
- Added replay
- Added robot
- Added sort_ascending
- Added width
- Added work_queue
-
Doctype Set
- Added shared_folder
-
- Updated documentation in Styling Hooks table
- Added shadow for today's date to maintain accessibility
- Updated focus ring color for links to blue-40.
- bump icon version
- Updated focus styles for buttons and input elements
- Updated account icon bg to blue-30
- New focus styles incorporated to all components.
- Updated icons to
v10.8.3
-
Standard Set:
- Added account_score
- Added aggregate
- Added app_form_participant
- Added app_form_product_participant
- Added cost_model
- Added labels
- Added list_fee
- Added list_rate
- Added party_profile
- Added path_experiment
- Added people_score
- Added price_adjustment_schedule
- Added price_adjustment_tier
- Added program_cohort
- Added program_cohort_member
- Added rate_adjustment
- Added record_consent
- Added whatsapp
-
Utility Set:
- Added aggregate
- Added array
- Added bottom_group_alignment
- Added cant_sync
- Added center_group_alignment
- Added columns
- Added fully_synced
- Added inner_join
- Added join
- Added left_join
- Added not_in_sync
- Added not_saved
- Added outer_join
- Added path_experiment
- Added program_cohort
- Added program_cohort_member
- Added record_consent
- Added right_join
- Added skill
- Added sync_in_progress
- Added top_group_alignment
-
- Moved global styling hooks from slds-wcag class selector to root selector scope.
-
Inbuilt Header introduced for tabs. The header scales as per the size modifiers.
-
Updated icons to
v10.8.2
-
Standard Set:
- Added custody_chain_entry
- Added custody_entry_verification
- Added custody_override
- Updated data_cloud
- Added digital_verification_config_group
- Added digital_verification_config
- Added linked
- Added prompt_builder
- Added real_time
- Added scheduling_workspace_territory
- Updated story
- Added title_party
- Added work_summary
-
Utility Set:
- Added add_above
- Added add_below
- Updated apex_alt
- Added asset_repossessed
- Updated data_cloud
- Updated einstein_alt
- Added locked_with_additions
- Added payment_deferred
- Added plane
- Added prompt_builder
- Added real_time
- Added record_collection
- Added sparkle
-
-
Updated
disabled
state colors for all components. -
Added
aria-label="disabled"
toRichTextEditor
component which is similar toRteToolbar
. -
Added Button element for
Pill
remove feature. Now remove button is focusable and can be clickable. -
Updated RTL stylings for
setup-assistant
component -
Added new shadow styling hook to implement new focus style.
- Updated icons to
v10.7.0
-
Standard Set:
- Added
attribute_based_pricing
- Added
bundles_pricing
- Added
data_cloud
- Added
data_graph
- Added
dynamic_highlights_panel
- Added
header_discounts
- Added
impact_outcome
- Added
impact_strategy_assignment
- Added
impact_strategy
- Added
indicator_assignment
- Added
indicator_definition
- Added
indicator_performance_period
- Added
indicator_result
- Added
manual_discounts
- Added
no_code_model
- Added
outcome_activity
- Added
panel_detail
- Added
price_adjustment_matrix
- Added
registered_model
- Added
repeaters
- Added
scheduling_workspace
- Updated
story
- Added
time_period
- Added
uploaded_model
- Added
volume_discounts
- Added
walkthroughs
- Added
-
Utility Set:
- Added
apex_alt
- Added
data_cloud
- Added
data_graph
- Added
data_transforms
- Added
guidance
- Added
indicator_performance_period
- Added
mixed_sources_mapping
- Added
page_structure
- Added
visibility_rule_assigned
- Added
walkthroughs
- Added
-
- Updated background colors for Standard and Actions icons
- Standard Icons Set
- Updated
event
- Updated
dashboard
- Updated
case
- Updated
note
- Updated
contact
- Updated
lead
- Updated
campaign
- Updated
products
- Updated
user
- Updated
contract
- Updated
category
- Updated
catalog
- Updated
store
- Updated
buyer_account
- Updated
buyer_group
- Updated
delegated_account
- Updated
entitlement_policy
- Updated
- Updated icons to
v10.6.1
- Utility Set:
- Added
edit_gpt
- Updated
einstein
- Added
sparkles
- Added
- Utility Set:
- Correction in icons package version.
- Updated placeholder text color for Rich Text Editor
- Updated docked utility component's unread notification state icon color
- Updated border colors for Feeds component
- Fixed text-selection color issues which was introduced by WCAG 2.1 updates.
- Fixed border colors for components.
- Fixed grid column size classes where the
slds-col-
class now applies 'flex: 1 1 auto,' which breaks grid layouts when combined withslds-small|medium|large-size_*
classes. This results in incomplete rows and layout issues.
- Update transparency values (rgba and design tokens) with transparent SLDS global styling hooks
- Changed anchor link ouline border black color to blue-50
- Updated background colors for Standard and Actions icons
- Updated icons to
v10.6.0
-
Standard Set:
- Added
bill_of_materials
- Added
buyer_group_qualifier
- Added
datashare_target
- Added
datashares
- Added
disclosure_and_compliance
- Added
document_preview
- Added
facility_bed
- Added
market
- Added
price_sheet
- Added
mulesoft
- Added
-
Utility Set:
- Added
add_source
- Added
app_web_messaging
- Added
bookmark_stroke
- Added
buyer_group_qualifier
- Added
document_preview
- Added
expired
- Added
favorite_alt
- Added
heart
- Added
hourglass
- Added
integration
- Added
market
- Added
more
- Added
notification_off
- Added
notification_snoozed
- Added
profile_alt
- Added
promotion_tiers
- Added
sender_email
- Added
service_appointment
- Added
service_report
- Added
toggle_off
- Added
toggle_on
- Added
mulesoft
- Added
-
- Updated colors for various components:
- Button Icons
- Carousel
- Checkbox Button
- Checkbox Toggle
- Checkbox
- Combobox
- Data Tables
- Dynamic Icons
- File Selector
- Pills
- Popovers
- Progress Indicator
- Radio Group
- Select
- Spinners
- Split View
- Tabs
- Visual Picker
-
Updated constant colors codes with global slds hooks
-
Added two new dependencies for SLDS global styling hooks generation,
@salesforce-ux/sds-styling-aliases
with version0.2.4
@salesforce-ux/sds-styling-hooks
with version1.1.0-alpha.2
-
Updated
gulp
file to include SLDS global hooks generation as part of build and dist jobs -
Updated design tokens in every component and utility with SLDS global styling hooks (except Brand-related tokens)
-
Updated CI workflows migrating from CircleCI to GitHub Actions
-
Updated icons to
v10.5.5
-
Standard Set:
- Added
asset_hierarchy
- Added
budget_category_value
- Added
budget_period
- Updated
crypto_category_wallet_group
- Added
crypto_transaction_envelope_change_snapshot
- Added
data_transforms
- Added
funding_award_adjustment
- Added
funding_requirement
- Added
promotion_tiers
- Added
slack_conversations
- Added
your_account
- Added
-
Utility Set:
- Added
asset_object
- Added
budget_category_value
- Added
budget_period
- Added
contact
- Added
funding_award_adjustment
- Added
funding_requirement
- Added
http
- Added
knowledge_smart_link
- Added
lead
- Added
maintenance_plan
- Added
no_return
- Added
opportunity
- Added
orders
- Added
product
- Added
proposition
- Added
queue
- Added
send_log
- Added
service_contract
- Added
slack_conversations
- Added
your_account
- Added
-
DocType Set:
- Updated
rtf
- Updated
folder
- Updated
library_folder
- Updated
-
-
Updated BG color to below Standard Icons
connect_wallet
crypto_product_category_wallet_role
crypto_product
crypto_transaction_envelope_change_log
crypto_transaction_envelope
crypto_transaction
crypto_wallet_group_item
crypto_wallet_group
crypto_wallet
nft_settings
nft_studio
-
Updated icons to
v10.4.0
-
Standard Set:
- Added
ai_accelerator_card
- Added
connect_wallet
- Added
contract_line_outcome
- Added
contract_line_outcome_data
- Added
crypto_category_wallet_group
- Added
crypto_product
- Added
crypto_product_category_wallet_role
- Added
crypto_transaction
- Added
crypto_transaction_envelope
- Added
crypto_transaction_envelope_item
- Added
crypto_wallet
- Added
crypto_wallet_group
- Added
crypto_wallet_group_item
- Added
customer
- Added
customer_workspace
- Added
learner_program
- Added
nft_settings
- Added
nft_studio
- Added
prompt
- Added
setup_modal
- Added
snippet_alt
- Added
tax_policy
- Added
tax_rate
- Added
tax_treatment
- Added
water
- Added
-
Action Set:
- Added
action_scan_enabled
- Added
action_scan_disabled
- Added
-
Utility Set:
- Added
captions
- Added
contract_line_outcome
- Added
contract_line_outcome_data
- Added
customer
- Added
customer_workspace
- Added
detach
- Added
hazmat_equipment
- Added
label
- Added
labels
- Added
record_alt
- Added
segments
- Added
tax_policy
- Added
tax_rate
- Added
tax_treatment
- Added
tollways
- Added
transport_bicycle
- Added
transport_heavy_truck
- Added
transport_light_truck
- Added
transport_walking
- Added
utility
- Added
water
- Added
-
-
BRAND updates to below colors of the palette
PALETTE_GREEN_20
:#1C3326
PALETTE_GREEN_40
:#396547
PALETTE_HOT_ORANGE_20
:#4A2413
PALETTE_INDIGO_20
:#321D71
PALETTE_PURPLE_80
:#D7BFF2
PALETTE_VIOLET_20
:#481A54
- 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