Fix titanium background token name (#4463)

jpmorganchase · Nov 29, 2024 · 5af2978 · 5af2978
1 parent 2652475
commit 5af2978
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/.changeset/spotty-eels-remember.md b/.changeset/spotty-eels-remember.md
@@ -0,0 +1,10 @@
+---
+"@salt-ds/theme": patch
+---
+
+Fixed titanium background color token was incorrected named
+
+```diff
+- --salt-color-background-gradientlight
++ --salt-color-background-titanium
+```
diff --git a/packages/theme/css/deprecated/foundations-next.css b/packages/theme/css/deprecated/foundations-next.css
@@ -0,0 +1,4 @@
+.salt-theme.salt-theme-next {
+  --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
+  --salt-color-background-gradientlight: var(--salt-color-background-titanium);
+}
diff --git a/packages/theme/css/foundations/color-next.css b/packages/theme/css/foundations/color-next.css
@@ -67,7 +67,7 @@
   --salt-color-background-snow-rgb: 255, 255, 255;
   --salt-color-background-marble-rgb: 245, 247, 248;
   --salt-color-background-limestone-rgb: 250, 248, 242;
-  --salt-color-background-gradientlight-rgb: 226, 228, 229;
+  --salt-color-background-titanium-rgb: 226, 228, 229;
   --salt-color-background-jet-rgb: 16, 24, 32;
   --salt-color-background-granite-rgb: 26, 34, 41;
   --salt-color-background-leather-rgb: 38, 41, 43;
@@ -140,7 +140,7 @@
   --salt-color-background-snow: rgb(var(--salt-color-background-snow-rgb));
   --salt-color-background-marble: rgb(var(--salt-color-background-marble-rgb));
   --salt-color-background-limestone: rgb(var(--salt-color-background-limestone-rgb));
-  --salt-color-background-gradientlight: rgb(var(--salt-color-background-gradientlight-rgb));
+  --salt-color-background-titanium: rgb(var(--salt-color-background-titanium-rgb));
   --salt-color-background-jet: rgb(var(--salt-color-background-jet-rgb));
   --salt-color-background-granite: rgb(var(--salt-color-background-granite-rgb));
   --salt-color-background-leather: rgb(var(--salt-color-background-leather-rgb));

diff --git a/packages/theme/css/theme-next.css b/packages/theme/css/theme-next.css
@@ -29,3 +29,6 @@
 @import url(characteristics/target-next.css);
 @import url(characteristics/text-next.css);
 @import url(characteristics/track-next.css);
+
+/* Deprecated */
+@import url(deprecated/foundations-next.css);