@salt-ds/theme 0.0.0-snapshot-20240513130454 → 0.0.0-snapshot-20240517093057

package/css/global.css

@@ -1,7 +1,7 @@
 /* css/global.css */
 .salt-theme {
   color: var(--salt-content-primary-foreground);
-  font-family: var(--salt-typography-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
   letter-spacing: var(--salt-text-letterSpacing);
   line-height: var(--salt-text-lineHeight);

package/css/theme-next.css

@@ -1,372 +1,3 @@
-/* css/foundations/color-next.css */
-.salt-theme.salt-theme-next {
-  --salt-color-white-rgb:
-    255,
-    255,
-    255;
-  --salt-color-gray-100-rgb:
-    245,
-    247,
-    248;
-  --salt-color-gray-200-rgb:
-    211,
-    213,
-    216;
-  --salt-color-gray-300-rgb:
-    177,
-    181,
-    185;
-  --salt-color-gray-400-rgb:
-    145,
-    149,
-    154;
-  --salt-color-gray-500-rgb:
-    114,
-    119,
-    125;
-  --salt-color-gray-600-rgb:
-    95,
-    100,
-    106;
-  --salt-color-gray-700-rgb:
-    76,
-    81,
-    87;
-  --salt-color-gray-800-rgb:
-    58,
-    63,
-    68;
-  --salt-color-gray-900-rgb:
-    41,
-    46,
-    51;
-  --salt-color-black-rgb:
-    0,
-    0,
-    0;
-  --salt-color-blue-100-rgb:
-    234,
-    246,
-    255;
-  --salt-color-blue-200-rgb:
-    192,
-    213,
-    243;
-  --salt-color-blue-300-rgb:
-    148,
-    180,
-    232;
-  --salt-color-blue-400-rgb:
-    99,
-    149,
-    219;
-  --salt-color-blue-500-rgb:
-    0,
-    120,
-    207;
-  --salt-color-blue-600-rgb:
-    1,
-    97,
-    173;
-  --salt-color-blue-700-rgb:
-    1,
-    75,
-    140;
-  --salt-color-blue-800-rgb:
-    1,
-    54,
-    109;
-  --salt-color-blue-900-rgb:
-    0,
-    34,
-    79;
-  --salt-color-green-100-rgb:
-    234,
-    245,
-    242;
-  --salt-color-green-200-rgb:
-    185,
-    217,
-    203;
-  --salt-color-green-300-rgb:
-    136,
-    190,
-    165;
-  --salt-color-green-400-rgb:
-    84,
-    162,
-    128;
-  --salt-color-green-500-rgb:
-    0,
-    135,
-    93;
-  --salt-color-green-600-rgb:
-    0,
-    113,
-    75;
-  --salt-color-green-700-rgb:
-    0,
-    91,
-    58;
-  --salt-color-green-800-rgb:
-    0,
-    71,
-    42;
-  --salt-color-green-900-rgb:
-    0,
-    51,
-    26;
-  --salt-color-teal-100-rgb:
-    219,
-    245,
-    247;
-  --salt-color-teal-200-rgb:
-    177,
-    214,
-    224;
-  --salt-color-teal-300-rgb:
-    134,
-    184,
-    202;
-  --salt-color-teal-400-rgb:
-    89,
-    155,
-    180;
-  --salt-color-teal-500-rgb:
-    27,
-    127,
-    158;
-  --salt-color-teal-600-rgb:
-    18,
-    102,
-    129;
-  --salt-color-teal-700-rgb:
-    10,
-    78,
-    102;
-  --salt-color-teal-800-rgb:
-    3,
-    55,
-    76;
-  --salt-color-teal-900-rgb:
-    0,
-    34,
-    51;
-  --salt-color-orange-100-rgb:
-    255,
-    236,
-    217;
-  --salt-color-orange-200-rgb:
-    244,
-    199,
-    164;
-  --salt-color-orange-300-rgb:
-    229,
-    162,
-    113;
-  --salt-color-orange-400-rgb:
-    211,
-    127,
-    64;
-  --salt-color-orange-500-rgb:
-    189,
-    91,
-    0;
-  --salt-color-orange-600-rgb:
-    156,
-    75,
-    4;
-  --salt-color-orange-700-rgb:
-    125,
-    60,
-    5;
-  --salt-color-orange-800-rgb:
-    94,
-    46,
-    5;
-  --salt-color-orange-900-rgb:
-    66,
-    32,
-    0;
-  --salt-color-red-100-rgb:
-    255,
-    236,
-    234;
-  --salt-color-red-200-rgb:
-    255,
-    193,
-    186;
-  --salt-color-red-300-rgb:
-    253,
-    148,
-    139;
-  --salt-color-red-400-rgb:
-    243,
-    100,
-    94;
-  --salt-color-red-500-rgb:
-    229,
-    33,
-    53;
-  --salt-color-red-600-rgb:
-    193,
-    23,
-    41;
-  --salt-color-red-700-rgb:
-    159,
-    14,
-    29;
-  --salt-color-red-800-rgb:
-    125,
-    5,
-    18;
-  --salt-color-red-900-rgb:
-    94,
-    0,
-    3;
-  --salt-color-purple-100-rgb:
-    246,
-    240,
-    250;
-  --salt-color-purple-200-rgb:
-    226,
-    202,
-    231;
-  --salt-color-purple-300-rgb:
-    205,
-    165,
-    211;
-  --salt-color-purple-400-rgb:
-    184,
-    128,
-    192;
-  --salt-color-purple-500-rgb:
-    162,
-    91,
-    173;
-  --salt-color-purple-600-rgb:
-    137,
-    75,
-    146;
-  --salt-color-purple-700-rgb:
-    112,
-    60,
-    120;
-  --salt-color-purple-800-rgb:
-    89,
-    45,
-    95;
-  --salt-color-purple-900-rgb:
-    66,
-    31,
-    71;
-  --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-jet-rgb:
-    16,
-    24,
-    32;
-  --salt-color-background-granite-rgb:
-    26,
-    34,
-    41;
-  --salt-color-background-leather-rgb:
-    38,
-    41,
-    43;
-  --salt-color-logo-brown-rgb:
-    58,
-    34,
-    6;
-  --salt-color-white: rgb(var(--salt-color-white-rgb));
-  --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
-  --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
-  --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
-  --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
-  --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
-  --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
-  --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
-  --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
-  --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
-  --salt-color-black: rgb(var(--salt-color-black-rgb));
-  --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
-  --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
-  --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
-  --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
-  --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
-  --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
-  --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
-  --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
-  --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
-  --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
-  --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
-  --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
-  --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
-  --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
-  --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
-  --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
-  --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
-  --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
-  --salt-color-teal-100: rgb(var(--salt-color-teal-100-rgb));
-  --salt-color-teal-200: rgb(var(--salt-color-teal-200-rgb));
-  --salt-color-teal-300: rgb(var(--salt-color-teal-300-rgb));
-  --salt-color-teal-400: rgb(var(--salt-color-teal-400-rgb));
-  --salt-color-teal-500: rgb(var(--salt-color-teal-500-rgb));
-  --salt-color-teal-600: rgb(var(--salt-color-teal-600-rgb));
-  --salt-color-teal-700: rgb(var(--salt-color-teal-700-rgb));
-  --salt-color-teal-800: rgb(var(--salt-color-teal-800-rgb));
-  --salt-color-teal-900: rgb(var(--salt-color-teal-900-rgb));
-  --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
-  --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
-  --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
-  --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
-  --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
-  --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
-  --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
-  --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
-  --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
-  --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
-  --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
-  --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
-  --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
-  --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
-  --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
-  --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
-  --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
-  --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
-  --salt-color-purple-100: rgb(var(--salt-color-purple-100-rgb));
-  --salt-color-purple-200: rgb(var(--salt-color-purple-200-rgb));
-  --salt-color-purple-300: rgb(var(--salt-color-purple-300-rgb));
-  --salt-color-purple-400: rgb(var(--salt-color-purple-400-rgb));
-  --salt-color-purple-500: rgb(var(--salt-color-purple-500-rgb));
-  --salt-color-purple-600: rgb(var(--salt-color-purple-600-rgb));
-  --salt-color-purple-700: rgb(var(--salt-color-purple-700-rgb));
-  --salt-color-purple-800: rgb(var(--salt-color-purple-800-rgb));
-  --salt-color-purple-900: rgb(var(--salt-color-purple-900-rgb));
-  --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-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));
-  --salt-color-logo-brown: rgb(var(--salt-color-logo-brown-rgb));
-}
-
 /* css/foundations/curve-next.css */
 .salt-density-high {
   --salt-curve-0: 0;
@@ -397,93 +28,6 @@
   --salt-curve-999: 999px;
 }
 
-/* css/foundations/fade-next.css */
-.salt-theme.salt-theme-next {
-  --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
-  --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
-  --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
-  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
-  --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
-  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
-  --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
-  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
-  --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);
-  --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
-  --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
-  --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
-  --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
-  --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
-  --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
-  --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
-  --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
-  --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
-  --salt-color-background-snow-40a: rgba(var(--salt-color-background-snow-rgb), 0.4);
-  --salt-color-background-marble-40a: rgba(var(--salt-color-background-marble-rgb), 0.4);
-  --salt-color-background-limestone-40a: rgba(var(--salt-color-background-limestone-rgb), 0.4);
-  --salt-color-background-granite-40a: rgba(var(--salt-color-background-granite-rgb), 0.4);
-  --salt-color-background-jet-40a: rgba(var(--salt-color-background-jet-rgb), 0.4);
-  --salt-color-background-leather-40a: rgba(var(--salt-color-background-leather-rgb), 0.4);
-}
-
-/* css/palette/accent-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-accent: var(--salt-color-blue-500);
-  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
-  --salt-palette-accent-strong: var(--salt-color-blue-600);
-  --salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
-  --salt-palette-accent-stronger: var(--salt-color-blue-700);
-  --salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
-  --salt-palette-accent-strongest: var(--salt-color-blue-800);
-  --salt-palette-accent-weak: var(--salt-color-blue-400);
-  --salt-palette-accent-weaker: var(--salt-color-blue-200);
-  --salt-palette-accent-weaker-disabled: var(--salt-color-blue-200-40a);
-  --salt-palette-accent-weakest: var(--salt-color-blue-100);
-  --salt-palette-accent-action: var(--salt-color-blue-500);
-  --salt-palette-accent-action-active: var(--salt-color-blue-600);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-accent: var(--salt-color-blue-500);
-  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
-  --salt-palette-accent-strong: var(--salt-color-blue-400);
-  --salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
-  --salt-palette-accent-stronger: var(--salt-color-blue-300);
-  --salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
-  --salt-palette-accent-strongest: var(--salt-color-blue-200);
-  --salt-palette-accent-weak: var(--salt-color-blue-600);
-  --salt-palette-accent-weaker: var(--salt-color-blue-800);
-  --salt-palette-accent-weaker-disabled: var(--salt-color-blue-800-40a);
-  --salt-palette-accent-weakest: var(--salt-color-blue-900);
-  --salt-palette-accent-action: var(--salt-color-blue-500);
-  --salt-palette-accent-action-active: var(--salt-color-blue-600);
-}
-
-/* css/palette/background-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-background-backdrop: var(--salt-color-white-70a);
-  --salt-palette-background-primary: var(--salt-color-background-snow);
-  --salt-palette-background-primary-disabled: var(--salt-color-background-snow-40a);
-  --salt-palette-background-secondary: var(--salt-color-background-marble);
-  --salt-palette-background-secondary-disabled: var(--salt-color-background-marble-40a);
-  --salt-palette-background-tertiary: var(--salt-color-background-limestone);
-  --salt-palette-background-tertiary-disabled: var(--salt-color-background-limestone-40a);
-  --salt-palette-background-none: transparent;
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-background-backdrop: var(--salt-color-black-70a);
-  --salt-palette-background-primary: var(--salt-color-background-jet);
-  --salt-palette-background-primary-disabled: var(--salt-color-background-jet-40a);
-  --salt-palette-background-secondary: var(--salt-color-background-granite);
-  --salt-palette-background-secondary-disabled: var(--salt-color-background-granite-40a);
-  --salt-palette-background-tertiary: var(--salt-color-background-leather);
-  --salt-palette-background-tertiary-disabled: var(--salt-color-background-leather-40a);
-  --salt-palette-background-none: transparent;
-}
-
 /* css/palette/corner-next.css */
 .salt-theme-next[data-corner=rounded] {
   --salt-palette-corner-weaker: var(--salt-curve-50);
@@ -498,265 +42,12 @@
   --salt-palette-corner-strongest: var(--salt-curve-999);
 }
 
-/* css/palette/foreground-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-foreground-active: var(--salt-color-blue-700);
-  --salt-palette-foreground-hover: var(--salt-color-blue-600);
-  --salt-palette-foreground-primary: var(--salt-color-black);
-  --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
-  --salt-palette-foreground-primary-alt: var(--salt-color-white);
-  --salt-palette-foreground-primary-alt-disabled: var(--salt-color-white-40a);
-  --salt-palette-foreground-secondary: var(--salt-color-gray-600);
-  --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-600-40a);
-  --salt-palette-foreground-visited: var(--salt-color-purple-800);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-foreground-active: var(--salt-color-blue-300);
-  --salt-palette-foreground-hover: var(--salt-color-blue-400);
-  --salt-palette-foreground-primary: var(--salt-color-white);
-  --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
-  --salt-palette-foreground-primary-alt: var(--salt-color-white);
-  --salt-palette-foreground-primary-alt-disabled: var(--salt-color-white-40a);
-  --salt-palette-foreground-secondary: var(--salt-color-gray-400);
-  --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-400-40a);
-  --salt-palette-foreground-visited: var(--salt-color-purple-200);
-}
-
-/* css/palette/info-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-info: var(--salt-color-blue-500);
-  --salt-palette-info-weak: var(--salt-color-blue-100);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-info: var(--salt-color-blue-500);
-  --salt-palette-info-weak: var(--salt-color-blue-900);
-}
-
-/* css/palette/negative-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-negative: var(--salt-color-red-500);
-  --salt-palette-negative-weak: var(--salt-color-red-100);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-negative: var(--salt-color-red-500);
-  --salt-palette-negative-weak: var(--salt-color-red-900);
-}
-
-/* css/palette/neutral-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-neutral: var(--salt-color-gray-500);
-  --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-primary: var(--salt-color-black-40a);
-  --salt-palette-neutral-stronger-secondary: var(--salt-color-black-30a);
-  --salt-palette-neutral-stronger-tertiary: var(--salt-color-black-20a);
-  --salt-palette-neutral-strongest: var(--salt-color-gray-800);
-  --salt-palette-neutral-weak: var(--salt-color-gray-400);
-  --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
-  --salt-palette-neutral-weaker: var(--salt-color-gray-300);
-  --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-weakest: var(--salt-color-gray-200);
-  --salt-palette-neutral-action: var(--salt-color-gray-500);
-  --salt-palette-neutral-action-active: var(--salt-color-gray-600);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-neutral: var(--salt-color-gray-500);
-  --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-primary: var(--salt-color-white-40a);
-  --salt-palette-neutral-stronger-secondary: var(--salt-color-white-30a);
-  --salt-palette-neutral-stronger-tertiary: var(--salt-color-white-20a);
-  --salt-palette-neutral-strongest: var(--salt-color-gray-200);
-  --salt-palette-neutral-weak: var(--salt-color-gray-600);
-  --salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
-  --salt-palette-neutral-weaker: var(--salt-color-gray-700);
-  --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-weakest: var(--salt-color-gray-800);
-  --salt-palette-neutral-action: var(--salt-color-gray-500);
-  --salt-palette-neutral-action-active: var(--salt-color-gray-600);
-}
-
-/* css/palette/positive-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-positive: var(--salt-color-green-500);
-  --salt-palette-positive-weak: var(--salt-color-green-100);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-positive: var(--salt-color-green-500);
-  --salt-palette-positive-weak: var(--salt-color-green-900);
-}
-
-/* css/palette/warning-next.css */
-.salt-theme.salt-theme-next[data-mode=light] {
-  --salt-palette-warning: var(--salt-color-orange-500);
-  --salt-palette-warning-weak: var(--salt-color-orange-100);
-}
-.salt-theme.salt-theme-next[data-mode=dark] {
-  --salt-palette-warning: var(--salt-color-orange-500);
-  --salt-palette-warning-weak: var(--salt-color-orange-900);
+/* css/palette/text-next.css */
+.salt-theme-next.salt-theme[data-heading-font="Open Sans"] {
+  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
 }
-
-/* css/characteristics/accent-next.css */
-.salt-theme.salt-theme-next {
-  --salt-accent-background: var(--salt-palette-accent);
-  --salt-accent-borderColor: var(--salt-palette-accent);
-  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
-}
-
-/* css/characteristics/actionable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-actionable-cta-foreground: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-cta-foreground-hover: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-cta-foreground-active: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-cta-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-cta-background: var(--salt-palette-accent-action);
-  --salt-actionable-cta-background-hover: var(--salt-palette-accent-weak);
-  --salt-actionable-cta-background-active: var(--salt-palette-accent-strong);
-  --salt-actionable-cta-background-disabled: var(--salt-palette-accent-disabled);
-  --salt-actionable-primary-foreground: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-primary-foreground-hover: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-primary-foreground-active: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-primary-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
-  --salt-actionable-primary-background: var(--salt-palette-neutral);
-  --salt-actionable-primary-background-hover: var(--salt-palette-neutral-weak);
-  --salt-actionable-primary-background-active: var(--salt-palette-neutral-action-active);
-  --salt-actionable-primary-background-disabled: var(--salt-palette-neutral-weak-disabled);
-  --salt-actionable-secondary-foreground: var(--salt-palette-foreground-primary);
-  --salt-actionable-secondary-foreground-hover: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-secondary-foreground-active: var(--salt-palette-foreground-primary-alt);
-  --salt-actionable-secondary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
-  --salt-actionable-secondary-background: var(--salt-palette-background-none);
-  --salt-actionable-secondary-background-hover: var(--salt-palette-neutral-weak);
-  --salt-actionable-secondary-background-active: var(--salt-palette-neutral-action-active);
-  --salt-actionable-secondary-background-disabled: var(--salt-palette-background-none);
-}
-
-/* css/characteristics/container-next.css */
-.salt-theme.salt-theme-next {
-  --salt-container-primary-background: var(--salt-palette-background-primary);
-  --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
-  --salt-container-primary-borderColor: var(--salt-palette-neutral-weaker);
-  --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-weaker-disabled);
-  --salt-container-secondary-background: var(--salt-palette-background-secondary);
-  --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
-  --salt-container-secondary-borderColor: var(--salt-palette-neutral-weaker);
-  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-weaker-disabled);
-  --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
-  --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
-}
-
-/* css/characteristics/content-next.css */
-.salt-theme.salt-theme-next {
-  --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
-  --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
-  --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
-  --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
-  --salt-content-foreground-hover: var(--salt-palette-foreground-hover);
-  --salt-content-foreground-active: var(--salt-palette-foreground-active);
-  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
-  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
-}
-
-/* css/characteristics/editable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-editable-borderColor: var(--salt-palette-neutral);
-  --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
-  --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-primary-background: var(--salt-palette-background-primary);
-  --salt-editable-primary-background-active: var(--salt-palette-background-primary);
-  --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
-  --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
-  --salt-editable-primary-background-readonly: var(--salt-palette-background-none);
-  --salt-editable-secondary-background: var(--salt-palette-background-secondary);
-  --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
-  --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
-  --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
-  --salt-editable-secondary-background-readonly: var(--salt-palette-background-none);
-}
-
-/* css/characteristics/focused-next.css */
-.salt-theme.salt-theme-next {
-  --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
-}
-
-/* css/characteristics/navigable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
-  --salt-navigable-indicator-active: var(--salt-palette-accent);
-}
-
-/* css/characteristics/overlayable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-overlayable-background: var(--salt-palette-background-backdrop);
-}
-
-/* css/characteristics/selectable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-selectable-borderColor: var(--salt-palette-neutral);
-  --salt-selectable-borderColor-hover: var(--salt-palette-accent-weak);
-  --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-readonly);
-  --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-weak);
-  --salt-selectable-foreground-selected: var(--salt-palette-accent);
-  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
-  --salt-selectable-background: var(--salt-palette-background-none);
-  --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
-  --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
-  --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
-  --salt-selectable-background-disabled: var(--salt-palette-background-none);
-  --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
-}
-
-/* css/characteristics/separable-next.css */
-.salt-theme.salt-theme-next {
-  --salt-separable-primary-borderColor: var(--salt-palette-neutral-stronger-primary);
-  --salt-separable-secondary-borderColor: var(--salt-palette-neutral-stronger-secondary);
-  --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-stronger-tertiary);
-}
-
-/* css/characteristics/status-next.css */
-.salt-theme.salt-theme-next {
-  --salt-status-info-foreground: var(--salt-palette-accent);
-  --salt-status-success-foreground: var(--salt-palette-positive);
-  --salt-status-warning-foreground: var(--salt-palette-warning);
-  --salt-status-error-foreground: var(--salt-palette-negative);
-  --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-status-info-borderColor: var(--salt-palette-accent);
-  --salt-status-success-borderColor: var(--salt-palette-positive);
-  --salt-status-warning-borderColor: var(--salt-palette-warning);
-  --salt-status-error-borderColor: var(--salt-palette-negative);
-  --salt-status-info-background: var(--salt-palette-accent-weakest);
-  --salt-status-success-background: var(--salt-palette-positive-weak);
-  --salt-status-warning-background: var(--salt-palette-warning-weak);
-  --salt-status-error-background: var(--salt-palette-negative-weak);
-  --salt-status-success-background-selected: var(--salt-palette-positive-weak);
-  --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
-  --salt-status-error-background-selected: var(--salt-palette-negative-weak);
-}
-
-/* css/characteristics/target-next.css */
-.salt-theme.salt-theme-next {
-  --salt-target-background-hover: var(--salt-palette-accent-default);
-  --salt-target-borderColor-hover: var(--salt-palette-accent-weakest);
-}
-
-/* css/characteristics/track-next.css */
-.salt-theme.salt-theme-next {
-  --salt-track-borderColor: var(--salt-palette-neutral);
+.salt-theme-next.salt-theme[data-heading-font=Amplitude] {
+  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-amplitude);
 }
 
 /* css/theme-next.css */

package/css/theme.css

@@ -174,6 +174,7 @@
   --salt-color-orange-600: rgb(224, 101, 25);
   --salt-color-orange-700: rgb(214, 85, 19);
   --salt-color-orange-800: rgb(204, 68, 13);
+  --salt-color-orange-850: rgb(194, 52, 7);
   --salt-color-orange-900: rgb(54, 44, 36);
   --salt-color-green-10: rgb(209, 244, 201);
   --salt-color-green-20: rgb(184, 232, 182);
@@ -318,7 +319,9 @@
   --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
   --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
   --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
+  --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
   --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
+  --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
 }
 
 /* css/foundations/opacity.css */
@@ -434,8 +437,9 @@
 
 /* css/foundations/typography.css */
 .salt-theme {
-  --salt-typography-fontFamily: "Open Sans";
-  --salt-typography-fontFamily-code: "PT Mono";
+  --salt-typography-fontFamily-openSans: "Open Sans";
+  --salt-typography-fontFamily-amplitude: "Amplitude";
+  --salt-typography-fontFamily-ptMono: "PT Mono";
   --salt-typography-fontWeight-light: 300;
   --salt-typography-fontWeight-regular: 400;
   --salt-typography-fontWeight-medium: 500;
@@ -477,25 +481,29 @@
   --salt-palette-error-background: var(--salt-color-red-10);
   --salt-palette-error-background-selected: var(--salt-color-red-20);
   --salt-palette-error-border: var(--salt-color-red-500);
-  --salt-palette-error-foreground: var(--salt-color-red-500);
+  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
+  --salt-palette-error-foreground-informative: var(--salt-color-red-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-error-background: var(--salt-color-red-900);
   --salt-palette-error-background-selected: var(--salt-color-red-900);
-  --salt-palette-error-border: var(--salt-color-red-500);
-  --salt-palette-error-foreground: var(--salt-color-red-500);
+  --salt-palette-error-border: var(--salt-color-red-400);
+  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
+  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
 }
 
 /* css/palette/info.css */
 .salt-theme[data-mode=light] {
   --salt-palette-info-background: var(--salt-color-blue-10);
   --salt-palette-info-border: var(--salt-color-blue-500);
-  --salt-palette-info-foreground: var(--salt-color-blue-500);
+  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
+  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-info-background: var(--salt-color-blue-900);
-  --salt-palette-info-border: var(--salt-color-blue-500);
-  --salt-palette-info-foreground: var(--salt-color-blue-500);
+  --salt-palette-info-border: var(--salt-color-blue-400);
+  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
+  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
 }
 
 /* css/palette/interact.css */
@@ -634,6 +642,7 @@
   --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
   --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
   --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
+  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
@@ -654,6 +663,7 @@
   --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
   --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
   --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
+  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
 }
 
 /* css/palette/opacity.css */
@@ -680,13 +690,22 @@
   --salt-palette-success-background: var(--salt-color-green-10);
   --salt-palette-success-background-selected: var(--salt-color-green-20);
   --salt-palette-success-border: var(--salt-color-green-500);
-  --salt-palette-success-foreground: var(--salt-color-green-500);
+  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
+  --salt-palette-success-foreground-informative: var(--salt-color-green-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-success-background: var(--salt-color-green-900);
   --salt-palette-success-background-selected: var(--salt-color-green-900);
   --salt-palette-success-border: var(--salt-color-green-400);
-  --salt-palette-success-foreground: var(--salt-color-green-400);
+  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
+  --salt-palette-success-foreground-informative: var(--salt-color-green-200);
+}
+
+/* css/palette/text.css */
+.salt-theme {
+  --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
+  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
+  --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
 }
 
 /* css/palette/warning.css */
@@ -694,13 +713,15 @@
   --salt-palette-warning-background: var(--salt-color-orange-10);
   --salt-palette-warning-background-selected: var(--salt-color-orange-20);
   --salt-palette-warning-border: var(--salt-color-orange-700);
-  --salt-palette-warning-foreground: var(--salt-color-orange-700);
+  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
+  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-warning-background: var(--salt-color-orange-900);
   --salt-palette-warning-background-selected: var(--salt-color-orange-900);
   --salt-palette-warning-border: var(--salt-color-orange-500);
-  --salt-palette-warning-foreground: var(--salt-color-orange-500);
+  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
+  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
 }
 
 /* css/characteristics/accent.css */
@@ -853,6 +874,7 @@
   --salt-overlayable-shadow-drag: var(--salt-shadow-400);
   --salt-overlayable-shadow-modal: var(--salt-shadow-500);
   --salt-overlayable-background: var(--salt-palette-neutral-backdrop);
+  --salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
 }
 
 /* css/characteristics/selectable.css */
@@ -895,24 +917,28 @@
 
 /* css/characteristics/status.css */
 .salt-theme {
-  --salt-status-info-foreground: var(--salt-palette-info-foreground);
-  --salt-status-success-foreground: var(--salt-palette-success-foreground);
-  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
-  --salt-status-error-foreground: var(--salt-palette-error-foreground);
   --salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
   --salt-status-negative-foreground: var(--salt-palette-negative-foreground);
   --salt-status-positive-foreground: var(--salt-palette-positive-foreground);
+  --salt-status-info-foreground-decorative: var(--salt-palette-info-foreground-decorative);
+  --salt-status-error-foreground-decorative: var(--salt-palette-error-foreground-decorative);
+  --salt-status-warning-foreground-decorative: var(--salt-palette-warning-foreground-decorative);
+  --salt-status-success-foreground-decorative: var(--salt-palette-success-foreground-decorative);
+  --salt-status-info-foreground-informative: var(--salt-palette-info-foreground-informative);
+  --salt-status-error-foreground-informative: var(--salt-palette-error-foreground-informative);
+  --salt-status-warning-foreground-informative: var(--salt-palette-warning-foreground-informative);
+  --salt-status-success-foreground-informative: var(--salt-palette-success-foreground-informative);
   --salt-status-info-borderColor: var(--salt-palette-info-border);
-  --salt-status-success-borderColor: var(--salt-palette-success-border);
-  --salt-status-warning-borderColor: var(--salt-palette-warning-border);
   --salt-status-error-borderColor: var(--salt-palette-error-border);
+  --salt-status-warning-borderColor: var(--salt-palette-warning-border);
+  --salt-status-success-borderColor: var(--salt-palette-success-border);
   --salt-status-info-background: var(--salt-palette-info-background);
-  --salt-status-success-background: var(--salt-palette-success-background);
-  --salt-status-warning-background: var(--salt-palette-warning-background);
   --salt-status-error-background: var(--salt-palette-error-background);
-  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
-  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
+  --salt-status-warning-background: var(--salt-palette-warning-background);
+  --salt-status-success-background: var(--salt-palette-success-background);
   --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
+  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
+  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
 }
 
 /* css/characteristics/text.css */
@@ -926,47 +952,47 @@
   --salt-text-action-textTransform: uppercase;
   --salt-text-action-textAlign: center;
   --salt-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);
   --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);
   --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-notation-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h1-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);
   --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);
   --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);
-  --salt-text-h2-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h3-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h4-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-label-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);
   --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);
   --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-display1-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-display2-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-display3-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);
+  --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
 }
 .salt-density-touch {
   --salt-text-h1-fontSize: 42px;
@@ -1162,6 +1188,10 @@
   --salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
   --salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
   --salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
+  --salt-status-info-foreground: var(--salt-palette-info-foreground);
+  --salt-status-error-foreground: var(--salt-palette-error-foreground);
+  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
+  --salt-status-success-foreground: var(--salt-palette-success-foreground);
   --salt-actionable-letterSpacing: 0.6px;
   --salt-actionable-textTransform: uppercase;
   --salt-actionable-textAlign: center;
@@ -1262,6 +1292,8 @@
   --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);
   --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);
   --salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color);
+  --salt-typography-fontFamily: var(--salt-typography-fontFamily-openSans);
+  --salt-typography-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
 }
 .salt-theme[data-mode=light] {
   --salt-shadow-1-color: rgba(0, 0, 0, 0.1);
@@ -1367,14 +1399,18 @@
   --salt-palette-neutral-tertiary-border-disabled: transparent;
   --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
   --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
+  --salt-palette-error-foreground: var(--salt-color-red-500);
   --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
   --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
+  --salt-palette-info-foreground: var(--salt-color-blue-500);
   --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);
   --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);
   --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
   --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
+  --salt-palette-success-foreground: var(--salt-color-green-500);
   --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);
   --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
+  --salt-palette-warning-foreground: var(--salt-color-orange-700);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
   --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);
@@ -1419,14 +1455,18 @@
   --salt-palette-neutral-tertiary-border-disabled: transparent;
   --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
   --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
+  --salt-palette-error-foreground: var(--salt-color-red-500);
   --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
   --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
+  --salt-palette-info-foreground: var(--salt-color-blue-500);
   --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);
   --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);
   --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
   --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
+  --salt-palette-success-foreground: var(--salt-color-green-400);
   --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);
   --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
+  --salt-palette-warning-foreground: var(--salt-color-orange-500);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
   --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);

package/index.css

@@ -1,7 +1,7 @@
 /* css/global.css */
 .salt-theme {
   color: var(--salt-content-primary-foreground);
-  font-family: var(--salt-typography-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
   letter-spacing: var(--salt-text-letterSpacing);
   line-height: var(--salt-text-lineHeight);
@@ -203,6 +203,7 @@
   --salt-color-orange-600: rgb(224, 101, 25);
   --salt-color-orange-700: rgb(214, 85, 19);
   --salt-color-orange-800: rgb(204, 68, 13);
+  --salt-color-orange-850: rgb(194, 52, 7);
   --salt-color-orange-900: rgb(54, 44, 36);
   --salt-color-green-10: rgb(209, 244, 201);
   --salt-color-green-20: rgb(184, 232, 182);
@@ -347,7 +348,9 @@
   --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
   --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
   --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
+  --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
   --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
+  --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
 }
 
 /* css/foundations/opacity.css */
@@ -463,8 +466,9 @@
 
 /* css/foundations/typography.css */
 .salt-theme {
-  --salt-typography-fontFamily: "Open Sans";
-  --salt-typography-fontFamily-code: "PT Mono";
+  --salt-typography-fontFamily-openSans: "Open Sans";
+  --salt-typography-fontFamily-amplitude: "Amplitude";
+  --salt-typography-fontFamily-ptMono: "PT Mono";
   --salt-typography-fontWeight-light: 300;
   --salt-typography-fontWeight-regular: 400;
   --salt-typography-fontWeight-medium: 500;
@@ -506,25 +510,29 @@
   --salt-palette-error-background: var(--salt-color-red-10);
   --salt-palette-error-background-selected: var(--salt-color-red-20);
   --salt-palette-error-border: var(--salt-color-red-500);
-  --salt-palette-error-foreground: var(--salt-color-red-500);
+  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
+  --salt-palette-error-foreground-informative: var(--salt-color-red-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-error-background: var(--salt-color-red-900);
   --salt-palette-error-background-selected: var(--salt-color-red-900);
-  --salt-palette-error-border: var(--salt-color-red-500);
-  --salt-palette-error-foreground: var(--salt-color-red-500);
+  --salt-palette-error-border: var(--salt-color-red-400);
+  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
+  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
 }
 
 /* css/palette/info.css */
 .salt-theme[data-mode=light] {
   --salt-palette-info-background: var(--salt-color-blue-10);
   --salt-palette-info-border: var(--salt-color-blue-500);
-  --salt-palette-info-foreground: var(--salt-color-blue-500);
+  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
+  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-info-background: var(--salt-color-blue-900);
-  --salt-palette-info-border: var(--salt-color-blue-500);
-  --salt-palette-info-foreground: var(--salt-color-blue-500);
+  --salt-palette-info-border: var(--salt-color-blue-400);
+  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
+  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
 }
 
 /* css/palette/interact.css */
@@ -663,6 +671,7 @@
   --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
   --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
   --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
+  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
@@ -683,6 +692,7 @@
   --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
   --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
   --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
+  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
 }
 
 /* css/palette/opacity.css */
@@ -709,13 +719,22 @@
   --salt-palette-success-background: var(--salt-color-green-10);
   --salt-palette-success-background-selected: var(--salt-color-green-20);
   --salt-palette-success-border: var(--salt-color-green-500);
-  --salt-palette-success-foreground: var(--salt-color-green-500);
+  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
+  --salt-palette-success-foreground-informative: var(--salt-color-green-600);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-success-background: var(--salt-color-green-900);
   --salt-palette-success-background-selected: var(--salt-color-green-900);
   --salt-palette-success-border: var(--salt-color-green-400);
-  --salt-palette-success-foreground: var(--salt-color-green-400);
+  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
+  --salt-palette-success-foreground-informative: var(--salt-color-green-200);
+}
+
+/* css/palette/text.css */
+.salt-theme {
+  --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
+  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
+  --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
 }
 
 /* css/palette/warning.css */
@@ -723,13 +742,15 @@
   --salt-palette-warning-background: var(--salt-color-orange-10);
   --salt-palette-warning-background-selected: var(--salt-color-orange-20);
   --salt-palette-warning-border: var(--salt-color-orange-700);
-  --salt-palette-warning-foreground: var(--salt-color-orange-700);
+  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
+  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
 }
 .salt-theme[data-mode=dark] {
   --salt-palette-warning-background: var(--salt-color-orange-900);
   --salt-palette-warning-background-selected: var(--salt-color-orange-900);
   --salt-palette-warning-border: var(--salt-color-orange-500);
-  --salt-palette-warning-foreground: var(--salt-color-orange-500);
+  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
+  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
 }
 
 /* css/characteristics/accent.css */
@@ -882,6 +903,7 @@
   --salt-overlayable-shadow-drag: var(--salt-shadow-400);
   --salt-overlayable-shadow-modal: var(--salt-shadow-500);
   --salt-overlayable-background: var(--salt-palette-neutral-backdrop);
+  --salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
 }
 
 /* css/characteristics/selectable.css */
@@ -924,24 +946,28 @@
 
 /* css/characteristics/status.css */
 .salt-theme {
-  --salt-status-info-foreground: var(--salt-palette-info-foreground);
-  --salt-status-success-foreground: var(--salt-palette-success-foreground);
-  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
-  --salt-status-error-foreground: var(--salt-palette-error-foreground);
   --salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
   --salt-status-negative-foreground: var(--salt-palette-negative-foreground);
   --salt-status-positive-foreground: var(--salt-palette-positive-foreground);
+  --salt-status-info-foreground-decorative: var(--salt-palette-info-foreground-decorative);
+  --salt-status-error-foreground-decorative: var(--salt-palette-error-foreground-decorative);
+  --salt-status-warning-foreground-decorative: var(--salt-palette-warning-foreground-decorative);
+  --salt-status-success-foreground-decorative: var(--salt-palette-success-foreground-decorative);
+  --salt-status-info-foreground-informative: var(--salt-palette-info-foreground-informative);
+  --salt-status-error-foreground-informative: var(--salt-palette-error-foreground-informative);
+  --salt-status-warning-foreground-informative: var(--salt-palette-warning-foreground-informative);
+  --salt-status-success-foreground-informative: var(--salt-palette-success-foreground-informative);
   --salt-status-info-borderColor: var(--salt-palette-info-border);
-  --salt-status-success-borderColor: var(--salt-palette-success-border);
-  --salt-status-warning-borderColor: var(--salt-palette-warning-border);
   --salt-status-error-borderColor: var(--salt-palette-error-border);
+  --salt-status-warning-borderColor: var(--salt-palette-warning-border);
+  --salt-status-success-borderColor: var(--salt-palette-success-border);
   --salt-status-info-background: var(--salt-palette-info-background);
-  --salt-status-success-background: var(--salt-palette-success-background);
-  --salt-status-warning-background: var(--salt-palette-warning-background);
   --salt-status-error-background: var(--salt-palette-error-background);
-  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
-  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
+  --salt-status-warning-background: var(--salt-palette-warning-background);
+  --salt-status-success-background: var(--salt-palette-success-background);
   --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
+  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
+  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
 }
 
 /* css/characteristics/text.css */
@@ -955,47 +981,47 @@
   --salt-text-action-textTransform: uppercase;
   --salt-text-action-textAlign: center;
   --salt-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);
   --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);
   --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-notation-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h1-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);
   --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);
   --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);
-  --salt-text-h2-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h3-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-h4-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);
   --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);
-  --salt-text-label-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
   --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);
   --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);
   --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
-  --salt-text-display1-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-display2-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-display3-fontFamily: var(--salt-typography-fontFamily);
+  --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
   --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
   --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);
-  --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);
+  --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
 }
 .salt-density-touch {
   --salt-text-h1-fontSize: 42px;
@@ -1191,6 +1217,10 @@
   --salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
   --salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
   --salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
+  --salt-status-info-foreground: var(--salt-palette-info-foreground);
+  --salt-status-error-foreground: var(--salt-palette-error-foreground);
+  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
+  --salt-status-success-foreground: var(--salt-palette-success-foreground);
   --salt-actionable-letterSpacing: 0.6px;
   --salt-actionable-textTransform: uppercase;
   --salt-actionable-textAlign: center;
@@ -1291,6 +1321,8 @@
   --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);
   --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);
   --salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color);
+  --salt-typography-fontFamily: var(--salt-typography-fontFamily-openSans);
+  --salt-typography-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
 }
 .salt-theme[data-mode=light] {
   --salt-shadow-1-color: rgba(0, 0, 0, 0.1);
@@ -1396,14 +1428,18 @@
   --salt-palette-neutral-tertiary-border-disabled: transparent;
   --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
   --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
+  --salt-palette-error-foreground: var(--salt-color-red-500);
   --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
   --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
+  --salt-palette-info-foreground: var(--salt-color-blue-500);
   --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);
   --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);
   --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
   --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
+  --salt-palette-success-foreground: var(--salt-color-green-500);
   --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);
   --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
+  --salt-palette-warning-foreground: var(--salt-color-orange-700);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
   --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);
@@ -1448,14 +1484,18 @@
   --salt-palette-neutral-tertiary-border-disabled: transparent;
   --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
   --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
+  --salt-palette-error-foreground: var(--salt-color-red-500);
   --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
   --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
+  --salt-palette-info-foreground: var(--salt-color-blue-500);
   --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);
   --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);
   --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
   --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
+  --salt-palette-success-foreground: var(--salt-color-green-400);
   --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);
   --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
+  --salt-palette-warning-foreground: var(--salt-color-orange-500);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
   --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/theme",
-  "version": "0.0.0-snapshot-20240513130454",
+  "version": "0.0.0-snapshot-20240517093057",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",