Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to beta, this PR will be updated.
beta
is currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, runchangeset pre exit
onbeta
.Releases
@adobe/spectrum-tokens@13.0.0-beta.5
Major Changes
0af2674: feat: new color values for spectrum2
Design Motivation
This update addresses several improvements:
fuchsia, seafoam: all values shifted to make room for new colors, pink and turquoise
all other colors: certain values were updated to address accessibility contrast requirements against Spectrum 2 background layer colors
Token Diff
Token values updated (246):
accent-background-color-default
accent-background-color-down
accent-background-color-hover
accent-background-color-key-focus
accent-color-1000
accent-color-200
accent-color-300
accent-color-400
accent-color-500
accent-color-600
accent-color-700
accent-color-800
accent-color-900
accent-content-color-default
accent-content-color-down
accent-content-color-hover
accent-content-color-key-focus
accent-content-color-selected
accent-visual-color
blue-1000
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
blue-background-color-default
blue-visual-color
celery-1000
celery-200
celery-300
celery-400
celery-500
celery-600
celery-700
celery-800
celery-900
celery-background-color-default
celery-visual-color
chartreuse-1000
chartreuse-200
chartreuse-300
chartreuse-400
chartreuse-500
chartreuse-600
chartreuse-700
chartreuse-800
chartreuse-900
chartreuse-background-color-default
chartreuse-visual-color
cyan-1000
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900
cyan-background-color-default
cyan-visual-color
drop-zone-background-color
focus-indicator-color
fuchsia-100
fuchsia-1000
fuchsia-1100
fuchsia-1200
fuchsia-1300
fuchsia-1400
fuchsia-1500
fuchsia-1600
fuchsia-200
fuchsia-300
fuchsia-400
fuchsia-500
fuchsia-600
fuchsia-700
fuchsia-800
fuchsia-900
fuchsia-background-color-default
fuchsia-visual-color
green-100
green-1000
green-200
green-300
green-400
green-500
green-600
green-700
green-800
green-900
green-background-color-default
green-visual-color
icon-color-blue-primary-default
icon-color-green-primary-default
icon-color-red-primary-default
icon-color-yellow-primary-default
indigo-1000
indigo-300
indigo-400
indigo-500
indigo-600
indigo-700
indigo-800
indigo-900
indigo-background-color-default
indigo-visual-color
informative-background-color-default
informative-background-color-down
informative-background-color-hover
informative-background-color-key-focus
informative-color-1000
informative-color-200
informative-color-300
informative-color-400
informative-color-500
informative-color-600
informative-color-700
informative-color-800
informative-color-900
informative-visual-color
magenta-100
magenta-1000
magenta-1100
magenta-1200
magenta-1300
magenta-1400
magenta-200
magenta-300
magenta-400
magenta-500
magenta-600
magenta-700
magenta-800
magenta-900
magenta-background-color-default
magenta-visual-color
negative-background-color-default
negative-background-color-down
negative-background-color-hover
negative-background-color-key-focus
negative-border-color-default
negative-border-color-focus
negative-border-color-hover
negative-border-color-key-focus
negative-color-1000
negative-color-200
negative-color-300
negative-color-400
negative-color-500
negative-color-600
negative-color-700
negative-color-800
negative-color-900
negative-content-color-default
negative-content-color-down
negative-content-color-hover
negative-content-color-key-focus
negative-visual-color
notice-background-color-default
notice-color-1000
notice-color-200
notice-color-400
notice-color-500
notice-color-600
notice-color-700
notice-color-800
notice-color-900
notice-visual-color
orange-1000
orange-200
orange-400
orange-500
orange-600
orange-700
orange-800
orange-900
orange-background-color-default
orange-visual-color
positive-background-color-default
positive-background-color-down
positive-background-color-hover
positive-background-color-key-focus
positive-color-100
positive-color-1000
positive-color-200
positive-color-300
positive-color-400
positive-color-500
positive-color-600
positive-color-700
positive-color-800
positive-color-900
positive-visual-color
purple-1000
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
purple-background-color-default
purple-visual-color
red-1000
red-200
red-300
red-400
red-500
red-600
red-700
red-800
red-900
red-background-color-default
red-visual-color
seafoam-100
seafoam-1000
seafoam-1100
seafoam-1200
seafoam-1300
seafoam-1400
seafoam-1500
seafoam-1600
seafoam-200
seafoam-300
seafoam-400
seafoam-500
seafoam-600
seafoam-700
seafoam-800
seafoam-900
seafoam-background-color-default
seafoam-visual-color
table-selected-row-background-color
yellow-1000
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
yellow-background-color-default
yellow-visual-color
Minor Changes
7b5ec24: feat: add new color tokens
Design Motivation
Added new colors due to needs from Premiere Pro. The additional colors will also help when creating new data vis color palettes for Spectrum 2.
Token Diff
Tokens added (64):
brown-100
brown-1000
brown-1100
brown-1200
brown-1300
brown-1400
brown-1500
brown-1600
brown-200
brown-300
brown-400
brown-500
brown-600
brown-700
brown-800
brown-900
pink-100
pink-1000
pink-1100
pink-1200
pink-1300
pink-1400
pink-1500
pink-1600
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
silver-100
silver-1000
silver-1100
silver-1200
silver-1300
silver-1400
silver-1500
silver-1600
silver-200
silver-300
silver-400
silver-500
silver-600
silver-700
silver-800
silver-900
turquoise-100
turquoise-1000
turquoise-1100
turquoise-1200
turquoise-1300
turquoise-1400
turquoise-1500
turquoise-1600
turquoise-200
turquoise-300
turquoise-400
turquoise-500
turquoise-600
turquoise-700
turquoise-800
turquoise-900