diff --git a/.changeset/cool-spoons-judge.md b/.changeset/cool-spoons-judge.md deleted file mode 100644 index baea8688a6c..00000000000 --- a/.changeset/cool-spoons-judge.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/theme": patch ---- - -Added missing fade token: `--salt-color-gray-500-fade-background`. diff --git a/.changeset/eight-dolls-sniff.md b/.changeset/eight-dolls-sniff.md deleted file mode 100644 index e321ca1d4dc..00000000000 --- a/.changeset/eight-dolls-sniff.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@salt-ds/core": minor ---- - -Added `loading` prop/functionality to the Button component. This prop will display a spinner to indicate that the action is in progress. This is useful for actions that take some time to process, such as submitting a form or loading data. - -Added `loadingAnnouncement` prop/functionality to the Button component. This prop will announce a message to screen readers. Meant to be used in conjunction with the `loading` prop. diff --git a/.changeset/friendly-lobsters-destroy.md b/.changeset/friendly-lobsters-destroy.md deleted file mode 100644 index a2056cc7ebd..00000000000 --- a/.changeset/friendly-lobsters-destroy.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/lab": patch ---- - -Fix dialog and overlay header alignments diff --git a/.changeset/heavy-mice-repeat.md b/.changeset/heavy-mice-repeat.md deleted file mode 100644 index e71fd7ffe3c..00000000000 --- a/.changeset/heavy-mice-repeat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/core": patch ---- - -Fixed standalone ToggleButton's corner radius not aligning to Button. diff --git a/.changeset/honest-guests-search.md b/.changeset/honest-guests-search.md deleted file mode 100644 index e84020da1a6..00000000000 --- a/.changeset/honest-guests-search.md +++ /dev/null @@ -1,33 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -Simplified the accent, interact, neutral palette tokens by reducing the number of attributes. - -| Deprecated Token | Replacement | -| ----------------------------------------------------- | -------------------------------------- | -| --salt-palette-accent-background | --salt-palette-accent | -| --salt-palette-accent-background-disabled | --salt-palette-accent-disabled | -| --salt-palette-accent-border | --salt-palette-accent | -| --salt-palette-accent-border-disabled | --salt-palette-accent-disabled | -| --salt-palette-interact-cta-foreground-active | --salt-palette-interact-cta-foreground | -| --salt-palette-interact-cta-foreground-hover | --salt-palette-interact-cta-foreground | -| --salt-palette-interact-background | --salt-palette-alpha-none | -| --salt-palette-interact-background-disabled | --salt-palette-alpha-none | -| --salt-palette-interact-border-none | --salt-palette-alpha-none | -| --salt-palette-interact-secondary-background | --salt-palette-alpha-none | -| --salt-palette-interact-secondary-background-disabled | --salt-palette-alpha-none | -| --salt-palette-neutral-primary-background-readonly | --salt-palette-alpha-none | -| --salt-palette-neutral-secondary-background-readonly | --salt-palette-alpha-none | -| --salt-palette-neutral-primary-border | --salt-palette-neutral-border | -| --salt-palette-neutral-secondary-border | --salt-palette-neutral-border | -| --salt-palette-neutral-tertiary-border | --salt-palette-neutral-border | -| --salt-palette-neutral-primary-border-disabled | --salt-palette-neutral-border-disabled | -| --salt-palette-neutral-secondary-border-disabled | --salt-palette-neutral-border-disabled | -| --salt-palette-neutral-tertiary-border-disabled | --salt-palette-neutral-border-disabled | -| --salt-palette-neutral-highlight | --salt-palette-alpha | -| --salt-palette-neutral-secondary-separator | --salt-palette-alpha | -| --salt-palette-neutral-selection | --salt-palette-alpha-weak | -| --salt-palette-neutral-tertiary-separator | --salt-palette-alpha-weak | -| --salt-palette-neutral-primary-separator | --salt-palette-alpha-strong | -| --salt-palette-neutral-backdrop | --salt-palette-alpha-backdrop | diff --git a/.changeset/little-countries-boil.md b/.changeset/little-countries-boil.md deleted file mode 100644 index 690848a3194..00000000000 --- a/.changeset/little-countries-boil.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -"@salt-ds/core": minor ---- - -Add `padding` and `margin` to `FlexLayout`, `FlexItem`, `FlowLayout`, `StackLayout` and `SplitLayout` - -```tsx - - - Item - - -``` diff --git a/.changeset/lovely-bats-kick.md b/.changeset/lovely-bats-kick.md deleted file mode 100644 index 1b11996b454..00000000000 --- a/.changeset/lovely-bats-kick.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/core": patch ---- - -Fixed secondary and tertiary InteractableCards having incorrect disabled styling. diff --git a/.changeset/mighty-actors-whisper.md b/.changeset/mighty-actors-whisper.md deleted file mode 100644 index 27f6479547f..00000000000 --- a/.changeset/mighty-actors-whisper.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -Aligned the theme and theme-next fade/alpha token implementation. All fade tokens have been deprecated and where necessary replaced with alpha tokens. - -| Deprecated Token | Replacement | -| -------------------------------------------------- | --------------------------- | -| --salt-color-blue-30-fade-background | --salt-color-blue-30-40a | -| --salt-color-blue-100-fade-foreground | --salt-color-blue-100-40a | -| --salt-color-blue-100-fade-fill | --salt-color-blue-100-40a | -| --salt-color-blue-200-fade-foreground | --salt-color-blue-200-40a | -| --salt-color-blue-500-fade-foreground | --salt-color-blue-500-40a | -| --salt-color-blue-500-fade-border | --salt-color-blue-500-40a | -| --salt-color-blue-500-fade-background | --salt-color-blue-500-40a | -| --salt-color-blue-600-fade-foreground | --salt-color-blue-600-40a | -| --salt-color-blue-600-fade-background | --salt-color-blue-600-40a | -| --salt-color-blue-600-fade-fill | --salt-color-blue-600-40a | -| --salt-color-blue-700-fade-background | --salt-color-blue-700-40a | -| --salt-color-gray-20-fade-background | --salt-color-gray-20-40a | -| --salt-color-gray-20-fade-background-readonly | No replacement | -| --salt-color-gray-30-fade-background | --salt-color-gray-30-40a | -| --salt-color-gray-50-fade-background | --salt-color-gray-50-40a | -| --salt-color-gray-50-fade-border | --salt-color-gray-50-40a | -| --salt-color-gray-60-fade-background | --salt-color-gray-60-40a | -| --salt-color-gray-60-fade-border | --salt-color-gray-60-40a | -| --salt-color-gray-70-fade-background | --salt-color-gray-70-40a | -| --salt-color-gray-70-fade-foreground | --salt-color-gray-70-40a | -| --salt-color-gray-90-fade-foreground | --salt-color-gray-90-40a | -| --salt-color-gray-90-fade-border | --salt-color-gray-90-40a | -| --salt-color-gray-90-fade-border-readonly | --salt-color-gray-90-15a | -| --salt-color-gray-200-fade-background | --salt-color-gray-200-40a | -| --salt-color-gray-200-fade-foreground | --salt-color-gray-200-40a | -| --salt-color-gray-200-fade-border | --salt-color-gray-200-40a | -| --salt-color-gray-200-fade-border-readonly | --salt-color-gray-200-15a | -| --salt-color-gray-300-fade-border | --salt-color-gray-300-40a | -| --salt-color-gray-300-fade-background | --salt-color-gray-300-40a | -| --salt-color-gray-600-fade-background | --salt-color-gray-600-40a | -| --salt-color-gray-600-fade-background-readonly | No replacement | -| --salt-color-gray-800-fade-background | --salt-color-gray-800-40a | -| --salt-color-gray-800-fade-background-readonly | No replacement | -| --salt-color-gray-900-fade-foreground | --salt-color-gray-900-40a | -| --salt-color-green-200-fade-foreground | --salt-color-green-200-40a | -| --salt-color-green-300-fade-foreground | --salt-color-green-300-40a | -| --salt-color-green-400-fade-foreground | --salt-color-green-400-40a | -| --salt-color-green-400-fade-border | --salt-color-green-400-40a | -| --salt-color-green-500-fade-foreground | --salt-color-green-500-40a | -| --salt-color-green-500-fade-border | --salt-color-green-500-40a | -| --salt-color-green-500-fade-background | --salt-color-green-500-40a | -| --salt-color-green-600-fade-foreground | --salt-color-green-600-40a | -| --salt-color-green-600-fade-background | --salt-color-green-600-40a | -| --salt-color-green-700-fade-foreground | No replacement | -| --salt-color-red-200-fade-foreground | --salt-color-red-200-40a | -| --salt-color-red-300-fade-foreground | No replacement | -| --salt-color-red-500-fade-foreground | --salt-color-red-500-40a | -| --salt-color-red-500-fade-border | --salt-color-red-500-40a | -| --salt-color-red-600-fade-foreground | --salt-color-red-600-40a | -| --salt-color-red-600-fade-background | --salt-color-red-600-40a | -| --salt-color-red-700-fade-foreground | No replacement | -| --salt-color-orange-400-fade-foreground | --salt-color-orange-400-40a | -| --salt-color-orange-400-fade-border | --salt-color-orange-400-40a | -| --salt-color-orange-500-fade-border | --salt-color-orange-500-40a | -| --salt-color-orange-600-fade-border | --salt-color-orange-600-40a | -| --salt-color-orange-700-fade-border | --salt-color-orange-700-40a | -| --salt-color-orange-850-fade-foreground | --salt-color-orange-850-40a | -| --salt-color-white-fade-foreground | --salt-color-white-40a | -| --salt-color-white-fade-background | --salt-color-white-40a | -| --salt-color-white-fade-background-readonly | No replacement | -| --salt-color-white-fade-backdrop | --salt-color-white-70a | -| --salt-color-white-fade-background-highlight | --salt-color-white-30a | -| --salt-color-white-fade-background-selection | --salt-color-white-15a | -| --salt-color-white-fade-separatorOpacity-primary | --salt-color-white-45a | -| --salt-color-white-fade-separatorOpacity-secondary | --salt-color-white-15a | -| --salt-color-white-fade-separatorOpacity-tertiary | --salt-color-white-10a | -| --salt-color-black-fade-backdrop | --salt-color-black-70a | -| --salt-color-black-fade-background-highlight | --salt-color-black-30a | -| --salt-color-black-fade-background-selection | --salt-color-black-15a | -| --salt-color-black-fade-separatorOpacity-primary | --salt-color-black-45a | -| --salt-color-black-fade-separatorOpacity-secondary | --salt-color-black-15a | -| --salt-color-black-fade-separatorOpacity-tertiary | --salt-color-black-10a | diff --git a/.changeset/silly-ducks-boil.md b/.changeset/silly-ducks-boil.md deleted file mode 100644 index 8d29b2ade23..00000000000 --- a/.changeset/silly-ducks-boil.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -Deprecated opacity foundation and palette tokens. There are no direct replacements for these tokens. - -```css ---salt-opacity-0: 0; ---salt-opacity-15: 0.15; ---salt-opacity-25: 0.25; ---salt-opacity-40: 0.4; ---salt-opacity-45: 0.45; ---salt-opacity-70: 0.7; ---salt-palette-opacity-backdrop: var(--salt-opacity-70); ---salt-palette-opacity-disabled: var(--salt-opacity-40); ---salt-palette-opacity-background-readonly: var(--salt-opacity-0); ---salt-palette-opacity-border-readonly: var(--salt-opacity-15); ---salt-palette-opacity-primary-border: var(--salt-opacity-45); ---salt-palette-opacity-secondary-border: var(--salt-opacity-25); ---salt-palette-opacity-tertiary-border: var(--salt-opacity-15); -``` diff --git a/.changeset/spotty-jeans-pump.md b/.changeset/spotty-jeans-pump.md deleted file mode 100644 index 06e5fddbb2a..00000000000 --- a/.changeset/spotty-jeans-pump.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/core": minor ---- - -Add `inputRef` prop to `Checkbox` and `RadioButton`. The `inputRef` can be used to access the hidden `` element. diff --git a/.changeset/stale-rockets-cough.md b/.changeset/stale-rockets-cough.md deleted file mode 100644 index 6372abada7a..00000000000 --- a/.changeset/stale-rockets-cough.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -Aligned the color ramp implementation with theme-next. Color tokens now have respective rgb tokens. diff --git a/.changeset/two-tomatoes-press.md b/.changeset/two-tomatoes-press.md deleted file mode 100644 index fe26b59d9b8..00000000000 --- a/.changeset/two-tomatoes-press.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -Deprecate `--salt-navigable-background-hover` and related tokens. - -- `--salt-navigable-background-hover` -- `--salt-palette-navigate-background-hover` -- `--salt-color-white-fade-background-hover` -- `--salt-color-black-fade-background-hover` -- `--salt-opacity-8` diff --git a/.changeset/violet-dancers-hope.md b/.changeset/violet-dancers-hope.md deleted file mode 100644 index 79bd5e19579..00000000000 --- a/.changeset/violet-dancers-hope.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -"@salt-ds/theme": patch ---- - -Removed incorrectly deprecated tokens: - -- `--salt-color-orange-600-fade-background` -- `--salt-palette-negative-foreground-disabled` -- `--salt-palette-positive-foreground-disabled` -- `--salt-palette-warning-border-disabled` -- `--salt-palette-accent-background-disabled` -- `--salt-palette-accent-border-disabled` diff --git a/.changeset/yellow-beds-visit.md b/.changeset/yellow-beds-visit.md deleted file mode 100644 index a61f0c392dd..00000000000 --- a/.changeset/yellow-beds-visit.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -"@salt-ds/theme": minor ---- - -The Alpha palette has been added to the current theme. Previously it was only in theme-next. - -```diff -+ --salt-palette-alpha: var(--salt-color-black-30a); -+ --salt-palette-alpha-strong: var(--salt-color-black-45a); -+ --salt-palette-alpha-weak: var(--salt-color-black-15a); -+ --salt-palette-alpha-weaker: var(--salt-color-black-10a); -+ --salt-palette-alpha-backdrop: var(--salt-color-white-70a); -+ --salt-palette-alpha-none: transparent; -``` - -```diff -+ --salt-palette-alpha: var(--salt-color-white-30a); -+ --salt-palette-alpha-strong: var(--salt-color-white-45a); -+ --salt-palette-alpha-weak: var(--salt-color-white-15a); -+ --salt-palette-alpha-weaker: var(--salt-color-white-10a); -+ --salt-palette-alpha-backdrop: var(--salt-color-black-70a); -+ --salt-palette-alpha-none: transparent; -``` diff --git a/packages/ag-grid-theme/CHANGELOG.md b/packages/ag-grid-theme/CHANGELOG.md index 32f4d50d7a7..91ab4831023 100644 --- a/packages/ag-grid-theme/CHANGELOG.md +++ b/packages/ag-grid-theme/CHANGELOG.md @@ -1,5 +1,19 @@ # @salt-ds/ag-grid-theme +## 2.3.1 + +### Patch Changes + +- Updated dependencies [3e474a0] +- Updated dependencies [926316f] +- Updated dependencies [926316f] +- Updated dependencies [926316f] +- Updated dependencies [926316f] +- Updated dependencies [1203a3f] +- Updated dependencies [3e474a0] +- Updated dependencies [926316f] + - @salt-ds/theme@1.25.0 + ## 2.3.0 ### Minor Changes diff --git a/packages/ag-grid-theme/package.json b/packages/ag-grid-theme/package.json index fff05e4ffae..42b34c2f93b 100644 --- a/packages/ag-grid-theme/package.json +++ b/packages/ag-grid-theme/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/ag-grid-theme", - "version": "2.3.0", + "version": "2.3.1", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 4c97a8bdc2d..2e5af9a0e08 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,30 @@ # @salt-ds/core +## 1.40.0 + +### Minor Changes + +- 6a0db8d: Added `loading` prop/functionality to the Button component. This prop will display a spinner to indicate that the action is in progress. This is useful for actions that take some time to process, such as submitting a form or loading data. + + Added `loadingAnnouncement` prop/functionality to the Button component. This prop will announce a message to screen readers. Meant to be used in conjunction with the `loading` prop. + +- 1436b36: Add `padding` and `margin` to `FlexLayout`, `FlexItem`, `FlowLayout`, `StackLayout` and `SplitLayout` + + ```tsx + + + Item + + + ``` + +- efb37a0: Add `inputRef` prop to `Checkbox` and `RadioButton`. The `inputRef` can be used to access the hidden `` element. + +### Patch Changes + +- 3b1c265: Fixed standalone ToggleButton's corner radius not aligning to Button. +- 39bd967: Fixed secondary and tertiary InteractableCards having incorrect disabled styling. + ## 1.39.0 ### Minor Changes diff --git a/packages/core/package.json b/packages/core/package.json index 8988ed0e2dd..e182ceb912d 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/core", - "version": "1.39.0", + "version": "1.40.0", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/countries/CHANGELOG.md b/packages/countries/CHANGELOG.md index 8b70caeeea8..bef56bd5971 100644 --- a/packages/countries/CHANGELOG.md +++ b/packages/countries/CHANGELOG.md @@ -1,5 +1,16 @@ # @salt-ds/countries +## 1.4.6 + +### Patch Changes + +- Updated dependencies [6a0db8d] +- Updated dependencies [3b1c265] +- Updated dependencies [1436b36] +- Updated dependencies [39bd967] +- Updated dependencies [efb37a0] + - @salt-ds/core@1.40.0 + ## 1.4.5 ### Patch Changes diff --git a/packages/countries/package.json b/packages/countries/package.json index f9d175a03c6..10281583a62 100644 --- a/packages/countries/package.json +++ b/packages/countries/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/countries", - "version": "1.4.5", + "version": "1.4.6", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/data-grid/CHANGELOG.md b/packages/data-grid/CHANGELOG.md index e1d02bacff0..50da21431e0 100644 --- a/packages/data-grid/CHANGELOG.md +++ b/packages/data-grid/CHANGELOG.md @@ -1,5 +1,18 @@ # @salt-ds/data-grid +## 1.0.12 + +### Patch Changes + +- Updated dependencies [6a0db8d] +- Updated dependencies [45961dd] +- Updated dependencies [3b1c265] +- Updated dependencies [1436b36] +- Updated dependencies [39bd967] +- Updated dependencies [efb37a0] + - @salt-ds/core@1.40.0 + - @salt-ds/lab@1.0.0-alpha.60 + ## 1.0.11 ### Patch Changes diff --git a/packages/data-grid/package.json b/packages/data-grid/package.json index 3be50eb3113..6f93047e6a6 100644 --- a/packages/data-grid/package.json +++ b/packages/data-grid/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/data-grid", - "version": "1.0.11", + "version": "1.0.12", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/lab/CHANGELOG.md b/packages/lab/CHANGELOG.md index 58ba1d2861a..33f74b9848d 100644 --- a/packages/lab/CHANGELOG.md +++ b/packages/lab/CHANGELOG.md @@ -1,5 +1,17 @@ # @salt-ds/lab +## 1.0.0-alpha.60 + +### Patch Changes + +- 45961dd: Fix dialog and overlay header alignments +- Updated dependencies [6a0db8d] +- Updated dependencies [3b1c265] +- Updated dependencies [1436b36] +- Updated dependencies [39bd967] +- Updated dependencies [efb37a0] + - @salt-ds/core@1.40.0 + ## 1.0.0-alpha.59 ### Minor Changes diff --git a/packages/lab/package.json b/packages/lab/package.json index e710b69dfdb..36a96b0a856 100644 --- a/packages/lab/package.json +++ b/packages/lab/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/lab", - "version": "1.0.0-alpha.59", + "version": "1.0.0-alpha.60", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index 915e26033fa..bc2c09b8ef5 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,5 +1,175 @@ # @salt-ds/theme +## 1.25.0 + +### Minor Changes + +- 926316f: Simplified the accent, interact, neutral palette tokens by reducing the number of attributes. + + | Deprecated Token | Replacement | + | ----------------------------------------------------- | -------------------------------------- | + | --salt-palette-accent-background | --salt-palette-accent | + | --salt-palette-accent-background-disabled | --salt-palette-accent-disabled | + | --salt-palette-accent-border | --salt-palette-accent | + | --salt-palette-accent-border-disabled | --salt-palette-accent-disabled | + | --salt-palette-interact-cta-foreground-active | --salt-palette-interact-cta-foreground | + | --salt-palette-interact-cta-foreground-hover | --salt-palette-interact-cta-foreground | + | --salt-palette-interact-background | --salt-palette-alpha-none | + | --salt-palette-interact-background-disabled | --salt-palette-alpha-none | + | --salt-palette-interact-border-none | --salt-palette-alpha-none | + | --salt-palette-interact-secondary-background | --salt-palette-alpha-none | + | --salt-palette-interact-secondary-background-disabled | --salt-palette-alpha-none | + | --salt-palette-neutral-primary-background-readonly | --salt-palette-alpha-none | + | --salt-palette-neutral-secondary-background-readonly | --salt-palette-alpha-none | + | --salt-palette-neutral-primary-border | --salt-palette-neutral-border | + | --salt-palette-neutral-secondary-border | --salt-palette-neutral-border | + | --salt-palette-neutral-tertiary-border | --salt-palette-neutral-border | + | --salt-palette-neutral-primary-border-disabled | --salt-palette-neutral-border-disabled | + | --salt-palette-neutral-secondary-border-disabled | --salt-palette-neutral-border-disabled | + | --salt-palette-neutral-tertiary-border-disabled | --salt-palette-neutral-border-disabled | + | --salt-palette-neutral-highlight | --salt-palette-alpha | + | --salt-palette-neutral-secondary-separator | --salt-palette-alpha | + | --salt-palette-neutral-selection | --salt-palette-alpha-weak | + | --salt-palette-neutral-tertiary-separator | --salt-palette-alpha-weak | + | --salt-palette-neutral-primary-separator | --salt-palette-alpha-strong | + | --salt-palette-neutral-backdrop | --salt-palette-alpha-backdrop | + +- 926316f: Aligned the theme and theme-next fade/alpha token implementation. All fade tokens have been deprecated and where necessary replaced with alpha tokens. + + | Deprecated Token | Replacement | + | -------------------------------------------------- | --------------------------- | + | --salt-color-blue-30-fade-background | --salt-color-blue-30-40a | + | --salt-color-blue-100-fade-foreground | --salt-color-blue-100-40a | + | --salt-color-blue-100-fade-fill | --salt-color-blue-100-40a | + | --salt-color-blue-200-fade-foreground | --salt-color-blue-200-40a | + | --salt-color-blue-500-fade-foreground | --salt-color-blue-500-40a | + | --salt-color-blue-500-fade-border | --salt-color-blue-500-40a | + | --salt-color-blue-500-fade-background | --salt-color-blue-500-40a | + | --salt-color-blue-600-fade-foreground | --salt-color-blue-600-40a | + | --salt-color-blue-600-fade-background | --salt-color-blue-600-40a | + | --salt-color-blue-600-fade-fill | --salt-color-blue-600-40a | + | --salt-color-blue-700-fade-background | --salt-color-blue-700-40a | + | --salt-color-gray-20-fade-background | --salt-color-gray-20-40a | + | --salt-color-gray-20-fade-background-readonly | No replacement | + | --salt-color-gray-30-fade-background | --salt-color-gray-30-40a | + | --salt-color-gray-50-fade-background | --salt-color-gray-50-40a | + | --salt-color-gray-50-fade-border | --salt-color-gray-50-40a | + | --salt-color-gray-60-fade-background | --salt-color-gray-60-40a | + | --salt-color-gray-60-fade-border | --salt-color-gray-60-40a | + | --salt-color-gray-70-fade-background | --salt-color-gray-70-40a | + | --salt-color-gray-70-fade-foreground | --salt-color-gray-70-40a | + | --salt-color-gray-90-fade-foreground | --salt-color-gray-90-40a | + | --salt-color-gray-90-fade-border | --salt-color-gray-90-40a | + | --salt-color-gray-90-fade-border-readonly | --salt-color-gray-90-15a | + | --salt-color-gray-200-fade-background | --salt-color-gray-200-40a | + | --salt-color-gray-200-fade-foreground | --salt-color-gray-200-40a | + | --salt-color-gray-200-fade-border | --salt-color-gray-200-40a | + | --salt-color-gray-200-fade-border-readonly | --salt-color-gray-200-15a | + | --salt-color-gray-300-fade-border | --salt-color-gray-300-40a | + | --salt-color-gray-300-fade-background | --salt-color-gray-300-40a | + | --salt-color-gray-600-fade-background | --salt-color-gray-600-40a | + | --salt-color-gray-600-fade-background-readonly | No replacement | + | --salt-color-gray-800-fade-background | --salt-color-gray-800-40a | + | --salt-color-gray-800-fade-background-readonly | No replacement | + | --salt-color-gray-900-fade-foreground | --salt-color-gray-900-40a | + | --salt-color-green-200-fade-foreground | --salt-color-green-200-40a | + | --salt-color-green-300-fade-foreground | --salt-color-green-300-40a | + | --salt-color-green-400-fade-foreground | --salt-color-green-400-40a | + | --salt-color-green-400-fade-border | --salt-color-green-400-40a | + | --salt-color-green-500-fade-foreground | --salt-color-green-500-40a | + | --salt-color-green-500-fade-border | --salt-color-green-500-40a | + | --salt-color-green-500-fade-background | --salt-color-green-500-40a | + | --salt-color-green-600-fade-foreground | --salt-color-green-600-40a | + | --salt-color-green-600-fade-background | --salt-color-green-600-40a | + | --salt-color-green-700-fade-foreground | No replacement | + | --salt-color-red-200-fade-foreground | --salt-color-red-200-40a | + | --salt-color-red-300-fade-foreground | No replacement | + | --salt-color-red-500-fade-foreground | --salt-color-red-500-40a | + | --salt-color-red-500-fade-border | --salt-color-red-500-40a | + | --salt-color-red-600-fade-foreground | --salt-color-red-600-40a | + | --salt-color-red-600-fade-background | --salt-color-red-600-40a | + | --salt-color-red-700-fade-foreground | No replacement | + | --salt-color-orange-400-fade-foreground | --salt-color-orange-400-40a | + | --salt-color-orange-400-fade-border | --salt-color-orange-400-40a | + | --salt-color-orange-500-fade-border | --salt-color-orange-500-40a | + | --salt-color-orange-600-fade-border | --salt-color-orange-600-40a | + | --salt-color-orange-700-fade-border | --salt-color-orange-700-40a | + | --salt-color-orange-850-fade-foreground | --salt-color-orange-850-40a | + | --salt-color-white-fade-foreground | --salt-color-white-40a | + | --salt-color-white-fade-background | --salt-color-white-40a | + | --salt-color-white-fade-background-readonly | No replacement | + | --salt-color-white-fade-backdrop | --salt-color-white-70a | + | --salt-color-white-fade-background-highlight | --salt-color-white-30a | + | --salt-color-white-fade-background-selection | --salt-color-white-15a | + | --salt-color-white-fade-separatorOpacity-primary | --salt-color-white-45a | + | --salt-color-white-fade-separatorOpacity-secondary | --salt-color-white-15a | + | --salt-color-white-fade-separatorOpacity-tertiary | --salt-color-white-10a | + | --salt-color-black-fade-backdrop | --salt-color-black-70a | + | --salt-color-black-fade-background-highlight | --salt-color-black-30a | + | --salt-color-black-fade-background-selection | --salt-color-black-15a | + | --salt-color-black-fade-separatorOpacity-primary | --salt-color-black-45a | + | --salt-color-black-fade-separatorOpacity-secondary | --salt-color-black-15a | + | --salt-color-black-fade-separatorOpacity-tertiary | --salt-color-black-10a | + +- 926316f: Deprecated opacity foundation and palette tokens. There are no direct replacements for these tokens. + + ```css + --salt-opacity-0: 0; + --salt-opacity-15: 0.15; + --salt-opacity-25: 0.25; + --salt-opacity-40: 0.4; + --salt-opacity-45: 0.45; + --salt-opacity-70: 0.7; + --salt-palette-opacity-backdrop: var(--salt-opacity-70); + --salt-palette-opacity-disabled: var(--salt-opacity-40); + --salt-palette-opacity-background-readonly: var(--salt-opacity-0); + --salt-palette-opacity-border-readonly: var(--salt-opacity-15); + --salt-palette-opacity-primary-border: var(--salt-opacity-45); + --salt-palette-opacity-secondary-border: var(--salt-opacity-25); + --salt-palette-opacity-tertiary-border: var(--salt-opacity-15); + ``` + +- 926316f: Aligned the color ramp implementation with theme-next. Color tokens now have respective rgb tokens. +- 1203a3f: Deprecate `--salt-navigable-background-hover` and related tokens. + + - `--salt-navigable-background-hover` + - `--salt-palette-navigate-background-hover` + - `--salt-color-white-fade-background-hover` + - `--salt-color-black-fade-background-hover` + - `--salt-opacity-8` + +- 926316f: The Alpha palette has been added to the current theme. Previously it was only in theme-next. + + ```diff + + --salt-palette-alpha: var(--salt-color-black-30a); + + --salt-palette-alpha-strong: var(--salt-color-black-45a); + + --salt-palette-alpha-weak: var(--salt-color-black-15a); + + --salt-palette-alpha-weaker: var(--salt-color-black-10a); + + --salt-palette-alpha-backdrop: var(--salt-color-white-70a); + + --salt-palette-alpha-none: transparent; + ``` + + ```diff + + --salt-palette-alpha: var(--salt-color-white-30a); + + --salt-palette-alpha-strong: var(--salt-color-white-45a); + + --salt-palette-alpha-weak: var(--salt-color-white-15a); + + --salt-palette-alpha-weaker: var(--salt-color-white-10a); + + --salt-palette-alpha-backdrop: var(--salt-color-black-70a); + + --salt-palette-alpha-none: transparent; + ``` + +### Patch Changes + +- 3e474a0: Added missing fade token: `--salt-color-gray-500-fade-background`. +- 3e474a0: Removed incorrectly deprecated tokens: + + - `--salt-color-orange-600-fade-background` + - `--salt-palette-negative-foreground-disabled` + - `--salt-palette-positive-foreground-disabled` + - `--salt-palette-warning-border-disabled` + - `--salt-palette-accent-background-disabled` + - `--salt-palette-accent-border-disabled` + ## 1.24.0 ### Minor Changes diff --git a/packages/theme/package.json b/packages/theme/package.json index 11ece8b9a9a..e9e6f08ec06 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@salt-ds/theme", - "version": "1.24.0", + "version": "1.25.0", "license": "Apache-2.0", "repository": { "type": "git",