<!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
<!-- !!! THIS FILE IS AUTO-GENERATED !!! DO NOT EDIT THIS FILE MANUALLY !!! -->

## Release 2.264.0 - Upcoming

- Updated `@salesforce-ux/icons` to version `v10.16.0`
  - Utility set
    - Added RTL support for six directional utility icons

## Release 2.30.3 - April 21, 2026

- Updated `@salesforce-ux/icons` to version `v10.15.2`
  - Utility set
    - Added alt_agent_astro

## Release 2.30.2 - April 20, 2026

- Fixed dist build to properly copy image assets and remove utf-8 encoding

## Release 2.30.1 - April 14, 2026

## Release 2.30.0 - April 6, 2026

- Updated `@salesforce-ux/icons` to version `v10.15.1`
  - Standard set
    - Updated shift_ui
  - Utility set
    - Added data_governance
- Updated `@salesforce-ux/sds-styling-hooks` to version `2.0.0-beta.14`.
- Updated `@salesforce-ux/icons` to version `v10.15.0`
  - Standard set
    - Added rcs_message
    - Added send_to_flow
    - Added shift_ui
    - Added inspector_brief
    - Added table_code
    - Added record_companion_agent
    - Added hierarchy_table
  - Utility set
    - Added in_app_messaging
    - Added scheduling_policy
    - Added rcs_message
    - Added alt_lock
    - Added recenter_alt
    - Added slack_microphone
    - Added slack_video
    - Added slack_image
    - Added slack_message
    - Added slack_list_item
    - Added slack_list
    - Added slack_new_window
    - Added recent
    - Added table_code
    - Added slack_canvas_content
    - Added inspector_brief
    - Added voice_mode
    - Added hierarchy_table
    - Added conversation_catch_up
    - Added einstein_replies
    - Added operations_plan
    - Added table_checked
    - Added table_interpreter
    - Added table_sparkle
    - Added slack_file
    - Added two_way
    - Added alt_unlock
    - Added recenter

## Component Blueprints
### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
- Added pointer cursor to checkbox input and label.

### [Markdown](https://www.lightningdesignsystem.com/components/markdown)
#### Added
- Introduced `slds-markdown`

## Release 2.29.0 - December 29, 2025

## Updated
- Updated `@salesforce-ux/sds-styling-hooks` to version `2.0.0-beta.13`.
- Updated icons to `v10.14.1`
  - Standard Set:
    - Added ai_slack_summary
    - Added end_call
    - Added in_app_messaging
    - Added mcp_server
    - Added play
    - Added similar_case
  - Utility Set:
    - Added data_lake_objects
    - Added dataspace
    - Added dataspaces
    - Added environment_hub
    - Added identified_guest
    - Added pref_dataspace
    - Added price_sheet
    - Added similar_case
    - Added slack_huddles
    - Added slack_lock_filled
    - Added slack_thumbs_down
    - Added slack_thumbs_up
    - Added slack_trash
    - Added slack_user_group
    - Added voicemail_drop_alt
    - Updated merge_field
  - Doctype Set
    - Added slack_lists
    - Added slack_list_item
    - Added slack_canvas

## Component Blueprints
### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
- Added `aria-hidden` to checkbox label and `aria-label` to associated input checkbox, removed `aria-labelledby` to allow screen reader to properly announce label if checkbox is under data table.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Fixed
- Fixed changes specific to timepicker combobox by adding readonly input state.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Fixed error icon and help text to be aligned with appropriate form control in horizontal form compact mode.

### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
#### Fixed
- Fixed global action favorites more button icon size to align with other action button icon

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Added an example to represent input with error icon in a horizontal form.
#### Updated
- Setting the padding to 0 in the mobile-specific CSS for native date type inputs.

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
- Added `aria-hidden` to radio group label and `aria-label` to associated input checkbox, removed `aria-labelledby` to allow screen reader to properly announce label if radio group is under data table.
- Added `cursor` with `pointer` for label.

### [Timepicker](https://www.lightningdesignsystem.com/components/timepicker)
#### Added
- Added `readonly` state support to timepicker combobox input.

### [Tree Grid](https://www.lightningdesignsystem.com/components/tree-grid)
#### Fixed
- Resolved an issue where a white background box appeared on mouseover of a cell if any column rendered with a custom component like button. The fix applied in the context of `slds-cell-wrap` class is now applicable by default.

## Release 2.28.1 - October 1, 2025

## Updated
- Updated `@salesforce-ux/sds-styling-hooks` to version `2.0.0-beta.11`.

## Release 2.28.0 - September 3, 2025

- Updated icons to `v10.13.0`
  - Doctype set
    - Added css
  - Standard set
    - Added secondary_index
    - Added sparkles
    - Added action_override
    - Added custom_entity
    - Added custom_textbox
    - Added tabset
    - Added agent_astro
    - Added push
    - Added business_unit
    - Added dx_pipeline
    - Added collection_alt
    - Added database
    - Updated feed
  - Utility set
    - Added language_settings
    - Added account
    - Added translate
    - Added fill_rate
    - Added dx_org_dev
    - Added dx_org_scratch
    - Added dx_org_production
    - Added dx_org_test
    - Added dx_commit
    - Added dx_change_request
    - Added dx_pipeline
    - Added dx_branch
    - Added analytics_promoted
    - Added analytics_referenced
    - Added analytics_extended
    - Added analytics_reused
    - Updated feed
- Updated `@salesforce-ux/design-system-primitive-tokens` to version `0.3.7` to apply BLUE_40 as the link text color.
- Updated color picker range indicator from <a> to a <button>
- Styling Hooks
  - Removed custom scope from styling hooks. The limited scope was introduced in 2.27.0, but it's now applied broadly (new scope `:where(html)`).
  - This change simplifies the styling hooks implementation and provides broader CSS scope as originally intended by the `sds-styling-hooks` package.

## Component Blueprints
### [Button Groups](https://www.lightningdesignsystem.com/components/button-groups)
#### Changed
- Modified display for `slds-dropdown-trigger` to `inline-flex`.

### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Added
- Added `role="tab"` to button menu component when it used under tabs for screen reader accessibility.

### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
#### Fixed
- Fixed checkbox clickable area to only apply within container.
#### Added
- Added `role="switch"` to input element to ensure accessibility.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Fixed
-  Update the selected value of grouped combobox variants to display a context label to meet the WCAG SC 3.3.2.
- Adds css to fix the height of empty list option in cases where `slds-truncate` class is not present
#### Fixed
- Fixed a11y concern with truncated menu options for longer text. The text for each option now wraps by default.
- Update examples to remove `slds-truncate` class from options. The `slds-truncate` class can still be used to achieve the previous behavior.

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Fixed
- Fixed close button focus indicator color to meet contrast ratio accessibility requirements.

## Release 2.27.2 - June 25, 2025

## Component Blueprints
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Fixed error help text to be aligned with appropriate form control

### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
#### Fixed
- Fixed specificity for left-side icon in input field

## 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 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
### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Removed
- In February 2025, we removed the `slds-truncate` class to address an issue with obscured text. The label text of list items can now wrap in combobox components.

### [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)

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Removed
- In February 2025, we removed the `slds-truncate` class to address an issue with obscured text. The label text of list items can now wrap in combobox components.

## 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
<!-- ## [VERSION] -->

### [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
<!-- ## [VERSION] -->

## 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.
<!-- ## [Unreleased] -->

### [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
<!-- ## [Unreleased] -->

### [Progress Bar](https://www.lightningdesignsystem.com/components/progress-bar)
#### Added
- Added id to aria-labelledby to meet accessibility requirements.
<!-- ## [Unreleased] -->

### [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
<!-- ## [Unreleased] -->

### [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
<!-- ## [Unreleased] -->

## 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
<!-- ## [Unreleased] -->

### [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
<!-- ## [Unreleased] -->

### [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.

### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
#### Added
- Added reassignment of Styling Hooks for component states.
#### Fixed
- Fixed spacing between checkbox toggle label and input on mobile.

### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker)
#### Changed
- Added `aria-label` attribute to listbox

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Added
- Added `slds-cell_action-mode` to blueprints of actionable data tables

### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
#### Fixed
- Fixed missing attribute `required` on date input

### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker)
#### Fixed
- Fixed missing attribute `required` on date input

### [Dynamic Icons](https://www.lightningdesignsystem.com/components/dynamic-icons)
#### Changed
- Updated dynamic icon colors to match new Salesforce color palettes.

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Removed
- Removed outdated documentation about changing background color, as this contradicts current Design System guidelines.
#### Added
- Added CSS Custom Property reassignments for variants and states

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Added reassignment of Styling Hooks for component states.
#### Changed
- `.slds-input_borders` now follows the prescribed usage guidelines and is only allowed on `readonly` Inputs.

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Added
- Added CSS Custom Property reassignments for variants and states.
- Added clarifying notes around modal focus for accessibility.
- Added `.slds-modal__content_headless` and `slds-modal__content_footless` classes for styling modal content.
#### Changed
- Changed `header` and `footer` to generic `div` tags for better accessibility semantics.
- Changed assistive text for close buttons in modals, and added notes to accessibility documentation.
- Changed default header level from `h2` to `h1` for semantics and added more description around using headers in the Accessibility section.
- Removed redundant `title` attribute from modal close button.
- Updated use of `aria-describedby` attribute for modal content, and clarified in accessibility documentation section.
- Added the `role="presentation"` attribute to the modal backdrop.
- Moved `slds-modal__close` out of the modal header container and adjusted styles and annotations accordingly.
- Headless modal variant no longer requires `slds-modal__header` in the markup.
#### Deprecated
- Deprecated older styles for previous markup of the `slds-modal__close` button.

### [Pills](https://www.lightningdesignsystem.com/components/pills)
#### Added
- Added reassignment of Styling Hooks for component states.

### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring)
#### Added
- Added a shape to the progress ring to better visually indicate value by more than color alone.

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Added
- Added CSS Custom Property reassignments for variants and states
#### Changed
- Labels will no longer wrap below the radio button. When the label text wraps, it will now go directly under the previous line.

### [Slider](https://www.lightningdesignsystem.com/components/slider)
#### Added
- Added CSS Custom Property reassignments for variants and states (e.g., focus, active, hover).

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Added
- Added reassignment of Styling Hooks for component states.

### [Textarea](https://www.lightningdesignsystem.com/components/textarea)
#### Added
- Added CSS Custom Property reassignments for variants and states

## Release 2.16.2 - September 22, 2021

## Component Blueprints
### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
## Removed
- Removed `display: flex` property from `.slds-combobox__form-element` which was added recently for ARIA 1.2 guidance.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Removed
- Removed `width` property from `.slds-input_faux` which was added recently for ARIA 1.2 guidance.

## Release 2.16.1 - August 25, 2021

## Release 2.16.0 - August 12, 2021

- In accordance with ARIA 1.2 guidance, the `input` was replaced with `button` 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

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Added
- Added link to accessibility keyboard interaction guidelines.

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- Added CSS Custom Property reassignments for variants and states (e.g., focus, active, hover)

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Changed
- Changed `slds-combobox__input` element from `input` to `button` per ARIA 1.2 guidance for select-only comboboxes.
- Updated to ARIA 1.2 compliance where these attributes are moved to the input, or button in the case of select-only: `role="combobox"`, `aria-expanded`, `aria-haspopup="listbox"`.
- Changed `@restrict` annotation of `.slds-combobox__input` from `.slds-combobox input` to `.slds-combobox__form-element input, .slds-combobox__form-element button`
- Changed `@restrict` annotation of `.slds-combobox__input-value` from `.slds-combobox input` to `.slds-combobox__input`

### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
#### Added
- Added examples for Required, Required with Error states
- Added hover style for dates
- Added `aria-label` to provide the full `DD MM YYYY` text of the date
#### Fixed
- Fixed missing attribute `aria-current="date"` when today's date falls inside of a selected range

### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker)
#### Added
- Added `aria-label` to provide the full `DD MM YYYY` text of the date
#### Added
- Added hover style for dates
#### Changed
- Removed the usage of the deprecated combobox. The Datetime Picker now uses the current combobox.

### [Dynamic Menu](https://www.lightningdesignsystem.com/components/dynamic-menu)
#### Changed
- Removed the usage of the deprecated combobox. The Dynamic Menu now uses the current combobox.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Correctly position help text under the corresponding input when in horizontal layout.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Created new class `slds-input_faux` to style read-only "inputs" where necessary for accessibility best practices, like combobox.

### [List Builder](https://www.lightningdesignsystem.com/components/list-builder)
#### Changed
- Removed the usage of the deprecated combobox. The List Builder now uses the current combobox.
- Updated [combobox](/components/combobox) to ARIA 1.2 compliance.

### [Lookups](https://www.lightningdesignsystem.com/components/lookups)
#### Changed
- Updated [combobox](/components/combobox) to ARIA 1.2 compliance.

### [Picklist](https://www.lightningdesignsystem.com/components/picklist)
#### Changed
- Removed the usage of the deprecated combobox. The Picklist now uses the current combobox.

### [Progress Bar](https://www.lightningdesignsystem.com/components/progress-bar)
#### Added
- Added `aria-label` attribute to the div with role of `progressbar` to meet accessibility requirements.

### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
#### Added
- Added `aria-label` attribute to the div with role of `progressbar` to meet accessibility requirements.

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Changed
- Removed the usage of the deprecated combobox. The Rich Text Editor now uses the current combobox.
- Updated [combobox](/components/combobox) to ARIA 1.2 compliance.

### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant)
#### Changed
- Updated checkbox toggle examples to "Off/On" and updated header text in alignment with text standards
- Switched the variant of the progress bar used in setup assistant from success to base.

### [Timepicker](https://www.lightningdesignsystem.com/components/timepicker)
#### Changed
- Removed the usage of the deprecated combobox. The Timepicker now uses the current combobox.
<!-- ## [VERSION] -->

### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat)
#### Added
- Added `aria-label` attribute to the div with role of `progressbar` to meet accessibility requirements.

## Release 2.15.8 - May 27, 2021

- Updated selected text highlight color token `COLOR_BACKGROUND_SELECTION` for better color contrast

## Component Blueprints
### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation)
#### Changed
- Replaced checked radio group navigation item background token with `BRAND_BACKGROUND_PRIMARY` branding token.

## Release 2.15.7 - May 14, 2021

## Component Blueprints
### [Panels](https://www.lightningdesignsystem.com/components/panels)
#### Added
- Added `aria-pressed` attribute to Panel toggle button

## Release 2.15.6 - May 7, 2021

## Component Blueprints
### [Toast](https://www.lightningdesignsystem.com/components/toast)
#### Fixed
- Corrected accessibility information regarding the usage of the `role` attribute.

## Release 2.15.5 - April 29, 2021

## Component Blueprints
### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- Added `aria-pressed` attribute to stateful Button variants

## Release 2.15.4 - April 27, 2021

## Release 2.15.3 - April 15, 2021

## Release 2.15.2 - April 13, 2021

## Component Blueprints
### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Added
- Added `aria-label`, and alternatively, `aria-labelledby` to allow adding additional table context for screen readers

## Release 2.15.1 - April 12, 2021

## Component Blueprints
### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Added
- Added annotations for Einstein themed cards

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Changed the `aria-live` value from `assertive` to `polite`

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Added
- Added `aria-expanded` attribute to menu triggers with value dependent on menu's open state

### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring)
#### Changed
- Completed progress rings now use `color-background-success-dark` design token.

## Release 2.15.0 - March 25, 2021

- 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](https://medium.com/salesforce-ux/the-salesforce-color-system-c7c6b5b9c577).

## Component Blueprints
### [Breadcrumbs](https://www.lightningdesignsystem.com/components/breadcrumbs)
- Added Kinetic styles and demo functionality for Breadcrumbs

### [Builder Header](https://www.lightningdesignsystem.com/components/builder-header)
#### Changed
- Updates to top bar:
  - Changed the color of the border separators to `$color-background-inverse`.
  - On `:hover` and `:focus` for `.slds-builder-header__item-action`:
    - Changed `background-color` to `$color-background-inverse`
    - Changed `color` to `$color-gray-1`
  - "Back" action moved to the left-hand side and visible text was removed
  - "Link" renamed to "Settings" and moved to the right-hand side next to "Help"
#### Added
- Additions to toolbar:
  - Icons for canvas settings and toggling a panel
  - Status text and alerts that convey status, warnings, and errors
  - Popovers for alerts
  - Tooltip for the "Back" action
- New examples for "Back" action tooltip, status text, and alerts.
- Added `aria-expanded` to dropdown item

### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Added
- Added `slds-button_icon-warning` class to properly style Warning state icons

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- Added Kinetic styles and demo functionality for Button Base, Brand, Neutral, Inverse, Outline Brand, Destructive and Success

### [Drop Zone](https://www.lightningdesignsystem.com/components/drop-zone)
#### Changed
- Changed `flex-basis` to `auto` for the drop zone label to fix a layout issue in IE11

### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
#### Added
- Responsive variant now grows to use up the available horizontal space.

### [Expandable Section](https://www.lightningdesignsystem.com/components/expandable-section)
#### Fixed
- Added missing annotation for `.slds-section__title-action-icon`

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Changed
- Changed `product_quantity_rules` icon's color from light blue to salem green (#04844B)

### [Page Headers](https://www.lightningdesignsystem.com/components/page-headers)
#### Fixed
- Fixed incorrect annotations for `.slds-page-header__col-title`, `.slds-page-header__col-actions`, `.slds-page-header__col-meta`, `.slds-page-header__col-controls`, and `.slds-page-header__col-details`.

### [Panels](https://www.lightningdesignsystem.com/components/panels)
#### Added
- Added a new element, `.slds-panel__header-actions`, within the panel header to hold secondary actions that affect the entire panel. You can find the close button within the new element.
- Added an example of the new secondary actions element that contains an overflow menu with actions.
- Added additional demo elements to the [panels for filtering](/components/panels/#Panels-for-Filtering) example: top bar with accompanying button icon (`filterList`) that toggles the panel with filtering content, two-column content layout, and panel toggling behavior.
- Added `aria-expanded` and `aria-controls` to the button that toggles the panel.
#### Changed
- Updated the icon in the [open as a drawer](/components/panels/#Open-as-a-drawer) example from `filterList` to `toggle_panel_left`. The new icon better represents the action evoked by the button icon.
- Updated the icon in [drilled-in state](/components/panels/#Drilled-In-State) example that takes you back to the previous panel from `back` to `chevronleft`. This update makes the icon consistent between drilled-in states.

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Changed
- Base popovers
    - Footer background is now explicitly set to `$color-background` design token
    - Moved `slds-popover__header` into `slds-popover__body` and added a [Media Object](/utilities/media-objects/) wrapper to match prompt popover variant
    - Added variant with icon
    - Removed `slds-popover__header` bottom border
    - Added variant with badge above header
- Warning feedback state
    - Footer background color is now explicitly set to transparent
    - Body is now indented to align with header
- Error feedback state
    - Footer background color is now explicitly set to transparent
    - Body is now indented to align with header
- Prompt variant
    - Footer top border changed to match default popover border color and width
- Walkthrough variant
    - Removed header background image
    - Footer background color is now explicitly set to transparent
#### Added
- Added light and dark Brand variants, including new selectors `.slds-popover_brand, .slds-popover_brand-dark, .slds-popover_brand-top, .slds-popover_brand-left, .slds-popover_brand-bottom, .slds-popover_brand-right`
- Added new Prompt branded variants
- Enabled styling hooks for popovers. See popovers' styling hooks overview table for a full listing of the currently available hooks.

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Added
- Enabled styling hooks for Rich Text Editor. See Rich Text Editor's styling hooks overview table for a full listing of the currently available hooks.

### [Split View](https://www.lightningdesignsystem.com/components/split-view)
#### Changed
- For indicating the selected item in the list, `aria-selected` has been replaced with `aria-current="page"`.

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Added
- Added additional styling hooks. See tab's styling hooks overview table for a full listing of the currently available hooks.
#### Changed
- Adjusted color of unsaved tab indicator asterisk to comply with accessibility color contrast rules for active tabs and tabs with notification.
- Removed white `background-color` from `.slds-tabs_default` to expose surface color of the tabs parent container.
- The `back` icon present in tabs on mobile has been replaced by `chevronleft`. This is an inherited change from panels and it makes the icon consistent between the drilled-in states.

## Release 2.14.3 - March 18, 2021

## Release 2.14.2 - February 5, 2021

## Release 2.14.1 - January 8, 2021

## Component Blueprints
### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
#### Fixed
- Fixed typo in CSS Class Overview table for .slds-datepicker__filter_month

## Release 2.14.0 - December 16, 2020

- 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

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Added
- Added Styling Hook for the background color of Accordion headings.
- Added Styling Hooks for default text color, as well as hover/focus states, of Accordion headings.
#### Changed
- The Accordion heading button will now take up all available space, allowing for a larger hit target to toggle the Accordion functionality.

### [Alert](https://www.lightningdesignsystem.com/components/alert)
#### Removed
- Removed component level styling hooks for status states.

### [Alert](https://www.lightningdesignsystem.com/components/alert)
#### Changed
Refactored the component markup to function with or without theme utility classes.

### [Builder Header](https://www.lightningdesignsystem.com/components/builder-header)
#### Fixed
- Fixed issue with non-link text color in Builder Header menu dropdowns by adding default text color
  - Added an example with an open menu to demonstrate this pattern

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- Added Styling Hook for box-shadow
- Added Styling Hook for block level padding
#### Removed
- Removed component-level styling hooks for disabled states. These will be handled at the global level.

### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Added
- Enabled styling hooks for Cards. See Card's styling hooks overview table for a full listing of the currently available hooks.

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Added
- Enabled styling hooks for checkbox. See checkbox's styling hooks overview table for a full listing of the currently available hooks.

### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
#### Added
- Enabled styling hooks for checkbox toggle. See checkbox toggle's styling hooks overview table for a full listing of the currently available hooks.

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Added
- Added `slds-cell_action-mode` class for styling cells in Action mode

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Adjusted space between the form label and the information button icon for Mobile.

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Removed
- Removed hooks for modifying the status states of icons at the component level.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Enabled styling hooks for Inputs. See Input's styling hooks overview table for a full listing of the currently available hooks.

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Changed
- Added default text color to dropdown menus to fix issue with dropdowns inheriting font color from parent blueprints

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Added
- Added styling hooks for text color that let you set the `color` for the whole modal or a specific section.
- Added styling hooks for background color that let you set the `background-color` for the whole modal or a specific section.
#### Fixed
- Fixed incorrect styling hooks on heading

### [Pills](https://www.lightningdesignsystem.com/components/pills)
#### Changed
- Fixed incorrect styling hooks on focus state, suffix is now using `-focus` vs `-active`.

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Added
- Enabled Styling Hooks for Radio Group. See Radio Group's Styling Hooks overview table for a full listing of the currently available hooks.

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Added
- Increased nesting styles for Rich Text Editor output from 3 levels to 5 levels deep.

### [Scoped Tabs](https://www.lightningdesignsystem.com/components/scoped-tabs)
#### Removed
- Removed variant specific styling hooks for scoped tabs.

### [Select](https://www.lightningdesignsystem.com/components/select)
#### Added
- Enabled styling hooks for select. See select's styling hooks overview table for a full listing of the currently available hooks.

### [Slider](https://www.lightningdesignsystem.com/components/slider)
#### Added
- Enabled styling hooks for slider. See slider's styling hooks overview table for a full listing of the currently available hooks.

### [Spinners](https://www.lightningdesignsystem.com/components/spinners)
#### Fixed
- Added demo `background-color` to with-container and fixed-container examples

### [Textarea](https://www.lightningdesignsystem.com/components/textarea)
#### Added
- Enabled styling hooks for textarea. See textarea's styling hooks overview table for a full listing of the currently available hooks.

### [Visual Picker](https://www.lightningdesignsystem.com/components/visual-picker)
#### Fixed
- Changed checkmark vertical positioning

## Release 2.13.7 - October 21, 2020

## Component Blueprints
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Changed
- Revert compound form to its existing behavior of not wrapping to prevent unwanted side-effects in existing layouts.

## Release 2.13.6 - October 14, 2020

## Component Blueprints
### [Trees](https://www.lightningdesignsystem.com/components/trees)
#### Fixed
- Fixed the issue with metatext not appearing disabled if the tree item was disabled.

## Release 2.13.5 - September 30, 2020

## Release 2.13.4 - September 29, 2020

## Release 2.13.3 - September 24, 2020

## Component Blueprints
### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Fixed
- Fixed incorrect styling hooks on footer.

## Release 2.13.2 - September 23, 2020

- Added icons synonym metadata to SLDS dist

## Release 2.13.1 - September 18, 2020

- 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](https://releasenotes.docs.salesforce.com/en-us/winter21/release-notes/rn_slds_bem_deprecate.htm).
- Updated @salesforce-ux/icons to 9.38.0
- Added proper font-size change to mobile demos on the site

## Component Blueprints
### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Fixed
- Added `background` shorthand and set to `initial` to recreate existing behavior that relied on the shorthand to apply initial values to unspecified values.
- Fixed issue where mobile text size wasn't accurately sized.

### [Checkbox Button Group](https://www.lightningdesignsystem.com/components/checkbox-button-group)
#### Fixed
- Fixed issue where mobile text size wasn't accurately sized.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Fixed
- Fixed erroneous camelcasing of `autocomplete` attribute.
- Small improvements to the UI text.

### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
#### Fixed
- Keyboard interaction examples were only showing Mac-specific instructions (Cmd), changed to be more general (Cmd/Ctrl)

### [Expression](https://www.lightningdesignsystem.com/components/expression)
#### Fixed
- Small improvements to the UI text.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Changed
- Removed Mobile example under Stacked Alignment and Horizontal Alignment examples, as they did not conform to the specification.
#### Fixed
- Small improvements to the UI text.

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Added
- `slds-current-color` to restricted classes.

### [Illustration](https://www.lightningdesignsystem.com/components/illustration)
#### Fixed
- Removed `Xlink` namespace. It was deprecated in the SVG 2 specification.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Fixed
- For inline help example:
  - Removed unnecessary `aria-labelledby` from `input`. A `label` was already associated with the `input`.
  - Moved `.slds-form-element__help` out of `.slds-form-element__control`, it is supposed to be a sibling in the markup structure.
  - Added `aria-describedby` to `input` which uses the `id` of the help message.
- Small improvements to the UI text.

### [Lookups](https://www.lightningdesignsystem.com/components/lookups)
#### Fixed
- Small improvements to the UI text.

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Changed
- Removed Mobile examples as they did not conform to the specification.

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Fixed
- Fixed issue where mobile text size wasn't accurately sized.
- Small improvements to the UI text.

### [Picklist](https://www.lightningdesignsystem.com/components/picklist)
#### Fixed
- Small improvements to the UI text.

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Changed
- Removed Mobile examples as they did not conform to the specification.

### [Prompt](https://www.lightningdesignsystem.com/components/prompt)
#### Fixed
- Small improvements to the UI text.
<!-- ## [VERSION] -->

### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group)
#### Fixed
- Fixed issue where mobile text size wasn't accurately sized.

### [Select](https://www.lightningdesignsystem.com/components/select)
#### Fixed
- Small improvements to the UI text.

### [Textarea](https://www.lightningdesignsystem.com/components/textarea)
#### Fixed
- Small improvements to the UI text.

## Release 2.13.0 - August 20, 2020

- Added opacity override for placeholder text in inputs for Firefox browser

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Added
- Enabled styling hooks for accordion. See accordion's styling hooks overview table for a full listing of the currently available hooks.
#### Changed
- Updated heading elements from h3 to h2.

### [Alert](https://www.lightningdesignsystem.com/components/alert)
#### Added
- Enabled styling hooks for alert. See alert's styling hooks overview table for a full listing of the currently available hooks.

### [Avatar](https://www.lightningdesignsystem.com/components/avatar)
#### Added
- Enabled styling hooks for avatar. See avatar's styling hooks overview table for a full listing of the currently available hooks.

### [Badges](https://www.lightningdesignsystem.com/components/badges)
#### Added
- Enabled styling hooks for badge. See badge's styling hooks overview table for a full listing of the currently available hooks.
#### Fixed
- Fixed inconsistent heights between variants when border isn't present.

### [Breadcrumbs](https://www.lightningdesignsystem.com/components/breadcrumbs)
- Enabled styling hooks for breadcrumb. See breadcrumb's styling hooks overview table for a full listing of the currently available hooks.

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- Enabled styling hooks for button. See button's styling hooks overview table for a full listing of the currently available hooks.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Changed
- The assistive text for the listbox of pills has been moved out of the individual pills to remove repetition for users with screen readers.

### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker)
#### Changed
- Datetime Picker blueprints no longer use the deprecated variant `.slds-form_compound` on its parent `.slds-form`. Instead, it now uses `.slds-form-element_compound` on its parent `.slds-form-element`.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Changed
- The compound form now wraps when the width of its parent container is smaller than the combined width of the form elements. This prevents the issue of input values becoming cutoff and unreadable due to shrinking compound form elements in a container with a small width.
- When `.slds-form-element` is a child of `.slds-form-element_compound`, it now uses margins instead of padding for its horizontal spacing. This fixes the issue of dropdowns being incorrectly offset because the dropdown uses the extra space created by padding as its positioning reference.

### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
#### Changed
- Adjusted color of unsaved tab indicator asterisk to comply with accessibility color contrast rules

### [Icons](https://www.lightningdesignsystem.com/components/icons)
- Enabled styling hooks for icon. See icon's styling hooks overview table for a full listing of the currently available hooks.

### [List Builder](https://www.lightningdesignsystem.com/components/list-builder)
#### Changed
- The assistive text for the listbox of pills has been moved out of the individual pills to remove repetition for users with screenreaders.

### [Lookups](https://www.lightningdesignsystem.com/components/lookups)
#### Changed
- The assistive text for the listbox of pills has been moved out of the individual pills to remove repetition for users with screenreaders.

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Added
- Enabled styling hooks for modal. See modal's styling hooks overview table for a full listing of the currently available hooks.

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Changed
- Removed `role="application"` from `slds-path__scroller`.

### [Pills](https://www.lightningdesignsystem.com/components/pills)
#### Changed
- The assistive text for the listbox of pills has been moved out of the individual pills to remove repetition for users with screenreaders.
- Addressed layout inconsistencies for touch styles
- Clarified documentation around when linked pills can be used
#### Added
- Enabled styling hooks for pill. See pill's styling hooks overview table for a full listing of the currently available hooks.
- Added example for Listbox of Pills in Group
#### Changed
- Removed redundant `border-radius` on `.slds-pill:focus`

### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
## Fixed
- Addressed issue where button icons in progress items were misaligned for mobile/touch

### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring)
#### Changed
- Added sizing instructions to ensure a correct ratio.

### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group)
#### Changed
- Added `aria-describedby="error_01"` to the inputs to improve accessibility in the error state.

### [Scoped Tabs](https://www.lightningdesignsystem.com/components/scoped-tabs)
#### Added
- Enabled styling hooks for scoped tab. See scoped tab's styling hooks overview table for a full listing of the currently available hooks.

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Added
- Enabled styling hooks for tab. See tab's styling hooks overview table for a full listing of the currently available hooks.

### [Toast](https://www.lightningdesignsystem.com/components/toast)
#### Added
- Enabled styling hooks for toast. See toast's styling hooks overview table for a full listing of the currently available hooks.

### [Tooltips](https://www.lightningdesignsystem.com/components/tooltips)
#### Added
- Enabled styling hooks for tooltip. See tooltip's styling hooks overview table for a full listing of the currently available hooks.
#### Changed
- Updated blueprint examples from anchor links to more semantically correct buttons

### [Trees](https://www.lightningdesignsystem.com/components/trees)
#### Added
- Added `aria-disabled` to `treeitem` that are disabled and updated text color to represent disabled state.
#### Changed
- Deprecated the usage of `.slds-is-disabled` in favor of `.slds-is-hidden` to hide chevron icon, use `aria-disabled` instead if you need to represent a disabled state.

## Release 2.12.3 - June 19, 2020

- 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

## Component Blueprints
### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
#### Changed
- Added assistive text for the logo.

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Fixed
- Resolved issue where radio buttons would not retain their shape and appeared squished.

## Release 2.12.2 - June 11, 2020

## Component Blueprints
### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Changed
- Removed `<span class="slds-assistive-text">Current Selection:</span>` from Listbox options
- Updated guidance documentation regarding the usage of `aria-selected` and `aria-checked`
#### Added
- Added `aria-checked="true"` to Listbox options when selected

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- For touch devices, fixed an issue with button icons being the incorrect height if using custom elements.

## Release 2.12.1 - May 7, 2020

- Updated Icons to 9.36.1

## Component Blueprints
### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Updated styles for resize handle if final column is resizable.

## Release 2.12.0 - April 28, 2020

- Updated Icons to 9.35.0

## Component Blueprints
### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Changed
- Set the inverse button text color to 50% opacity when the button is disabled.

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Changed `white-space` property to `pre-line` in `slds-cell-wrap` for cell content that has pre-formatted line breaks.
- Adjusted positioning for resize handle for better usability on touch devices, and made the handle visible in all cases
#### Added
- Added documentation and examples for wrapping, line clamping and truncating table cell content.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Fixed
- Resolved issue where Chrome on Android was rendering misaligned text for date-related input types.

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Fixed
- Fixed the text color in form inputs for the Walkthrough variation.

### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring)
#### Fixed
- Resolved an IE11 issue with positioning of the `.slds-progress-ring__progress` element by setting more explicit position settings.
#### Changed
- Set the blueprint recommendation to use a `<circle>` element instead of a `<path>` element when the completion of the progress circle is 100%. This change resolves an IE11 rendering issue with completed rings.

### [Visual Picker](https://www.lightningdesignsystem.com/components/visual-picker)
#### Added
- Added a Small variant to the visual picker

## Utilities
### [Line Clamp](https://www.lightningdesignsystem.com/utilities/line-clamp)
#### Changed
- Changed `white-space` property to `pre-line` in `slds-line-clamp` in consideration of content that has pre-formatted line breaks.
#### Added
- Added an X-Small modifier that truncates text after two lines.

## Release 2.11.9 - April 27, 2020

## Release 2.11.8 - April 15, 2020

## Component Blueprints
### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Adjusted positioning for `slds-th__action-button` for better vertical alignment and made additional
  changes to support appearance in the touch implementation

## Release 2.11.7 - April 2, 2020

- Moved font-size declaration on touch devices to the touch CSS file

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Changed
- Adapted line height on accordion buttons to function better with multi-line instances.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Added
- Added documentation and examples for mobile/touch context

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Updated height and width dimensions on touch version of `slds-th__action-button`

### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
#### Fixed
- Resolved incorrect spacing when nested in a data table by increasing specificity of certain `slds-datepicker` specific CSS selectors
<!-- ## [VERSION] -->

### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
#### Changed
- Replaced `slds-disabled-text` with specific selector `slds-day_adjacent-month` for dates outside of current month, so that they will be selectable but with a different text color that meets accessibility requirements.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Added
- Added documentation and examples for mobile/touch context

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Added documentation and examples for mobile/touch context

### [Map](https://www.lightningdesignsystem.com/components/map)
#### Added
- Added documentation and examples for mobile/touch context

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Added
- Added documentation and examples for mobile/touch context

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Added
- Added documentation and examples for mobile/touch context

### [Pills](https://www.lightningdesignsystem.com/components/pills)
#### Added
- Added documentation and examples for mobile/touch context

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Added
- Added documentation and examples for mobile/touch context

### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
#### Added
- Added documentation and examples for mobile/touch context

### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group)
#### Added
- Added documentation and examples for mobile/touch context

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Added
- Added documentation and examples for mobile/touch context

### [Slider](https://www.lightningdesignsystem.com/components/slider)
#### Added
- Added documentation and examples for mobile/touch context

## Utilities
### [Text Utility](https://www.lightningdesignsystem.com/utilities/text)
#### Added
- Added documentation and examples for mobile/touch context

## Release 2.11.6 - March 11, 2020

## Component Blueprints
### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Fixed
- Sizing classes are now respected in mobile/touch context
#### Added
- Added documentation and examples for mobile/touch context

### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Added
- Added documentation and examples for mobile/touch context

### [Checkbox Button](https://www.lightningdesignsystem.com/components/checkbox-button)
#### Added
- Added documentation and examples for mobile/touch context

### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
#### Added
- Added documentation and examples for mobile/touch context

## Release 2.11.5 - March 5, 2020

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Changed
- Replaced `slds-truncate` with specific selector `slds-accordion__summary-content` in Accordion title so content will only truncate for larger screens.

### [Badges](https://www.lightningdesignsystem.com/components/badges)
- Added examples for communicating Success, Warning and Error states.

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Added
- Added documentation and examples for mobile/touch context

### [Checkbox Button Group](https://www.lightningdesignsystem.com/components/checkbox-button-group)
#### Added
- Added documentation and examples for mobile/touch context

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Added
- Added documentation and examples for mobile/touch context

### [Scoped Notifications](https://www.lightningdesignsystem.com/components/scoped-notifications)
- Added examples for Informational, Success, Warning and Error states
<!-- ## [VERSION] -->

## Release 2.11.4 - February 12, 2020

## Component Blueprints
### [Spinners](https://www.lightningdesignsystem.com/components/spinners)
- Moved the `will-change: transform` rule from the dots (pseudo-elements) to their parents (`.slds-spinner,
.slds-spinner__dot-…`) to fix visual cropping of dots

## Release 2.11.3 - February 3, 2020

## Fixed
- 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

## Release 2.11.2 - January 23, 2020

## Updated
- 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.

## Release 2.11.1 - January 21, 2020

## Updated
- Updated node dependencies to remove vulnerabilities.
- Updated project readme to recommend use of the Storybook development environment.

## Release 2.11.0 - January 9, 2020

## Added
- Added `-moz` and `-webkit` prefixes to `appearance : 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.

## Tokens

### Changed
- Set `access:global` to the following tokens:
  - `brandPrimary`
  - `brandPrimaryActive`
  - `brandPrimaryTransparent`
  - `brandLight`
  - `brandLightActive`
  - `brandDark`
  - `brandDarkActive`
  - `brandAccessible`
  - `brandAccessibleActive`
  - `brandDisabled`
  - `brandContrast`
  - `brandContrastActive`
  - `brandBackgroundPrimary`
  - `brandBackgroundDark`
  - `brandTextLink`
  - `brandTextLinkActive`
- Primitive tokens now default to our warm gray color palette
  - `PALETTE_GRAY_1`: `#ffffff`
  - `PALETTE_GRAY_2`: `#fafaf9`
  - `PALETTE_GRAY_3`: `#f3f2f2`
  - `PALETTE_GRAY_4`: `#ecebea`
  - `PALETTE_GRAY_5`: `#dddbda`
  - `PALETTE_GRAY_6`: `#c9c7c5`
  - `PALETTE_GRAY_7`: `#b0adab`
  - `PALETTE_GRAY_8`: `#969492`
  - `PALETTE_GRAY_9`: `#706e6b`
  - `PALETTE_GRAY_10`: `#514f4d`
  - `PALETTE_GRAY_11`: `#3e3e3c`
  - `PALETTE_GRAY_12`: `#2B2826`
  - `PALETTE_GRAY_13`: `#080707`

## Component Blueprints
### [Badges](https://www.lightningdesignsystem.com/components/badges)
#### Changed
- Added `display: inline-flex` and `align-items: center` to badge to center content vertically

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Changed
- For touch devices, update the line-height token of `.slds-button` to use the touch-specific token `$height-tappable` (2.75rem) which is a system-wide touch token instead of using a component-specific token.

### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Fixed
- Added `display: flex` to `.slds-card__header-title` to enable truncation on contained link that already has `slds-truncate`

### [Chat](https://www.lightningdesignsystem.com/components/chat)
#### Fixed
- Fixed an issue where some message text containers would have a width equal to the message meta even though the container contained less text and should have had a smaller width.

### [Checkbox Button](https://www.lightningdesignsystem.com/components/checkbox-button)
#### Added
- Introduced new base blueprint for the checkbox button called `.slds-checkbox-button` which improves icon customization, state handling, and blueprint composition.
#### Changed
- `.slds-checkbox_add-button` has been deprecated in favor of `.slds-checkbox-button` (see 'Added' above)
- Documentation has been updated to reflect the new `.slds-checkbox-button` blueprint
- Updated the background color of the checkbox button's selected state from `$color-background-success` to `$color-brand-darker` since a checkbox button is meant to communicate a selected state, not success.

### [Checkbox Button Group](https://www.lightningdesignsystem.com/components/checkbox-button-group)
#### Changed
- For mobile devices, checkbox button groups stack vertically to account for the limited horizontal space of mobile screens.

### [Docked Utility Bar](https://www.lightningdesignsystem.com/components/docked-utility-bar)
#### Fixed
- The popout indicator icon now positions itself correctly in the right-to-left context.
<!-- ## [VERSION] -->

### [List Builder](https://www.lightningdesignsystem.com/components/list-builder)
#### Changed
- List Builder now uses the new `.slds-checkbox-button` instead of the deprecated `.slds-checkbox_add-button`

### [Lookups](https://www.lightningdesignsystem.com/components/lookups)
#### Added
- Grouped Lookup wrapping `<div>` attributes:
  -  `role="combobox"`
  -  `aria-haspopup="listbox"`
  -  `aria-expanded="true"`
- Grouped Lookup `<input>` attribute `aria-controls` set to id of adjacent table
#### Changed
- Grouped Lookup `<input>` `role` from `combobox` to `textbox`

### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group)
#### Changed
- For mobile devices, radio button groups stack vertically to account for the limited horizontal space of mobile screens.
<!-- ## [VERSION] -->

### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant)
#### Changed
- Updated progress examples to use `slds-media` around `slds-media__figure` and `slds-media__body` to fix icon alignment.

### [Slider](https://www.lightningdesignsystem.com/components/slider)
#### Changed
- For mobile devices:
  - Increased the tap target size of the slider thumb to `$height-tappble (2rem)` for increased usability.
  - Minor layout and spacing adjustments to account for the larger slider thumb

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Changed
- For touch devices:
  - Removed the focus styling from the button nested within `.slds-tabs-mobile__item` so the text color does not change on press for mobile (background color still changes on press)

## Utilities
### [Line Clamp](https://www.lightningdesignsystem.com/utilities/line-clamp)
#### Added
- Added the Line Clamp utility with four modifier options:
  - `.slds-line-clamp` - clamps at 3 lines, value provided by `line-clamp` token.
  - `.slds-line-clamp_small` - clamps at 3 lines
  - `.slds-line-clamp_medium` - clamps at 5 lines
  - `.slds-line-clamp_large` - clamps at 7 lines

## Release 2.10.2 - October 10, 2019

## Component Blueprints
### [Input](https://www.lightningdesignsystem.com/components/input)
#### Fixed
- Resolved issue where Webkit-based browsers lost their platform-native styling
- Resolved issue with certain cases where an input's height would change after a value was defined

## Release 2.10.1 - October 2, 2019

## Changed
- All mobile/touch enhancements are now scoped `slds-is-mobile`. The scoping class should be applied to the `html/body` element.

## Release 2.10.0 - August 22, 2019

- Update color swatch to latest token values
- Removed support for ASE color swatch format

## Tokens

### Changed
- Global tokens have been removed from this repository and are installed as a dependency from https://www.npmjs.com/package/@salesforce-ux/design-system-primitive-tokens

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Added
- Added right-to-left specific selector to `slds-accordion__summary-action-icon` to allow the icon to rotate in the proper direction in right-to-left languages.

### [App Launcher](https://www.lightningdesignsystem.com/components/app-launcher)
  ### Fixed
  - App Launcher did not use brand tokens for `:hover` and `:active` states
  - `.slds-app-launcher__tile` now uses `$brand-accessible` for its `:hover` state and `$brand-accessible-active` for its `:active` state

### [Button Groups](https://www.lightningdesignsystem.com/components/button-groups)
#### Changed
- For touch devices, the visual height of the button group is increased for an improved tap target size. This change comes from `slds-button` which is a child component of button-group.

### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Changed
- Center contents of `slds-button_icon` with change of `display: inline-flex` to `slds-button`

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Fixed
- Fixed poor color contrast of inverse buttons on hover and focus
#### Changed
- Modify display of `slds-button` to `inline-flex`
- Center contents of contained Buttons with change of `display: inline-flex` to `slds-button`
- `justify-content: center` is now applied to the stretch variant `.slds-button_stretch` to ensure centered text after `inline-flex` was added to `slds-button`
- For touch devices:
  - Increase the line-height (which affects the overall visual height) to `$button-line-height-touch` (2.65rem)
  - Set the size of `.slds-button__icon` to `$square-icon-medium-content` (1rem)
  - Boldened Button labels

### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Changed
- Visually remove border and set border-radius to zero for touch devices
- For touch devices:
  - Set font size of `.slds-card__header-title` to `$var-font-size-6` (1.125rem)
  - Make `.slds-card__header-title` always bold whether it contains a link or not

### [Chat](https://www.lightningdesignsystem.com/components/chat)
#### Changed
- Horizontal rules have been removed from event messages for an improved chat experience, `.slds-chat-event__rule` is no longer used and marked as deprecated
- Bookends now span full width which allows the bookend borders to be visually flush with their container `.slds-chat-list`
- Horizontal padding added to `.slds-chat-bookend` to compensate for the negative margins used to make the bookend span full width

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Changed
- For touch devices:
  - Increase size of faux checkbox to `$square-tappable-x-small` (1.5rem)
  - Increase tap target size of `.slds-checkbox__label` to `$height-tappable` (2.75rem) and center with flex properties
  - Increase `font-size` of inline label to `$font-size-5` (1rem)
  - Increase size of `.slds-checkbox_standalone` to `$height-tappable` (2.75rem) for consistency with tap target size increases
  - Within `.slds-checkbox_standalone`, increase the tap target size of the checkbox input
- Ensure the checkbox input is hidden with `opacity: 0`

### [Checkbox Button](https://www.lightningdesignsystem.com/components/checkbox-button)
#### Changed
- For touch devices, increase size of checkbox-button to `$square-tappable` (2.75rem) and center children with flex properties

### [Checkbox Button Group](https://www.lightningdesignsystem.com/components/checkbox-button-group)
#### Changed
- For touch devices, increase tap target size of `.slds-checkbox_button` to `$height-tappable` (2.75rem)
<!-- ## [VERSION] -->

### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
#### Changed
- For touch devices:
  - Change `font-size` of label text to `$font-size-5` (1rem)
  - Increase `font-size` of `.slds-checkbox_faux_container` to `$font-size-2` (0.75rem)
<!-- ## [VERSION] -->

### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker)
#### Changed
- Removed `text-transform: uppercase` from default and custom tabs

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Changed
- For touch devices:
  - Increase font-size and height of combobox height
  - Increase height of a listbox option
- Changed the size of icon in a plain listbox to inherit the size of the `body`
- Modified the spacing between pills when inside the context of a selection group
#### Fixed
- Resolve issue with deprecated inline listbox not displaying correctly when multiple pills forces the container to grow
- Resolve issue where deprecated inline listbox was not the same height as other inputs

### [Counter](https://www.lightningdesignsystem.com/components/counter)
- Created new page for the Counter version of Input.

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Changed `slds-th__action-button` alignment to use `margin-top` instead of `transform: translateY`

### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
#### Fixed
- Locked items now have `aria-disabled="true"` to improve accessibility and help indicate the locked item's immutable behavior within the listbox.
- Styling of locked items now inherits from `.slds-listbox__option[aria-disabled="true"]` and properly displays a disabled styling
- Removed `.slds-icon-text-default` from `.slds-icon` and replaced it with `.slds-current-color` on the icon's container `.slds-icon_container` so the icon's color matches the locked item's disabled color
- Removed `draggable` attribute from locked items as they are not draggable in the locked state

### [File Selector](https://www.lightningdesignsystem.com/components/file-selector)
#### Changed
- For touch devices, the line-height is increased for a larger tap target size. This change comes from `slds-button` which is used as a child component in file-selector.

### [Files](https://www.lightningdesignsystem.com/components/files)
#### Fixed
- Scoped the eyeball hover effect to the figure link only.
- Added `display` and `overflow` css rules to allow for text truncation on `.slds-file__text`.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Changed
- For touch devices:
  - Set the amount of space created for the edit icon to `$square-tappable` (2.75rem) which aligns with touch specific sizing
  - Increase the tap target size of `.slds-form-element__label` to `$height-tappable-small` (2rem), center with flex, and increase `font-size` to `$font-size-4` (0.875rem)
  - Set the tap target height of button-icons to `$height-tappable-small` (2rem) when inline with label text
  - Increase the font size of `.slds-form-element__static` to `$font-size-5` (1rem)
  - Within `.slds-form-element_readonly`, increase the size of `.slds-icon` to `$square-tappable-x-small` (1.5rem) and increase the height of `.slds-form-element__control` to `$height-tappable` (2.75rem) which aligns `.slds-form-element_readonly`'s touch height to other form elements
  - Remove the `min-height` from `.slds-form-element_readonly .slds-form-element__control` for denser read-only forms

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Added
- Updated documentation to state that iconLeft and fixed text labels are incompatible.
- When an `input` has an error, `aria-invalid="true"` has been added to the `input` element
#### Changed
- Removed default `box-shadow` on `inputs` for Webkit
- Added ltr declarations on `url`, `tel`, and `email` type inputs to prevent rtl adjustments from being inherited (these input types should always render ltr)
- For touch devices:
  - Increase the line-height to `$height-tappable` (2.75rem) for an improved tap target
  - For read-only inputs, increase the font size to `$font-size-5` (1rem) for consistency with the font sizes of other inputs
  - Positioning of icons inside of inputs have been tweaked

### [Map](https://www.lightningdesignsystem.com/components/map)
#### Changed
- For touch devices:
  - Adjusted padding around map
  - Removed height restriction on `.slds-has-coordinates` to prevent internal scrolling of long lists
  - Increased font size of `.slds-coordinates__title`

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Changed
- For touch devices:
  - Set tap target size of menu row item to `$height-tappable` (2.75rem)
  - Remove padding from `.slds-dropdown` after increased tap target size of menu row items
  - Set `font-size` of menu to `$font-size-5` (1rem)
- Remove `font-size` declaration from `slds-dropdown__header` to inherit `font-size` from `body` element
- Update `.slds-dropdown_fluid` to have a `min-width` set to `$size-x-small` (12rem) to prevent menus from being unreadable when associated with inputs that have a small width
#### Added
- Added explicit `right: auto` to `slds-dropdown_left`

### [Modals](https://www.lightningdesignsystem.com/components/modals)
#### Changed
- Changed `slds-modal_small` width to percentage-based to address the disparity of size relationship between `slds-modal_small` and other sized modals `slds-modal_medium` and `slds-modal_large`)
- Deprecated use of `slds-text-heading_medium` utility class on Modal title, added class `slds-modal__title` to declare styles for the Modal title.
- For touch devices:
  - Set font weight of Modal title to `$font-weight-bold`
  - Set tap target size of the Modal close button to `$height-tappable` (2.75rem)
<!-- ## [VERSION] -->

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Changed
- For touch devices, increased the height and tap target size of the path component to `$height-tappable` (2.75rem)
#### Fixed
- Fixed text disappearing when peaking between stage in Safari

### [Picklist](https://www.lightningdesignsystem.com/components/picklist)
#### Added
- Added `.slds-picklist input[readonly]` selector to fix styling of deprecated markup
#### Changed
- Migrated picklist HTML to use non-deprecated combobox

### [Pills](https://www.lightningdesignsystem.com/components/pills)
#### Changed
- For touch devices:
  - Increase tap target height of `.slds-pill` to `$height-tappable-small` (2rem) and change horizontal padding to `$spacing-small` (0.75rem)
  - Update spacing between pills to `$spacing-xx-small` (0.25rem)
  - Set padding of pill container to `$spacing-xx-small` (0.25rem)
  - Set `font-size` of `.slds-pill__label` to `$font-size-4` (0.875rem)
  - Update the padding of `.slds-pill__action`
  - Adjust the positioning of the icon inside a pill after padding updates
<!-- ## [VERSION] -->

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Added
- Added a new 'prompt' variant of popover useful for showing non-blocking messages needing interaction.
- Added `@noflip` annotation to left and right nubbin selectors.

### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
#### Changed
- Updated how the vertical variant handles the layout of its indicators so pixel nudging becomes deprecated (e.x. `margin-left: 1px` on `.slds-progress__item.slds-is-completed .slds-progress__marker_icon`)
- For touch devices:
  - Increased tap target size of contained `.slds-button` to a height equal to `$height-tappable` (2.75rem) using `:before` pseudo element
  - Increased icon and marker size to `$square-tappable-xx-small` (1.25rem)
  - For vertical variant, increased font size to `$font-size-4` (0.875rem)

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Changed
- For touch devices:
  - Increase tap size of `.slds-radio__label` to `$height-tappable`(2.75rem)
  - Increase the size of the faux radio element to `$square-tappable-x-small` (1.5rem)
  - Let the label text inherit its `font-size` from the body

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Added
- Created Toolbar Only variant for use without attached textarea for touch devices
#### Changed
- Removed size utility classes on combobox/selects in toolbar for component-specific classes (`slds-rich-text-editor__select_x-small` and `slds-rich-text-editor__select_xx-small`)

### [Spinners](https://www.lightningdesignsystem.com/components/spinners)
#### Fixed
- Revised keyframes and transform rules to fix spinner CPU / rendering performance issues.

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Changed
- For touch devices:
  - Changed the text color of `.slds-tabs-mobile__item` to Gray Color 12
  - Removed the active color from the button nested within `.slds-tabs-mobile__item` so the text color does not change on press (background color still changes on press)

### [Trees](https://www.lightningdesignsystem.com/components/trees)
#### Added
- Added right-to-left specific selector to `slds-tree__item` to place the `box-shadow` in the correct location in right-to-left languages.
- Added right-to-left specific selector to `slds-tree__item slds-button__icon` to allow the icon to rotate in the proper direction in right-to-left languages.

### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation)
#### Added
- Added right-to-left specific selector to `slds-nav-vertical__action_overflow slds-button__icon` to allow the icon to rotate in the proper direction in right-to-left languages.
- Added right-to-left specific selector to `slds-nav-vertical__action` to place the `box-shadow` in the correct location in right-to-left languages.

## Release 2.9.5 - August 2, 2019

## Component Blueprints
### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Fixed
- Added text treatments for `<ins>` and `<del>`

## Release 2.9.4 - July 3, 2019

## Component Blueprints
### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker)
#### Changed
- Moved the FormElement from inside the summary-input div to wrapped around the entire summary component
- Moving the FormElement component gives the label the class `slds-form-element__label`
- Moving the FormElement component wraps the button as well as the input in the `slds-form-element__control` div
- Relaxed the restrictions to allow for nesting the label and inputs an additional level
<!-- ## [VERSION] -->

## Utilities
### [Text Utility](https://www.lightningdesignsystem.com/utilities/text)
#### Fix
- Revert `font-size` of text utilities back to their original state for touch devices

## Release 2.9.3 - May 24, 2019

## Fix
- Fix `font-size` of `body` to adjust when on a touch-enabled device

## Release 2.9.2 - May 7, 2019

## General
- Moved all components to mdx documentation

## Release 2.9.1 - April 18, 2019

## Fix
- Fix import statement for VisualForce specific styles

## Release 2.9.0 - April 17, 2019

## Tokens

### Added
- Standard Set
  - ACTIONS_AND_BUTTONS
  - LETTERHEAD
  - INVOCABLE_ACTION
  - SHIFT_TYPE
  - SHIFT
  - CATEGORY
  - CATALOG
  - VISIT_TEMPLATES
  - INSTORE_LOCATIONS
  - STORE_GROUP
  - VISUALFORCE_PAGE
  - JAVASCRIPT_BUTTONS
  - SALES_CADENCE_TARGET

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
- Replaced `aria-hidden` with the HTML5 `hidden` attribute on closed `slds-accordion__section`s to hide content from both screen readers and browsers.

### [Builder Header](https://www.lightningdesignsystem.com/components/builder-header)
#### Fixed
- Fixed issue where page type content was not being truncated
  - Added `slds-has-flexi-truncate` to `slds-builder-header__item` element
  - Added `<span class="slds-truncate" title="...">` inside of `<h1 class="slds-builder-header__item-label">`

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Fixed
- Added @noflip annotation for correct alignment in RTL languages

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Added
- Added styling for disabled listbox options

### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
#### Fixed
- Scrollbar not visible in narrow width containers
  - `slds-dueling-list__options` is no longer set to a fixed `max-width` and instead is limited to 100%

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Added
- Icon modifier class `slds-icon_flip` to horizontally flip icons.

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Added
- Added `slds-path__trigger-coaching-content` to create a full width coaching toggle in small regions.
#### Changed
- Padding has been removed from `slds-path__track` to fix display issues when the Path is nested inside of a Card; of which is it's default state.
- Modified to be mobile first and responsive.
- Changed border radius to make circle and pill shaped buttons to square and rectangular shape.
- Removed horizontal rule under coaching title areas
## Fixed
- Flipped chevrons for RTL languages

### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation)
#### Changed
- Replaced active navigation item background token with `BRAND_PRIMARY_TRANSPARENT_10` branding token.

## Release 2.8.4 - February 21, 2019

## Component Blueprints
### [Breadcrumbs](https://www.lightningdesignsystem.com/components/breadcrumbs)
#### Fixed
- Adjusted typographic styling for breadcrumb items.

### [Select](https://www.lightningdesignsystem.com/components/select)
#### Fixed
- Adjusted pseudo elements to allow click events to pass through

## Release 2.8.3 - February 4, 2019

## Component Blueprints
### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
#### Fixed
- Fixed issue where a navigation item would lose its background color when active and/or hovered.

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Changed
- Removed animation when invoking an active tab

## Release 2.8.2 - February 1, 2019

## Component Blueprints
### [Files](https://www.lightningdesignsystem.com/components/files)
#### Fixed
- Adjusted `z-index` for hover and focus state to not overlap modal overlays and the global header.

## Release 2.8.1 - January 23, 2019

## Component Blueprints
### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Fixed
- Fixed collapsing issue when `slds-assistive-text` would be applied to `slds-card__header`

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Resolved issue where left-aligned checkbox labels would become squished

### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
#### Fixed
- IE11: Layout issues when in a modal

### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat)
#### Fixed
- Fixed vertical alignment of `slds-welcome-mat__info-content` in IE11.

## Release 2.8.0 - January 4, 2019

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Changed
- Updated Accordion title to respond to user's densification settings.

### [Alert](https://www.lightningdesignsystem.com/components/alert)
#### Fixed
- Added `slds-button_icon-small` to the close button on alerts to fix the sizing of the click target.
- Improved the contrast for focus and hover states on links and buttons in alerts

### [Avatar Group](https://www.lightningdesignsystem.com/components/avatar-group)
#### Added
- Added a new blueprint and docs for Avatar Group component that is used for communicating to users that more than one person is associated with an item.

### [Badges](https://www.lightningdesignsystem.com/components/badges)
#### Added
- Examples for all color variants with left and right aligned placement.
- Wrapping `slds-badge__icon` element to position and color icons.
#### Changed
- Increased font size to 12px, applied bold font weight, and removed uppercase styling in `.slds-badge`.

### [Breadcrumbs](https://www.lightningdesignsystem.com/components/breadcrumbs)
#### Changed
- Added bold font weight to '.slds-breadcrumb\_\_item`.
#### Removed
- Removed `.slds-text-title_caps` from breadcrumb list item.

### [Button Groups](https://www.lightningdesignsystem.com/components/button-groups)
#### Added
- Added the classes `slds-button_first`, `slds-button_middle`, and `slds-button_last` that targets the position of each button inside of a button group

### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Added
- Added support for disabled stateful button icons

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- New Dual Stateful variation, which acts similar to a [Toggle Button](/accessibility/patterns/togglebutton/#site-main-content), by using the `slds-button_dual-stateful` class.
  - This variation toggles between the styling of a neutral button and a brand button.
- Added `slds-button_stretch` modifier for adjusting any style button to take 100% width of its container
- Added examples of links that look like buttons (to be used sparingly)
#### Changed
- Updated the disabled styling for the success, destructive, and outline brand buttons to be consistent across variants
#### Fixed
- Prevented hover styling on success buttons when disabled

### [Chat](https://www.lightningdesignsystem.com/components/chat)
#### Changed
- Added `aria-hidden="true"` to the Avatar for inbound chat messages to avoid duplication of the user's name for screen reader users

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Added
- Added unchecked image based checkbox example [view mode checkbox - unchecked](/components/checkbox/?state=view-mode-unchecked&variant=form-element)
- Added checked image based checkbox example [view mode checkbox - checked](/components/checkbox/?state=view-mode-checked&variant=form-element)

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Added
- Added `slds-listbox__option-header` to increase font size to 14px, and apply bold font weight, on listbox option headers.
- Added a new variant for combobox that uses a dialog for the dropdown for situations like multi-selection
#### Removed
- Removed `slds-text-title_caps` from listbox option headers

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Changed
- Added bold font weight to `th` elements within table headers.
#### Removed
- Removed `slds-text-title_caps` from table headers.

### [Dynamic Menu](https://www.lightningdesignsystem.com/components/dynamic-menu)
#### Added
- Added `slds-dynamic-menu__header` to increase font size to 14px and apply bold font weight.
#### Removed
- Removed `slds-text-title_caps` from dynamic menu headers.

### [Files](https://www.lightningdesignsystem.com/components/files)
#### Fixed
- Aligned `hover` and `focus` states to have matching styles
  - Added "Preview:" as accessible text via the `slds-assistive-text` utility.

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Added
- Added form classes for rows and columns, `slds-form__row` and `slds-form__item`
- Added `slds-form-element_stacked` to manage stacked form elements
- Added `slds-form-element_horizontal` to manage horizontal form elements
- Added `slds-is-edited` class to indicate if a form element has been edited but not saved
- Added `slds-form-element_undo` to wrap the undo button icon when a form element has been edited but not saved
- Added support for single column horizontal form elements with `slds-form-element_1-col`, used to re-distribute the ratio of label to control
- Added `slds-form-element_compound` to manage compound form elements
- Added `slds-form-element_address` for address specific compound form elements
- Added image based checkbox to record form
#### Changed
- Added spacing around `slds-form-element` depending on densification settings
- Form labels will now hyphenate when a word with no spaces exceeds the available space of the label container
#### Deprecated
- Deprecated `slds-form_stacked` for `slds-form-element_stacked`
- Deprecated `slds-form_horizontal` for `slds-form-element_horizontal`
- Deprecated `slds-form_compound` for `slds-form-element_compound`

### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
#### Removed
- Removed `slds-text-title_caps` from menu headers.

### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
#### Added
- Tabbed Navigation Bar can now show 3 different statuses to alert users - error, success, and warning
#### Removed
- Removed `slds-text-title_caps` from menu headers.

### [Input](https://www.lightningdesignsystem.com/components/input)
#### Fixed
- Resolved issue where `slds-input__icon_left` and `.slds-input__icon` elements were positioned over labels when in horizontal form elements

### [Menus](https://www.lightningdesignsystem.com/components/menus)
#### Added
- 3 levels of status for menu items to alert the user - error, success, and warning
#### Changed
- Increased font size to 14px applied bold font weight in `slds-dropdown__header`.
#### Removed
- Removed `slds-text-title_caps` from menu sub headers.

### [Page Headers](https://www.lightningdesignsystem.com/components/page-headers)
#### Changed
- Update padding for `slds-page-header` to use directionally aware variable spacing tokens.
- Update Record Home margins on `slds-page-header__detail-row` to correctly use directionally aware variable spacing tokens.

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Changed
- Increased font size to 14px, applied bold font weight, and removed uppercase styling in `slds-path__coach-title`.

### [Picklist](https://www.lightningdesignsystem.com/components/picklist)
#### Added
- Added `slds-listbox__option-header` to increase font size to 14px, and apply bold font weight, on listbox option headers.
#### Removed
- Removed `slds-text-title_caps` from listbox option headers.

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Fixed
- Improved the contrast for focus and hover states on the close button.
#### Added
- Added `slds-popover_panel__label` to increase panel label font size to 14px and apply bold font weight.
- Added `slds-popover__footer_form` to center align content and add a background for footers of form popovers.
#### Removed
- Removed `slds-text-title_caps` from panel labels.

### [Process](https://www.lightningdesignsystem.com/components/process)
#### Fixed
#### Removed
- Removed `slds-text-title_caps` from wizard labels.

### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant)
#### Added
- Added `slds-container_fluid` to the div containing a step's title and content in order to display the Setup Assistant properly in IE11

### [Split View](https://www.lightningdesignsystem.com/components/split-view)
#### Changed
- Increased font size to 14px, applied bold font weight, and updated line-height in `slds-split-view__list-header`.
#### Removed
- Removed `slds-text-title_caps` split view list headers.

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Added
- Added examples of icon use in default tabs
- Subtabs can now show 3 different statuses to alert users - error, success, and warning
#### Removed
- Removed `slds-text-title_caps` from scrolling tab items.

### [Toast](https://www.lightningdesignsystem.com/components/toast)
#### Fixed
- Improved the contrast for focus and hover states on links and buttons in toasts

### [Tooltips](https://www.lightningdesignsystem.com/components/tooltips)
#### Added
- Added examples for tooltip triggered by links, buttons, and inputs

### [Trees](https://www.lightningdesignsystem.com/components/trees)
#### Added
- Two new examples of trees; filterable and filtered trees, with a search input. These show how you can use an input to filter the contents of a large tree and highlight the search term in matching items
#### Fixed
- Adjusted the alignment of the tree item text and chevron to be less reliant on button line height

### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation)
#### Changed
- Increased font size to 16px and applied bold font weight to `slds-nav-vertical__title`.
- Increased left padding in `slds-nav-vertical__action`.
- Changed background color of the selected `slds-nav-vertical__item` element in the shaded background example to be white.
- Moved the `aria-describedby` attribute from the individual navigation `<a />` links to the list `<ul>`.
#### Removed
- Removed `slds-text-title_caps` from vertical navigation titles.

### [Vertical Tabs](https://www.lightningdesignsystem.com/components/vertical-tabs)
#### Added
- Added examples of icons in vertical tabs
- Added examples of badges in vertical tabs
- Added new classes to support icons and badges, `slds-vertical-tabs__left-icon` and `slds-vertical-tabs__right-icon`

### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat)
#### Added
- Splash variant for one-time interstitial purposes
- Info-only variant for informational purposes
- `slds-modal-small` to size Welcome Mat modal
- `slds-welcome-mat_info-only` can now set the `slds-welcome-mat__tiles` section to "info only" mode.
- Markup structure so that `slds-welcome-mat` and `slds-welcome-mat__content` are now within `slds-modal__content`
#### Changed
- Removed `slds-welcome-mat` from `slds-modal`
- Removed `slds-welcome-mat__content` from `slds-modal__content`
- Moved `slds-grid` from `slds-modal__content` to `slds-welcome-mat__content`
#### Deprecated
- Deprecated `.slds-welcome-mat .slds-modal-container` selector for `.slds-modal-small` to be applied to `slds-modal`. To upgrade existing welcome mat, in `slds-modal`, replace `slds-welcome-mat` with `slds-modal_small`, and also remove `slds-welcome-mat__content` from `slds-modal-container`. Markup structure changes need to be made existing code. First, wrap the existing content of `<div class='slds-modal-container'>` with `<div class='slds-welcome-mat__content slds-grid'>`. Then, wrap `<div class='slds-welcome-mat__content slds-grid'>` with `<div class='slds-welcome-mat'>`.
#### Fixed
- Fixed vertical alignment of `slds-welcome-mat__info-content` in IE11.

## Utilities
### [Margin Utility](https://www.lightningdesignsystem.com/utilities/margin)
#### Added
- Added documentation detailing the values of the variable density classes in Comfy and Compact modes

### [Padding Utility](https://www.lightningdesignsystem.com/utilities/padding)
#### Added
- Added documentation detailing the values of the variable density classes in Comfy and Compact modes

## Release 2.7.5 - November 19, 2018

## Component Blueprints
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Changed
- Form labels will now hyphenate when a word with no spaces exceeds the available space of the label container

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Fixed
- Resolved issue where table elements within a rich text editor output would improperly wrap

## Release 2.7.4 - October 11, 2018

## Component Blueprints
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Added
- Added `slds-form-element_address` for address specific compound form elements
#### Fixed
- Resolved issue where empty form elements would collapse in view mode

## Release 2.7.3 - October 4, 2018

## Component Blueprints
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Fixed
- Resolved issue where Rich Text content would overflow the container of a form element in IE11

## Release 2.7.2 - September 21, 2018

## Tokens

### Fixed
- Fixed issue where missing cssProperties would cause compilation issues

## Release 2.7.1 - September 9, 2018

## Component Blueprints
### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
#### Fixed
- Remove `font-weight: 300` from app title to increase legibility

### [Page Headers](https://www.lightningdesignsystem.com/components/page-headers)
#### Changed
- Reduce font-size of `slds-page-header__title` to 18px

## Release 2.7.0 - September 7, 2018

## General
- Redesigned our [Design Tokens page](https://lightningdesignsystem.com/design-tokens/) 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](https://lightningdesignsystem.com/guidelines/builder/) and [Empty States](https://lightningdesignsystem.com/guidelines/empty-state/)
- Moved [Tree Grid](https://lightningdesignsystem.com/components/tree-grid/) to its own item, instead of being included in Trees
- Added [variable spacing tokens](https://lightningdesignsystem.com/design-tokens/#category-spacing) to support new Densification settings

## Component Blueprints
### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
#### Removed
- Removed hard coded text sizing utility class, `slds-text-heading_small`, from the `slds-accordion__summary-heading` element.

### [Alert](https://www.lightningdesignsystem.com/components/alert)
#### Changed
- Changed HTML so the button icon can be slotted into the `slds-notify__close` element
#### Fixed
- Buttons with the new BEM syntax used within an inverse themed component no longer have their text color overridden

### [App Launcher](https://www.lightningdesignsystem.com/components/app-launcher)
#### Changed
- Updated the tile markup for improved accessibility and added features
  - Changed the outer element from an `<a/>` to a `<div/>` and removed `aria-describedby`
  - Replaced the grab handle icon with a stateful icon button, which will now be the keyboard accessilbe drag and drop control. Please [read the new section](https://www.lightningdesignsystem.com/components/app-launcher/#Reordering-tiles-via-drag-and-drop) in the documentation about specific implementation detials
  - Moved the tile link to the card title since the whole tile is no longer a link
  - Made the "more" overflow a tooltip trigger

### [Avatar](https://www.lightningdesignsystem.com/components/avatar)
#### Changed
- Changed HTML so the Avatar component can be slotted inside of an `href` vs being the `href` element

### [Badges](https://www.lightningdesignsystem.com/components/badges)
#### Fixed
- Nested `inline` and `inline-block` elements now receive the proper vertical alignment.

### [Builder Header](https://www.lightningdesignsystem.com/components/builder-header)
#### Added
- Updated design guidelines and design notes.

### [Button Groups](https://www.lightningdesignsystem.com/components/button-groups)
#### Added
- A `1px` separator now appears when a brand button and a brand button icon are used within a button group.
- Added [Button Group Row component](/components/button-groups/?variant=row) that provides spacing in between each item that contains a button

### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
#### Added
- Added a title and assistive text to most button icon examples

### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
#### Added
- `slds-button_text-destructive` modifier option, which is styled as an inverted `slds-button_descructive` button.
- Added selector for `:disabled` pseudo-class.
#### Deprecated
- Deprecated the class `slds-button__icon_stateful`, which was located on the svg inside of the button. Use the Button Icon component with a small size modifier instead, `slds-button__icon slds-button__icon_small`.

### [Cards](https://www.lightningdesignsystem.com/components/cards)
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting

### [Carousel](https://www.lightningdesignsystem.com/components/carousel)
#### Fixed
- Swapped values for `aria-hidden` on Carousel panels.
  - In previous versions, the `true` and `false` values for `aria-hidden` were inadvertently reversed—`aria-hidden: true` was placed on open panels, and vice versa. This has now been updated to use the proper values for open and closed panels.
- Fixed bug that caused Carousel panels to be improperly sized in IE11.

### [Chat](https://www.lightningdesignsystem.com/components/chat)
#### Added
- File component (image and file content types) is now natively supported within an inbound and outbound message.
#### Fixed
- Outbound messages that contain a string of text shorter than the `max-width` no longer has unnecessary white space.
- Removed unnecessary whitespace when sending messages with a small amount of text (.e.g, "Hi there.").

### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
#### Added
- Added variant for a checkbox inside of a standard [form element component](/components/checkbox/?variant=form-element)
#### Fixed
- Fixed [issue #556](https://github.com/salesforce-ux/design-system/issues/556) by increasing the font size on checkbox labels to match radio button labels

### [Checkbox Button](https://www.lightningdesignsystem.com/components/checkbox-button)
#### Added
- Added an example of a checked-and-disabled checkbox button.
#### Fixed
- Increased the contrast between the plus symbol and background color for the disabled checkbox button.

### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
#### Added
- Added `slds-listbox__option-icon` to be used as a container that maintains the dimensions of an icon when it is removed from the HTML
#### Fixed
- Increased z-index of entity icon when a selection is made to ensure icon is always on top of input field
- Fixed alignment of dropdown icon in object switcher
- Click events are no longer prevented on the grouped combobox in Firefox

### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
#### Added
- Added a hidden header variation of the data table
  - This involves adding the `slds-table_header-hidden` class to the `<table>` and using the `slds-assistive-text` class on the `<thead>` to ensure the table remains accessible
- Multi select data tables now require `aria-multiselectable="true"` applied to the `table` element for both Advanced and Inline Edit variants.
- Multi select data tables now require `aria-selected` to be set to `false` on every row that is not selected
#### Changed
- Data tables underwent some minor markup changes to help align all the different variants to use common markup patterns. No visual styling or functionality has changed, but you will notice more examples.
#### Fixed
- Improved the color contrast of links inside of selected rows

### [Drop Zone](https://www.lightningdesignsystem.com/components/drop-zone)
#### Added
- Added new Drop Zone component to help construct a drag and drop screen building experience

### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
#### Changed
- Wrapped `slds-dueling-list` element with `slds-form-element__control`.
- Removed `slds-text-title_caps` from label.

### [Expandable Section](https://www.lightningdesignsystem.com/components/expandable-section)
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting

### [Expression](https://www.lightningdesignsystem.com/components/expression)
#### Added
- Added new Expression component to help users declaratively construct logical expressions

### [Feeds](https://www.lightningdesignsystem.com/components/feeds)
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting

### [File Selector](https://www.lightningdesignsystem.com/components/file-selector)
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting
- Reduced height to minimize whitespace

### [Files](https://www.lightningdesignsystem.com/components/files)
#### Added
- New class `sld-file_loading` for loading state.
  - In effort to prevent the hover styles from applying to the loading state, `slds-file_loading` is now added to `slds-file`.
- Class `slds-has-title` for when Files have a title applied.
  - `slds-has-title` is now added to `slds-file` to ensure the Preview icon (displayed in hover state) is properly centered.
  - This class should not be added when `slds-file_overlay` is used.
- `z-index` to titles and actions for non-loading states.
  - This is an effort to keep the new hover overlay styles from not covering the title and actions to keep them clickable.
#### Changed
- New design treatment for hover state.
  - `box-shadow` and `transition` have been replaced with an overlay and absolutely-centered Preview icon.
  - This hover state does not appear on devices that do not support `hover` (e.g., mobile). Note that this does effect devices that supports both hover (e.g., touch) and no-hover (e.g., mouse) input devices, such as the Microsoft Surface.
- New option for loading state.
  - Added a loading spinner option for Files with and without a title.
#### Fixed
- Improved the color contrast of the text placed on top of a file overlay

### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
#### Added
- Left aligned label support for components with help text icon and required asterisk
- Left aligned label support for `fieldset` and `legend` form elements
- Added `slds-form-element__readonly` to apply appropiate styling when a form element is in view mode
#### Changed
- Reduced overall height of all view mode form elements
- Changed labels to be left-aligned when using `slds-form_horizontal`
- Changed HTML so a compound form's `slds-form-element__group` is wrapped inside of `slds-form-element__control`
- Changed HTML that moved the required asterisk inside of `legend` element
- Changed HTML that moved the help text icon to be adjacent to the `legend` element
- Changed HTML so `slds-form-element__legend` is now required on all `legend` elements
- Changed HTML so `slds-form-element__control` is now required to wrap all form controls

### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
#### Changed
- Changed Salesforce logo image path.

### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
#### Changed
- Overflow menu on navigation item no longer opens on hover.
- Added the `slds-indicator-container` class to be used whenever tabs and menu items have unread or unsaved indicators.
  - The `slds-indicator_unsaved` abbreviation and/or the `slds-indicator_unsaved` span should always be contained *within* a `<span>` with class `slds-indicator-container`.
  - This class preserves spacing between the indicators and the tab/menu text when no icon is present by adding a margin-right.
  - If the indicator container is empty, no margin-right is added.
#### Fixed
- HTML validation error on tabbed navigation indicators, swapped a `div` for a `span`

### [Icons](https://www.lightningdesignsystem.com/components/icons)
#### Added
- Icons can now be filled with the success text color by adding `slds-icon-text-success`.
#### Fixed
- Fixed [issue #228](https://github.com/salesforce-ux/design-system/issues/228), which was causing x-small and xx-small circular icons to appear as ovals. Contribution made by [@geebru](https://github.com/geebru).

### [Illustration](https://www.lightningdesignsystem.com/components/illustration)
#### Added
- Added example for large illustrations

### [List Builder](https://www.lightningdesignsystem.com/components/list-builder)
#### Added
- Added examples for list builders with disabled items and items selected by default.
- Added an example of a list builder with a headless table
#### Changed
- List Builder now requires `aria-multiselectable="true"` applied to the `table` element.
- Each row now requires `aria-selected` to be set to `false` on every row that is not selected

### [Map](https://www.lightningdesignsystem.com/components/map)
#### Added
- Added a standalone map example that lives outside of a modal
#### Fixed
- Replaced inline styles from `iframe` and placed them within the component styling
- Improved the color contrast of links inside of selected items in the locations list

### [Page Headers](https://www.lightningdesignsystem.com/components/page-headers)
#### Added
- Added `slds-page-header_record-home` class to be used within a record home page. This class utilizes variable font tokens to respond to a user's densification setting.
- Made Related Lists Page Header visible, so you can see it. Yay! 🎉
- Added the following classes:
    - For layout:
      - `slds-page-header__row`, `slds-page-header__row_gutters`, `slds-page-header__col-title`, `slds-page-header__col-actions`, `slds-page-header__col-meta`, `slds-page-header__col-controls`, `slds-page-header__col-details`
    - For the page name:
      - `slds-page-header__name`, `slds-page-header__name-title`, `slds-page-header__name-switcher`, `slds-page-header__name-meta`, `slds-page-header__meta-text`
    - For header controls
      - `slds-page-header__controls`, `slds-page-header__control`,
    - For record home
      - `slds-page-header_record-home`
    - For record home details
      - `slds-page-header__detail-row`, `slds-page-header__detail-block`
    - For vertical record home list
      - `slds-page-header__detail-list`, `slds-page-header__detail-item`
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting
- Changed dimension of `slds-page-header__icon` to be 36x36
- Pretty much all of it in a sizable refactor of the markup
  - Made it easier to componentize the page headers and share code between the different variants
  - Made page headers less reliant on utility classes
  - Please see above for added class names
#### Deprecated
- Deprecated page header specific spacing tokens
  - PAGE_HEADER_SPACING_MARGIN
  - PAGE_HEADER_SPACING_PADDING
  - PAGE_HEADER_SPACING_ROW

### [Panels](https://www.lightningdesignsystem.com/components/panels)
#### Changed
- Updated panel headers to have left aligned text by default. To center the header title, use the class `slds-panel__header_align-center`.
- Updated `slds-panel_body` padding to be 0.75rem around instead of 1rem.
- Updated our documentation to reflect that panels always have a close button, but may also have a back button if panel was invoked by drilling in.
#### Fixed
- Forced panel buttons to keep their square shape by preventing `flex-shrink`.

### [Path](https://www.lightningdesignsystem.com/components/path)
#### Added
- Added `slds-path_has-coaching` hook on the `slds-path` container element, to add support for spacing differences between coaching and non-coaching.
#### Changed
- Modified the appearance of the Path container.
- Revised the colors used on the active and curent Path steps, introducing support for borders.
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting.
- Changed the direction of the coaching arrow to point to the right / down, instead of up / down. To take advantage of this change, remove the `slds-flip_vertical` class on the open state for `slds-path__trigger`, and instead use our new class `slds-path__trigger_open` to set the direction of the open state on the button arrow.
#### Fixed
- Fixed text centering issue with first and last Path steps
- Fixed rotation transition on Path coaching toggle button

### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
#### Added
- Added `slds-nubbin_*-corner` modifier classes to place nubbin elements at the corner of a Popover.
#### Fixed
- Fixed a bug where long strings of text would overflow the popover boundary. Popover body, header, and footer now include `word-wrap: break-word`.
- Increased the contrast for focused links and buttons in our inversed popovers, Walkthrough and Feature.
- Fixed a bug that allowed `slds-popover_small` to grow larger than its expected width.
- Buttons with the new BEM syntax used within an inverse themed component no longer have their text color overridden.

### [Progress Bar](https://www.lightningdesignsystem.com/components/progress-bar)
#### Added
- Updated the documentation for vertical progress bars. Now you can actually see it, yay!

### [Progress Ring](https://www.lightningdesignsystem.com/components/progress-ring)
#### Added
- Added an example of a progress ring that fills rather than drains, meaning the colored portion of the ring increases clockwise.

### [Publishers](https://www.lightningdesignsystem.com/components/publishers)
#### Fixed
- Made the publisher label visible to screen readers in the collapsed state of a publisher, by removing the use of `display: none`

### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
#### Added
- Added an example of a checked-and-disabled radio button.

### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
#### Fixed
- Fixed incorrect `border-radius` in text area.
- Fixed a bug where child input elements were unintentionally affected when the Rich Text Editor was in an error state.
#### Changed
- [New markup](https://www.lightningdesignsystem.com/components/rich-text-editor/?state=error&variant=base) that moves the error message outside of Rich Text Editor, and adds a `slds-form-element__control` element to enable left align labels.

### [Scoped Tabs](https://www.lightningdesignsystem.com/components/scoped-tabs)
#### Added
- Added `slds-tabs_medium` and `slds-tabs_large` to modify the `font-size` and spacing of the tab items
- Added `slds-tabs_scoped__overflow-button` to tabs with overflow so the Button Menu component can be slotted inside the tab item
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting
- Changed the color of a tab item when a tab is active
- Changed HTML on [Tabs with Overflow](/components/scoped-tabs/?example=overflowing-items&variant=base) example so a Button Menu component is the trigger for the overflow menu

### [Setup Assistant](https://www.lightningdesignsystem.com/components/setup-assistant)
#### Changed
- Updated the setup assistant steps to use the new [filling progress ring](https://lightningdesignsystem.com/components/progress-ring/?example=progress-ring-partially-filled&variant=base).

### [Slider](https://www.lightningdesignsystem.com/components/slider)
#### Fixed
- Fixed a bug that prevented Slider background from appearing in IE11.

### [Split View](https://www.lightningdesignsystem.com/components/split-view)
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting

### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
#### Added
- Added `slds-tabs_medium` and `slds-tabs_large` to modify the `font-size` and spacing of the tab items
- Added animation when activating a tab item
- Added `slds-tabs_default__overflow-button` to tabs with overflow so the Button Menu component can be slotted inside the tab item
- Extended the documentation for mobile tabs to include panels
  - When drilling into a mobile tab, a panel slides in displaying that tab's content
  - Check out the [Tabs On Mobile](https://lightningdesignsystem.com/components/tabs/#On-Mobile) section for more details
- Animations and transitions for `:hover` and `slds-is-active` states.
#### Changed
- Replaced spacing tokens with variable spacing tokens to respond to a user's densification setting
- Removed title caps from tab items
- Removed letter spacing from tab items
- Increased height of bar when a tab is active
- Changed HTML on [Tabs with Overflow](/components/scoped-tabs/?example=overflowing-items&variant=base) example so a Button Menu component is the trigger for the overflow menu
#### Fixed
- Updated `slds-tabs-mobile` to have a white background by default, instead of a transparent background.
- Improved the color contrast of the text of a subtab when it is in focus
- HTML validation error on subtab indicators, swapped a `div` for a `span`

### [Textarea](https://www.lightningdesignsystem.com/components/textarea)
#### Fixed
- Removed `box-shadow` added by Firefox for all required fields.
  - By default, Firefox was adding a `box-shadow` to all fields marked `required`. This has now been normalized to match the styling in all other browsers.

### [Toast](https://www.lightningdesignsystem.com/components/toast)
#### Changed
- Swapped the `role` value of toasts from `alert` to `status`
#### Fixed
- Increased contrast between the icons and the yellow background in warning toasts.
- Buttons with the new BEM syntax used within an inverse themed component no longer have their text color overridden

### [Tree Grid](https://www.lightningdesignsystem.com/components/tree-grid)
#### Added
- Checkboxes in the left most column were added to multi select tree grids
- Multi select tree grids now require `aria-multiselectable="true"` applied to the `table` element.
- Multi select tree grids now require `aria-selected` to be set to `false` on every row that is not selected
- Single select tree grids were added as examples
- Headless tree grids were added
- Borderless tree grids were added
#### Changed
- Tree grid now aligns better with the lightning component, which is an extension of [Advanced Data Table](https://www.lightningdesignsystem.com/components/data-tables/?modifiers=.slds-table_bordered&variant=advanced).

### [Trees](https://www.lightningdesignsystem.com/components/trees)
#### Changed
- Removed `aria-selected` from the examples since this is only necessary if the tree supports multi-select
- Removed `role="application"` from the top level tree
#### Fixed
- Replaced the `slds-size_1-of-1` surrounding the tree label with `slds-has-flexi-truncate` to prevent the label from overflowing the tree's boundary

### [Trial Bar](https://www.lightningdesignsystem.com/components/trial-bar)
#### Fixed
- Buttons with the new BEM syntax used within an inverse themed component no longer have their text color overridden

### [Visual Picker](https://www.lightningdesignsystem.com/components/visual-picker)
#### Changed
- Updated the disabled visual picker UI to be more apparent and a better match to the established conventions for disabled UI

### [Welcome Mat](https://www.lightningdesignsystem.com/components/welcome-mat)
#### Changed
- Updated the semantics of steps in a welcome mat to be list items within an unordered list. Check out the component documentation for the [updated DOM structure](https://lightningdesignsystem.com/components/welcome-mat/)

## Utilities
### [Description List Utilities](https://www.lightningdesignsystem.com/utilities/description-list)
#### Changed
- Changed behavior of media query when `slds-dl_horizontal` and `slds-dl_inline` are located inside of `slds-region_narrow`

### [Grid](https://www.lightningdesignsystem.com/utilities/grid)
#### Added
- Added `slds-gutters_direct` for adding gutters to direct child columns of a grid.
  - See the [Direct Columns Only](https://lightningdesignsystem.com/utilities/grid/#Direct-Columns-Only) section for more info.
#### Fixed
- Updated `slds-col_bump-bottom` to accurately set margin-bottom, instead of margin-right, to auto.

### [Text Utility](https://www.lightningdesignsystem.com/utilities/text)
#### Added
- Added text color utility class, `slds-text-color_destructive`, for destructive actions

<!-- Release notes authoring guidelines: http://keepachangelog.com/ -->

<!-- These release notes were previsouly compiled into one doc, those notes below are appended to the dynamically created release notes -->

## Release 2.6.2 - June 29, 2018

## Fixes

### [Cards](https://www.lightningdesignsystem.com/components/cards)
- Updated broken links within the Cards docs ([7b48637](https://github.com/salesforce-ux/design-system/commit/7b48637))

### Gulp Script Update
- Fix path to gulp.js to resolve build error in Windows ([2a78a47](https://github.com/salesforce-ux/design-system/commit/2a78a47))

### [Input](https://www.lightningdesignsystem.com/components/input)
- Updated the Error with Icon example to use the new Error icon ([35d90ba](https://github.com/salesforce-ux/design-system/commit/35d90ba))

### [Margin](https://www.lightningdesignsystem.com/utilities/margin)
- Added examples of using "none" on margin utilities ([a3e9eb9](https://github.com/salesforce-ux/design-system/commit/a3e9eb9))
- Updated broken links within the Margin docs ([26a5eed](https://github.com/salesforce-ux/design-system/commit/26a5eed))

## Release 2.6.1 - May 18, 2018

## Fixes

### [Form Element](https://www.lightningdesignsystem.com/components/form-element/#Compound)
- Removed margin if compound field is found inside of a stacked form ([0d3e752](https://github.com/salesforce-ux/design-system/commit/0d3e752))

### [Grid](https://www.lightningdesignsystem.com/utilities/grid/)
- Adjusted docs to avoid confusion on columns and vertical alignment ([1b17639](https://github.com/salesforce-ux/design-system/commit/1b17639))

### [Tabs](https://www.lightningdesignsystem.com/components/tabs/)
- Fixed incorrect link to Vertical Tabs component in Tabs documentation ([#548](https://github.com/salesforce-ux/design-system/issues/548))

## Release 2.6.0 - May 4, 2018
May the 4th be with you!

## Big Impact

### [Component Blueprints](https://lightningdesignsystem.com/components/overview)
- Renamed our 'Components' to 'Component Blueprints' to create distinction between our SLDS Components and ([Lightning Components](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref.htm)). We define our 'Component Blueprints' as 'Framework agnostic, accessible HTML and CSS used to create components in conjunction with our implementation guidelines'. For more details, check out the glossary we added to our [FAQ page](/faq).

### [Form Layout](https://lightningdesignsystem.com/components/form-element/#Layout)
- Merged Form Layout into Form Element ([f3c5b48](https://github.com/salesforce-ux/design-system/commit/f3c5b48))

### [Icon](https://lightningdesignsystem.com/icons/#utility)
- Addressed 2 issues with the usage of *Warning* and *Error* icons. ([cd98ab6](https://github.com/salesforce-ux/design-system/commit/cd98ab6))
    1) Research showed that the ban icon best represented an error for our users, so we switched the error and ban icons. The new error icon is the circle with a diagonal slash through it
    2) We also realized that we used the same icon for both error and warning states in many components, so we updated components that were using the warning icon in red as an error state to use the new error icon.

### [Lookup](https://lightningdesignsystem.com/components/lookups/)
- Deprecated `slds-lookup` and replaced with `slds-combobox` and `slds-combobox-group` ([2dbe619](https://github.com/salesforce-ux/design-system/commit/2dbe619))

### [Walkthrough -> Trial Bar](https://lightningdesignsystem.com/components/trial-bar/)
- Renamed our Walkthrough component to Trial Bar ([fe8cfc1](https://github.com/salesforce-ux/design-system/commit/fe8cfc1))

## New components:

### [Builder Header](https://lightningdesignsystem.com/components/builder-header/)
- Created new Builder Header component ([3b6f741](https://github.com/salesforce-ux/design-system/commit/3b6f741))

### [Illustration](https://lightningdesignsystem.com/components/illustration/)
- Created new component for Empty States and other Illustrations ([a1824e0](https://github.com/salesforce-ux/design-system/commit/a1824e0))

### [Setup Assistant](https://lightningdesignsystem.com/components/setup-assistant/)
- Created new Setup Assistant component ([26be78c](https://github.com/salesforce-ux/design-system/commit/26be78c))

### [Summary Detail](https://lightningdesignsystem.com/components/summary-detail/)
- Created new Summary Detail component ([245492e](https://github.com/salesforce-ux/design-system/commit/245492e))

### [Welcome Mat](https://lightningdesignsystem.com/components/welcome-mat/)
- Created new Welcome Mat component ([5d2d818](https://github.com/salesforce-ux/design-system/commit/5d2d818))

## Documentation Updates

### [Button](https://lightningdesignsystem.com/components/buttons/#Disabled)
- Updated examples to show disabled states of all variants ([013b16d](https://github.com/salesforce-ux/design-system/commit/013b16d))

### [Combobox](https://lightningdesignsystem.com/components/combobox/)
- Updated examples and documentation for Base, Autocomplete, Entity Autocomplete, and Grouped comboboxes ([6c79edd](https://github.com/salesforce-ux/design-system/commit/6c79edd))
- Added an example to show [listbox styling options](https://lightningdesignsystem.com/components/combobox/#Styling-choices-for-options) ([3d4af71](https://github.com/salesforce-ux/design-system/commit/3d4af71))
- Updated mouse and keyboard interaction documentation ([04bde0c](https://github.com/salesforce-ux/design-system/commit/04bde0c))

### [Dueling Picklist](https://lightningdesignsystem.com/components/dueling-picklist/#Group-Label)
- Added an example detailing how to add a group label to a dueling picklist ([b5e0083](https://github.com/salesforce-ux/design-system/commit/b5e0083))

### [Form Element](https://lightningdesignsystem.com/components/form-element/#Record-Detail)
- Added an example to show Record Detail ([73989b0](https://github.com/salesforce-ux/design-system/commit/73989b0))

### [Global Header](https://lightningdesignsystem.com/components/global-header/#Notifications)
- Updated documentation to show animated examples ([399da9c](https://github.com/salesforce-ux/design-system/commit/399da9c))

### [Grid](https://lightningdesignsystem.com/utilities/grid/#Content-alignment-with-bump)
- Added examples and documentation for `slds-col-bump_*` classes ([a095cba](https://github.com/salesforce-ux/design-system/commit/a095cba))

### [Icon](https://lightningdesignsystem.com/components/icons/#Current-Color)
- Added an example that uses `slds-current-color` ([2ef3489](https://github.com/salesforce-ux/design-system/commit/2ef3489))

### [Rich Text Editor](https://lightningdesignsystem.com/components/rich-text-editor/)
- Updated examples to properly wrap the Rich Text Editor in `slds-form-element` ([b6df0b0](https://github.com/salesforce-ux/design-system/commit/b6df0b0))

## Features

### [Button](https://lightningdesignsystem.com/components/buttons/#Outline-Brand)
- Added `slds-button_outline-brand` modifier ([0dec41e](https://github.com/salesforce-ux/design-system/commit/0dec41e))

### [Chat](https://lightningdesignsystem.com/components/chat/#Delivery-Status-Messages)
- Added support for delivery failure and unsupported type messages ([14aa268](https://github.com/salesforce-ux/design-system/commit/14aa268))

### [Combobox](https://lightningdesignsystem.com/components/combobox/#Grouped-Comboboxes-(Cross-entity-Polymorphic))
- Introduced grouped comboboxes with text and icon variants ([6c79edd](https://github.com/salesforce-ux/design-system/commit/6c79edd))

### [Dueling Picklist](https://lightningdesignsystem.com/components/dueling-picklist/#Edit-Mode)
- Updated docs to add non-reorderable and view mode variants of dueling picklist to be used for multiple selection ([c336057](https://github.com/salesforce-ux/design-system/commit/c336057))
- Added `slds-is-grabbed` class
- Added `slds-dueling-picklist__column_responsive` to add [responsiveness](https://lightningdesignsystem.com/components/dueling-picklist/#Responsive) ([4000150](https://github.com/salesforce-ux/design-system/commit/4000150))

### [Global Header](https://lightningdesignsystem.com/components/global-header/)
- Added support for branded skip links ([789aa99](https://github.com/salesforce-ux/design-system/commit/789aa99))

### [Input](https://lightningdesignsystem.com/components/input/?example=counter&variant=base)
- Added counter variant ([0b20b85](https://github.com/salesforce-ux/design-system/commit/0b20b85))

### [Panel](https://lightningdesignsystem.com/components/panels/)
- Added docked panel variant ([e88713e](https://github.com/salesforce-ux/design-system/commit/e88713e))

### [Popover](https://lightningdesignsystem.com/components/popovers/)
- Added warning and error variants ([60a628d](https://github.com/salesforce-ux/design-system/commit/60a628d))

### [Progress Bar](https://lightningdesignsystem.com/components/progress-bar/?example=progress-bar-descriptive&variant=base)
- Added an example of descriptive progress bar with label and progress percentage above bar ([dbd0db1](https://github.com/salesforce-ux/design-system/commit/dbd0db1))

### [Progress Indicator](https://lightningdesignsystem.com/components/progress-indicator/)
- Added new vertical variant ([118b520](https://github.com/salesforce-ux/design-system/commit/118b520))
- Added `slds-progress__marker_icon-success` to indicate completed stage

### [Progress Ring](https://lightningdesignsystem.com/components/progress-ring/)
- Added `slds-progress-ring_large` modifier to make a 32x32px ring ([26be78c](https://github.com/salesforce-ux/design-system/commit/26be78c))
- Added `slds-progress-ring_active-step` modifier to change color of progress ring

### [Spinner](https://lightningdesignsystem.com/components/spinners/?example=inlined&variant=base)
- Added new inline spinner variant ([c05738f](https://github.com/salesforce-ux/design-system/commit/c05738f))

### [Tabs](https://lightningdesignsystem.com/components/tabs/#On-Mobile)
- Added new mobile stacked variant ([9d7b861](https://github.com/salesforce-ux/design-system/commit/9d7b861))

### [Text](https://lightningdesignsystem.com/utilities/text/?example=text-font-monospace&variant=text)
- Added new monospace font-family ([7a41fd6](https://github.com/salesforce-ux/design-system/commit/7a41fd6))

## Fixes

### [Avatar](https://lightningdesignsystem.com/components/avatar/?example=fallback-user-initials&variant=base)
- Added text shadow to `slds-avatar__initials` for better contrast ([3f43dfa](https://github.com/salesforce-ux/design-system/commit/3f43dfa))
- Added `slds-avatar__initials_inverse` for dark text initials on a light background

### [Button Group](https://lightningdesignsystem.com/components/button-groups/?example=button-group-more-open&variant=base)
- Added `slds-dropdown_actions` to button group overflow dropdown ([8ab08fe](https://github.com/salesforce-ux/design-system/commit/8ab08fe))

### [Button Icon](https://lightningdesignsystem.com/components/button-icons/?variant=bordered-inverse)
- Added selected stying to border inverse variant ([2624d4f](https://github.com/salesforce-ux/design-system/commit/2624d4f))

### [Card](https://lightningdesignsystem.com/components/cards/?example=related-list-table&variant=base)
- Added `slds-card__footer-action` to have footer link take up full width of card ([89c6a28](https://github.com/salesforce-ux/design-system/commit/89c6a28))

### [Chat](https://lightningdesignsystem.com/components/chat/#Sneak-peek)
- Changed `slds-chat-message__text-sneak-peak` to `slds-chat-message__text-sneak-peek` ([cdaabbf](https://github.com/salesforce-ux/design-system/commit/cdaabbf))

### [Checkbox](https://lightningdesignsystem.com/components/checkbox/)
- Updated examples to have unique `value` attributes ([cdf72cd](https://github.com/salesforce-ux/design-system/commit/cdf72cd))

### [Compound Form](https://lightningdesignsystem.com/components/form-element/#Compound)
- Fixed layout overflow bug ([#530](https://github.com/salesforce-ux/design-system/issues/530))

### [Data Table](https://lightningdesignsystem.com/components/data-tables/?state=row-error-and-selected&variant=inline-edit)
- Adjusted styling for edited and error cells when row is selected ([9ed087a](https://github.com/salesforce-ux/design-system/commit/9ed087a))
- Updated checkboxes and radio groups in Data Tables to be grouped with a common label by using `aria-labelledby` and hidden group label in the column header ([f8f8801](https://github.com/salesforce-ux/design-system/commit/f8f8801))

### [Datepicker](https://lightningdesignsystem.com/components/datepickers/?state=datepicker-with-error&variant=base)
- Prevented error border from applying to nested select component ([0fa0165](https://github.com/salesforce-ux/design-system/commit/0fa0165))

### [Dueling Picklist](https://lightningdesignsystem.com/components/dueling-picklist/)
- Updated all examples to include a group label and form-element wrapper ([8d1a1b4](https://github.com/salesforce-ux/design-system/commit/8d1a1b4))

### [Form Element](https://lightningdesignsystem.com/components/form-element/#Compound)
- Added `slds-form-element__legend_has-tooltip` modifier to allow for tooltip icon next to legend ([f3c5b48](https://github.com/salesforce-ux/design-system/commit/f3c5b48))

### [Global Header](https://lightningdesignsystem.com/components/global-header/)
- Updated colors of global [actions](https://lightningdesignsystem.com/components/global-header/#Global-Actions-Bar) ([58d68e1](https://github.com/salesforce-ux/design-system/commit/58d68e1))
- Updated search to use [new combobox group](https://lightningdesignsystem.com/components/global-header/#Global-Search) ([9bddfde](https://github.com/salesforce-ux/design-system/commit/9bddfde))

### [Input](https://lightningdesignsystem.com/components/input/)
- Removed red box shadow from required inputs in firefox ([069a3c8](https://github.com/salesforce-ux/design-system/commit/069a3c8))
- Used `aria-labelledby` instead of `aria-describedby` for associating the prepended and appended fixed text to the input ([25d51d7](https://github.com/salesforce-ux/design-system/commit/25d51d7))
- Reordered `slds-input:required` styles to prevent overrides ([ba3ac5b](https://github.com/salesforce-ux/design-system/commit/ba3ac5b))
- Removed pointer event when icon is located on top of an input ([84b650b](https://github.com/salesforce-ux/design-system/commit/84b650b))
- Added `slds-input-has-icon_group-right` to fix spacing issues for [multiple icons on the right](https://lightningdesignsystem.com/components/input/?example=double-icon-spinner&variant=base) ([9bddfde](https://github.com/salesforce-ux/design-system/commit/9bddfde))

### [Modal](https://lightningdesignsystem.com/components/modals/?modifiers=.slds-fade-in-open&modifiers=.slds-modal_medium&variant=base)
- Changed width of medium modal to 70% ([b2d9e1b](https://github.com/salesforce-ux/design-system/commit/b2d9e1b))

### [Path](https://lightningdesignsystem.com/components/path/)
- Added focus styling for completed stages ([f197b4a](https://github.com/salesforce-ux/design-system/commit/f197b4a))
- Reordered `slds-is-active` and `slds-is-complete` to prevent overrides
- Added min-width to action button ([1b8e6b8](https://github.com/salesforce-ux/design-system/commit/1b8e6b8))

### [Radio Group](https://lightningdesignsystem.com/components/radio-group/) and [Radio Button Group](https://lightningdesignsystem.com/components/radio-button-group/)
- Updated examples to have unique `value` attributes ([cdf72cd](https://github.com/salesforce-ux/design-system/commit/cdf72cd))

### [Rich Text Editor](https://lightningdesignsystem.com/components/rich-text-editor/?state=error&variant=base)
- Added white background to error message with `slds-form-element__help` modifier ([8033c22](https://github.com/salesforce-ux/design-system/commit/8033c22))
- Removed margin-bottom from `slds-rich-text-editor__spacing-wrapper` and added it to `slds-rich-text-editor__select` ([bf907ed](https://github.com/salesforce-ux/design-system/commit/bf907ed))

### [Trees](https://lightningdesignsystem.com/components/trees/?state=metatext&variant=base)
- Added missing assistive text span for tree branch with metatext ([a407e58](https://github.com/salesforce-ux/design-system/commit/a407e58))

### Utilities
- Added `!important` to [visibility utilities](https://lightningdesignsystem.com/utilities/visibility/?example=hidden-visible&variant=visibility) `slds-hide` and `slds-hidden` ([16bf902](https://github.com/salesforce-ux/design-system/commit/16bf902))
- Fixed error in Grid documentation around [width and ordering class prefixes](https://latest-214.lightningdesignsystem.com/utilities/grid/#Responsive-Layout-Options) ([f6a66d9](https://github.com/salesforce-ux/design-system/commit/f6a66d9))

### [Vertical Tabs](https://lightningdesignsystem.com/components/vertical-tabs/)
- Removed outline when link has focus ([72fcd6f](https://github.com/salesforce-ux/design-system/commit/72fcd6f))

### [Visual Picker](https://lightningdesignsystem.com/components/visual-picker/)
- Added focus styling ([cbd07e9](https://github.com/salesforce-ux/design-system/commit/cbd07e9))

## Tokens

### [Text](https://lightningdesignsystem.com/design-tokens/#category-text-color)
- Changed value of `$color-text-success`([97d13bb](https://github.com/salesforce-ux/design-system/commit/97d13bb))
- Changed value of `$color-text-link`([9bc8b0d](https://github.com/salesforce-ux/design-system/commit/9bc8b0d))

## Release 2.5.4 - April 19, 2018

## Fix

- Reordered Quill styles to apply indentation styles to the Rich Text Editor output class ([0bbf51c](https://github.com/salesforce-ux/design-system/commit/0bbf51c))

## Release 2.5.3 - March 13, 2018

## Fix

- Remove Quill styles from the Rich Text Editor output class to fix properly nested lists ([296afb3](https://github.com/salesforce-ux/design-system/commit/296afb3))
## Release 2.5.2 - February 8, 2018

## Fix

- Add warm/cool header contrast tokens ([d6515ee](https://github.com/salesforce-ux/design-system/commit/d6515ee))
- Set background image on Brand Band to not repeat ([d843c97](https://github.com/salesforce-ux/design-system/commit/d843c97))
- Update bundle script to fix windows npm error ([#523](https://github.com/salesforce-ux/design-system/issues/523))

## Release 2.5.1 - January 19, 2018

## Fix

- Backport tokens for Path ([1932e76](https://github.com/salesforce-ux/design-system/commit/1932e76))

## Release 2.5.0 - January 9, 2018

## Features

### General Notes
- Updated Color guidelines to include Gray palette and Brand Colors
- Introduced a new documentation style for Badges, Brand Band, Carousel, Chat, Menus, and the Grid utility.

### The following components have been updated:

### Activity Timeline
- Updated behavior and styling of activity timeline by adding expandable sections ([10cf834](https://github.com/salesforce-ux/design-system/commit/10cf834))

### Brand Band
- Added Brand Band component

### Breadcrumbs
- Added overflow menu button option for breadcrumbs ([a69621c](https://github.com/salesforce-ux/design-system/commit/a69621c))

### Button Icons
- Added new branding variant

### Cards
- Added variant with Einstein branded header

### Carousel
- Added Carousel component

### Chat
- Added Chat component

### Checkbox
- Added a stacked variant

### Data Tables
- Added icons to data table headers and cells ([59c44b2](https://github.com/salesforce-ux/design-system/commit/59c44b2))
- Added header menu buttons to table headers ([33bd050](https://github.com/salesforce-ux/design-system/commit/33bd050))
- Added Product Listing example to advanced data tables
- Added Radio Group example to advanced data tables

### Global Header
- Updated styling to allow for rectangular logos ([ea43705](https://github.com/salesforce-ux/design-system/commit/ea43705))

### Grids
- Added top level gutter classes: `slds-gutters` and `slds-gutters_*` for sizes ([b6d7fd5](https://github.com/salesforce-ux/design-system/commit/b6d7fd5))

### Icons
- Added utility class `slds-current-color` to set an icon to use current color ([c9974d1](https://github.com/salesforce-ux/design-system/commit/c9974d1))

### Map
- Added Map component

### Menus
- Added a variant for Menus with Submenus

### Notifications
- Updated multiple styling attributes for reminder notifications, including background color, border color, and spacing ([9cbb18a](https://github.com/salesforce-ux/design-system/commit/9cbb18a))

### Popovers
- Added variant with Einstein branded header
- Added variant for Feature callout

### Rich Text Editor
- Moved Quill styles to rich text editor ([402845b](https://github.com/salesforce-ux/design-system/commit/402845b))

### Spinners
- Added class `slds-spinner_delayed` to apply a 300ms delay to the animation ([fbaa8d4](https://github.com/salesforce-ux/design-system/commit/fbaa8d4))

### Trees
- Added new ability to include metatext on tree items ([754c9fe](https://github.com/salesforce-ux/design-system/commit/754c9fe))

### Utilities
- Added utility class `slds-size-xxx-small` for sizing ([69d0eb2](https://github.com/salesforce-ux/design-system/commit/69d0eb2))
- Added utility class `slds-text-color-success` for text ([e744eb2](https://github.com/salesforce-ux/design-system/commit/e744eb2))

### Vertical Navigation
- Added a variant of vertical nav that uses radio groups as underlying markup

## Fixes

The following fixes are now available:

### Accordion
- Adjusted styling to only target first accordion child ([9f8f601](https://github.com/salesforce-ux/design-system/commit/9f8f601))
- Changed accordion focus styling from overall highlight to underline of header text ([0658e13](https://github.com/salesforce-ux/design-system/commit/0658e13))
- Updated to hide content overflow when closed ([7fb7cb0](https://github.com/salesforce-ux/design-system/commit/7fb7cb0))

### App Launcher
- Added grab styling to match current use in product
- Changed to Dev Ready from prototype

### Button Groups
- Updated z-index for button group focus ([259a6db](https://github.com/salesforce-ux/design-system/commit/259a6db))

### Buttons
- Stopped events from happening on disabled buttons ([e661ee8](https://github.com/salesforce-ux/design-system/commit/e661ee8))

### Color Picker
- Added spacing utility class to dropdown button icon between color and arrow ([69839b2](https://github.com/salesforce-ux/design-system/commit/69839b2))

### Combobox
- Added class `slds-combobox__input-value` that must be applied, in order to propagate styling, when a selection is made in a single selection inline listbox ([1d4e30f](https://github.com/salesforce-ux/design-system/commit/1d4e30f))
- Added spacing utility class to dropdown button icon between icon and arrow ([69839b2](https://github.com/salesforce-ux/design-system/commit/69839b2))

### Data Tables
- Added `slds-table_column-*-wrap` to add column wrap support ([b841961](https://github.com/salesforce-ux/design-system/commit/b841961))

### Date Picker
- Fixed background color used when today's date is selected ([75f0f6a](https://github.com/salesforce-ux/design-system/commit/75f0f6a))

### Dueling Picklist
- Fixed accessibility of disabled list boxes ([4ea5889](https://github.com/salesforce-ux/design-system/commit/4ea5889))
- Renamed Required to Locked, switched to lock icon instead of red asterisk ([3556b26](https://github.com/salesforce-ux/design-system/commit/3556b26))
- Updated background and border colors of disabled picklist ([4ea5889](https://github.com/salesforce-ux/design-system/commit/4ea5889))

### Expandable Section
- Updated to hide content overflow when closed ([7fb7cb0](https://github.com/salesforce-ux/design-system/commit/7fb7cb0))

### Global Navigation
- Changed global nav styling when subtabs are present with `slds-has-sub-tabs` ([d99332b](https://github.com/salesforce-ux/design-system/commit/d99332b))
- Prevented icons from shrinking when long text is present ([881da86](https://github.com/salesforce-ux/design-system/commit/881da86))

### Input
- Updated size of search icon to be 14x14px from 16x16px ([add0ba0](https://github.com/salesforce-ux/design-system/commit/add0ba0))
- Fixed vertical alignment issues when using `slds-input__icon` ([cb3fe60](https://github.com/salesforce-ux/design-system/commit/cb3fe60))

### Lookups
- Fixed icon alignment ([9b3de3c](https://github.com/salesforce-ux/design-system/commit/9b3de3c))

### Menus
- Fixed disabled menu items to turn disabled icons gray
- Updated `slds-dropdown_xx-small` to use correct token ([0569d6d](https://github.com/salesforce-ux/design-system/commit/0569d6d))

### Modal
- Fixed modal background color ([2f0ad5a](https://github.com/salesforce-ux/design-system/commit/2f0ad5a))
- Removed hyphenation from modal body ([9f70ae7](https://github.com/salesforce-ux/design-system/commit/9f70ae7))

### Pills
- Update icons and improve consistency among pill usage

### Popovers
- Updated background color of Walkthrough popovers ([08b2aac](https://github.com/salesforce-ux/design-system/commit/08b2aac))
- Added clouds to the header ([08b2aac](https://github.com/salesforce-ux/design-system/commit/08b2aac))
- Removed hyphenation from body text ([9f70ae7](https://github.com/salesforce-ux/design-system/commit/9f70ae7))

### Rich Text Editor
- Fixed issue where selection dropdowns overlapped content on smaller screens ([f1a7e8d](https://github.com/salesforce-ux/design-system/commit/f1a7e8d))
- Updated to prevent hyperlinks from breaking mid word ([4827702](https://github.com/salesforce-ux/design-system/commit/4827702))

### Tabs
- Adjusted position of unsaved indicator on a tab when used with notifications ([5916f2f](https://github.com/salesforce-ux/design-system/commit/5916f2f))

### Trees
- Added missing ARIA role `role=gridcell` to tree grid TD elements ([f94d3dd](https://github.com/salesforce-ux/design-system/commit/f94d3dd))
- Removed extra indentation spacing for base variant ([e64cfc1](https://github.com/salesforce-ux/design-system/commit/e64cfc1))

### Utilities
- Added missing BEM syntax to `slds-text-link_faux` ([#505](https://github.com/salesforce-ux/design-system/issues/505))

### Vertical Navigation
- Changed active and hover background colors ([ae7997c](https://github.com/salesforce-ux/design-system/commit/ae7997c))

## Tokens

### Sizing
- Added `$size-xxx-small` sizing token for UI components ([69d0eb2](https://github.com/salesforce-ux/design-system/commit/69d0eb2))

## Release 2.4.6 - November 22, 2017

## Fixes

### Colors
- Modified tokens using gray-2 to use gray-3

## Release 2.4.5 - November 14, 2017

## Fixes

### Buttons
- Remove pointer-events from icons found within buttons

## Release 2.4.4 - October 17, 2017

## Fixes

### Cards
- Fixed padding-left and padding-right on nested `slds-card__header` and `slds-card__footer` with `slds-card_boundary`

### Sizing
- Fixed known IE11 bug when you have nested flex containers with flex-basis on children

## Release 2.4.3 - September 19, 2017

## Fixes

### Buttons
- Removed dark border on focus, fixing bug when buttons are found inside of a button group

### Checkbox/Radio Button Group
- Fixed issue when a selection is made then that selection is put into a disabled state

### Modal
- Update background color token to transparent value

### Path
- Use transform to properly align checkmark inside of path element

## Release 2.4.1 - September 14, 2017

## Big Impact

We've made several enhancements in the Winter ’18 release which might affect your components and pages.

### As a designer what do I need to know about the design changes in the Winter ‘18 release?
- We’ve enhanced font hierarchy to draw attention to what's most important in the moment and improve legibility.
- We’ve condensed the spacing of content (from 16px to 12px) to allow more information on the page. You’ll especially notice this in the tightening of data tables.
- We've added layering and a colorful graphics to the layout to create contrast between foreground and background cards. The cards have white backgrounds and drop shadows, while the page background introduces color.
- The components we’ve updated are cards, avatar, data tables, and page headers.
- For more detailed information, please visit this Salesforce UX blog post: [Evolving the Lightning User Experience](https://medium.com/salesforce-ux/evolving-the-lightning-user-experience-5f1de21f7af)

### As a developer what do I need to know about the design changes in the Winter ‘18 release?
- With the changes to the page background color, you may notice some of your custom components are transparent, rendering the text on the dark background. You can fix that easily by adding the class `.slds-card` to the outer wrapper of your component.
- If you need default tabs to appear to be in a card, you can place the `.slds-tabs_card` class on the `.slds-tabs_default` DOM node. This will give the tabset padding and drop-shadows like a card.
- When the `.slds-card` class is used inside `.slds-tabs_default`, `.slds-modal`, or another `.slds-card`, they no longer have the drop-shadow card look. Instead they are simply white. In some situations, you may need to differentiate your card from content around it. You can add the `.slds-card_boundary` class to the `.slds-card` for a rounded border.
- On some pages, you’ll notice the header is attached to a list view. If you have a custom page where you’d like to attach the header to a component below, add the `.slds-has-bottom-magnet` class to the `slds-page-header`. Then add `.slds-has-top-magnet` to the component below. This will visually attach the components to each other.
- If you have been using SLDS in Visualforce via the `<apex:slds />` tag, your Visualforce pages will also inherit the new styling in Winter ’18
- For more detailed information, please visit this developer blog post: [Get your Lightning components ready for Winter ’18](https://developer.salesforce.com/blogs/developer-relations/2017/08/winter-coming-lightning.html)

## Fixes

### Cards
- Added `slds-card_boundary` class to provide card-like look when component is inside a tabset

### Magnet
- Force magnet layout by making their properties immutable when using `slds-has-top-magnet` and `slds-has-bottom-magnet`

## Release 2.4.0 - September 12, 2017

## Features

The following are now available:

### Badges
- Added dark blue badge
- Added white badge with icon and normalized text

### Dynamic Menu
- Removed dynamic lists from combobox component and created new dynamic menu component

### Progress Bar
- Added green variant

### Progress Ring
- Added new Progress Ring component

### Scoped Notification
- Added scoped inline notifications component

### Slider
- Added two `spans` inside `label` to give the ability to visually hide one or both

## Fixes

The following issues have now been resolved:

### Alerts
- Fixed grammatical errors in alerts documentation ([aa8099a](https://github.com/salesforce-ux/design-system/commit/aa8099a))

### Button Group
- Button menu uses filled button icon modifier by default ([f9c2168](https://github.com/salesforce-ux/design-system/commit/f9c2168))

### Buttons
- Added `pointer-events:none` to svg in button ([cc9cd5f](https://github.com/salesforce-ux/design-system/commit/cc9cd5f))

### Cards
- Removed card look when inside of a modal ([f58c355](https://github.com/salesforce-ux/design-system/commit/f58c355))
- Removed card look when inside of a tabset

### Color Picker
- Added more descriptive assistive text and fixed `tabindex` on swatches ([fc989c1](https://github.com/salesforce-ux/design-system/commit/fc989c1))
- Added `input` error state ui and examples ([b982bf7](https://github.com/salesforce-ux/design-system/commit/b982bf7))
- Added focus state to color picker slider thumb ([c29d368](https://github.com/salesforce-ux/design-system/commit/c29d368))

### Combobox
- Added `role=none` to `div` that wraps `input` ([e695ae7](https://github.com/salesforce-ux/design-system/commit/e695ae7))
- Removed title and assistive text from search icon

### Date Picker
- Added styles when adjacent month is selected within a week range ([bab8e26](https://github.com/salesforce-ux/design-system/commit/bab8e26))

### Dueling Picklist
- Added documentation on focus management
- Fixed syntax and grammatical errors in dueling picklist accessibility docs
- Removed double focus on ul ([c231132](https://github.com/salesforce-ux/design-system/commit/c231132))

### File-selectors
- Fixed file selector input labelling

### Global Navigation
- Added animation on active and when hovering on a global navigation list item ([074771a](https://github.com/salesforce-ux/design-system/commit/074771a))

### Grids
- Fix IE sizing issue by adding max-width ([00a0e35](https://github.com/salesforce-ux/design-system/commit/00a0e35))

### Modals
- Removed extra `.slds-modal__header` class from headless modal example

### Normalize
- Removed `[hidden] { display: none; }` to fix Visual Force charts disappearance when SLDS is added

### Notifications
- Updated assistive text for dismiss notification button and added event type to header and live region ([d96535d](https://github.com/salesforce-ux/design-system/commit/d96535d))
- Updated styling to add bordercolor and darker drop shadow ([f977ee6](https://github.com/salesforce-ux/design-system/commit/f977ee6))

### Path
- Simplified and fix active tab focus styling across all stage states ([3f9fbd4](https://github.com/salesforce-ux/design-system/commit/3f9fbd4))

### Responsive Tables
- Examples for using responsive tables can now be found on the site again ([d427148](https://github.com/salesforce-ux/design-system/commit/d427148))

## Tokens

### Colors
- Reduced and updated gray palettes to 12 total ([ff582b0](https://github.com/salesforce-ux/design-system/commit/ff582b0))

## Design Changes

### Cards
- Background color changed to white
- Added drop shadow for improved depth and heirarchy
- Cards found inside of a tabset have their drop shadow removed

### Data Tables
- Decreased row height for improved content density

### Split View
- Changed color of background

### Static/Read Only Inputs
- Updated font size, weight, and color ([ce7b275](https://github.com/salesforce-ux/design-system/commit/ce7b275))

### Default Tabs
- Tabs take on the look and feel of a card

## Release 2.3.1 - May 25, 2017

## Big Impact

### BEM naming change

Initially we used the double dash style for BEM notation (`--`). Due to the fact that double dashes are problematic in an XML environment (which doesn't allow double dashes within comments), we have upgraded our syntax to use the single underscore style (`_`). This change is backward compatible for 18 months. But all components going forward are built with the single underscore BEM style.

## Fixes

The following issues have now been resolved:

* Removed dotted underline for `abbr` that Chrome introduced in version 58
* Fix issue on Spinner component where Firefox and IE11 wouldn't respect its z-index token
* Fix line-height issue on `slds-form-element__static` when the output was multi-line
* Fix BEM naming convention on visibility classes - [#452](https://github.com/salesforce-ux/design-system/issues/452)

## Release 2.3.0 - May 15, 2017

## Features

The following are now available:

### Accordion

* Added Accordion component —  [Accordion](/components/accordion)

### Button

* Added class `slds-is-selected-clicked` to handle click event on stateful button - [Stateful Button](/components/buttons?modifiers=.slds-is-selected-clicked&variant=stateful)

### Combobox

* Added Combobox component — [Combobox](/components/combobox)

### Docked Utility Bar

* Added two line support for docked utility bar items

### Dueling Picklist

* Re-named from Multi-select — [Dueling Picklist](/components/dueling-picklist)

### Dynamic Icons

* Added Ellie animated icon
* Added Equalizer animated icon
* Added Score animated icon
* Added Waffle animated icon
* Added Strength animated icon
* Added Trend animated icon

### Expandable Section

* Added Expandable section component — [Expandable Section](/components/expandable-section?modifiers=.slds-is-open&variant=base)
* Added non-collapsable example

### Input

* Added an example for Search input with loading spinner - [Input with spinner](/components/input?example=double-icon-spinner&variant=base)
* Added `slds-has-input-focus` utility class to provide focus styles on an element

### Lookups

* Uses new combobox HTML

### Menus

* Added `slds-dropdown—fluid` to adjust the width of a dropdown so it can be fluid to its container
* Added updated styles for base HTML elements in the Rich Text Editor
* Added the same updated styles in the output of the Rich Text Editor using the `.slds-rich-text-editor__output` class
* Added `slds-pill_link` to modify pill for when we want the hyperlink to take up 100% of the available pill
* Added `slds-pill__action` to the actionable link element inside of `slds-pill—link`

### Path

* Re-named from Process

### Picklist

* Uses new combobox HTML

### Pills

* Added listbox of pill option variant — [Listbox of Pill Options](/components/pills?variant=listbox-of-pill-options)

### Popover

* Added `slds-popover_walkthrough-alt` to modify the background of a walkthrough popover - [Walkthrough Popover](/components/popovers?example=action-popover&variant=walkthrough)

### Progress Bar

* Added Progress Bar component — [Progress Bar](/components/progress-bar)

### Rich text editor

* Added bottom toolbar support - [Bottom toolbar example](/components/rich-text-editor?example=bottom-toolbar&variant=base)
* Added long-form formatting support

### Spinner

* Xx-small Spinner variant — [Spinner](/components/spinners?modifiers=.slds-spinner_xx-small&variant=base)

### Split View List

* Added Split View component — [Split View](/components/split-view)

### Visual Picker

* Added Visual Picker component — [Visual Picker](/components/visual-picker)

### Vertical Navigation

* Added Vertical Navigation component — [Vertical Navigation](/components/vertical-navigation/)
* Deprecated Navigation component for this improved version

### Visibility

* Improved visibility classes for responsive design — [#429](https://github.com/salesforce-ux/design-system/pull/429) - Thanks [@3den](https://github.com/3den)!

## Fixes

The following issues have now been resolved:

* Fix for `::-ms-clear` to remove native clear button in IE
* Whenever `slds-truncate` is used, it is required to be used in conjunction with a [title] attribute
* The Alert component icon is now contained within `slds-icon_container`
* The Button icon component is required to have `slds-button—icon` applied to the `<button />` element. Before, `slds-button—icon-inverse`, `slds-button—icon-container`, `slds-button—icon-border`, `slds-button—icon-border-filled`, `slds-button—icon-border-inverse`, `slds-button—icon-more`, and `slds-button—icon-error` were used in conjunction with the `slds-button` classname but we now require `slds-button—icon` to be a part of this grouping of classnames
* The Stateful button component is required to have `slds-button—stateful` applied to the `<button />` element
* The Toast component icon is now contained within `slds-icon_container`
* The Page header component "entity" icon is now contained within `slds-icon_container`
* The Feeds component "Post" examples have been updated to be contained within the `slds-feed` list
* The Compound Form Layout example was updated so each `fieldset` is correctly using the `slds-form-element` class and the whole form is now contained in `slds-form—compound`
* Unless the HTML output is represented as a list — `ul`, `ol`, or `dl` — all examples were updated to use `slds-bottom—[position]` instead of `slds-has-divider—[position]`
* Whenever `slds-dropdown` is used, it is required to be contained inside an element that has the classname `slds-dropdown-trigger`
* Whenever `slds-form—stacked`, `slds-form—horizontal`, and `slds-form—compound` is used, it is required to be used in conjunction with `slds-form`
* Whenever `slds-icon-text-default`, `slds-icon-text-warning`, or `slds-icon-text-error` is used, it is required to be used in conjunction with `slds-icon`
* Fixed a bug where the task2 icon corresponding class name was incorrectly named "task-2"
* Scoped :focus style for data-tables to `slds-table`
* Fixed an issue where assistive text in an parent with `text-transform: uppercase` would get read as full-caps (e.g. "Sorted ascending" in data table headers getting read as
* Rounded corners have been removed from utility icons so that they no longer clip incorrectly
* Breadcrumbs now wrap properly
* Focus state for pills has been moved to the containing element, rather than just the text inside of the pill
* Updated z-index of Docked Utility Bar to 4 to play nicely with others
* Prevent docked composer content from collapsing in Safari
* Updated cursor style for disabled state on radio button groups

## Deprecated

The following features are being marked as deprecated in this release and will be removed in three releases:

* Navigation was removed from site navigation and replaced with improved Vertical Navigation — [Vertical Navigation](/components/vertical-navigation/)

## Design

The following updates have been made to component designs:

* Touch components have been removed from the site

### Dropdown Menus:

* Sub-headings inside of dropdown menus should now be truncated

### Docked Composer:

* Added focus state around entire composer panel
* Title inside of composer panel header should truncate instead of wrap to two lines

### Feeds:

* Removed the like count in the bottom right of the Feed post
* Changed spacing between feed posts from 1.5rem to .75rem
* Add top border to feed footer on mobile

### Files:

* Added example for no title
* Added example for loading state
* Updated location of the files action menu

### Popovers

* Always have a close button icon

## Tokens

The following changes have been made to tokens:

* `TASK_2` was renamed into `TASK2`
* Standard icon set: Added `ENTITLEMENT`
* Standard icon set: Added `LIVE_CHAT`

### s1-base/sizing

* Removed `MAX_HEIGHT_ACTION_OVERFLOW_MENU`
* Removed `MAX_WIDTH_ACTION_BAR`
* Removed `MAX_WIDTH_ACTION_BAR_ITEM`
* Added `UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS`
* Added `VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER`
* Added `VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE`

## Accessibility

The following changes have been made to make our product more accessible:

### Activity Timeline

- Added `title` attribute to item icons
- Changed the checkbox markup to match the new, "Explicit Label" markup pattern

### App Launcher

- Changed `slds-modal` to be a `<section />` element
- Changed `slds-modal__header` to be a `<header />` element
- Changed the App Tiles icons to match the new [Avatar Fallback Entity Initials](/components/avatar) pattern, adding an `<abbr />` tag
- Removed Assistive Text from Drag Handle image as it's irrelevant to screen reader users
- Implemented the new Expandable Section pattern to the expanding sections
  - Placed a button element inside the section heading elements
  - Added `aria-expanded="true|false"` to reflect state
  - Added `aria-controls="id_of_expanding_section"` to associate the button to the content it controls and gave the content wrapper the same id
- Added three new states for Accessible Drag and Drop
  - Added in the three missing states, necessary to demonstrate the Assistive Technology implementation for the full Drag and Drop lifecycle. "Grabbed", "Moved in list" and "Dropped"
  - Added a live region to be used to update the user of Assistive Technology, to the current state of the operation
  - Add an additional hidden piece of instructional text, that instructs the user how to perform the operation: "Press space bar to move this app within the list." This is present in the default state.
  - Each focusable tile element, should be `aria-describedby="id-of-span-containing-instructional-text"`
  - In the grabbed state
    - Remove the instructional text as the user has performed the action, but keep the container
    - Change the content of the live region, to be "{App Name}: current position {x} of 6. Use the up and down arrows to move this app"
  - In the "Moved in List" state, implement the same changes applied to Grabbed but:
    - Update the live region text to be: "{App Name}: new position {x} of 4."
  - In the dropped state
    - Update the live region text to be: "{App Name}: final position {x} of 4."
    - Replace the hidden instructional text to be what it was in the base state

### Avatars

- Added missing title attributes

### Button

- Fixed the color contrast issues on the Success Button

### Card

- Changed `slds-card__footer` to a `<footer />` element
- Changed Tiles to be a list of `slds-tile`'s

### Checkbox Button Group

- Removed `for` attributes on wrapping `span` elements

### Date Picker

- Added `role="dialog"` to the `slds-datepicker`
- Added `aria-label` to the `dialog` to describe its purpose
- Made the first day cell focusable as it is a ARIA `grid` widget
- Added `aria-multiselectable="true"` to the `grid` to indicate you can selected multiple dates
- Removed `headers` attribute from each `gridcell`
- Added assistive text for when we mark today's date in the grid. We do this to provide additional meaning since the grey background color is not enough of an indicator to non-sighted users
- Changed the "Today" option to be a selectable cell, just like any other day in the grid, by removing its `<a />` tag

### Docked Composer

- Changed the container element to be a `<section role="dialog" />`
- Added `aria-describedby="id_of_body_element"` to the element that holds the `dialog` role. Gave the Composer body the same ID
- Changed the header to be to a `<header />` element
- Removed redundant word "icon" in assistive text for icons in the Overflow Menu items
- Removed a duplicate `role="dialog"` attribute from the Popout variant as it created nested dialogs
- Added a means to tell a Docked Composer is "Minimized" by adding Assistive Text to the header
- Changed the Composer body and footer to be truly hidden when minimized

### Docked Composer - Task

- Added assistive text to the icons used in the Lookup examples
- Upgraded the Lookups to ARIA 1.1 Specification
  - See Lookup Notes for details
- Upgraded `listbox` markup to include option group headings being accessible, to match Picklist
  - See Lookup Notes for details
- Fixed Listbox `option`'s markup to not wrap `div` elements in `span` elements

### Docked Composer - Voice

- Added `aria-live="assertive"` to the header for alerting a user of a change in status of a call
- Changed the Mute button to be an ARIA Toggle Button with `aria-pressed="true|false"`
- Made "Recent Activity" on Incoming call example an `<h3 />`
- Updated icon assistive text for icons in the Incoming Call example
- Added assistive text to the icons used in the Lookup examples on Log a Call
- Upgraded the Lookups to ARIA 1.1 Specification
  - See Lookup Notes for details
- Upgraded `listbox` markup to include option group headings being accessible, to match Picklist
  - See Lookup Notes for details
- Fixed Listbox `option`'s markup to not wrap `div` elements in `span` elements

### Docked Form Footer

- Fixed button text on "with errors" state from "Settings" to "Review the Following Errors"

### Docked Utility Bar

- Removed invalid role of `footer` from the `<footer />` element
- Implemented the ARIA Toggle Button pattern using `aria-pressed="true|false"` on buttons. Provides indication of an active or open utility panel

### Docked Utility Panel

- Changed the container element to be a `<section role="dialog" />`
- Changed the header to be to a `<header />` element
- Made sure the content of a minimized Panel is not focusable by removing it from the DOM completely

### Expandable Section

- Added `aria-controls` to the `<button />` element that performs the action
- Added `aria-expanded="true|false"` to the `<button />` element that performs the action
- Added `aria-hidden="true|false"` to the `slds-section__content` wrapper
- Added an ID to `slds-section__content` which the `<button />` uses as its `aria-controls` value

### Feeds

- Changed "Like" buttons to be `<button />` elements
- Changed "Like" buttons to be ARIA Toggle Buttons with `aria-pressed="true|false"`
- Changed "More Comments" button to be a `<button />` element
- Changed "Share" buttons to be `<button />` elements

### Form Layout

- Updated Checkbox and Radio Buttons to match newer "Explicit Label" pattern

### Global Header

- Added `aria-label` to the Notifications dialog
- Added `aria-describedby` to the Notifications dialog
- Upgrade the ARIA Combobox markup to ARIA 1.1 Specification
  - See Lookup Notes for details
- Upgraded `listbox` markup to include option group headings being accessible, to match Picklist
  - See Lookup Notes for details
- Fixed Listbox `option`'s markup to not wrap `div` elements in `span` elements
- Fixed Favorites Button to communicate pressed state by Implementing the ARIA Toggle Button pattern using `aria-pressed`

### Global Navigation

- Changed the App Launcher link to be a `<button />` as it launches a Modal
- Fixed a malformed `title` attribute of the App Name
- Fixed the `title` attribute of the Object Switcher link to match visual text
- Fixed the `title` attribute of the Object Switcher Menu Button

### Global Navigation - Navigation Bar

- Fixed Menu item title attributes
- Removed `aria-haspopup=true` from dropdown `li`.
- Removed `tabindex="0"` from `slds-context-bar__icon-action`.
- Removed `tabindex="-1"` from `slds-context-bar__icon-action`'s button.
- Added `aria-haspopup="true"` to `slds-context-bar__icon-action`'s button.
- Added assistive text to active item for Current page.

### Global Navigation - Tab Bar

- Fixed `title` attribute on the Split View Toggle Button
- Removed `aria-haspopup` from Split View Toggle Button
- Implemented a simple Expanding Section ARIA pattern on the Split View Toggle button
  - Added `aria-expanded="true|false" to reflect state
  - Added `aria-controls="id_of_expanding_section"` to associate the button to the content it controls
- Added `aria-controls` to each `role="tab"`
- Created a `tabpanel` for each `tab`
  - Added a unique ID to each which matches corresponding `aria-controls` attribute
  - Added `aria-labelledby` to each which matches corresponding `tab` ID
- Updated the "New Tab" button text to match its function
- Updated the "New Tab" button title attribute
- Removed `aria-haspopup` attribute from "New Tab" button
- Added `aria-label` to the New Tab `dialog`
- Removed focusable hidden remove buttons in Pinned Tabs

### Input - Field Level Help

- Moved `aria-describedby` from the `input` to the Tooltip Trigger `<button />`
- Removed `aria-live` from the Tooltip

### List Builder

- Changed the `role="dialog"` element to be a `<section />`
- Changed `slds-modal__header` to be a `<header />` element
- Changed `slds-modal__footer` to be a `<footer />` element
- Replaced selected Pills to be the new Listbox of Pills component
- Updated Lookup mark-up to match new structure. See Lookup notes

### Lookup

- Upgrade the ARIA Combobox markup to ARIA 1.1 Specification
  - Moved `role="combobox"` attribute from the `input` element to `slds-lookup` root element
  - Moved `aria-expanded="true|false"` attribute from the `input` element to `slds-lookup` root element
  - Added `aria-haspopup="listbox"` attribute to `slds-lookup` root element
  - Added `autocomplete="off"` to the `input` element
  - Added `aria-controls=""` to the `input` element which points to the ID of the `listbox`
  - Added `role="textbox"` to the `input` element
  - Removed `aria-owns` attribute from the `input` element as the `listbox` is not a child of the `combobox` role
  - Changed `type` attribute on the `input` element to be `text`
- Upgraded `listbox` markup to include option group headings being accessible, to match Picklist
  - Moved `role="listbox"` attribute from the `ul` element to the `slds-lookup__menu` root element
  - When a `listbox` has option groups (a `slds-lookup__item_label`)
    - `ul` element has `role="group"` with an `aria-label` of the same text as the `slds-lookup__item_label` text
    - `slds-lookup__item_label`, becomes a presentational list item by placing it inside an `li[role="presentation"]` and being a child of the `ul`, as the `aria-label` on the `group` replaces its function
  - When a `listbox` has no option groups (no `slds-lookup__item_label`)
    - `ul` element has `role="presentation"` and no `aria-label`
- Fixed Listbox `option`'s markup to not wrap `div` elements in `span` elements

### Menus

- Added `aria-checked` to Menu items with `role="menuitemcheckbox"` in all cases. Shouldn't just be added when `true`, setting `false` is important to communicate

### Modals

- Added `aria-describedby` to the `slds-modal` element. This points to ID of `slds-modal__content`
- Added `aria-label` to Header Empty example, in the absence of a header with a heading tag

### Panels - Details

- Updated the checkbox mark-up to be the new "explicit label" version
- Added `aria-haspopup="true"` to "More Actions" button in the Panel header
- Changed "Follow up on '15 contact" to be an `<h2 />` element
- Changed the list of fields to be a list `<ul />`
- Switched the DOM order of the field and edit pencil, so the edit action comes after the field

### Panels - Filtering

- Changed the footer actions to be `<button />` elements instead of links
- Changed "Matching all these filters" to a heading for better hierarchy
- Changed the filters to be `<button />` elements instead of links.
- Locked filters are now `disabled`, which is possible with the change in element used, to be a `<button />`
- Each filter button now includes additional assistive text to better describe the action: "Edit filter: "
- Improved repetitive button text for the remove filter buttons. Now follows the format of `"Remove Filter: ${name_of_filter}"` instead of just "Remove"
- Panel error message converted from `aria-live` to be `role="alert"`, which is implicitly "live"
- Inline error messages are now associated to the invalid filter button with `aria-describedby` being placed on the offending button

### Path

- Fixed focus so that only one stage is focusable at a time
- Fixed focus styling on stages
- Removed `aria-live` from stages
- Added non-visual indicator of "Current Stage" by adding "Current Stage:" assistive text
- Updated semantics when no coaching available
  - Swapped `tabset` to `listbox`
  - Swapped `tab` to `option`
  - Added `aria-orientation="horizontal"`
- Update `aria-controls` on each `tab` to match a unique ID
- Updates to expandable coaching tab panels
  - Update button text on coaching expand/collapse toggle button so it's clear
  - Add aria-expanded="false" by default to the `slds-tabs_path__link` which have `role="tab"`
  - When the `tabpanel` is expanded, `aria-expanded="true"` is set on the currently selected `tab`
- Change the "edit" link to be a `<button />` in the coaching panels

### Picklist

- Upgrade the ARIA Combobox markup to ARIA 1.1 Specification
  - Moved `role="combobox"` attribute from the `input` element to `slds-picklist` root element
  - Moved `aria-expanded="true|false"` attribute from the `input` element to `slds-picklist` root element
  - Added `aria-haspopup="listbox"` attribute to `slds-picklist` root element
  - Added `autocomplete="off"` to the `input` element
  - Added `aria-controls=""` to the `input` element which points to the ID of the `listbox`
  - Added `role="textbox"` to the `input` element
  - Removed `aria-owns` attribute from the `input` element as the `listbox` is not a child of the `combobox` role
  - Changed `type` attribute on the `input` element to be `text`
- Changed the expand trigger button `title` attribute to match button text
- Moved the ID from `slds-dropdown__list` to `slds-dropdown` with `role="listbox"`
- Implemented Listbox of Pills component on Multi Select states

### Pills

- Add title attributes to all icons or avatars in a Pill

### Popovers

- Popovers without headers get `aria-label` applied to the `dialog`
- "Tesla Motors" Panel heading changed to `h2`
- Add a close button to all Popovers that don't have any
- Updated implementation guidelines

### Progress Indicator

- Only apply `aria-describedby` to markers when a tooltip is shown
- In the Modal example, DOM order is fixed to follow visual order
- Updates to `slds-progress-bar`
  - Added `role="progressbar"`
  - Added `aria-valuemin="0"`
  - Added `aria-valuemax="100"` to essentially make the progress bar a percentage
  - Added `aria-valuenow` to track current progress

### Prompt

- Added an ID to `slds-modal__content` for `aria-describedby` to work on the `alertdialog`

### Publisher

- Made the "To: My Followers" definition list be part of the comment box `label` as a string, to create a better label
- Made the Publisher Actions not focusable when hidden

### Select

- Added missing `required` attribute to Required and Error states

### Tabs

- Fixed Sub Tabs `tabpanels` ID typos

### Vertical Navigation

- Now uses a `<nav />` element as its parent
- Added `aria-label` to the `nav` element so it's easily identifiable from other navigation regions on the same page
- Added `aria-current="page"` to the "active" link

### Utilities - List

- Name Value Pairs changed to definition lists

## Release [2.2.2] - March 8th, 2017

### ADDED

The following classes are now available:

- Added `slds-table_resizable-cols` as a modifier to `slds-table`. Should be used if your table supports resizable columns.

### FIXES

The following issues have now been resolved:

- `slds-table_fixed-layout` can now be used with the basic table - [#396](https://github.com/salesforce-ux/design-system/issues/396)

## February 24, 2017

### SITE IA/ENHANCEMENTS

- Updated [iOS implementation documentation](/platforms/ios/)

### NEW IOS RELEASE (3.0.0)

- Substantial script rewrite to handle future token changes
- You can now use design tokens in Swift
- Updated tokens to Spring ’17
- See detailed [release notes](https://github.com/salesforce-ux/design-system-ios/blob/master/CHANGELOG.md) for design-system-ios

## February 3, 2017

### SITE IA/ENHANCEMENTS

- New and improved [Messaging Guidelines](/guidelines/messaging/overview)

## Release [2.2.1] - January 9, 2017

### NEW COMPONENTS AND VARIANTS

The following components are now available:

- Added a toast for small columns - [Small Column Toast](/components/notifications#flavor-toast-small)

## Release [2.2.0] - January 6, 2017

### SITE IA/ENHANCEMENTS

The following site enhancements are now available:

### NEW COMPONENTS AND VARIANTS

The following components are now available:

- Added Global Navigation Tab bar (Workspace Tabs) - [Global Navigation Tab bar](/components/global-navigation/#flavor-navigation-tab-bar)
- Added Checkbox Add Button - [Checkbox Add Button](/components/forms/#flavor-checkbox-add-button)
- Added Button Group List - [Button Group List](/components/button-groups/#flavor-list) - the new recommended way to mark up button groups.
- Added Rich Text Editor - [Rich Text Editor](/components/rich-text-editor)
- Added Global Header Notifications - [Global Header Notifications](/components/global-header#flavor-notifications)
- Added Popover Header - [Popover Header](/components/popovers/#flavor-base-popover-header)
- Added Popover Footer - [Popover Footer](/components/popovers/#flavor-base-popover-footer)
- Added Progress Indicator - [Progress Indicator](/components/progress-indicator/)
- Added Walkthrough Popovers - [Walkthrough Popovers](/components/walkthrough/#flavor-popovers-default)
- Added Walkthrough Header - [Walkthrough Header](/components/walkthrough/#flavor-header)
- Added Success Button - [Success Button](/components/buttons/#flavor-base-success)
- Added Sub Tabs - [Sub Tabs](/components/tabs/#flavor-sub-tabs)
- Added Dynamic Lists Dropdown - [Dynamic Lists](/components/menus/#flavor-dynamic-list)

### ADDED

The following classes are now available:

- Added `slds-float_none` utility - [Utilities › Floats › Float None](/components/utilities/floats/#flavor-float-none)
- Added `slds-button_icon-container-more` modifier - [Button Icons › Button Icon with Dropdown](/components/button-icons/#flavor-icon-with-dropdown)
- Added `slds-button_icon-more-filled` for more buttons that require a background.
- Added `slds-text-color_inverse` utility - [Utilities › Text › Color](/components/utilities/text/#flavor-color-text-color-inverse)
- Added `slds-text-color_inverse-weak` utility - [Utilities › Text › Color](/components/utilities/text/#flavor-color-text-color-inverse-weak)
- Added `slds-is-absolute` utility for overriding a components default positioning - [Utilities › Position › Absolute](/components/utilities/position/#flavor-absolute)
- Added additional spacing support for normalizing padding on a grid region
- Added `slds-border_bottom` utility [Utilities › Borders › Border Bottom](/components/utilities/borders/#flavor-border-bottom)
- Added `slds-border_left` utility [Utilities › Borders › Border Left](/components/utilities/borders/#flavor-border-left)
- Added `slds-border_right` utility [Utilities › Borders › Border Right](/components/utilities/borders/#flavor-border-right)
- Added `slds-border_top` utility [Utilities › Borders › Border Top](/components/utilities/borders/#flavor-border-top)
- Added `slds-box_xx-small` utility [Utilities › Themes › Box](/components/utilities/themes/#flavor-box-xx-small)
- Added support for dark backgrounds on `slds-dropdown` by adding modifier `slds-dropdown_inverse`
- Added support for narrow region on feeds.

### CHANGES

The following changes have been made in this release:

- Global actions icon on global header updated to have a background color
- Changed global header icon's color and size
- Changed background color of docked panels
  - Docked Utility Panel - [Docked Utility Panel](/components/docked-utility-bar/#flavor-utility-panel)
  - Docked Composer Panel - [Docked Composer Panel](/components/docked-composer)
- Cards are now responsive - [Cards](/components/cards/)
- Improvements made to `slds-type-focus` utility - [Utilities › Interactions](/components/utilities/interactions/#flavor-faux-links)
- Avatars now support initials.
- Stateful icon buttons are now compatible with `slds-button_icon-container`
- Spacing adjustments made to lookup items
- Spacing adjustments made to feeds

### FIXED

The following issues have now been resolved:

- Accessibility improvement - Picklists changed to a read-only combobox with a listbox.
- Add collapsable margin to `slds-card__body` to account for white space when the footer is empty
- Data Table › Inline edit now has full support
- Icon inside of an input field now uses the correct token
- Modal content properly wraps and hyphenates longform text
- Fixed flex issue on docked composer that made popout example stretch the height of the viewport

### DEPRECATED

The following features are being marked as deprecated in this release and will be removed in three releases:

- Process › Wizard - Please use the new Progress Indicator instead [Progress Indicator](/components/progress-indicator/)

### REMOVED

The following features are being removed in this release:

- `$css-prefix` is no longer available to change the prefix of `slds-` class names to something of your choice. As an alternative, please use this PostCSS plugin to customize class name prefixes: [postcss-slds-prefix](https://github.com/salesforce-ux/postcss-slds-prefix).
- Removed custom styled scrollbar mixin from `slds--scrollable-` helpers
- Deleted legacy font-files for older, unsupported browsers (*.eot, *.svg)

### TOKENS

Tokens are now part of the Lightning Design System.

Token files previously available from the `@salesforce-ux/design-tokens` npm package are now available in `design-tokens/dist` in the `@salesforce-ux/design-system` package (the same applies for the zip download).

The following tokens have been add/removed/deprecated in this release:

- Added `force-base/fill.json`
  - Added token: `FILL_HEADER_BUTTON`
  - Added token: `FILL_HEADER_BUTTON_HOVER`
- Added `force-base/text-transform.json`
  - Added token: `TEXT_TRANSFORM`
- Added token: `FONT_FAMILY_TEXT`
- Added token: `FONT_FAMILY_HEADING`
- Added token: `Z_INDEX_STICKY`
- Added token: `FONT_FAMILY_TEXT`
- Added token: `FONT_FAMILY_HEADING`
- Added token: `PROGRESS_COLOR_BACKGROUND`
- Added token: `PROGRESS_COLOR_BACKGROUND_SHADE`
- Added token: `PROGRESS_COLOR_BORDER`
- Added token: `PROGRESS_COLOR_BORDER_SHADE`
- Added token: `PROGRESS_COLOR_BORDER_HOVER`
- Added token: `PROGRESS_COLOR_BORDER_ACTIVE`
- Added token: `PROGRESS_BAR_HEIGHT`
- Added token: `PROGRESS_BAR_COLOR_BACKGROUND`
- Added token: `PROGRESS_BAR_COLOR_BACKGROUND_FILL`
- Added token: `COLOR_STROKE_BRAND`
- Added token: `COLOR_STROKE_BRAND_HOVER`
- Added token: `COLOR_STROKE_BRAND_ACTIVE`
- Added token: `COLOR_STROKE_DISABLED`
- Added token: `COLOR_STROKE_HEADER_BUTTON`
- Added token: `FILL_BRAND`
- Added token: `FILL_BRAND_HOVER`
- Added token: `FILL_BRAND_ACTIVE`
- Added token: `BORDER_STROKE_WIDTH_THIN`
- Added token: `BORDER_STROKE_WIDTH_THICK`
- Added token: `COLOR_BACKGROUND_BUTTON_SUCCESS`
- Added token: `COLOR_BACKGROUND_BUTTON_SUCCESS_HOVER`
- Added token: `COLOR_BACKGROUND_BUTTON_SUCCESS_ACTIVE`
- Added token: `COLOR_TEXT_SUCCESS_INVERSE`
- Added token: `CUSTOM_101`
- Added token: `CUSTOM_102`
- Added token: `CUSTOM_103`
- Added token: `CUSTOM_104`
- Added token: `CUSTOM_105`
- Added token: `CUSTOM_106`
- Added token: `CUSTOM_107`
- Added token: `CUSTOM_108`
- Added token: `CUSTOM_109`
- Added token: `CUSTOM_110`
- Added token: `CUSTOM_111`
- Added token: `CUSTOM_112`
- Added token: `CUSTOM_113`
- Added token: `CUSTOM_NOTIFICATION`
- Added token: `DATADOTCOM`
- Added token: `RTC_PRESENCE`
- Added token: `PRODUCT_CONSUMED`
- Added token: `PRODUCT_TRANSFER`
- Added token: `PRODUCT_ITEM`
- Added token: `PRODUCT_ITEM_TRANSACTION`
- Added token: `LOCATION`
- Added token: `ADDRESS`
- Added token: `CAROUSEL`
- Added token: `ASSIGNED_RESOURCE`
- Added token: `OPERATING_HOURS`
- Added token: `PRODUCT_REQUIRED`
- Added token: `RESOURCE_ABSENCE`
- Added token: `RESOURCE_CAPACITY`
- Added token: `RESOURCE_PREFERENCE`
- Added token: `RESOURCE_SKILL`
- Added token: `SERVICE_TERRITORY_MEMBER`
- Added token: `SERVICE_APPOINTMENT`
- Added token: `SERVICE_REPORT`
- Added token: `SERVICE_RESOURCE`
- Added token: `SERVICE_TERRITORY`
- Added token: `SKILL`
- Added token: `SKILL_REQUIREMENT`
- Added token: `TIMESLOT`
- Added token: `WORK_TYPE`
- Added alias: `SANS_SERIF`
- Added alias: `MALIBU`
- Added alias: `SANS_SERIF`
- Added alias: `EBONY_CLAY`
- Added alias: `OXFORD_BLUE`
- Added alias: `RIVER_BED`
- Deprecated `FONT_FAMILY`

## Release [2.1.4] - November 7, 2016

### FIXED

The following issues have now been resolved:

- Title attributes were added to all button icons and truncated text for accessibility
- Added line-height fix for `.slds-button—icon-border-inverse`
- Amended `.slds-button_icon` documentation
- Removed unnecessary `.slds-not-selected` class from stateful `.slds-button_icon` markup and adjusted documentation

## Release [2.1.3] - September 21, 2016

### FIXED

The following issues have now been resolved:

- Included the logo SVG asset used in the Global header
- Use `@support` for progressive enhancement of `mix-blend-mode` for active/hover states in Global Navigation
- Removed the demo style `.slds-text-align_center` from `.slds-card__body`

### DEPRECATED

Customizing the CSS class names by customizing `$css-prefix` is deprecated and will be removed in version 2.2.
As an alternative, please use this PostCSS plugin to customize class name prefixes: [postcss-slds-prefix](https://github.com/salesforce-ux/postcss-slds-prefix).

## Release [2.1.2] - September 6, 2016

### SITE IA/ENHANCEMENTS

The following site enhancements are now available:

- Moved Archives section up on Downloads page, and added a link to the section on the homepage, for better visibility.
- New Checkbox Toggle guidelines under [Data Entry section](/guidelines/data-entry/).
- New "Touch" section under "Components", where you’ll find patterns especially optimized for touch
- Link to Styling with Design Tokens on the platform added on [Design Tokens](/design-tokens/), [Lightning Components](/platforms/lightning/), and [Downloads](/downloads/) pages.
- Button Icon component has been moved out of Buttons and into its own category [Button Icon](/components/button-icons/)
- Picklist component has been moved out of Menus and into its own category [Picklist](/components/picklist/)

### NEW COMPONENTS AND VARIANTS

The following components are now available:

- App Launcher - [App Launcher Component](/components/app-launcher/)
- Global Navigation - Standard context bar - [Global Navigation Component](/components/global-navigation/)
- Global Header - [Global Header Component](/components/global-header/)
- Docked Utility Bar - [Docked Utility Bar Component](/components/docked-utility-bar/)
- Filtering panel - [Filtering Panel Component](/components/panels/#flavor-filtering)
- Files - [File Components](/components/files/)
- File selector - [File Selector](/components/file-selector/)
- Feed v2 - [Feeds Component](/components/feeds/)
- Indeterminate checkbox - [Indeterminate checkbox component](/components/forms/#flavor-checkbox)
- Button Icon Inverse - Bordered - [Button Icon Inverse with Border](/components/button-icons/#flavor-icon-container-button-icon-border)
- Button Icon Inverse - Hint Hover - [Button Icon with Hint Hover](/components/button-icons/#flavor-icon-with-hint-hover)
- Button Icon Error - [Button Icon Error](/components/button-icons/#flavor-base-button-icon-error)
- Image Cards - [Figure Card Component](/components/images/#flavor-figure-figure-card)
- Image Ratios - [Figure Ratio Component](/components/images/#flavor-figure-ratio)
- Vertical Navigation color variation - [Vertical Navigation](/components/navigation/#flavor-vertical-inverse)

### ADDED

The following classes are now available:

- Text color helpers - [Utilities › Text › Color](/components/utilities/text/#flavor-color)
- Text title utility - `.slds-text-title` - [Utilities › Text › Text Title](/components/utilities/text/#flavor-title)
- Text link utility - Made text inside of `.slds-text-link_reset` appear as a link - [Utilities › Interactions › Text Link](/components/utilities/interactions/#flavor-text-link)
- Truncation containers [Utilities › Truncation](/components/utilities/truncation/#flavor-max-width)
- Absolute sizes utility classes: `.slds-size_xx-small`, `.slds-size_x-small`, `.slds-size_medium`, `.slds-size_large`, `.slds-size_x-large`, `.slds-size_xx-large` and their responsive equivalents - in [Utilities › Sizing](/components/utilities/sizing/)
- Hyphenation utility for non-truncated headings in narrow containers - [Utilities › Hyphenation](/components/utilities/hyphenation/)
- Position utilities - [Utilities › Position](/components/utilities/position/)
- Table column borders - Added vertical column borders on a table by applying `.slds-table_col-bordered`
- Name/Value pair lists - 3 variations - horizontal, inline and stacked - [Utilities › Lists › Name Value Pair](/components/utilities/lists/#flavor-name-value-pair)
- Generated grid column spans 1, 2, 3, 4, 5, 6, 7, 8, and 12 for all breakpoints
- Added archives for previous versions of the site for customers that can't upgrade yet. These site archives are currently available at the bottom of the [Downloads page](/downloads/)

### CHANGES

The following changes have been made in this release:

- [Docked Form Footer](/components/forms/#flavor-docked-form-footer-docked-form-footer-with-popover) popover tooltip naming changed to popover.
- [CSS Scoping Tool](https://tools.lightningdesignsystem.com/css-customizer) is now only necessary when building components to be included in Visualforce
- [Using SLDS in Lightning](/platforms/lightning/) has been updated to include information about Lightning Out, Lightning Components for Visualforce, and Lightning Applications.
- Nubbins on [Popovers](/components/popovers/#flavor-nubbins) have been moved .5rem/8px closer to the respective edge of the popover to match the spec
- [Pills](/components/pills/) have been updated with a more accessible DOM. They are no longer made from an anchor, but instead contain the anchor. Documentation is updated. (Old pills will not break)
- [Checkbox Toggle](/components/forms/#flavor-checkbox-toggle) has an updated design with the ability to add custom words below the toggle
- [Checkbox](/components/forms/#flavor-checkbox) and [Radios](/components/forms/#flavor-radio) have been updated with a new, more accessible than ever DOM structure. (Your old DOM will not break.)
- Brightened yellow background on `mark` element.
- Text selected with your mouse is light blue.
- Renamed "slide-out" panel to "details" - [Detail Panel Component](/components/panels/#detail)
- Renamed "Base" data table to "Basic" data table - [Data Table Component](/components/data-tables/)
- Abstracted complex data table features into a variant named "Advanced" data table - [Data Table Component](/components/data-tables/#advanced)
- Improvements made to `.slds-text-link_reset` - [Utilities › Interactions › Text Link Reset](/components/utilities/interactions/#link-reset)
- Removed light font-weight from the text utility `.slds-text-heading_small` - [Utilities › Text › Text Heading Small](/components/utilities/text/#flavor-heading-heading-small)
- Removed `position: relative` from `.slds-grid`
- Feeds are now responsive
- Added close button to error popover so a screen reader can access popover
- Added animated waffle icon to Global Navigation [Global Navigation](/components/global-navigation/)
- Feeds:
  - Changed post's comment metric labels to lowercase
  - Added hint-hover to post's comment action overflow icon
  - Changed post's comment "link" text to use `.slds-color-link_weak`
  - Removed dotted line separator from post's attachment payload
  - Moved URL of post's attachment to the bottom of the content ordering
  - Removed truncation from preamble
  - Reduced white space between feed items
- Updated [Activity Timeline Email example](/components/activity-timeline/#flavor-email) to show the to and from with truncation

### FIXED

The following issues have now been resolved:

- Recorded home vertical accessibility fixes
  - Added `aria-haspopup="true"` to action overflow buttons
  - Added assistive text for icon
  - Removed unnecessary aria roles from action overflow buttons
  - Improved assistive text verbiage
  - Made multiple value field entirely clickable to invoke dropdown
- Global header accessibility fixes
  - Modified tab order of global header actions
  - Added `title` attribute to global header actions
  - Changed avatar wrapper from anchor to a button
  - Allowed `.slds-assistive-text` to become visible on focus if `.slds-assistive-text_focus` is used
  - Added aria roles to global search input
  - Changed global search listbox options to be non-actionable
  - Moved "click enter to search" and "go to" options back into `<ul>` so they can be discovered by screen readers
  - Added `.slds-has-focus` to apply focus state on listbox options when keyboard interactions are used
  - Moved clear button to the right of the input to visually match tab order
- Lookup/Global Header Search accessibility fixes
  - Improved semantics of dropdown menus
  - Applied `role=separator` to dropdown menu list items that do not have an actionable element
  - Applied `role=presentation` to dropdown menu list items
  - Changed `<p>` wrapping dropdown menu items text to `<span>`
  - Dropdown menu items have a default `tabindex="-1"`, tab focused items changed to a `tabindex="0"`
- Utility bar accessibility fixes
  - Added landmark `role="footer"` to utility bar
  - Added `aria-label="Utility Bar"` description to utility bar
  - Added hidden heading to utility bar
  - Added aria `role=dialog` and `aria-labelledby` to utility bar panel
  - Changed panel header text to be wrapped in a heading with a id to reference the `aria-labelledby`
  - Placed utility bar buttons inside `<ul>`
- Files accessibility fixes
  - Fixed invalid markup by moving button group outside of anchor
  - Image overlay is now enabled by adding an extra html element before the image and adding the class `.slds-image_overlay`
- Card accessibility fixes
  - Moved `<header>` element to only contain the card header text, rather than the text and overflow menu
  - Changed `<p>` tags with truncation in related list markup to `<span>` tags
- Made primary labels of compound fields capital
- Dropdowns appear on icon focus within Global Navigation
- Labeled the dialog with the heading of the modal using `aria-labelledby="id_of_heading"` in the app launcher component
- Tables accessibility fixes: all tables now use the same truncation method when text is too long in a cell and show the full text when truncated text is hovered
- Accessibility fixes for list builder
- Fixed an issue where examples contained the same ID multiple times
- Feeds accessibility fixes
  - Comments are now list items in an unordered list structure
  - The browser shows a focus ring when avatars are focused
- Accessibility fixes to Menus and Picklist, including Menus used in composite SLDS components
  - Removed of `aria-expanded` on containers
  - `role="presentation"` added on list items to remove them from the accessibility tree
  - Corrected use of `menuitemcheckbox` for selectable menu items, with the use of `aria-checked` instead of `aria-selected`
  - Corrected sub heading menus which was split across multiple un-ordered lists
  - Included line separators and sub-heading separators into the accessibility tree with `role="separator"`
- Added `aria-describedby` on textarea element to show error message ID
- Added `aria-live` attribute to the stateful icon button
- Added `aria-describedby` on select element to show error message ID
- Added `aria-haspopup` on Activity Timeline menu buttons, and updated each list item to use an `<h3>` tag
- Added hyphenation code to popovers so that long words will break and wrap

### DEPRECATED

The following features are being marked as deprecated in this release and will be removed in three releases:

- Feeds v1 - Design has changed to v2 - [Feeds v2 Component](/components/feeds/)
- Text heading label utility - Use Text title utilities instead - [Utilities › Text › Text Title](/components/utilities/text/#flavor-title)

### REMOVED

The following features or demos are being removed in this release:

- Removed inverse and state themes from examples to provide clarity of usage.

## Release [2.0.3] - August 1, 2016

### FIXED

The following issues have now been resolved:

- Card a11y fixes
  - Card semantically changed to an `article`
  - Card header semantically changed to a `header`
  - Added `aria-haspopup="true"` to action overflow button since it invokes a dropdown menu
  - Wrapped card header text in an `<h2>`
- Fixed label for / textarea id mismatch in form textarea example
- Fixed modal close button styling so the focus halo no longer overlaps with the modal body
- Labeled the dialog with the heading of the modal using `aria-labelledby="id_of_heading"` and removed `aria-hidden="false"` from modal
- Added an example usage of `slds-table_striped` in the basic data table example
- Reverted modal components for the touch devices to prototype status while a fix for using them in Salesforce1 is found
- Added a title attribute to the truncation example
- Changed status of single-line truncation to dev-ready
- Fixed an issue where `<legend>` were bold in visual force - Fixes [#216](https://github.com/salesforce-ux/design-system/pull/216)
- Added `aria-describedby` attribute on Tooltip component trigger

### CHANGES

- The Sass file architecture was reorganized for better maintainability - [see commit de2dc7f](https://github.com/salesforce-ux/design-system/commit/de2dc7f6bd5aff31998fb43254d438ec9cec8dc3) for a full breakdown of changes

## Release [2.0.2] - June 16, 2016

### SITE IA/ENHANCEMENTS
- Revamped "Getting Started" section.
- Renamed "Design" section to "Guidelines"
- Moved "Accessibility" and "Voice & Tone" sections to Guidelines

### CHANGES

The following changes have been made in this release:

- Pills now reference a token that allow for consistent heights in all context

### FIXED

The following issues have now been resolved:

- Text inputs are referencing the correct 32px tall token - fixes https://github.com/salesforce-ux/design-system/issues/150
- Resolve issue where `<th>` stayed white on striped row when `slds-table_striped` is applied - fixes https://github.com/salesforce-ux/design-system/issues/232
- Toggle checkboxes are now aligned vertically with their label (`slds-form-element__label m-bottom--` › `slds-form-element__label slds-m-bottom_none`) — [Checkbox Toggle variant](/components/forms/#flavor-checkbox-toggle)

### REMOVED

The following features are being removed in this release:

- Removed incorrect spec for lookups with active selection(s)

## Release [2.0.1] - June 6, 2016

### SITE IA/ENHANCEMENTS

The following site enhancements are now available:

- Grid system moved to utilities and renamed to "Grid"
- Media object moved to utilities
- New states added for button-groups showing overflow dropdown
- Cards variant navigation has been improved
- Data table variant navigation has been improved
- Lookup variant navigation has been improved
- List variant navigation has been improved

### NEW COMPONENTS AND VARIANTS

The following components are now available:

- Checkbox Toggle - [Checkbox toggle component](/components/forms/#checkbox-toggle)
- Checkbox Alternate - [Checkbox alternate component](/components/forms/#checkbox-alternate)
- Card - Related list with tiles - [Related list card with tiles component](/components/cards#flavor-related-list-with-tiles)
- Data Table - Basic and Advanced - [Data table component](/components/data-tables)
- Detail Panel with Inline Edit Form - [Detail panel component](/components/panels/#detail)
- Docked Composer - Voice Integration - [Voice docked composer component](/components/docked-composer/#voice)
- Modal with no header and/or no footer - [Modal component](/components/modals#flavor-base)
- Lookups spec updated - Single and Polymorphic - [Lookup component](/components/lookups)
- Page headers spec updated - [Page Header component](/components/page-headers/)
- Vertical Navigation for in-page navigation - [Vertical navigation component](/components/navigation#flavor-vertical)
- Radio Group Alternate - [Radio group alternate component](/components/forms/#radio-group-alternate)
- Tree Grid - [Tree grid component](/components/trees/#grid)

### ADDED

The following classes are now available:

- Alignment utility - Absolute Center - [Alignment - Absolute center utility](/components/utilities/alignment)
- Interaction utilities - Link reset - [Interaction Utilities](/components/utilities/interactions)
- Text Utility - Heading label normal - [Heading label normal](/components/utilities/text/#heading-label-normal)
- Theme Utility - Light version theme texture - [Theme texture](/components/utilities/themes/#color)
- Position input icons on both sides of the input container - [Input](/components/forms/#flavor-input)
- Position utilities - Relative and Static - [Position Utilities](/components/utilities/position/)

### CHANGES

The following changes have been made in this release:

- Overall, things will appear visually tighter
- Added additional space between buttons in the modal footer
- Font sizes have been reduced
- Page Headers are visually smaller
- Page Header details are now on white and align to the left
- Modals are visually tighter
- All buttons are visually smaller
- Form Elements are visually smaller
- Activity timeline sizing & spacing is reduced
- Visual density changes in cards
- Visual density changes in popovers
- "View all" links in cards and popover panels are now aligned to the right
- `slds-modal_content` should use the additive class of `slds-p-vertical_large` and `slds-p-horizontal_x-large`, instead of `slds-p-around_medium`.
- Removed first and last cell padding from Data Tables to allow nesting. New
  class `.slds-table_cell-buffer` can be added to the table or `.slds-cell-buffer_left` and `.slds-cell-buffer_right` for individual cell application.
- Field level help icon moved to the right of the input label
- Removed over-reaching a:focus styles due to a recent FFOX visual change
- Data table sortable headings now have actionable area so they can be focusable
- Improved interactions for resize element on data tables
- Docked Composer has improved markup, focusing on semantic structure and identifying the component correctly to Assistive Technology as a labelled `dialog`.
- Datepicker has improved markup, focusing on semantic structure and identifying proper aria roles for dates.
- Resolved semantic bug by making Pill container a `<span>`. `<a>` moved inside and adjacent to the close button.
- Notification Prompt has improved accessibility in better identifying the component to screen readers using `aria-role="alertdialog"`, `aria-labelledby` and
  `aria-describedby`. The redundant `slds-modal__close` button has also been removed.

### FIXED

The following issues have now been resolved:

- Truncation class is added to headings in the Edit Form for Touch
- Removed max-height and animation on `.slds-section__content` to prevent collision with JavaScript implementations
- Fixed IE11 page header truncation bug

### DEPRECATED

The following features are being marked as deprecated in this release and will be removed in three releases:

- Lookups have been updated. Version 1.0.0 has been deprecated. Will continue to work but please update to new markup - [Lookup component](/components/lookups)
- Page headers have been updated. Version 1.0.0 has been deprecated. Will continue to work but please update to new markup - [Page Header component](/components/page-headers/)
- `.slds-toggle-visibility` is no longer needed in button-groups. The final button will no longer disappear if it is a button-icon, but instead will gray down like a normal disabled button.
- `.slds-button-space-left` is no longer supported. Please use spacing utilities instead.
- `.slds-button_icon-bare` is no longer needed. Please use `.slds-button_icon` instead.
- `.slds-card_empty` is no longer needed. Please use `.slds-text-align_center` utility class instead.
- `.slds-button` inside of `.slds-is-sortable` is no longer needed. The entire cell is hyperlinked now, no need for the button.
- `.slds-form-element__helper` is no longer supported.
- `.slds-input__icon` no longer supports a color by default. Please use `.slds-icon-text-default` on the SVG icon instead.
- `.slds-icon__container` is no longer supported. Please use `.slds-icon_container` instead.
- `.slds-icon-custom-XX` is no longer supported. Please use `.slds-icon-custom-customXX` instead.
- `.slds-dropdown_nubbin-top` is no longer supported. Please use `.slds-nubbin_top` instead.
- `.slds-has-icon_left`, `.slds-has-icon_right`, and `.slds-has-icon_left-right` within dropdowns are no longer needed. Icons can be placed within the flow of a `.slds-dropdown__item`.
- `.slds-modal-backdrop` is no longer supported. Please use `.slds-backdrop` instead.
- `.slds-notify-container` is no longer supported. Please use `.slds-notify_container` instead.
- `.slds-pill-container` and `.slds-pill__container` are no longer supported. Please use `.slds-pill_container` instead.
- `.slds-pill__container_bare` is no longer supported. Please use `.slds-pill_container_bare` instead.
- `.slds-tabs__item` is no longer supported. Please use specific element selectors instead, such as `.slds-tabs_default__item` or `.slds-tabs_scoped__item`.
- `.slds-tooltip` and `.slds-tooltip__body` are no longer supported. Please use `.slds-popover` and `.slds-popover__body` instead.
- `.slds-tree-container` is no longer supported, please use `.slds-tree_container` instead.
- `.slds-col-rule_left`, `.slds-col-rule_right`, `.slds-col-rule_top`, and `.slds-col-rule_bottom` are no longer supported. Please use `.slds-col_rule-left`, `.slds-col_rule-right`, `.slds-col_rule-top`, and `.slds-col_rule-bottom` instead.
- `.slds-nowrap_small`, `.slds-nowrap_medium`, and `.slds-nowrap_large` are no longer supported. Please use `.slds-small-nowrap`, `.slds-medium-nowrap`, and `.slds-large-nowrap` instead.
- `.slds-align-content-center` is no longer supported. Please use `.slds-align_absolute-center` instead.
- `.slds-has-dividers` is no longer supported. Please use `.slds-has-dividers_{position}` instead.
- `.slds-has-divider` is no longer supported. Please use `.slds-has-divider_{position}` instead.
- `.slds-has-cards` is no longer supported. Please use `.slds-has-divider_around` instead.
- `.slds-has-cards_space` is no longer supported. Please use `.slds-has-divider_around-space` instead.
- `.slds-section-title` is no longer supported. Please use `.slds-section__title` instead.
- `.slds-collapsed` is no longer supported. Please use `.slds-is-collapsed` instead.
- `.slds-expanded` is no longer supported. Please use `.slds-is-expanded` instead.
- The rule that hides the close button in Notification Prompt `.slds-modal_prompt .slds-modal__close` is no longer needed as the HTML should be removed. Please remove the button from the dialog header.

### REMOVED

The following features are being removed in this release:

- Removed the `$static-icon-path` configuration variable, since it wasn’t used anywhere in the codebase
- Removed `slds-button_small`, since it’s the same as the new default button size
- Removed `slds-input_small`, since it’s the same as the new default input size
- Removed `slds-tile__title`, since it didn't apply any styles

### 🗒 Notes About Scoped CSS files, the Unmanaged Package, Visualforce and Lightning Components

The Lightning Design System CSS is now automatically included for Lightning Components running in the Lightning Experience and Salesforce S1 mobile application (via `app.css`). It is no longer necessary to add a static resource for Lightning Components running within these environments.

Starting in 2.0.x, the Lightning Design System is no longer available as an unmanaged package. Also, the scoped CSS files (`salesforce-lightning-design-system-vf.css` and `salesforce-lightning-design-system-ltng.css`) are no longer distributed as part of the Design System zip file (available in the [Downloads](/downloads/) page). As an alternative, you may now generate your own scoped Design System zip file using the new [CSS Scoping Tool](https://tools.lightningdesignsystem.com/css-customizer) and upload it as a static resource as documented on the tool’s page. However, we strongly recommend that you do not install SLDS as a static resource when building for Lightning.

Resources:

- [CSS Scoping Tool](https://tools.lightningdesignsystem.com/css-customizer)
- [Using SLDS in Lightning](/platforms/lightning/)
- [Using SLDS in Visualforce](/platforms/visualforce/)

## Release [1.0.5] - May 26, 2016

- Adding a background color to icons from the [custom set](/icons/#custom) is now done using the `slds-icon-custom-customXX` class (e.g. `slds-icon-custom-custom25`), instead of `slds-icon-custom-XX` (deprecated). This change addresses [#203](https://github.com/salesforce-ux/design-system/issues/203)
- Improved accessibility of the [breadcrumbs component](/components/breadcrumbs/)
- The Design System now allows developers to load Salesforce webfonts using their preferred method instead of the default `@font-face` rules. To disable the default font loading method, set `$slds-load-webfonts: false;` before importing the Design System Sass file.
- The project is now compatible with Node.js 6
- Search! You can now get faster to components and the deepest parts of the documentation using the search field at the top of the navigation

## Release [1.0.4] - May 18, 2016

- Added `title` attributes to icon containers, noticeably improving accessibility for users of pointing devices such as mice and trackpads
- Improved the structure of the [icon component](/components/icons) section, making it easier for you to discover how to decorate your Lightning apps with our beautiful icons
- Fixed the standard call icon, which gets its fancy yellow background back, instead of a purple one that had been assigned to it for obscure reasons (we’ve put our best designers on the case!)
- Fixed [an issue](https://github.com/salesforce-ux/design-system/issues/208) where `npm install` would fail on Windows - which is only fair to our developer friends who are on PCs

## Release [1.0.3] - April 26, 2016

- Fixed Sass build issue for npm module

## Release [1.0.2] - April 8, 2016

- Added a link to an [archive of v1.0.0](https://design-system-v-1-0-0.herokuapp.com/), so you can access the documentation and downloads for that previous version
- Generated the unmanaged package for the 1.0.2 patch release
- Fixed the application's version number in the Sass configuration

## Release [1.0.1] - April 8, 2016

Happy birthday! The Lightning Design System turns 1...

### CHANGES

The following changes have been made in this release:

- Improved accessibility in the record home variant of the page header component (remove multiple `<dl>` elements, and use a single `<ul>` instead) - [Page Headers](/components/page-headers/#record-home)

### FIXED

The following issues have now been resolved:

- Use relative paths to point to assets, fixes a bug where running SLDS in certain environments would fail to load assets - Fixes [design-system/issues/83](https://github.com/salesforce-ux/design-system/issues/83)
- Form element breakpoints now fire at small breakpoint rather than large breakpoint - Fixes [design-system/162](https://github.com/salesforce-ux/design-system/issues/162)
- Fixed a bug in the Tree component that occurred in the scoped version of SLDS and prevented nested branches from being properly indented  - Fixes [design-system/issues/91](https://github.com/salesforce-ux/design-system/issues/91) and [design-system/issues/164](https://github.com/salesforce-ux/design-system/issues/164)
- Fixed the file naming structure so that standard Sass implementations can watch the entire project and compile the framework correct files on the fly.
- Fixed a bug where compilation would fail when using Ruby Sass - Fixes [design-system/issues/173](https://github.com/salesforce-ux/design-system/issues/173)

## Release 1.0.0 - March 2, 2016

### SITE IA/ENHANCEMENTS

The following site enhancements are now available:

- Components and their variants can now be built with states and will show up in the component variant & states navigation on the right, when available
- Improved Component Overview tables for more narrow readability
- Improved status labels. Now associated with colors and contain more information
- Markup and Style guidelines with BEM information - [Markup and Style Guidelines](/guidelines/markup-and-style/)
- Resources Information - [Resource Links](/articles/)
- Updated documentation and accessibility information for tabs - [Tabs](/components/tabs/)
- Improved Grid System documentation - [Grid System](/components/utilities/grid/)
- Copy updates on components to represent Voice & Tone Guidelines

### NEW COMPONENTS AND VARIANTS

The following components are now available:

- Docked Composer - [Docked Composer component](/components/docked-composer/)
- Picklist Multi Select menu - [Picklist Multi Select component](/components/menus/#picklist-multi-select)
- Fixed text with inputs [Input component state](/components/forms/#input)
- Inline Level Help - [Inline Level Help component](/components/forms/#inline-level-help)
- Sales Path - [Sales Path component](/components/process/#sales-path-coach)
- Setup Wizard - [Wizard component](/components/process/#wizard)
- Added an elegant way to add spacing between specific grid items — auto functionality in flexbox. [Alignment Item Bump Variant](/components/utilities/grid/#alignment-item-bump)
- Popover color themes added - [Popover Theme Variant](/components/popovers/#themes)
- Tree [Tree Base Component](/components/trees/) - Tree was completely rebuilt and is now a new component

Mobile:

- Dialog Menus for small form factor [Prompts for Touch](/components/notifications/#prompt-for-touch)
- Action overflow for touch - [Action Overflow component](/components/menus#action-overflow-for-touch)
- Added Edit dialog form for touch devices - [Edit Dialog for Touch component](/components/forms#edit-dialog-for-touch)
- Page Header - [Page Header component](/components/page-headers/#base)

### ADDED

The following classes are now available:

- Added max-width sizing utilities - [Max Width sizing](/components/utilities/sizing)
- Added zero spacing utility classes - [Spacing utilities](/components/utilities/spacing/)
- Additional Grid System classes:
  - Added `.slds-grid_align-end` for horizontal alignment on main grid axis
  - Added `.slds-grid_vertical-align-end` and `.slds-grid_vertical-align-center` for vertical alignment on grid cross axis
  - Added `.slds-grid_stretch` for multi-row vertical stretch support
  - Added `.slds-grid_reverse` and `.slds-grid_vertical-reverse` to reverse the direction of the grid
- Added `.slds-text-error` for use on icons for validation errors
- Added color to user selection to force good contrast on dark backgrounds

### CHANGES

The following changes have been made in this release:

- Removed Spinner gifs and refactored as CSS - [Spinner component](/components/spinners/)
- Source order of both Reversed and Double Media Objects changed. They are no longer reordered using flexbox' order property. [Media Objects component](/components/utilities/media-objects/)
- Activity Timeline reflects Media Object changes. Also removed `dl` with single `dt` & `dd` pairs and replaced with `span`s.
- Field-level help popover background color token update - [Popover colors](/components/popovers/#colors)
- Switched media queries to use `em` instead of `px`
- Removed icon color from `.slds-input__icon` so an icon color class is now additionally required
- Reordered tokens so large form factor has priority
- Moved Page Header theme from Utilities to its top-level component category [Page Header component](/components/page-headers/)
- Removed `.slds-m-top_x-small` in the page header and replaced with a new class `.slds-page-header__info`
- Vertical spacing adjusted on *small* viewport for `.slds-form_stacked`, `.slds-form_horizontal` and `.slds-form_inline`
- Widths of the Grid container change to `480px` for small, `768px` for medium, `1024px` for large and `1280px` for x-large.
- The last element inside `.slds-text-longform` now retains the bottom margin.

### FIXED

The following issues have now been resolved:

- Fixed [#106](https://github.com/salesforce-ux/design-system/issues/106) Fix for scoping issue with tabs and active state - bug. Increased active tab state specificity
- Fixed [#61](https://github.com/salesforce-ux/design-system/issues/61) Fixed [#51](https://github.com/salesforce-ux/design-system/issues/51) Updated lists > description horizontal to use flexbox. No class change required. `dt` and `dd` can now accept sizing utilities. Change margin to padding
- Fixed accessibility bug with required form elements
- Some tokens that were unable to be overridden by not having a `!default` flag have been resolved
- Compound fields markup has been updated that was causing display issues [Compound Fields](/components/forms/#compound-form)
- Fixed inverse button-group icon bug

### DEPRECATED

The following features are being marked as deprecated in this release and will be removed in three releases:

- Deprecated `.slds-card_empty`. Use `.slds-text-align_center` instead. - [Card component](/components/cards/#empty)
- Deprecated `.slds-section-title`. Use `.slds-section__title` instead - [Section Title](/components/utilities/text/#section-title) for full details
- Deprecated `.slds-button_icon-bare`. Use `.slds-button_icon` instead - [Button Icon](/components/buttons/#icon)
- Deprecated tabs descendant selectors [Tabs component](/components/tabs/):
  - `.slds-tabs_default > slds-tabs__item` use `.slds-tabs_default__item` instead.
  - `.slds-tabs_default > slds-tabs__content` use `.slds-tabs_default__content` instead.
  - `.slds-tabs_default > a` use `.slds-tabs_default__link` instead.
  - `.slds-tabs_scoped > slds-tabs__item` use `.slds-tabs_scoped__item` instead.
  - `.slds-tabs_scoped > slds-tabs__content` use `.slds-tabs_scoped__content` instead.
  - `.slds-tabs_scoped > a` use `.slds-tabs_scoped__link` instead.
- Deprecated `.slds--tooltip`. Use `.slds-popover_tooltip` instead.
- Deprecated responsive `.slds-nowrap_{size}` classes due to inconsistent naming. Use `.slds-{size}_nowrap` instead.
- Deprecated `.slds-modal-backdrop` and `.slds-modal-backdrop_open` in favor of `.slds-backdrop` and `.slds-backdrop_open` to reuse in other components.
- Deprecated `.slds-col-rule_{position}` classes due to inconsistent naming. Use `.slds-col_rule-{position}` instead.

## Release 0.12.2 - February 8, 2016

### SITE IA
- Add Getting Started > Markup and Style guidelines with BEM information

### CHANGES
- Copy updates on components to represent Voice & Tone Guidelines
- Some tokens that were unable to be overridden by not having a !default flag has been resolved
- Reordered tokens so large form factor has priority
- Fix for scoping issue with tabs and active state - bug [#106](https://github.com/salesforce-ux/design-system/issues/106)
- Increased active tab state specificity

## Release 0.12.1 - December 16, 2015

### SITE IA
- Improve status labels. Now associated with colors and contain more information
- Improve Component Overview tables for more narrow readability

### CHANGES
- Apply proper accessibility requirements (aria-labelledby) to tabs (fixes https://github.com/salesforce-ux/design-system/issues/107). Updated documentation to reflect previous refactoring.
- Fix for inverse button-group icon bug
- Make `.slds-text-body_small` inherit theme color (fixes https://github.com/salesforce-ux/design-system/issues/123)
- Mark all list utilities "dev-ready" - [/components/utilities/lists](/components/utilities/lists)
- Field-level help popover background color token update
- Fix truncation on Sales Path (fixes https://github.com/salesforce-ux/design-system/issues/135)
- Fix chevron alignment on Sales Path - [/components/tabs#sales-path](/components/tabs#sales-path)
- Updated demo on buttons > neutral icon to demonstrate "mutton" - [/components/buttons#neutral-icon](/components/buttons#neutral-icon)
- Updated lists > description horizontal to use flexbox. No class change required. `dt` and `dd` can now accept sizing utilities. Change margin to padding.

### NEW COMPONENTS
- Custom Select container added, normalizes the `<select>` appearance in various browsers (fixes https://github.com/salesforce-ux/design-system/issues/122)

## Release 0.12.0 - November 18, 2015

### SITE IA
- Added Resources > Links
- Changed tabs to use new refactored tab classes (deprecated)

### BREAKING CHANGES
- Removed default horizontal spacing from buttons in favor of new spacing utilities (deprecated, see New Components below).
- Tabs have been refactored, changing descendent selectors to BEM syntax (deprecated)
- Changed source order of Media Objects > Reversed and Media Objects > Double (No longer reordering using flexbox order property)
- Adjusted Activity Timline > Base to reflect Media Object changes. Removed `dl` with single `dt` & `dd` pairs. Replaced with `span`s.
- `slds-modal-backdrop` and `slds-modal-backdrop_open` is deprecated in favor of `slds-backdrop` and `slds-backdrop_open` since it is used in other components.
- Removed icon color from `.slds-input__icon` so that an icon color class is required in addition

### CHANGES
- Switched sizing utility media queries to use `em` instead of `px`
- Updated demo for icons > color and added `slds-text-error` for validation errors

### NEW COMPONENTS
- Added initial state of tabs > sales path [/components/tabs#sales-path](/components/tabs#sales-path)
- Added max-width sizing utilities [/components/utilities/sizing](/components/utilities/sizing)
- Added button spacing utilities for stacked and horizontal sets of buttons (both a single class and a wrapper class) [/components/buttons#overview](/components/buttons#overview)
- Added stretched button utilities for full-width buttons on small form factors [/components/buttons#overview](/components/buttons#overview)
- Dialog Menus for small form factor
  - Action overflow for touch [/components/menus#action-overflow-for-touch](/components/menus#action-overflow-for-touch)
- Added Edit dialog form for touch devices [/components/forms#edit-dialog-for-touch](/components/forms#edit-dialog-for-touch)

### DEPRECATED
- Buttons no longer have default horizontal spacing and require a class or wrapper to provide space
- Name change: Responsive button changed to Horizontal button
- `slds-modal-backdrop` and `slds-modal-backdrop_open` deprecated in version 0.12.0, use `slds-backdrop` and `slds-backdrop_open` instead
- Descendant selectors on tabs were changed to BEM syntax
  - `slds-tabs_default > slds-tabs__item` deprecated in version 0.12.0, use `slds-tabs_default__item` instead
  - `slds-tabs_default > slds-tabs__content` deprecated in version 0.12.0, use `slds-tabs_default__content` instead
  - `slds-tabs_default > a` deprecated in version 0.12.0, use `slds-tabs_default__link` instead
  - `slds-tabs_scoped > slds-tabs__item` deprecated in version 0.12.0, use `slds-tabs_scoped__item` instead
  - `slds-tabs_scoped > slds-tabs__content` deprecated in version 0.12.0, use `slds-tabs_scoped__content` instead
  - `slds-tabs_scoped > a` deprecated in version 0.12.0, use `slds-tabs_scoped__link` instead
- Descendant selector on `.slds-input__icon` fill color deprecated in version 0.12.0, use `slds-icon-text-default` (or any icon color class) on the icon in addition to the original class

## Release 0.11.0 - October 29, 2015

- Changed notifications > modal to notifications > modal-toast
- Modals > Taglines no longer has a `slds-modal__header p` selector. Instead, `slds-m-top_x-small` is placed on the `p` itself.
- Stateful button has a `[disabled]` state
- If button-groups need their final down icon to hide when [disabled], the `.slds-toggle-visibility` should be added to the icon. (This affects all page headers, and cards > base.)
- Nubbins shadows now have proper light source
- Removed interactive dropdowns from page header examples
- Added Google Analytics

### SITE IA

- Moved tooltips to popovers, deprecated tooltip section [/components/popovers#tooltips](/components/popovers#tooltips)
- Moved Dropdowns into Menus, deprecated dropdowns sectio [/components/menus](/components/menus)
- Moved Picklist Dropdown Menu into Menus [/components/menus#picklist](/components/menus#picklist)
- Moved Multi-Select Picklist into Forms [/components/forms#multi-select](/components/forms#multi-select)
- Menus component variants are now more explicit
  - Dropdown
  - Dropdown with Icons
  - Dropdown Positioning
  - Picklist
  - Action Overflow
  - Search Overflow

### BREAKING CHANGES

- Changed `.slds-tooltip` to `.slds-popover_tooltip`, `.slds-tooltip` will become deprecated (*).
- Deprecated `.slds-has-divider` (*), now requires a top or bottom direction appened, e.g. `.slds-has-divider_top`, `.slds-has-divider_bottom`
- Deprecated "Menu with Icons" dropdown variant
  - No longer depends on class names that deal with icon positioning
  - `.slds-dropdown__item` are set to `display: flex` with `justify-content: space-between` by default now. This allows for icon + text to be left aligned and a single icon to be positioned on the same axis to the right hand side. The icon + text that is positioned to the left requires an HTML element, like a `<p>` with the class `.slds-truncate` applied.
  - `.slds-has-icon`, `.slds-has-icon_left`, `.slds-has-icon_right` and children classes `.slds-icon_left`, `.slds-icon_right` have been deprecated but will persist in code base (*)
  - If user invokes selection on a dropdown item and wants feedback such a a checkmark, that SVG now requires a class of `.slds-icon_selected`
- <em> (*) Code is still in codebase but will be deprecated, TBD but preliminary removal of release 0.20.0</em>

### NEW COMPONENTS
- Added notifications > prompt (modal-style alert) [/components/notifications#prompt](/components/notifications#prompt)
- Added Preview Panel Popovers [/components/popovers#panels](/components/popovers#panels)
- More directional support for popover nubbins [/components/popovers#nubbins](/components/popovers#nubbins)

## Release 0.10.2 - October 29, 2015
- Updated Icons to version 3.2.0
- Dropdown menus now have bottom positioning support, with accommodating nubbin support [/components/menus#dropdown-positioning](/components/menus#dropdown-positioning)
- Added Google Analytics

## Release 0.10.1 - October 21, 2015
- Hot fix for picklist width on datepicker
- `.slds-is-required` and `.slds-has-error` on form elements are now properly scoped within the `-vf`, `-ltng` and `-scoped` compiled css files
- Font size on datepicker properly displays within scoped compiled css files

## Release 0.10.0 - October 20, 2015

- Changed `.slds-button__icon` fill colors to use currentColor value to match text color changes
- Updated `.slds-button_icon-*` demo and fixed class name typo
- Added new button variant: `.slds-button_destructive`
- Removed max-width (960px) from Modals > Large
- Added new notification state in modals Notifications > Modal
- Added `.slds-no-flex` to SVG in Notifications > Toast (needed for modal application)
- Changed picklist label and selection list to fixed width. Applied a 5 option max-height with overflow on list.
- Upgraded `@salesforce-ux/design-tokens` to 1.3.1
- `@salesforce-ux/design-system` package now includes */assets/icons* and */assets/images*

### BREAKING CHANGES
- Changed `.slds-button_icon-border-small` to `.slds-button_icon-x-small`. This aligns with our other icon names which separate sizing from style
- Brought inverse close icons into alignment with the other icon buttons. Class on `.slds-button` has an added `.slds-button_icon-inverse`. The class `.slds-button__icon_inverse` was removed from the SVG within.

### BUG FIXES
- `.slds-button_icon-*` can be placed on an `a` and aligns to the center
- :hover, :focus state added for `.slds-button_icon-bare`
- fixed line-height in `.slds-button_icon-border-small` and `.slds-button_icon-bare`
- Added `overflow: auto;` to the options container for a Multi Select picklist

### NEW COMPONENTS

- [Full-width button variant](/components/buttons#responsive) for small form factors
- [Feed and Comment components](/components/feeds) have been added
- [Publisher component](/components/publishers) has been added

### SASS UPDATES

- Abstracted form states into own mixins
- Abstracted feed vertical rule into own mixin

## Site Update - October 20, 2015

- Fixed issues when installing with npm 3
- Updated Voice and Tone guidelines

## Site Update - October 5th, 2015

- Clicking anchor links will position the anchor on the page a bit lower than the top of the window now
- Added typography documentation to design section
- Added examples for a checkbox fieldset and radio fieldset within the horizontal form modifier

## Release 0.9.2 - October 5th, 2015

- Updated package.json to point to README for licensing information
- Upgrade icons to v3.1.0
- Updated small input styles
- Applied styles to fix the height of a select element when used [size] attribute is applied
- Forced stacking of checkbox and radio elements when inside a horizontal form modifier
- Updated picklist, font weight on item select, fixed time select dropdown

## Site Update - September 25th, 2015

- Doc changes
- Internal SVG icon helper can use `<use xlink:href="..."></use>` now
- Miscellaneous typo fixes

## Release 0.9.1 — September 24th, 2015

- Fixed issue with npm module dependencies
- Fixes issue that caused deprecated design tokens to display

## Release 0.9.0 — September 9th, 2015

- Open Sourced: github.com/salesforce-ux/design-system
  - CSS files scoped in `.slds` have been added/updated for the following:
  - Visualforce (`-vf`)
  - Lightning Platform (`-ltng`)
  - General Use (Most likely in conjunction with other frameworks) (`-scoped`)

### Site

- Content
  - Getting Started
    - Heroku Added
  - Design
    - Overview Added
    - Colour Added
    - Data Entry Added
    - Displaying Data Added
    - Messaging Added
  - Voice & Tone Added
  - Native -> iOS - Use our iOS integration to style your native iOS applications

### Components
### Many accessibility updates

- Changed components to dev-ready: Button Groups, Cards, Tiles, Icons

- Lookups:
  - Accessibility Requirements added
  - Multi-Select Design and Markup updated
  - Multi-Scope Design and Markup updated
  - `.slds-lookup__control` has been deprecated, now uses `.slds-form-element__control`
- Pill Container Added `.slds-pill-container`
  - Can contain one or many pills, used on `.slds-lookup`
- Data-Tables
  - Row Selection (`.slds-is-selected`) and row selection hovers have been fixed
- Tabs
  - Updated tabs to have `aria-controls` with the same ID in the tab content container
- Tiles > Author and with-icon have empty alt added
- Datepickers > multi-select and Forms > compound-form have `small` element changed to `span`
- Card > All variants have DOM changed (header, section, footer changed to div)
- Data-tables > All variants have accessibility upgrades for `th role="row"`
- Forms > validation state now has additional errors surfaced for radio and checkbox
- Datepickers > All variants
  - Removed `role="button" aria-labelledby="bn_prev-label"`
  - Changed `div#month` to `H2` and removed `role="heading"`
  - Removed all tabindex
  - Removed `span#bn_prev-label` and `span#bn_next-label`
- Dropdowns > All variants have `aria-haspopup="true"` moved to the `button` (actionable element)
- Page headers > All variants have `role="banner"` added
- Picklists > Quickfind temporarily removed until DOM is updated

### Utilities
- Text > Faux Links has added cursor:pointer

Lots of bug fixes and TLC.

[2.4.2]: https://github.com/salesforce-ux/design-system/compare/v2.4.1...v2.4.2
[2.4.1]: https://github.com/salesforce-ux/design-system/compare/v2.4.0...v2.4.1
[2.4.0]: https://github.com/salesforce-ux/design-system/compare/v2.3.1...v2.4.0
[2.3.1]: https://github.com/salesforce-ux/design-system/compare/v2.3.0...v2.3.1
[2.3.0]: https://github.com/salesforce-ux/design-system/compare/v2.2.2...v2.3.0
[2.2.2]: https://github.com/salesforce-ux/design-system/compare/v2.2.1...v2.2.2
[2.2.1]: https://github.com/salesforce-ux/design-system/compare/v2.2.0...v2.2.1
[2.2.0]: https://github.com/salesforce-ux/design-system/compare/v2.1.4...v2.2.0
[2.1.4]: https://github.com/salesforce-ux/design-system/compare/v2.1.3...v2.1.4
[2.1.3]: https://github.com/salesforce-ux/design-system/compare/v2.1.2...v2.1.3
[2.1.2]: https://github.com/salesforce-ux/design-system/compare/v2.0.3...v2.1.2
[2.0.3]: https://github.com/salesforce-ux/design-system/compare/v2.0.2...v2.0.3
[2.0.2]: https://github.com/salesforce-ux/design-system/compare/v2.0.1...v2.0.2
[2.0.1]: https://github.com/salesforce-ux/design-system/compare/v1.0.5...v2.0.1
[1.0.5]: https://github.com/salesforce-ux/design-system/compare/v1.0.4...v1.0.5
[1.0.4]: https://github.com/salesforce-ux/design-system/compare/v1.0.3...v1.0.4
[1.0.3]: https://github.com/salesforce-ux/design-system/compare/v1.0.2...v1.0.3
[1.0.2]: https://github.com/salesforce-ux/design-system/compare/v1.0.1...v1.0.2
[1.0.1]: https://github.com/salesforce-ux/design-system/compare/v1.0.0...v1.0.1
