@salesforce-ux/design-system

## Release 2.27.1 - May 7, 2025 ## Component Blueprints ### [Cards](https://www.lightningdesignsystem.com/components/cards) #### Fixed - Add missing `--slds` component hooks fallbacks to match existing `--sds` hooks ### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle) #### Fixed - Add missing `--slds` component hooks fallbacks to match existing `--sds` hooks ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) #### Fixed - Add missing `--slds` component hooks fallbacks to match existing `--sds` hooks ## Release 2.27.0 - April 17, 2025 - Update icons to `v10.12.2` - Standard set - Added it_service_management - Utility set - Added it_service_management - Styling Hooks - Include a new set of global and shared hooks in the dist CSS for "default", "sanitized", "offline", and "minified" versions. - For this release, the new hooks are scoped exclusively to a predefined list of Lightning Web Component primitives, Copilot elements, and a catch-all class. (This is set to change in the future.) - Update icons to `v10.12.1` - Utility set - Added ai_search - Update icons to `v10.12.0` - Standard set - Added entity_milestone_time - Added entity_milestone_date - Added outcome_timebound - Added outcome_datebound - Added submit_for_approval - Updated flow - Updated apex - Updated apex_plugin - Updated assignment - Updated decision - Updated loop - Utility set - Added ai_app - Added submit_for_approval - Added slack_user_add - Added slack_thread - Added slack_mentions - Added slack_formatting - Added slack_ai_summary - Added slack_add_reaction - Added slack_lock - Added slack_channel - Added slack_user - Added slack_notifications_on - Added slack_notifications_off ## Component Blueprints ### [Activity Timeline](https://www.lightningdesignsystem.com/components/activity-timeline) #### Added - Adds _touch.scss to fix the css issue for touch devices ### [Avatar](https://www.lightningdesignsystem.com/components/avatar) #### Added - Added focus style to avatar ### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons) #### Added - Added bordered transparent - with dropdown example ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Added - Added `aria-hidden` attribute to required checkbox label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle) #### Changed - Added no flip rule to the checkbox-toggle, faux border style to fix rtl bug ### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker) #### Fixed - Fixes the color picker inputs alignment #### Changed - Added border to color-picker swatch ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Fixed - Fixed lookup variant focus style ### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables) #### Added - Added `aria-hidden` attribute to required input label asterisk on edit cell popover to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) - Added focus styles to slds-select within datepicker, in error state. ### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker) #### Added - Added `aria-hidden` attribute to required datetime picker label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist) #### Added - Added `aria-hidden` attribute to required select option label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [File Selector](https://www.lightningdesignsystem.com/components/file-selector) #### Changed - `aria-labelledby` attribute is removed from HTML input file and added to the wrapper div along with `role='group'` as per accessibility requirements. ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Added - Added `aria-hidden` attribute to required form element label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Global Header](https://www.lightningdesignsystem.com/components/global-header) #### Changed - Updated focus state style of the avatar ### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation) ## Fixed - Fixed issue in grouped menu subheadings not being announced in screen reader ### [Menus](https://www.lightningdesignsystem.com/components/menus) ## Fixed - Fixed issue in grouped menu subheadings not being announced in screen reader - Updated nubbin positions for Dropdown in RTL #### Added - Added focus style to menu item sub-header ### [Path](https://www.lightningdesignsystem.com/components/path) #### Fixed - Fixed text color of lost stage that also fixes minimum contrast ratio requirements. ### [Pills](https://www.lightningdesignsystem.com/components/pills) #### Changed - Updated focus state style of all the Pill variants ### [Popovers](https://www.lightningdesignsystem.com/components/popovers) ## Added - Added examples with a dark background for the feature and walkthrough popover variants. ## Updated - Updated header error background color ### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group) #### Added - Added `aria-hidden` attribute to required radio button group label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group) #### Added - Added `aria-hidden` attribute to required radio group label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria ### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor) #### Changed - Updated focus state style of the RTE container ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) ## Fixed - Added fallback value to focus style for tabs. ### [Toast](https://www.lightningdesignsystem.com/components/toast) #### Changed - Updated the toast close button icon to its default size (14x14) by removing the `slds-button__icon_large` class. ### [Tooltips](https://www.lightningdesignsystem.com/components/tooltips) #### Added - Added 160px max-width to `.slds-popover_tooltip, .slds-popover--tooltip` for screen sizes up to 480px, to ensure tooltips do not overflow on small and mobile screens. ### [Tree Grid](https://www.lightningdesignsystem.com/components/tree-grid) #### Fixed - Resolved an issue where a white background box appeared on mouseover of a wrapped cell. This fix applies only to any cell with the `slds-cell-wrap` class. ### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation) #### Added - Added fallback value for focus style of nav item ## Release 2.26.2 - February 6, 2025 ## Component Blueprints ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Fixed - Move clear fix from 2.26.1 to target specific selectors, use clearfix mixin to avoid more edge cases (e.g. background colors) ## Release 2.26.1 - January 30, 2025 - Update icons to `v10.11.2` - Standard Set: - Added changes - Utility Set: - Updated border_all svg - Added changes ## Component Blueprints ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Fixed - Move clear fix applied in release 2.25.6 to a different form element to avoid possible regressions. ## Release 2.26.0 - January 16, 2025 - Update icons to `v10.11.1` - Renamed summary_usage to usage_summary - Renamed summary_liable to usage_billing_period_item - Renamed usage_rateable_summary to usage_ratable_summary - Update icons to `v10.11.0` - Standard Set: - Added ad_event_action - Added ad_event_cause - Added ad_event_effect - Added ad_event_factor - Added ad_event_info - Added ad_event_outcome - Added ad_event_party - Added adverse_event - Added billing - Added calculated_dimension - Added calculated_measure - Added disease_defintion_criteria - Added disese_investigation - Added disease_outbreak - Added edit_form - Added enrollee_status - Added eval_result - Added event_ext - Added life_sciences - Added map_line_item - Added medication_administration - Added member_period - Updated metric - Added patient_service - Added procedure_output_resolution - Added program_detail - Added program_site - Added program_status - Added prospect - Added replace - Added reset_password - Added send_log - Added study - Added study_candidate - Added study_related - Added sub_metric - Added summary_liable - Added summary_usage - Added table - Added transaction_usage_entitlement - Added usage_entitlement_account - Added usage_entitlement_bucket - Added usage_entitlement_entry - Added usage_ratable_summary - Utility Set: - Added agent_astro - Added applied_amount - Added billing - Added border_all - Added border_bottom - Added border_left - Added border_right - Added border_top - Added co_ins_infusion - Added co_insurance - Added copay - Added copay_infusion - Added coverage_type - Added deductible - Added deductible_met - Added deny_access_field - Added deny_access_object - Added deny_access_row - Added donut_chart - Added emoji_above_average.svg - Added emoji_average.svg - Added emoji_bad.svg - Added emoji_below_average.svg - Added emoji_excellent.svg - Added emoji_good.svg - Added emoji_outstanding.svg - Added emoji_very_bad.svg - Added emoji_very_good.svg - Added emoji_worst.svg - Added expense - Added expense_report - Added field_currency_calc - Added field_date_calc - Added field_date_time_calc - Added field_dimension_calc - Added field_measure_calc - Added list_email - Added lt_max - Added lt_remaining - Added mask_field - Added messaging_conversation - Added oop_annual - Added oop_applied - Added oop_max - Added oop_total - Added partner_fund_request - Added paused_call - Added people_score - Added policy - Added pre_auth - Added pro_network - Added regenerate - Added response_date - Added sales_channel - Added status_code - Added suggested_for_you - Updated textbox - Updated the deprecated hooks. This process was to update the deprecated component level hooks to latest ones. - We have added the latest hooks at the front and kept all the previously existed ones as fallback value to support backward compatibility - The components updated are - accordion, alert, avatar, breadcrumbs, buttons, card, input, modals, pills, tabs, textarea, toast, tooltips. ## Updated - Updated popover header error background color. ## Component Blueprints ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Fixed - Fixed input dropdown visibility issue in ff and safari caused by container query in a previous fix - Changed the alignment of address form element. This fixes the alignment issue in cases where help text is present. - Record form .slds-form__item width is now fluid when parent container is less than 280px - Fixed (added) back bem syntax for backwards compatibility ### [Form Layout](https://www.lightningdesignsystem.com/components/form-layout) #### Fixed - Changed the alignment of address form element. This fixes the alignment issue in cases where help text is present. ### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group) #### Added - Added no flip rule for the radio-group to fix rtl bug ### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor) #### Updated - Fix sub-list sequence counter issue - Updated spacing for all the sub-list items ### [Scoped Notifications](https://www.lightningdesignsystem.com/components/scoped-notifications) #### Fixed - Fixed color of links (Anchor tags) to meet minimum contrast requirements against light background. ### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation) #### Fixed - Fixed (added) back bem syntax for backwards compatibility ## Release 2.25.6 - January 16, 2024 ## Component Blueprints ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Fixed - Fixed form element label alignment for Horizontal layout when labels have multiple words in small screens. ## Release 2.25.5 - December 2, 2024 - Updated icons to `v10.10.1` - Utility Set: - Added agent_astro ## Release 2.25.4 - November 14, 2024 ## Component Blueprints ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Updated - Date format is now hidden via `.slds-assistive-text` by default. This remains hidden when there are errors present on the input. - Date format becomes visible when the input has focus by removing `.slds-assistive-text`. - Date format is shown as an example date prefixed with "Format: " (e.g., Format: 12/31/2024). ### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker) #### Updated - Date format is now hidden via `.slds-assistive-text` by default. This remains hidden when there are errors present on the input. - Date format becomes visible when the input has focus by removing `.slds-assistive-text`. - Date format is shown as an example date prefixed with "Format: " (e.g., Format: 12/31/2024). ## Release 2.25.3 - October 10, 2024 ## Fixed - Updated neutral-50 color to close icon when the '.slds-button_icon-inverse' class is not present beside/under the .slds-modal__close selector ## Release 2.25.2 - September 26, 2024 ## Component Blueprints ### [Popovers](https://www.lightningdesignsystem.com/components/popovers) ## Fixed - Fixed the incorrect text color for brand button variant when used in warning popover footer ## Release 2.25.1 - September 19, 2024 ## Component Blueprints ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Added - Add outline for selected date - Add outline for selected range of dates ### [Input](https://www.lightningdesignsystem.com/components/input) #### Fixed - Fixed datetime-local input to prevent content cut off in iOS devices. ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Updated - Updated the modals blueprint to display a white background for the close button (X) to improve visibility for people with low vision. Specifically, we updated the close button (X) color from white to gray by removing the `slds-button_icon-inverse` class. To display the modal close button correctly, don’t use the `slds-button_icon-inverse` class for your close button markup. ## Release 2.25.0 - August 15, 2024 - 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 ## Component Blueprints ### [Buttons](https://www.lightningdesignsystem.com/components/buttons) #### Fixed - Refactored Kinetics Button Base underline to beBu more adaptive to overrides in padding, margin, and line-height ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Fixed - Fixed combobox from repeating selection twice in screen reader ### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables) #### Changed - Changed the hover color for the icons used in inline edit variant - Changed the dropdown options color when disabled ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Added - Add inline date format `div` with content `mm/dd/yyyy` for all datepickers that are not in error state. - Add inline date format `div` with content `mm/dd/yyyy` for the date portion of all datetime-pickers that are not in error state. - Add in focus accessibility guideline when closing calendar. #### Updated - Updated datepicker component blueprint with the required date input format to improve accessibility and meet Web Content Accessibility Guidelines (WCAG). ### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker) #### Updated - Updated datetime-picker component blueprint with the required date input format to improve accessibility and meet Web Content Accessibility Guidelines (WCAG). ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Updated - Updated background color of the Modal's close icon along with its active state styling ### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group) #### Added - Added aria attributes for required variant ## Release 2.24.6 - August 28, 2024 ## Updated - Updated documentation in Styling Hooks table ## Utilities ### [Margin Utility](https://www.lightningdesignsystem.com/utilities/margin) #### Updated - Updated documentation regarding veriable density ### [Padding Utility](https://www.lightningdesignsystem.com/utilities/padding) #### Updated - Updated documentation regarding veriable density ## Release 2.24.5 - June 27, 2024 ## Added - Added shadow for today's date to maintain accessibility ## Component Blueprints ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Added - Added shadow for today's date to maintain accessibility ## Release 2.24.4 - June 13, 2024 ## Updated - Updated focus ring color for links to blue-40. ## Component Blueprints ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) ## Fixed - Added new focus style for tabs when `.slds-has-focus` class is getting added. ## Release 2.24.3 - Jun 6, 2024 ## Updated - bump icon version ## Release 2.24.2 - May 2, 2024 ## Component Blueprints ### [Accordion](https://www.lightningdesignsystem.com/components/accordion) ## Removed - Remove max-width prop from accordion on focus/hover ### [Popovers](https://www.lightningdesignsystem.com/components/popovers) ## Updated - Update Menu Overflow variant margin-left ## Release 2.24.1 - April 25, 2024 ## Updated - Updated focus styles for buttons and input elements - Updated account icon bg to blue-30 ## Release 2.24.0 - April 18, 2024 ## Added - 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 ## Component Blueprints ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Changed - Updated Combobox blueprint to use `role="option"` on div wrapping loading spinner ### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables) #### Changed - Introduced a new hidden element which helps screen reader announce its state when a cell content has been updated ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Fixed - Removed `aria-labelledby` from `<table />` element on the blueprint - Update `aria-live` from "assertive" to "polite" and `aria-atomic` from "true" to "false" for the month title `<h2>` in `DatepickerHeader` on the blueprint ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Added tabindex to the heading element to make it programmatically focusable. #### Fixed - Fixed modal by removing code explicitly scoped to patching internal, private implementations. Appropriate styles will be displayed again. ### [Pills](https://www.lightningdesignsystem.com/components/pills) ## Changed - Fixed tap target size of close icon in Pill to meet 24x24. ## Added - Added new truncated state for Pill as a tooltip. - Updated focus style. ### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator) #### Changed - Updated Progress Step `button` to `div`. - Added tabindex="0" to above `div` to make it focusable. - Removed `aria-describedby` and `title` attributes. - Updated focus style for Web and Mobile. ### [Tooltips](https://www.lightningdesignsystem.com/components/tooltips) #### Changed - Updated Tooltip component description. ## Release 2.23.2 - February 1, 2024 - Moved global styling hooks from slds-wcag class selector to root selector scope. ## Component Blueprints ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Fixed token notation in header padding-right property ## Release 2.23.1 - January 16, 2024 ## Component Blueprints ### [Pills](https://www.lightningdesignsystem.com/components/pills) ## Changed - Added Button element for `Pill` remove feature. Now remove button is focusable and can be clickable. - Removed non applicable ARIA attributes after markup updates. ## Release 2.23.0 - December 14, 2023 - 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"` to `RichTextEditor` component which is similar to `RteToolbar`. - 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. ## Component Blueprints ### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle) #### Changed - Updated Checkbox Toggle Focus Style. ### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker) #### Changed - Updated assistive text content. ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Changed - Updated Combobox disabled color ### [Input](https://www.lightningdesignsystem.com/components/input) #### Fixed - Removed wrapping for date input type, which was causing some dates to be cut off. ### [Menus](https://www.lightningdesignsystem.com/components/menus) #### Changed - Updated Dropdown Inverse item disabled color ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) ## Added - Inbuilt Header introduced for tabs. The header scales as per the size modifiers. ## Release 2.22.2 - November 9, 2023 ## Component Blueprints ### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant) #### Changed - Moved unscoped .slds-media__figure to setup-assistant rtl styles ## Release 2.22.1 - November 2, 2023 ## Component Blueprints ### [App Launcher](https://www.lightningdesignsystem.com/components/app-launcher) ### Fixed - App Launcher button is visibility when Windows high-contrast mode is enabled. ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Fixed - High contrast when the focus is placed on it. ### [Dynamic Icons](https://www.lightningdesignsystem.com/components/dynamic-icons) #### Fixed - Fixed the app launcher button is invisible When windows high contrast is enabled. ### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator) #### Fixed - Matching styles for [dir=rtl] added. ### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant) #### Added - Matching styles for [dir=rtl] added. ### [Summary Detail](https://www.lightningdesignsystem.com/components/summary-detail) #### Fixed - Matching styles for [dir=rtl] added. ## Release 2.22.0 - August 16, 2023 - 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` - 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` ## Fixed - 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` ## Component Blueprints ### [Activity Timeline](https://www.lightningdesignsystem.com/components/activity-timeline) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content  ### [Carousel](https://www.lightningdesignsystem.com/components/carousel) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content ### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle) #### Fixed - Fixed `NVDA` checkbox toggle is announced twice removed aria-live="assertive" ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Added - Tooltip option provided for Date/DateTime pickers. - Updated from tabindex to tabIndex. ### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables) #### Added - Added `font-weight` property in `.slds-is-edited` & `.slds-has-error` to provide secondary indicator for the text - Updated `Accessibility` section in `docs.mdx` documentation file for bold text ### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables) #### Changed - Removed `aria-label` from table header to prevent from reading twice headers. ### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers) #### Added - Added datepicker example with field level tooltip ### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker) #### Added - Tooltip option provided for Date/DateTime pickers. - Added `slds-datetimepicker_has-tooltip` class to fix the icon misalignment issue. ### [Expandable Section](https://www.lightningdesignsystem.com/components/expandable-section) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Changed - Added field level custom message option for tooltip ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Optimized full size option and refactored to use CSS grid. - Updated full size variant to trigger at the `$mq-small` breakpoint to prevent larger devices from receiving the variant. ### [Panels](https://www.lightningdesignsystem.com/components/panels) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content ### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring) #### Fixed - Fixed duplicate IDs by adding helper method ### [Split View](https://www.lightningdesignsystem.com/components/split-view) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content ### [Summary Detail](https://www.lightningdesignsystem.com/components/summary-detail) #### Changed - Replaced aria-hidden with hidden attribute for components that show/hide content  ## Release 2.21.5 - July 19, 2023 ## Component Blueprints ### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle) #### Changed - Updated disabled checkbox toggle button color. ## Release 2.21.4 - July 17, 2023 - Updated icons to `v10.6.1` - Utility Set: - Added `edit_gpt` - Updated `einstein` - Added `sparkles` ## Release 2.21.3 - June 29, 2023 ## Fixed - 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 ## Release 2.21.2 - June 15, 2023 ## Fixed - Fixed text-selection color issues which was introduced by WCAG 2.1 updates. - Fixed border colors for components. ## Release 2.21.1 - May 18, 2023 ## Fixed - Fixed grid column size classes where the `slds-col-` class now applies 'flex: 1 1 auto,' which breaks grid layouts when combined with `slds-small|medium|large-size_*` classes. This results in incomplete rows and layout issues. ## Release 2.21.0 - April 20, 2023 ## Fixed - 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` - 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` ## Component Blueprints ### [Buttons](https://www.lightningdesignsystem.com/components/buttons) #### Added - Configured `--slds-c-button-text-color-hover` Styling hook in Button with dual-stateful to accurately apply the text color on-hover ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) #### Fixed - Fixed by adding tabindex for `scrollable region must have keyboard access` wcag issue - Fixed by adding dynamic Ids for duplicate-id-aria issue - Fixed by adding unique Ids,aria-label for `aria-allowed-attr` wcag issue ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) ## Added Added `aria-label` to meet accessibility requirements specifically for screen readers. ### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation) #### Added - Added `role="presentation"` for globlal navigation's overflow tab item ### [Menus](https://www.lightningdesignsystem.com/components/menus) ## Fixed - Fixed invalid aria roles issue in subheadings with `role=presentation` ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Fixed - Fixed `aria-labelledby` to meet accessibility requirements specifically for screen readers. ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Added full size option for modal. This will allow the modal to reach full screen for mobile screen size and devices. When screen is bigger than mobile screen width (from 768px), full size modal will take on large size modal behaviour. - Changed close button to meet accessibility requirement when in full size and in mobile width. ### [Path](https://www.lightningdesignsystem.com/components/path) #### Added - Added `aria-labelledby` to meet accessibility requirements specifically for screen readers. ### [Picklist](https://www.lightningdesignsystem.com/components/picklist) #### Added - Added aria-label and tabindex to fix aria-allowed-attr and aria-label sa11y issue.  ### [Picklist](https://www.lightningdesignsystem.com/components/picklist) #### Added - Added `aria-label` for picklist examples to meet accessibility requirements. ### [Popovers](https://www.lightningdesignsystem.com/components/popovers) #### Added - Added button to the story `body-max-height-small` to fix scrollable-region-focusable wcag issue. - Added `title` attribute to meet accessibility requirements. ## 2.19 #### Fixed - Fixed hardcoded walk through header and alt image paths  ### [Progress Bar](https://www.lightningdesignsystem.com/components/progress-bar) #### Added - Added id to aria-labelledby to meet accessibility requirements.  ### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator) #### Added - Added id to aria-labelledby to meet accessibility requirements. ### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring) #### Added - Added aria-label attribute to the progress ring to meet accessibility requirements. ### [Slider](https://www.lightningdesignsystem.com/components/slider) #### Added - Added unique id to fix duplicate-id-aria wcag issue  ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) #### Added - Added `role="presentation"` for overflow tab item. ### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation) #### Added - Configured `slds-nav-vertical__item` to add keyboard visual focus cue indicator ### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat) #### Fixed - Fixed by adding tabindex="0" and role="region" for Scrollable region must have keyboard access wcag issue ## 2.19 #### Fixed - Fixed hardcoded base info background image path  ## Utilities ### [Scrollable Utility](https://www.lightningdesignsystem.com/utilities/scrollable) #### Added - Added tabindex to fix Scrollable region must have keyboard access wcag issue ## Release 2.20.1 - December 16, 2022 - 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 ## Release 2.20.0 - December 15, 2022 - Updated constant colors codes with global slds hooks - Added two new dependencies for SLDS global styling hooks generation, - `@salesforce-ux/sds-styling-aliases` with version `0.2.4` - `@salesforce-ux/sds-styling-hooks` with version `1.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` - 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` - DocType Set: - Updated `rtf` - Updated `folder` - Updated `library_folder` - 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` ## Release 2.19.0 - August 11, 2022 - 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` - Action Set: - Added `action_scan_enabled` - Added `action_scan_disabled` - 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` - 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` ## Component Blueprints ### [Avatar](https://www.lightningdesignsystem.com/components/avatar) #### Fixed - Fixed base group image, group image medium and group image small hardcoded image paths ### [Dynamic Icons](https://www.lightningdesignsystem.com/components/dynamic-icons) #### Changed - Updated Global Action Help icon's `role` attribute from `presentation` to `img` for better accessibility compliance ### [Form Layout](https://www.lightningdesignsystem.com/components/form-layout) #### Added - Spacing Styling Hooks for Compound `Form` - `--slds-c-form-compound-spacing-block-start` to customize `margin top` - `--slds-c-form-compound-spacing-block-end` to customize `margin bottom` - `--slds-c-form-compound-spacing-block` to customize `margin top & bottom` - `--slds-c-form-compound-spacing-inline-start` to customize `margin left` - `--slds-c-form-compound-spacing-inline-end` to customize `margin right` - `--slds-c-form-compound-spacing-inline` to customize `margin left & right` - Spacing Styling Hooks for `Form Element` Row - `--slds-c-form-row-spacing-block-start` to customize `margin top` - `--slds-c-form-row-spacing-block-end` to customize `margin bottom` - `--slds-c-form-row-spacing-block` to customize `margin top & bottom` - `--slds-c-form-row-spacing-inline-start` to customize `margin left` - `--slds-c-form-row-spacing-inline-end` to customize `margin right` - `--slds-c-form-row-spacing-inline` to customize `margin left & right` ### [Global Header](https://www.lightningdesignsystem.com/components/global-header) #### Fixed - Fixed hardcoded base global header logo image path  ### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation) #### Added - Added `role="img"` to unread indicator dot to comply with accessibility usage rules for `aria-label` ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Added tabindex to Footless example for programmatic focus use case. ### [Progress Bar](https://www.lightningdesignsystem.com/components/progress-bar) #### Added - Added example for Success under States ### [Tabs](https://www.lightningdesignsystem.com/components/tabs) #### Added - Added `role="img"` to unread indicator dot to comply with accessibility usage rules for `aria-label` ## Release 2.18.1 - June 22, 2022 - Corrected typos in blueprints: - components/checkbox - components/vertical-navigation ## Release 2.18.0 - May 6, 2022 - Removed `&_` shorthand from numerous selectors in SCSS files - Updated icons to v10.3.0 - Standard Set: - Added `slack` - Added `tableau` - Added `dashboard_component` - Utility Set: - Updated `serialized_product_transaction` - Updated `serialized_product` - Added `data_model` - Added `slack` - Added `tableau` - Added `video_off` ## Component Blueprints ### [Accordion](https://www.lightningdesignsystem.com/components/accordion) #### Fixed - Fix for sass undefined operation compile error. - Fix wrong computed css margin rules. ### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons) #### Added - Added `slds-button_icon-large` to support a Large variant for contained button icons ### [Buttons](https://www.lightningdesignsystem.com/components/buttons) #### Changed - Removed `vertical-align` from button non-base variants to create vertical alignment consistency among all the buttons. ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Fixed - Right to left legend to be right aligned and match the alignment of content. - Checkbox margin to properly support RTL. ### [Form Element](https://www.lightningdesignsystem.com/components/form-element) #### Fixed - Fixed form element label to support RTL layout by removing left aligned spacing and placing it back on the opposite side. ### [Modals](https://www.lightningdesignsystem.com/components/modals) #### Changed - Added `slds-modal__content_footless` class to example for clarity. - Added clarifying notes around modal focus and header for accessibility, and modified Footless example to show tabindex. ### [Popovers](https://www.lightningdesignsystem.com/components/popovers) #### Changed - Removed `@noflip` annotation from nubbins to make RTL behavior consistent ### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group) #### Added - Added styling changes to support radio group with help text icon. - Added examples: Required with help text icon and Right to left required with help text icon to documentation - Added required with help text icon and tooltip example #### Fixed - Right to left legend to be right aligned and match the alignment of content. ### [Tiles](https://www.lightningdesignsystem.com/components/tiles) #### Added - Added annotations for tile board CSS classes. ## Release 2.17.5 - February 10, 2022 - Updated design token `COLOR_BACKGROUND_DESTRUCTIVE_HOVER` so that it is a different color from `COLOR_BACKGROUND_DESTRUCTIVE` ## Component Blueprints ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Fixed - Reverted layout changes originally introduced in 2.17.0 ### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group) #### Fixed - Reverted label layout changes introduced in 2.17.0 ### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat) #### Fixed - Reverted changes to checkbox layout introduced in 2.17.4 ## Release 2.17.4 - February 3, 2022 ## Component Blueprints ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Fixed - Checkbox inputs will no longer collapse horizontally when a label with a large amount of text is used. - All elements of an individual required checkbox (asterisk, input, and label) are now properly horizontally aligned. ### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat) #### Fixed - Centered checkboxes using the new Flexbox layout. ## Release 2.17.3 - January 27, 2022 ## Component Blueprints ### [Combobox](https://www.lightningdesignsystem.com/components/combobox) ## Fixed - Fixed spacing/alignment issue in `.slds-input_faux > span` for select-only combobox without a placeholder. ## Release 2.17.2 - January 20, 2022 ## Component Blueprints ### [Buttons](https://www.lightningdesignsystem.com/components/buttons) #### Added - Added `--slds-c-icon-color-foreground` Styling Hook to Button with Icon variant to accurately apply icon color updates - Due to how the Lightning Base Component is configured, this is required to allow CSS Custom Property reassignment to function within Button Icons ## Release 2.17.1 - January 6, 2022 ## Component Blueprints ### [Cards](https://www.lightningdesignsystem.com/components/cards) #### Changed - Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`) ## Release 2.17.0 - December 16, 2021 - 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 ## Component Blueprints ### [Alert](https://www.lightningdesignsystem.com/components/alert) #### Added - Added reassignment of Styling Hooks for component states. ### [Avatar](https://www.lightningdesignsystem.com/components/avatar) #### Added - Added CSS Custom Property reassignments for variants  ### [Badges](https://www.lightningdesignsystem.com/components/badges) #### Added - Added CSS Custom Property reassignments for variants and states (e.g., focus, active, hover). ### [Buttons](https://www.lightningdesignsystem.com/components/buttons) #### Added - Added Styling Hooks for Stateful Button and Dual Stateful Button. - Added missing `slds`-namespaced Styling Hooks (originally added in 2.16.0) ### [Cards](https://www.lightningdesignsystem.com/components/cards) #### Added - Added reassignment of Styling Hooks for component states. - Added clarification about card header icon assistive text. - Added clarification about card heading levels for accessibility. ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox) #### Added - Added CSS Custom Property reassignments for variants and states #### Changed - Labels will no longer wrap below the checkbox. When the label text wraps, it will now go directly under the previous line. ### [Checkb