Skip to content

Commit

Permalink
Added changesets
Browse files Browse the repository at this point in the history
  • Loading branch information
joshwooding committed Jan 30, 2025
1 parent 703c659 commit 5dc0209
Show file tree
Hide file tree
Showing 6 changed files with 172 additions and 6 deletions.
33 changes: 33 additions & 0 deletions .changeset/honest-guests-search.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
"@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 |
80 changes: 80 additions & 0 deletions .changeset/mighty-actors-whisper.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
---
"@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 |
21 changes: 21 additions & 0 deletions .changeset/silly-ducks-boil.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
"@salt-ds/theme": minor
---

Deprecated opacity foundation and palette tokens.

| Deprecated Token | Replacement |
| ------------------------------------------ | -------------- |
| --salt-opacity-0 | No replacement |
| --salt-opacity-15 | No replacement |
| --salt-opacity-25 | No replacement |
| --salt-opacity-40 | No replacement |
| --salt-opacity-45 | No replacement |
| --salt-opacity-70 | No replacement |
| --salt-palette-opacity-backdrop | No replacement |
| --salt-palette-opacity-disabled | No replacement |
| --salt-palette-opacity-background-readonly | No replacement |
| --salt-palette-opacity-border-readonly | No replacement |
| --salt-palette-opacity-primary-border | No replacement |
| --salt-palette-opacity-secondary-border | No replacement |
| --salt-palette-opacity-tertiary-border | No replacement |
5 changes: 5 additions & 0 deletions .changeset/stale-rockets-cough.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@salt-ds/theme": minor
---

Aligned the color ramp implementation with theme-next. Color tokens now have respective rgb tokens.
23 changes: 23 additions & 0 deletions .changeset/yellow-beds-visit.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
"@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;
```
16 changes: 10 additions & 6 deletions packages/theme/css/deprecated/palette.css
Original file line number Diff line number Diff line change
Expand Up @@ -66,9 +66,9 @@
--salt-palette-neutral-primary-border: var(--salt-color-gray-50);
--salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
--salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-40a);
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-40a);
--salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-40a);
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
--salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-border);

/* Status */
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
Expand Down Expand Up @@ -109,6 +109,8 @@
--salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
--salt-palette-accent-background: var(--salt-color-blue-500);
--salt-palette-accent-border: var(--salt-color-blue-500);
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
}

.salt-theme[data-mode="dark"] {
Expand Down Expand Up @@ -154,9 +156,9 @@
--salt-palette-neutral-primary-border: var(--salt-color-gray-300);
--salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
--salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-40a);
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-40a);
--salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-40a);
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
--salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-border);

/* Status */
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
Expand Down Expand Up @@ -197,4 +199,6 @@
--salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
--salt-palette-accent-background: var(--salt-color-blue-500);
--salt-palette-accent-border: var(--salt-color-blue-500);
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
}

0 comments on commit 5dc0209

Please sign in to comment.