@adobe/[email protected]

Minor Changes

• 3236495: Updated coach mark tokens for both desktop and mobile

  Token Diff

  Tokens added (6):

  • coach-mark-body-font-size
  • coach-mark-pagination-body-font-size
  • coach-mark-title-font-size

  Newly deprecated tokens (3):

  • coach-mark-body-size
  • coach-mark-pagination-body-size
  • coach-mark-title-size

@adobe/[email protected]

Minor Changes

• b59fa8f: Updated alert dialog tokens

  Token Diff

  Tokens added (4):

  • alert-dialog-description-font-size
  • alert-dialog-description-size
  • alert-dialog-title-font-size
  • alert-dialog-title-size

  Newly deprecated tokens (2):

  • alert-dialog-description-size
  • alert-dialog-title-size

@adobe/[email protected]

Minor Changes

• e79ddd6: S2 Combo box, In-field button and In-field progress circle updates

  Motivation and context

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Tokens added (15):

  • combo-box-visual-to-field-button
  • combo-box-visual-to-field-button-extra-large
  • combo-box-visual-to-field-button-large
  • combo-box-visual-to-field-button-medium
  • combo-box-visual-to-field-button-quiet
  • combo-box-visual-to-field-button-small
  • in-field-button-edge-to-fill-extra-large
  • in-field-button-edge-to-fill-large
  • in-field-button-edge-to-fill-medium
  • in-field-button-edge-to-fill-small
  • in-field-progress-circle-edge-to-fill
  • in-field-progress-circle-size-100
  • in-field-progress-circle-size-200
  • in-field-progress-circle-size-300
  • in-field-progress-circle-size-75

  Newly deprecated tokens (6):

  • combo-box-quiet-minimum-width-multiplier
  • combo-box-visual-to-field-button-small
  • combo-box-visual-to-field-button-medium
  • combo-box-visual-to-field-button-large
  • combo-box-visual-to-field-button-extra-large
  • in-field-button-edge-to-fill

• e79ddd6: S2 Color loupe tokens update

  Design Motivation

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Newly deprecated tokens (2):

  • color-loupe-drop-shadow-blur
  • color-loupe-drop-shadow-y

@adobe/[email protected]

Major Changes

• 1c8f7ab: Renamed previous drop shadow tokens from S1 and pointed them to the new 100 S2 drop shadow tokens
  Added new drop shadow tokens, 100, 200, emphasized-default, emphasized-hover, elevated.

  Design Motivation

  These tokens reflect the updates to drop tokens foundations in Spectrum 2, allowing more options and flexibility of usage in containers

  Token Diff

  Tokens added (24):

  • drop-shadow-blur
  • drop-shadow-blur-100
  • drop-shadow-blur-200
  • drop-shadow-color
  • drop-shadow-color-100
  • drop-shadow-color-200
  • drop-shadow-elevated-blur
  • drop-shadow-elevated-color
  • drop-shadow-elevated-x
  • drop-shadow-elevated-y
  • drop-shadow-emphasized-default-blur
  • drop-shadow-emphasized-default-color
  • drop-shadow-emphasized-default-x
  • drop-shadow-emphasized-default-y
  • drop-shadow-emphasized-hover-blur
  • drop-shadow-emphasized-hover-color
  • drop-shadow-emphasized-hover-x
  • drop-shadow-emphasized-hover-y
  • drop-shadow-x
  • drop-shadow-x-100
  • drop-shadow-x-200
  • drop-shadow-y
  • drop-shadow-y-100
  • drop-shadow-y-200

  Tokens deleted (2):

  • drop-shadow-blur
  • drop-shadow-y

  Token values updated (2):

  • color-handle-drop-shadow-color
  • drop-shadow-color

Minor Changes

• 3230aba: S2 Tag and Picker token updates

  Design Motivation

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Tokens added (7):

  • field-default-width-extra-large
  • field-default-width-large
  • field-default-width-medium
  • field-default-width-small
  • tag-minimum-width-large
  • tag-minimum-width-medium
  • tag-minimum-width-small

  Token values updated (4):

  • field-top-to-progress-circle-extra-large
  • field-top-to-progress-circle-large
  • field-top-to-progress-circle-medium
  • field-top-to-progress-circle-small

  Newly Deprecated Tokens (4):

  • field-width-extra-large
  • field-width-large
  • field-width-medium
  • field-width-small

@adobe/[email protected]

Patch Changes

• 9361a58: Fixed misnamed accordion token.

  Token Diff

  Tokens added (1):

  • accordion-top-to-text-spacious-small

  Newly deprecated token (1):

  • accordion-small-top-to-text-spacious

@adobe/[email protected]

Patch Changes

• 936f608: Fixed misnamed accordion token.

  Token Diff

  Tokens added (1):

  • accordion-top-to-text-spacious-small

  Newly deprecated token (1):

  • accordion-small-top-to-text-spacious

@adobe/[email protected]

Minor Changes

• c42448c: Updated and added alert dialog tokens for both desktop and mobile.

• 46a801c: Added tokens for S2 title color

  Design Motivation

  Title text in alert dialog is now using the new Title typography token. Also updated the size for description text, and added a new token for top to alert icon.

  Title is a new typography style for Spectrum 2, and has a default title-color token.

  Token Diff

  Tokens added (2):

  • alert-banner-top-to-alert-icon
  • title-color

  Token values updated (2):

  • alert-dialog-description-size
  • alert-dialog-title-size

@adobe/[email protected]

Minor Changes

• d71bea1: S2 Opacity checkerboard non-color token updates

  Design Motivation

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Tokens added (2):

  • opacity-checkerboard-square-size-medium
  • opacity-checkerboard-square-size-small

  Newly deprecated token (1):

  • opacity-checkerboard-square-size

@adobe/[email protected]

Minor Changes

• fb61f17: Added Title typography tokens

  Design Motivation

  Adding new typography styles for Title. While the Heading style is for the loudest, most broad message, there are still going to be other important items in your information hierarchy. The Title style is for text that’s communicating other need-to-know concepts. It’s often set in Bold weight, and it has a range of font sizes that can be paired with Body and Detail sizes to create visual balance. File names, cards, user names, panels, and other high-signal concepts in interfaces use the Title style.

  Token Diff

  Tokens added (45):

  • title-cjk-emphasized-font-style
  • title-cjk-emphasized-font-weight
  • title-cjk-font-family
  • title-cjk-font-style
  • title-cjk-font-weight
  • title-cjk-line-height
  • title-cjk-size-l
  • title-cjk-size-m
  • title-cjk-size-s
  • title-cjk-size-xl
  • title-cjk-size-xs
  • title-cjk-size-xxl
  • title-cjk-size-xxxl
  • title-cjk-strong-emphasized-font-style
  • title-cjk-strong-emphasized-font-weight
  • title-cjk-strong-font-style
  • title-cjk-strong-font-weight
  • title-line-height
  • title-margin-bottom-multiplier
  • title-margin-top-multiplier
  • title-sans-serif-emphasized-font-style
  • title-sans-serif-emphasized-font-weight
  • title-sans-serif-font-family
  • title-sans-serif-font-style
  • title-sans-serif-font-weight
  • title-sans-serif-strong-emphasized-font-style
  • title-sans-serif-strong-emphasized-font-weight
  • title-sans-serif-strong-font-style
  • title-sans-serif-strong-font-weight
  • title-serif-emphasized-font-style
  • title-serif-emphasized-font-weight
  • title-serif-font-family
  • title-serif-font-style
  • title-serif-font-weight
  • title-serif-strong-emphasized-font-style
  • title-serif-strong-emphasized-font-weight
  • title-serif-strong-font-style
  • title-serif-strong-font-weight
  • title-size-l
  • title-size-m
  • title-size-s
  • title-size-xl
  • title-size-xs
  • title-size-xxl
  • title-size-xxxl

@adobe/[email protected]

Minor Changes

• 723d3b0: Updated, added, and deprecated tokens for text field and text area.

  Design Motivation

  Updating text field and text area for Spectrum 2.

  Token Diff

  Tokens added (4):

  • field-width-small
  • field-width-medium
  • field-width-large
  • field-width-extra-large

  Updated token values (4):

  • side-label-character-count-top-margin-small
  • side-label-character-count-top-margin-medium
  • side-label-character-count-top-margin-large
  • side-label-character-count-top-margin-extra-large

  Newly deprecated tokens (8):

  • field-width
  • field-edge-to-text-quiet
  • field-edge-to-border-quiet
  • field-edge-to-alert-icon-quiet
  • field-edge-to-validation-icon-quiet
  • field-label-to-component-quiet-small
  • field-label-to-component-quiet-medium
  • field-label-to-component-quiet-large
  • field-label-to-component-quiet-extra-large
  • character-count-to-field-quiet-small
  • character-count-to-field-quiet-medium
  • character-count-to-field-quiet-large
  • character-count-to-field-quiet-extra-large

• 66b1edf: Updated color of color-area-border-color token from gray.900 to gray.1000 in both light and dark sets.

  Design motivation

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Token value updated (1):

  • color-area-border-color

• 7b5f18b: Update alert banner for Spectrum 2

  Design Motivation

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Token values updated (5):

  • alert-banner-bottom-to-text
  • alert-banner-minimum-height
  • alert-banner-top-to-text
  • alert-banner-top-to-workflow-icon
  • search-field-minimum-width-multiplier

• 4a84fdd: Spectrum 2 Toast Tokens

  Design motivation

  Updated the color-area-border-rounding token type from spacing to borderRadius and adjusted value referenced, desktop and mobile scale.

  These changes occurred as a result of scaling things for S2 design language and experiences.

  Token Diff

  Token values updated (5):

  • toast-height
  • toast-top-to-workflow-icon
  • toast-top-to-text
  • toast-bottom-to-text
  • color-area-border-rounding