-
#409
a61060a
Thanks @mrcjhicks! - Token changes for CJK typography improvements.Updated S1 tokens - typography, foundations
The S1 type token changes fix some minor issues with CJK font-sizing, font-weight, and removes the added letter-spacing (since we got feedback this was unnecessary and both latin and CJK characters look too spaced out with the current letter-spacing applied).
Tokens added (13):
body-cjk-size-l
body-cjk-size-m
body-cjk-size-s
body-cjk-size-xl
body-cjk-size-xs
body-cjk-size-xxl
body-cjk-size-xxxl
detail-cjk-size-l
detail-cjk-size-m
detail-cjk-size-s
detail-cjk-size-xl
font-size-25
letter-spacing
Token values updated (14):
body-cjk-strong-emphasized-font-weight
body-cjk-strong-font-weight
cjk-letter-spacing
detail-cjk-emphasized-font-weight
detail-cjk-strong-emphasized-font-weight
detail-cjk-strong-font-weight
drop-zone-cjk-title-size
heading-cjk-heavy-font-weight
heading-cjk-size-s
heading-cjk-size-xs
heading-cjk-size-xxl
heading-cjk-size-xxs
heading-cjk-size-xxxl
illustrated-message-cjk-title-size
-
9361a58: Fixed misnamed accordion token.
Tokens added (1):
accordion-top-to-text-spacious-small
Newly deprecated token (1):
accordion-small-top-to-text-spacious
-
4208725: The 14 tokens listed in the diff below had identical values between sets and so were merged to single values to simplify the data.
Tokens values update (14):
accordion-disclosure-indicator-to-text
accordion-edge-to-disclosure-indicator
accordion-edge-to-text
accordion-focus-indicator-gap
accordion-top-to-text-compact-medium
accordion-top-to-text-compact-small
action-button-edge-to-hold-icon-extra-small
action-button-edge-to-hold-icon-small
asterisk-icon-size-75
corner-radius-75
drop-shadow-x
field-label-top-margin-small
status-light-dot-size-small
table-edge-to-content
-
94959f1: Added font-size token $schema
Tokens with update $schema (15):
font-size-50
font-size-75
font-size-100
font-size-200
font-size-300
font-size-400
font-size-500
font-size-600
font-size-700
font-size-800
font-size-900
font-size-1000
font-size-1100
font-size-1200
font-size-1300
- 2af5a10: fix: aligns letter-spacing token schemas to "dimension" for consistency
- 51e0fee: Fixed typo and renamed
/schemas/token-types/percent.json
->/schemas/token-types/opacity.json
.
-
0b732aa: Basic types added to tokens Added testing for schema types
Tokens modified (3):
color-handle-drop-shadow-color
: removed set specific definitioncolor-handle-outer-border-color
: removed set specific definitionpicker-border-width
: addedexpress
value of 0
-
068dca4: Fixing a bug;
contextual-help-body-size
is referencing heading instead of body typography tokens.Token values updated (1):
contextual-help-body-size
desktop
:heading-size-s
->body-size-s
mobile
:heading-size-xs
->body-size-xs
-
f50ceea: Updated size for the Arrow UI icon used in submenus (previously was too small and looked imbalanced relative to everything else)
Token values updated (4):
navigational-indicator-top-to-back-icon-small
:desktop
7px
->6px
andmobile
9px
->7px
navigational-indicator-top-to-back-icon-medium
:desktop
11px
->9px
andmobile
13px
->12px
navigational-indicator-top-to-back-icon-large
:desktop
14px
->12px
andmobile
17px
->16px
navigational-indicator-top-to-back-icon-extra-large
:desktop
17px
->15px
andmobile
22px
->19px
-
9ee663d: Modified and new Side nav tokens
Category headings changed to Adobe Clean 12 Medium @
gray-600
, to differentiate them from multi-level, top navigation items.Token added (1):
side-navigation-header-to-item
Token value updated (1):
side-navigation-item-to-header
: changed fromdesktop: 16px
mobile: 20px
todesktop: 24px
mobile: 30px
- 9e42269: Added UI icon sizes
Tokens added (46):
arrow-icon-size-100
arrow-icon-size-200
arrow-icon-size-300
arrow-icon-size-400
arrow-icon-size-500
arrow-icon-size-600
arrow-icon-size-75
asterisk-icon-size-100
asterisk-icon-size-200
asterisk-icon-size-300
asterisk-icon-size-75
checkmark-icon-size-100
checkmark-icon-size-200
checkmark-icon-size-300
checkmark-icon-size-400
checkmark-icon-size-50
checkmark-icon-size-500
checkmark-icon-size-600
checkmark-icon-size-75
chevron-icon-size-100
chevron-icon-size-200
chevron-icon-size-300
chevron-icon-size-400
chevron-icon-size-50
chevron-icon-size-500
chevron-icon-size-600
chevron-icon-size-75
corner-triangle-icon-size-100
corner-triangle-icon-size-200
corner-triangle-icon-size-300
corner-triangle-icon-size-75
cross-icon-size-100
cross-icon-size-200
cross-icon-size-300
cross-icon-size-400
cross-icon-size-500
cross-icon-size-600
cross-icon-size-75
dash-icon-size-100
dash-icon-size-200
dash-icon-size-300
dash-icon-size-400
dash-icon-size-50
dash-icon-size-500
dash-icon-size-600
dash-icon-size-75
- d9a6b7b: Updated manifest.json file
- 0c716de: Added icon tokens
Tokens added (6):
icon-color-blue-primary-default
icon-color-green-primary-default
icon-color-inverse
icon-color-primary-default
icon-color-red-primary-default
icon-color-yellow-primary-default
- 6f5443e: Added missing
wireframe
values for 2 color tokens
Tokens update (2):
opacity-checkerboard-square-dark
overlay-opacity
- bb89361: Update meter token from meter-default-width to meter-width.
We try to avoid "default" in the name (unless it's the state) because it's a word that implies that it's relative to something else that may not be named, which could get confusing. So meter-width I think for the name, and then just add a note in the specs.
Renamed token:
meter-default-width
->meter-width
Token added for deprecation and rename:
meter-default-width
- 687f6c3: Updated coach-mark tokens
Tokens added (3):
coach-mark-maximum-width
coach-mark-media-height
coach-mark-width
Token values updated (4):
coach-mark-minimum-width
:mobile
from208px
to216px
coach-mark-title-size
: addeddesktop
valuecoach-mark-body-size
: addeddesktop
valuecoach-mark-pagination-body-size
: addeddesktop
value
- 25dc20d: Add new menu-item token for section dividers
Tokens added (1):
menu-item-section-divider-height
- fc12f6d: Added side-navigation token
Tokens added (1):
side-navigation-bottom-to-text
- cb9e3bf: Added in-field button tokens
Tokens added (19):
in-field-button-edge-to-disclosure-icon-stacked-extra-large
in-field-button-edge-to-disclosure-icon-stacked-large
in-field-button-edge-to-disclosure-icon-stacked-medium
in-field-button-edge-to-disclosure-icon-stacked-small
in-field-button-edge-to-fill
in-field-button-fill-stacked-inner-border-rounding
in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large
in-field-button-inner-edge-to-disclosure-icon-stacked-large
in-field-button-inner-edge-to-disclosure-icon-stacked-medium
in-field-button-inner-edge-to-disclosure-icon-stacked-small
in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
in-field-button-outer-edge-to-disclosure-icon-stacked-large
in-field-button-outer-edge-to-disclosure-icon-stacked-medium
in-field-button-outer-edge-to-disclosure-icon-stacked-small
in-field-button-stacked-inner-edge-to-fill
in-field-button-width-stacked-extra-large
in-field-button-width-stacked-large
in-field-button-width-stacked-medium
in-field-button-width-stacked-small
- 02459bf: Migrate dependencies to devDependencies as they are not needed downstream to leverage the package.
- d740d2c: added table tokens
Tokens added (88):
table-border-divider-width
table-checkbox-to-text
table-column-header-row-bottom-to-text-extra-large
table-column-header-row-bottom-to-text-large
table-column-header-row-bottom-to-text-medium
table-column-header-row-bottom-to-text-small
table-column-header-row-top-to-text-extra-large
table-column-header-row-top-to-text-large
table-column-header-row-top-to-text-medium
table-column-header-row-top-to-text-small
table-edge-to-content
table-header-row-checkbox-to-top-extra-large
table-header-row-checkbox-to-top-large
table-header-row-checkbox-to-top-medium
table-header-row-checkbox-to-top-small
table-row-bottom-to-text-extra-large-compact
table-row-bottom-to-text-extra-large-regular
table-row-bottom-to-text-extra-large-spacious
table-row-bottom-to-text-large-compact
table-row-bottom-to-text-large-regular
table-row-bottom-to-text-large-spacious
table-row-bottom-to-text-medium-compact
table-row-bottom-to-text-medium-regular
table-row-bottom-to-text-medium-spacious
table-row-bottom-to-text-small-compact
table-row-bottom-to-text-small-regular
table-row-bottom-to-text-small-spacious
table-row-checkbox-to-top-extra-large-compact
table-row-checkbox-to-top-extra-large-regular
table-row-checkbox-to-top-extra-large-spacious
table-row-checkbox-to-top-large-compact
table-row-checkbox-to-top-large-regular
table-row-checkbox-to-top-large-spacious
table-row-checkbox-to-top-medium-compact
table-row-checkbox-to-top-medium-regular
table-row-checkbox-to-top-medium-spacious
table-row-checkbox-to-top-small-compact
table-row-checkbox-to-top-small-regular
table-row-checkbox-to-top-small-spacious
table-row-down-opacity
table-row-height-extra-large-compact
table-row-height-extra-large-regular
table-row-height-extra-large-spacious
table-row-height-large-compact
table-row-height-large-regular
table-row-height-large-spacious
table-row-height-medium-compact
table-row-height-medium-regular
table-row-height-medium-spacious
table-row-height-small-compact
table-row-height-small-regular
table-row-height-small-spacious
table-row-hover-color
table-row-hover-opacity
table-row-top-to-text-extra-large-compact
table-row-top-to-text-extra-large-regular
table-row-top-to-text-extra-large-spacious
table-row-top-to-text-large-compact
table-row-top-to-text-large-regular
table-row-top-to-text-large-spacious
table-row-top-to-text-medium-compact
table-row-top-to-text-medium-regular
table-row-top-to-text-medium-spacious
table-row-top-to-text-small-compact
table-row-top-to-text-small-regular
table-row-top-to-text-small-spacious
table-section-header-row-height-extra-large
table-section-header-row-height-large
table-section-header-row-height-medium
table-section-header-row-height-small
table-selected-row-background-color
table-selected-row-background-color-non-emphasized
table-selected-row-background-opacity
table-selected-row-background-opacity-hover
table-selected-row-background-opacity-non-emphasized
table-selected-row-background-opacity-non-emphasized-hover
table-thumbnail-to-top-minimum-extra-large-compact
table-thumbnail-to-top-minimum-extra-large-regular
table-thumbnail-to-top-minimum-extra-large-spacious
table-thumbnail-to-top-minimum-large-compact
table-thumbnail-to-top-minimum-large-regular
table-thumbnail-to-top-minimum-large-spacious
table-thumbnail-to-top-minimum-medium-compact
table-thumbnail-to-top-minimum-medium-regular
table-thumbnail-to-top-minimum-medium-spacious
table-thumbnail-to-top-minimum-small-compact
table-thumbnail-to-top-minimum-small-regular
table-thumbnail-to-top-minimum-small-spacious
- 6365597: Added IDs to previously publish tab tokens
Tokens updated (51):
accent-content-color-selected
neutral-subdued-content-color-selected
tab-item-bottom-to-text-compact-extra-large
tab-item-bottom-to-text-compact-large
tab-item-bottom-to-text-compact-medium
tab-item-bottom-to-text-compact-small
tab-item-bottom-to-text-extra-large
tab-item-bottom-to-text-large
tab-item-bottom-to-text-medium
tab-item-bottom-to-text-small
tab-item-compact-height-extra-large
tab-item-compact-height-large
tab-item-compact-height-medium
tab-item-compact-height-small
tab-item-focus-indicator-gap-extra-large
tab-item-focus-indicator-gap-large
tab-item-focus-indicator-gap-medium
tab-item-focus-indicator-gap-small
tab-item-height-extra-large
tab-item-height-large
tab-item-height-medium
tab-item-height-small
tab-item-start-to-edge-extra-large
tab-item-start-to-edge-large
tab-item-start-to-edge-medium
tab-item-start-to-edge-quiet
tab-item-start-to-edge-small
tab-item-to-tab-item-horizontal-extra-large
tab-item-to-tab-item-horizontal-large
tab-item-to-tab-item-horizontal-medium
tab-item-to-tab-item-horizontal-small
tab-item-to-tab-item-vertical-extra-large
tab-item-to-tab-item-vertical-large
tab-item-to-tab-item-vertical-medium
tab-item-to-tab-item-vertical-small
tab-item-top-to-text-compact-extra-large
tab-item-top-to-text-compact-large
tab-item-top-to-text-compact-medium
tab-item-top-to-text-compact-small
tab-item-top-to-text-extra-large
tab-item-top-to-text-large
tab-item-top-to-text-medium
tab-item-top-to-text-small
tab-item-top-to-workflow-icon-compact-extra-large
tab-item-top-to-workflow-icon-compact-large
tab-item-top-to-workflow-icon-compact-medium
tab-item-top-to-workflow-icon-compact-small
tab-item-top-to-workflow-icon-extra-large
tab-item-top-to-workflow-icon-large
tab-item-top-to-workflow-icon-medium
tab-item-top-to-workflow-icon-small
- ba02b18: Added tokens for the tabs component
Tokens added (51):
accent-content-color-selected
neutral-subdued-content-color-selected
tab-item-bottom-to-text-compact-extra-large
tab-item-bottom-to-text-compact-large
tab-item-bottom-to-text-compact-medium
tab-item-bottom-to-text-compact-small
tab-item-bottom-to-text-extra-large
tab-item-bottom-to-text-large
tab-item-bottom-to-text-medium
tab-item-bottom-to-text-small
tab-item-compact-height-extra-large
tab-item-compact-height-large
tab-item-compact-height-medium
tab-item-compact-height-small
tab-item-focus-indicator-gap-extra-large
tab-item-focus-indicator-gap-large
tab-item-focus-indicator-gap-medium
tab-item-focus-indicator-gap-small
tab-item-height-extra-large
tab-item-height-large
tab-item-height-medium
tab-item-height-small
tab-item-start-to-edge-extra-large
tab-item-start-to-edge-large
tab-item-start-to-edge-medium
tab-item-start-to-edge-quiet
tab-item-start-to-edge-small
tab-item-to-tab-item-horizontal-extra-large
tab-item-to-tab-item-horizontal-large
tab-item-to-tab-item-horizontal-medium
tab-item-to-tab-item-horizontal-small
tab-item-to-tab-item-vertical-extra-large
tab-item-to-tab-item-vertical-large
tab-item-to-tab-item-vertical-medium
tab-item-to-tab-item-vertical-small
tab-item-top-to-text-compact-extra-large
tab-item-top-to-text-compact-large
tab-item-top-to-text-compact-medium
tab-item-top-to-text-compact-small
tab-item-top-to-text-extra-large
tab-item-top-to-text-large
tab-item-top-to-text-medium
tab-item-top-to-text-small
tab-item-top-to-workflow-icon-compact-extra-large
tab-item-top-to-workflow-icon-compact-large
tab-item-top-to-workflow-icon-compact-medium
tab-item-top-to-workflow-icon-compact-small
tab-item-top-to-workflow-icon-extra-large
tab-item-top-to-workflow-icon-large
tab-item-top-to-workflow-icon-medium
tab-item-top-to-workflow-icon-small
- 1a57f08: Fixed typo with
picker-end-edge-to-disclosure-icon-quiet
by adding a new token and deprecatingpicker-end-edge-to-disclousure-icon-quiet
.
Token added (1):
picker-end-edge-to-disclosure-icon-quiet
Newly deprecated token (1):
picker-end-edge-to-disclousure-icon-quiet
- 0829c5d: Added UUIDs to each token
Modified Tokens (1154)
Every token has a uuid
property added to them.
- cace8d8: Fixed component name typo
The following tokens have update component
metadata property (all have been set to coach-mark
):
coach-mark-minimum-width
coach-mark-edge-to-content
coach-mark-pagination-text-to-bottom-edge
coach-mark-width
coach-mark-media-minimum-height
coach-mark-media-height
coach-mark-title-size
coach-mark-body-size
coach-mark-pagination-body-size
- fe7a002: Fixed typo by adding correct token (
floating-action-button-drop-shadow-color
) and deprecating incorrect token name (floating-action-button-shadow-color
).
Token added (1):
floating-action-button-drop-shadow-color
Newly deprecated token (1):
floating-action-button-shadow-color
(usefloating-action-button-drop-shadow-color
instead)
- d639b4b: Updated color-handle-inner-border-opacity to remove express specific value
Token values updated (2):
color-handle-inner-border-opacity
(to remove express specific values)color-handle-outer-border-opacity
(to remove express specific values)
- 625cb7f: Removed express specific token data for color handle
Tokens values updated (4):
color-loupe-bottom-to-color-handle
(removed express specific token data)color-loupe-height
(removed express specific token data)color-loupe-inner-border-width
(removed express specific token data)color-loupe-width
(removed express specific token data)
- ee5bfd8: Adding a couple tokens to floating action button that should have been included earlier.
- 853d8c3: Removed express specific token data for color loupe and color handle
- c9e76ab: Contextual help did not have any type specific tokens when it was initially defined.
Tokens added (4):
floating-action-button-drop-shadow-y
floating-action-button-shadow-color
contextual-help-body-size
contextual-help-title-size
Tokens values updated (7):
color-handle-drop-shadow-blur
color-handle-drop-shadow-x
color-handle-drop-shadow-y
color-handle-outer-border-opacity
color-handle-outer-border-width
color-handle-size
color-handle-size-key-focus
Newly deprecated tokens (1):
color-handle-drop-shadow-color
- c1eaeee: Added new tokens for slider. Deprecated old slider tokens.
- 5406a24: Added
side-navigation
tokens.
- fc919d2: Added tray token
tray-top-to-content-area