@salt-ds/theme 1.41.0 → 1.43.0

package/css/theme-next.css

@@ -185,6 +185,7 @@
     255;
   --salt-color-black: rgb(var(--salt-color-black-rgb));
   --salt-color-white: rgb(var(--salt-color-white-rgb));
+  --salt-color-transparent: transparent;
 }
 
 /* css/foundations/cursor.css */
@@ -428,7 +429,6 @@
   --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
   --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
   --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
-  --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
   --salt-color-gray-500-10a: rgba(var(--salt-color-gray-500-rgb), 0.1);
   --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-rgb), 0.4);
   --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
@@ -860,6 +860,186 @@
   --salt-color-background-granite: rgb(var(--salt-color-background-granite-rgb));
   --salt-color-background-leather: rgb(var(--salt-color-background-leather-rgb));
   --salt-color-logo-brown: rgb(var(--salt-color-logo-brown-rgb));
+  --salt-color-cobalt-100: rgb(237, 244, 255);
+  --salt-color-cobalt-200: rgb(198, 211, 239);
+  --salt-color-cobalt-300: rgb(159, 179, 223);
+  --salt-color-cobalt-400: rgb(118, 148, 207);
+  --salt-color-cobalt-500: rgb(70, 118, 191);
+  --salt-color-cobalt-600: rgb(53, 95, 161);
+  --salt-color-cobalt-700: rgb(36, 72, 133);
+  --salt-color-cobalt-800: rgb(19, 51, 105);
+  --salt-color-cobalt-900: rgb(0, 31, 79);
+  --salt-color-cider-100: rgb(255, 235, 217);
+  --salt-color-cider-200: rgb(255, 201, 158);
+  --salt-color-cider-300: rgb(242, 172, 116);
+  --salt-color-cider-400: rgb(219, 138, 72);
+  --salt-color-cider-500: rgb(171, 101, 40);
+  --salt-color-cider-600: rgb(143, 82, 31);
+  --salt-color-cider-700: rgb(116, 64, 21);
+  --salt-color-cider-800: rgb(90, 47, 13);
+  --salt-color-cider-900: rgb(66, 31, 0);
+  --salt-color-plum-100: rgb(245, 224, 255);
+  --salt-color-plum-200: rgb(230, 185, 250);
+  --salt-color-plum-300: rgb(209, 148, 235);
+  --salt-color-plum-400: rgb(188, 115, 222);
+  --salt-color-plum-500: rgb(159, 85, 194);
+  --salt-color-plum-600: rgb(131, 67, 161);
+  --salt-color-plum-700: rgb(105, 50, 130);
+  --salt-color-plum-800: rgb(79, 34, 100);
+  --salt-color-plum-900: rgb(55, 18, 71);
+  --salt-color-aqua-100: rgb(220, 247, 247);
+  --salt-color-aqua-200: rgb(177, 229, 229);
+  --salt-color-aqua-300: rgb(135, 200, 201);
+  --salt-color-aqua-400: rgb(90, 171, 173);
+  --salt-color-aqua-500: rgb(42, 130, 133);
+  --salt-color-aqua-600: rgb(31, 109, 111);
+  --salt-color-aqua-700: rgb(19, 88, 90);
+  --salt-color-aqua-800: rgb(8, 68, 70);
+  --salt-color-aqua-900: rgb(0, 49, 51);
+  --salt-color-slate-100: rgb(225, 232, 247);
+  --salt-color-slate-200: rgb(194, 202, 221);
+  --salt-color-slate-300: rgb(164, 173, 196);
+  --salt-color-slate-400: rgb(134, 145, 172);
+  --salt-color-slate-500: rgb(105, 118, 148);
+  --salt-color-slate-600: rgb(84, 95, 122);
+  --salt-color-slate-700: rgb(64, 73, 97);
+  --salt-color-slate-800: rgb(44, 53, 74);
+  --salt-color-slate-900: rgb(26, 33, 51);
+  --salt-color-rose-100: rgb(255, 227, 249);
+  --salt-color-rose-200: rgb(250, 190, 237);
+  --salt-color-rose-300: rgb(229, 154, 212);
+  --salt-color-rose-400: rgb(209, 117, 189);
+  --salt-color-rose-500: rgb(176, 84, 157);
+  --salt-color-rose-600: rgb(146, 67, 130);
+  --salt-color-rose-700: rgb(118, 50, 104);
+  --salt-color-rose-800: rgb(90, 32, 78);
+  --salt-color-rose-900: rgb(64, 16, 54);
+  --salt-color-olive-100: rgb(234, 240, 223);
+  --salt-color-olive-200: rgb(210, 222, 184);
+  --salt-color-olive-300: rgb(180, 194, 149);
+  --salt-color-olive-400: rgb(149, 166, 113);
+  --salt-color-olive-500: rgb(109, 124, 77);
+  --salt-color-olive-600: rgb(88, 103, 58);
+  --salt-color-olive-700: rgb(68, 83, 39);
+  --salt-color-olive-800: rgb(49, 64, 21);
+  --salt-color-olive-900: rgb(31, 46, 0);
+  --salt-color-salmon-100: rgb(255, 232, 233);
+  --salt-color-salmon-200: rgb(255, 194, 194);
+  --salt-color-salmon-300: rgb(240, 155, 153);
+  --salt-color-salmon-400: rgb(222, 120, 120);
+  --salt-color-salmon-500: rgb(189, 85, 88);
+  --salt-color-salmon-600: rgb(154, 64, 67);
+  --salt-color-salmon-700: rgb(121, 44, 48);
+  --salt-color-salmon-800: rgb(89, 25, 29);
+  --salt-color-salmon-900: rgb(59, 6, 8);
+  --salt-color-indigo-100: rgb(231, 227, 255);
+  --salt-color-indigo-200: rgb(208, 194, 252);
+  --salt-color-indigo-300: rgb(180, 162, 242);
+  --salt-color-indigo-400: rgb(149, 129, 229);
+  --salt-color-indigo-500: rgb(118, 101, 207);
+  --salt-color-indigo-600: rgb(98, 85, 170);
+  --salt-color-indigo-700: rgb(77, 66, 135);
+  --salt-color-indigo-800: rgb(57, 49, 102);
+  --salt-color-indigo-900: rgb(38, 32, 71);
+  --salt-color-jade-100: rgb(225, 245, 230);
+  --salt-color-jade-200: rgb(179, 229, 187);
+  --salt-color-jade-300: rgb(137, 201, 146);
+  --salt-color-jade-400: rgb(92, 173, 106);
+  --salt-color-jade-500: rgb(45, 133, 67);
+  --salt-color-jade-600: rgb(33, 111, 53);
+  --salt-color-jade-700: rgb(21, 90, 39);
+  --salt-color-jade-800: rgb(8, 70, 26);
+  --salt-color-jade-900: rgb(0, 51, 13);
+  --salt-color-citrine-100: rgb(255, 249, 217);
+  --salt-color-citrine-200: rgb(240, 225, 165);
+  --salt-color-citrine-300: rgb(209, 189, 115);
+  --salt-color-citrine-400: rgb(178, 156, 66);
+  --salt-color-citrine-500: rgb(135, 116, 16);
+  --salt-color-citrine-600: rgb(114, 98, 12);
+  --salt-color-citrine-700: rgb(94, 80, 9);
+  --salt-color-citrine-800: rgb(74, 63, 6);
+  --salt-color-citrine-900: rgb(51, 43, 0);
+  --salt-color-autumn-100: rgb(255, 233, 217);
+  --salt-color-autumn-200: rgb(255, 197, 161);
+  --salt-color-autumn-300: rgb(242, 163, 114);
+  --salt-color-autumn-400: rgb(222, 126, 64);
+  --salt-color-autumn-500: rgb(189, 90, 19);
+  --salt-color-autumn-600: rgb(153, 73, 18);
+  --salt-color-autumn-700: rgb(119, 55, 14);
+  --salt-color-autumn-800: rgb(86, 39, 10);
+  --salt-color-autumn-900: rgb(56, 23, 0);
+  --salt-color-lavender-100: rgb(250, 235, 250);
+  --salt-color-lavender-200: rgb(237, 199, 237);
+  --salt-color-lavender-300: rgb(212, 167, 212);
+  --salt-color-lavender-400: rgb(186, 134, 186);
+  --salt-color-lavender-500: rgb(148, 102, 148);
+  --salt-color-lavender-600: rgb(126, 80, 126);
+  --salt-color-lavender-700: rgb(105, 58, 105);
+  --salt-color-lavender-800: rgb(84, 37, 84);
+  --salt-color-lavender-900: rgb(64, 15, 64);
+  --salt-color-ocean-100: rgb(227, 251, 255);
+  --salt-color-ocean-200: rgb(180, 229, 240);
+  --salt-color-ocean-300: rgb(131, 197, 212);
+  --salt-color-ocean-400: rgb(80, 167, 186);
+  --salt-color-ocean-500: rgb(0, 128, 148);
+  --salt-color-ocean-600: rgb(0, 106, 122);
+  --salt-color-ocean-700: rgb(0, 84, 97);
+  --salt-color-ocean-800: rgb(0, 64, 74);
+  --salt-color-ocean-900: rgb(0, 44, 51);
+  --salt-color-smoke-100: rgb(242, 245, 250);
+  --salt-color-smoke-200: rgb(208, 211, 216);
+  --salt-color-smoke-300: rgb(176, 179, 184);
+  --salt-color-smoke-400: rgb(144, 147, 152);
+  --salt-color-smoke-500: rgb(114, 117, 122);
+  --salt-color-smoke-600: rgb(93, 96, 101);
+  --salt-color-smoke-700: rgb(73, 76, 81);
+  --salt-color-smoke-800: rgb(53, 56, 61);
+  --salt-color-smoke-900: rgb(35, 38, 43);
+  --salt-color-fuchsia-100: rgb(255, 232, 247);
+  --salt-color-fuchsia-200: rgb(255, 191, 229);
+  --salt-color-fuchsia-300: rgb(240, 151, 203);
+  --salt-color-fuchsia-400: rgb(222, 109, 178);
+  --salt-color-fuchsia-500: rgb(194, 71, 149);
+  --salt-color-fuchsia-600: rgb(167, 54, 125);
+  --salt-color-fuchsia-700: rgb(140, 37, 101);
+  --salt-color-fuchsia-800: rgb(114, 19, 79);
+  --salt-color-fuchsia-900: rgb(89, 0, 57);
+  --salt-color-lime-100: rgb(239, 245, 220);
+  --salt-color-lime-200: rgb(215, 227, 168);
+  --salt-color-lime-300: rgb(182, 196, 120);
+  --salt-color-lime-400: rgb(146, 166, 71);
+  --salt-color-lime-500: rgb(102, 125, 21);
+  --salt-color-lime-600: rgb(85, 106, 16);
+  --salt-color-lime-700: rgb(69, 87, 11);
+  --salt-color-lime-800: rgb(53, 68, 6);
+  --salt-color-lime-900: rgb(36, 46, 0);
+  --salt-color-fur-100: rgb(255, 244, 235);
+  --salt-color-fur-200: rgb(245, 214, 191);
+  --salt-color-fur-300: rgb(219, 178, 147);
+  --salt-color-fur-400: rgb(194, 144, 107);
+  --salt-color-fur-500: rgb(153, 106, 69);
+  --salt-color-fur-600: rgb(130, 85, 52);
+  --salt-color-fur-700: rgb(107, 65, 36);
+  --salt-color-fur-800: rgb(85, 46, 20);
+  --salt-color-fur-900: rgb(64, 28, 0);
+  --salt-color-violet-100: rgb(237, 239, 255);
+  --salt-color-violet-200: rgb(202, 203, 252);
+  --salt-color-violet-300: rgb(167, 169, 235);
+  --salt-color-violet-400: rgb(134, 139, 219);
+  --salt-color-violet-500: rgb(99, 110, 191);
+  --salt-color-violet-600: rgb(81, 90, 159);
+  --salt-color-violet-700: rgb(63, 71, 128);
+  --salt-color-violet-800: rgb(47, 53, 99);
+  --salt-color-violet-900: rgb(31, 36, 71);
+  --salt-color-forest-100: rgb(237, 250, 245);
+  --salt-color-forest-200: rgb(188, 232, 211);
+  --salt-color-forest-300: rgb(141, 204, 174);
+  --salt-color-forest-400: rgb(91, 176, 136);
+  --salt-color-forest-500: rgb(35, 133, 94);
+  --salt-color-forest-600: rgb(25, 111, 77);
+  --salt-color-forest-700: rgb(15, 90, 61);
+  --salt-color-forest-800: rgb(6, 70, 46);
+  --salt-color-forest-900: rgb(0, 51, 31);
 }
 
 /* css/next/palette/accent.css */
@@ -937,7 +1117,6 @@
   --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
   --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
   --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
-  --salt-palette-alpha-none: transparent;
 }
 .salt-theme-next[data-mode=dark] {
   --salt-palette-alpha-highest: var(--salt-color-black-80a);
@@ -967,7 +1146,6 @@
   --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
   --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
   --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
-  --salt-palette-alpha-none: transparent;
 }
 
 /* css/next/palette/background.css */
@@ -1186,7 +1364,6 @@
   --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
   --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
   --salt-palette-neutral-strong: var(--salt-color-gray-600);
-  --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
   --salt-palette-neutral-stronger: var(--salt-color-gray-700);
   --salt-palette-neutral-strongest: var(--salt-color-gray-800);
   --salt-palette-neutral-weak: var(--salt-color-gray-400);
@@ -1198,7 +1375,6 @@
   --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
   --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
   --salt-palette-neutral-strong: var(--salt-color-gray-400);
-  --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
   --salt-palette-neutral-stronger: var(--salt-color-gray-200);
   --salt-palette-neutral-strongest: var(--salt-color-gray-100);
   --salt-palette-neutral-weak: var(--salt-color-gray-600);
@@ -1254,14 +1430,6 @@
   --salt-palette-warning-weakest: var(--salt-color-orange-900);
 }
 
-/* css/next/characteristics/accent.css */
-.salt-theme.salt-theme-next {
-  --salt-accent-background: var(--salt-palette-accent);
-  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
-  --salt-accent-borderColor: var(--salt-palette-accent);
-  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
-}
-
 /* css/next/characteristics/actionable.css */
 .salt-theme.salt-theme-next {
   --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
@@ -1275,7 +1443,7 @@
   --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-accented-background-active: var(--salt-palette-accent-weaker);
   --salt-actionable-accented-background-hover: var(--salt-palette-accent-weakest);
-  --salt-actionable-accented-background: var(--salt-palette-alpha-none);
+  --salt-actionable-accented-background: var(--salt-color-transparent);
   --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
   --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
   --salt-actionable-accented-borderColor: var(--salt-palette-accent);
@@ -1287,10 +1455,10 @@
   --salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-accented-subtle-background-active: var(--salt-palette-alpha-contrast-low);
   --salt-actionable-accented-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
-  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
-  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
-  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
-  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
+  --salt-actionable-accented-subtle-background: var(--salt-color-transparent);
+  --salt-actionable-accented-subtle-borderColor-active: var(--salt-color-transparent);
+  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-color-transparent);
+  --salt-actionable-accented-subtle-borderColor: var(--salt-color-transparent);
   --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
   --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
   --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
@@ -1305,7 +1473,7 @@
   --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-background-active: var(--salt-palette-neutral-weaker);
   --salt-actionable-background-hover: var(--salt-palette-neutral-weakest);
-  --salt-actionable-background: var(--salt-palette-alpha-none);
+  --salt-actionable-background: var(--salt-color-transparent);
   --salt-actionable-borderColor-active: var(--salt-palette-neutral);
   --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
   --salt-actionable-borderColor: var(--salt-palette-neutral);
@@ -1317,10 +1485,10 @@
   --salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-subtle-background-active: var(--salt-palette-alpha-contrast-low);
   --salt-actionable-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
-  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
-  --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
-  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
-  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
+  --salt-actionable-subtle-background: var(--salt-color-transparent);
+  --salt-actionable-subtle-borderColor-active: var(--salt-color-transparent);
+  --salt-actionable-subtle-borderColor-hover: var(--salt-color-transparent);
+  --salt-actionable-subtle-borderColor: var(--salt-color-transparent);
   --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
   --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
   --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
@@ -1335,7 +1503,7 @@
   --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-negative-background-active: var(--salt-palette-negative-weaker);
   --salt-actionable-negative-background-hover: var(--salt-palette-negative-weakest);
-  --salt-actionable-negative-background: var(--salt-palette-alpha-none);
+  --salt-actionable-negative-background: var(--salt-color-transparent);
   --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
   --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
   --salt-actionable-negative-borderColor: var(--salt-palette-negative);
@@ -1347,10 +1515,10 @@
   --salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-negative-subtle-background-active: var(--salt-palette-alpha-contrast-low);
   --salt-actionable-negative-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
-  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
-  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
-  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
-  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
+  --salt-actionable-negative-subtle-background: var(--salt-color-transparent);
+  --salt-actionable-negative-subtle-borderColor-active: var(--salt-color-transparent);
+  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-color-transparent);
+  --salt-actionable-negative-subtle-borderColor: var(--salt-color-transparent);
   --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
   --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
   --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
@@ -1365,7 +1533,7 @@
   --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-positive-background-active: var(--salt-palette-positive-weaker);
   --salt-actionable-positive-background-hover: var(--salt-palette-positive-weakest);
-  --salt-actionable-positive-background: var(--salt-palette-alpha-none);
+  --salt-actionable-positive-background: var(--salt-color-transparent);
   --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
   --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
   --salt-actionable-positive-borderColor: var(--salt-palette-positive);
@@ -1377,10 +1545,10 @@
   --salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-positive-subtle-background-active: var(--salt-palette-alpha-contrast-low);
   --salt-actionable-positive-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
-  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
-  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
-  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
-  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
+  --salt-actionable-positive-subtle-background: var(--salt-color-transparent);
+  --salt-actionable-positive-subtle-borderColor-active: var(--salt-color-transparent);
+  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-color-transparent);
+  --salt-actionable-positive-subtle-borderColor: var(--salt-color-transparent);
   --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
   --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
   --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
@@ -1395,7 +1563,7 @@
   --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-caution-background-active: var(--salt-palette-warning-weaker);
   --salt-actionable-caution-background-hover: var(--salt-palette-warning-weakest);
-  --salt-actionable-caution-background: var(--salt-palette-alpha-none);
+  --salt-actionable-caution-background: var(--salt-color-transparent);
   --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
   --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
   --salt-actionable-caution-borderColor: var(--salt-palette-warning);
@@ -1407,10 +1575,10 @@
   --salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
   --salt-actionable-caution-subtle-background-active: var(--salt-palette-alpha-contrast-low);
   --salt-actionable-caution-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
-  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
-  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
-  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
-  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
+  --salt-actionable-caution-subtle-background: var(--salt-color-transparent);
+  --salt-actionable-caution-subtle-borderColor-active: var(--salt-color-transparent);
+  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-color-transparent);
+  --salt-actionable-caution-subtle-borderColor: var(--salt-color-transparent);
   --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
   --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
   --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
@@ -1558,7 +1726,7 @@
   --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
   --salt-editable-borderColor-hover: var(--salt-palette-accent);
   --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
-  --salt-editable-background-readonly: var(--salt-palette-alpha-none);
+  --salt-editable-background-readonly: var(--salt-color-transparent);
   --salt-editable-primary-background: var(--salt-palette-background-primary);
   --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
   --salt-editable-secondary-background: var(--salt-palette-background-secondary);
@@ -1619,17 +1787,15 @@
   --salt-selectable-borderColor-hover: var(--salt-palette-accent);
   --salt-selectable-borderColor-selected: var(--salt-palette-accent);
   --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
-  --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
   --salt-selectable-borderColor-readonly: var(--salt-palette-neutral);
   --salt-selectable-foreground: var(--salt-palette-neutral-strong);
-  --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
   --salt-selectable-foreground-hover: var(--salt-palette-accent);
   --salt-selectable-foreground-selected: var(--salt-palette-accent);
   --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
-  --salt-selectable-background: var(--salt-palette-alpha-none);
+  --salt-selectable-background: var(--salt-color-transparent);
   --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
   --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
-  --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
+  --salt-selectable-background-disabled: var(--salt-color-transparent);
   --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
 }
 
@@ -1640,12 +1806,14 @@
   --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
   --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
   --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
-  --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
   --salt-sentiment-caution-dataviz: var(--salt-palette-warning);
   --salt-sentiment-negative-dataviz: var(--salt-palette-negative);
   --salt-sentiment-positive-dataviz: var(--salt-palette-positive);
   --salt-sentiment-neutral-dataviz: var(--salt-palette-neutral);
   --salt-sentiment-accent-dataviz: var(--salt-palette-accent);
+  --salt-sentiment-accent-background: var(--salt-palette-accent);
+  --salt-sentiment-accent-background-disabled: var(--salt-palette-accent-disabled);
+  --salt-sentiment-accent-borderColor: var(--salt-palette-accent);
 }
 
 /* css/next/characteristics/separable.css */
@@ -2114,6 +2282,9 @@
   --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
   --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
   --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
+  --salt-accent-background: var(--salt-palette-accent);
+  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
+  --salt-accent-borderColor: var(--salt-palette-accent);
   --salt-track-borderStyle: solid;
   --salt-track-borderStyle-active: solid;
   --salt-track-borderStyle-complete: solid;
@@ -2152,57 +2323,59 @@
   --salt-navigable-indicator-active: var(--salt-palette-accent);
   --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
   --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
+  --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
+  --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
   --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
   --salt-status-negative-foreground: var(--salt-palette-negative);
   --salt-status-positive-foreground: var(--salt-palette-positive);
   --salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
   --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
   --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
-  --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-accented-bold-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-accented-background-disabled: var(--salt-color-transparent);
   --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
   --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
-  --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
-  --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-accented-subtle-background-disabled: var(--salt-color-transparent);
+  --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
   --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
-  --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-bold-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-background-disabled: var(--salt-color-transparent);
   --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
   --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
-  --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
-  --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-subtle-background-disabled: var(--salt-color-transparent);
+  --salt-actionable-subtle-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
   --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
-  --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-negative-bold-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-negative-background-disabled: var(--salt-color-transparent);
   --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
   --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
-  --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
-  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-negative-subtle-background-disabled: var(--salt-color-transparent);
+  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
   --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
-  --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-positive-bold-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-positive-background-disabled: var(--salt-color-transparent);
   --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
   --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
-  --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
-  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-positive-subtle-background-disabled: var(--salt-color-transparent);
+  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
   --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
-  --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-caution-bold-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-caution-background-disabled: var(--salt-color-transparent);
   --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
   --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
-  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
-  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
+  --salt-actionable-caution-subtle-background-disabled: var(--salt-color-transparent);
+  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-color-transparent);
   --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
-  --salt-separable-background: var(--salt-palette-alpha-none);
+  --salt-separable-background: var(--salt-color-transparent);
   --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
   --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
@@ -2284,25 +2457,31 @@
   --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
   --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
   --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
+  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
+  --salt-accent-background: var(--salt-palette-accent);
+  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
+  --salt-accent-borderColor: var(--salt-palette-accent);
   --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
   --salt-content-foreground-active: var(--salt-palette-accent-stronger);
   --salt-content-foreground-hover: var(--salt-palette-accent-strong);
   --salt-editable-primary-background-active: var(--salt-palette-background-primary);
   --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
-  --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
+  --salt-editable-primary-background-readonly: var(--salt-color-transparent);
   --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
   --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
-  --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
+  --salt-editable-secondary-background-readonly: var(--salt-color-transparent);
+  --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
 }
 
 /* css/next/deprecated/foundations.css */
 .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);
+  --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
 }
 
 /* css/next/deprecated/palette.css */
-.salt-theme[data-mode=light] {
+.salt-theme-next.salt-theme[data-mode=light] {
   --salt-palette-foreground-active: var(--salt-color-blue-700);
   --salt-palette-foreground-hover: var(--salt-color-blue-600);
   --salt-palette-warning-weak: var(--salt-color-orange-100);
@@ -2326,8 +2505,9 @@
   --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
   --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
   --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
+  --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
 }
-.salt-theme[data-mode=dark] {
+.salt-theme-next.salt-theme[data-mode=dark] {
   --salt-palette-foreground-active: var(--salt-color-blue-300);
   --salt-palette-foreground-hover: var(--salt-color-blue-400);
   --salt-palette-warning-weak: var(--salt-color-orange-900);
@@ -2351,6 +2531,10 @@
   --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
   --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
   --salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
+  --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
+}
+.salt-theme-next.salt-theme {
+  --salt-palette-alpha-none: transparent;
 }
 .salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
   --salt-palette-accent-action-active: var(--salt-color-blue-800);