@salt-ds/theme 0.0.0-snapshot-20240215153412 → 0.0.0-snapshot-20240229090235

package/css/theme-next.css

@@ -1,3 +1,718 @@
+/* css/foundations/color-next.css */
+.salt-theme-next.salt-theme {
+  --salt-color-aqua-400-base:
+    111,
+    219,
+    222;
+  --salt-color-aqua-500-base:
+    42,
+    130,
+    133;
+  --salt-color-aqua-600-base:
+    21,
+    92,
+    94;
+  --salt-color-asphalt-base:
+    24,
+    25,
+    26;
+  --salt-color-autumn-400-base:
+    242,
+    159,
+    99;
+  --salt-color-autumn-500-base:
+    189,
+    91,
+    21;
+  --salt-color-autumn-600-base:
+    128,
+    58,
+    8;
+  --salt-color-black-base:
+    0,
+    0,
+    0;
+  --salt-color-blue-100-base:
+    234,
+    246,
+    255;
+  --salt-color-blue-200-base:
+    192,
+    212,
+    243;
+  --salt-color-blue-300-base:
+    148,
+    180,
+    230;
+  --salt-color-blue-400-base:
+    98,
+    149,
+    217;
+  --salt-color-blue-500-base:
+    0,
+    119,
+    204;
+  --salt-color-blue-600-base:
+    2,
+    100,
+    179;
+  --salt-color-blue-700-base:
+    2,
+    82,
+    155;
+  --salt-color-blue-800-base:
+    1,
+    64,
+    131;
+  --salt-color-blue-900-base:
+    0,
+    47,
+    108;
+  --salt-color-brown-100-base:
+    250,
+    248,
+    242;
+  --salt-color-brown-200-base:
+    227,
+    212,
+    198;
+  --salt-color-brown-300-base:
+    203,
+    176,
+    155;
+  --salt-color-brown-400-base:
+    179,
+    142,
+    114;
+  --salt-color-brown-500-base:
+    153,
+    109,
+    75;
+  --salt-color-brown-600-base:
+    134,
+    91,
+    58;
+  --salt-color-brown-700-base:
+    115,
+    74,
+    41;
+  --salt-color-brown-800-base:
+    96,
+    58,
+    25;
+  --salt-color-brown-900-base:
+    78,
+    42,
+    8;
+  --salt-color-cider-400-base:
+    242,
+    175,
+    116;
+  --salt-color-cider-500-base:
+    171,
+    101,
+    40;
+  --salt-color-cider-600-base:
+    133,
+    72,
+    20;
+  --salt-color-citrine-400-base:
+    204,
+    186,
+    98;
+  --salt-color-citrine-500-base:
+    135,
+    116,
+    16;
+  --salt-color-citrine-600-base:
+    99,
+    83,
+    3;
+  --salt-color-cobalt-400-base:
+    126,
+    172,
+    242;
+  --salt-color-cobalt-500-base:
+    70,
+    118,
+    191;
+  --salt-color-cobalt-600-base:
+    35,
+    77,
+    140;
+  --salt-color-forest-400-base:
+    96,
+    209,
+    164;
+  --salt-color-forest-500-base:
+    35,
+    133,
+    94;
+  --salt-color-forest-600-base:
+    25,
+    97,
+    69;
+  --salt-color-fuchsia-400-base:
+    232,
+    121,
+    191;
+  --salt-color-fuchsia-500-base:
+    194,
+    71,
+    149;
+  --salt-color-fuchsia-600-base:
+    130,
+    42,
+    98;
+  --salt-color-fur-400-base:
+    204,
+    150,
+    108;
+  --salt-color-fur-500-base:
+    153,
+    106,
+    69;
+  --salt-color-fur-600-base:
+    102,
+    64,
+    34;
+  --salt-color-gray-100-base:
+    245,
+    247,
+    248;
+  --salt-color-gray-200-base:
+    211,
+    213,
+    216;
+  --salt-color-gray-300-base:
+    177,
+    181,
+    185;
+  --salt-color-gray-400-base:
+    145,
+    149,
+    154;
+  --salt-color-gray-500-base:
+    114,
+    119,
+    125;
+  --salt-color-gray-600-base:
+    97,
+    102,
+    108;
+  --salt-color-gray-700-base:
+    80,
+    86,
+    92;
+  --salt-color-gray-800-base:
+    64,
+    70,
+    76;
+  --salt-color-gray-900-base:
+    49,
+    55,
+    61;
+  --salt-color-green-100-base:
+    234,
+    245,
+    242;
+  --salt-color-green-200-base:
+    185,
+    217,
+    201;
+  --salt-color-green-300-base:
+    135,
+    190,
+    161;
+  --salt-color-green-400-base:
+    84,
+    162,
+    123;
+  --salt-color-green-500-base:
+    0,
+    135,
+    86;
+  --salt-color-green-600-base:
+    0,
+    119,
+    73;
+  --salt-color-green-700-base:
+    0,
+    104,
+    61;
+  --salt-color-green-800-base:
+    0,
+    89,
+    49;
+  --salt-color-green-900-base:
+    0,
+    75,
+    38;
+  --salt-color-indigo-400-base:
+    152,
+    135,
+    245;
+  --salt-color-indigo-500-base:
+    120,
+    104,
+    206;
+  --salt-color-indigo-600-base:
+    70,
+    59,
+    130;
+  --salt-color-jade-400-base:
+    82,
+    186,
+    108;
+  --salt-color-jade-500-base:
+    45,
+    133,
+    67;
+  --salt-color-jade-600-base:
+    24,
+    84,
+    39;
+  --salt-color-lavender-400-base:
+    212,
+    146,
+    212;
+  --salt-color-lavender-500-base:
+    148,
+    102,
+    148;
+  --salt-color-lavender-600-base:
+    97,
+    52,
+    97;
+  --salt-color-lime-400-base:
+    177,
+    204,
+    86;
+  --salt-color-lime-500-base:
+    102,
+    125,
+    21;
+  --salt-color-lime-600-base:
+    58,
+    71,
+    14;
+  --salt-color-mist-base:
+    242,
+    244,
+    246;
+  --salt-color-ocean-400-base:
+    95,
+    196,
+    212;
+  --salt-color-ocean-500-base:
+    0,
+    128,
+    148;
+  --salt-color-ocean-600-base:
+    0,
+    84,
+    97;
+  --salt-color-oil-base:
+    39,
+    40,
+    41;
+  --salt-color-olive-400-base:
+    155,
+    176,
+    109;
+  --salt-color-olive-500-base:
+    109,
+    124,
+    77;
+  --salt-color-olive-600-base:
+    83,
+    94,
+    58;
+  --salt-color-orange-100-base:
+    255,
+    236,
+    217;
+  --salt-color-orange-200-base:
+    249,
+    197,
+    164;
+  --salt-color-orange-300-base:
+    239,
+    158,
+    113;
+  --salt-color-orange-400-base:
+    223,
+    119,
+    63;
+  --salt-color-orange-500-base:
+    204,
+    78,
+    0;
+  --salt-color-orange-600-base:
+    174,
+    70,
+    1;
+  --salt-color-orange-700-base:
+    145,
+    61,
+    2;
+  --salt-color-orange-800-base:
+    117,
+    53,
+    2;
+  --salt-color-orange-900-base:
+    90,
+    44,
+    0;
+  --salt-color-plum-400-base:
+    209,
+    132,
+    245;
+  --salt-color-plum-500-base:
+    159,
+    85,
+    194;
+  --salt-color-plum-600-base:
+    97,
+    31,
+    128;
+  --salt-color-purple-100-base:
+    246,
+    240,
+    250;
+  --salt-color-purple-200-base:
+    226,
+    201,
+    238;
+  --salt-color-purple-300-base:
+    206,
+    163,
+    226;
+  --salt-color-purple-400-base:
+    184,
+    124,
+    214;
+  --salt-color-purple-500-base:
+    161,
+    85,
+    201;
+  --salt-color-purple-600-base:
+    145,
+    75,
+    177;
+  --salt-color-purple-700-base:
+    130,
+    66,
+    153;
+  --salt-color-purple-800-base:
+    115,
+    56,
+    130;
+  --salt-color-purple-900-base:
+    100,
+    47,
+    108;
+  --salt-color-red-100-base:
+    255,
+    236,
+    234;
+  --salt-color-red-200-base:
+    255,
+    194,
+    185;
+  --salt-color-red-300-base:
+    255,
+    148,
+    136;
+  --salt-color-red-400-base:
+    248,
+    97,
+    89;
+  --salt-color-red-500-base:
+    235,
+    19,
+    46;
+  --salt-color-red-600-base:
+    209,
+    13,
+    36;
+  --salt-color-red-700-base:
+    183,
+    7,
+    26;
+  --salt-color-red-800-base:
+    158,
+    3,
+    16;
+  --salt-color-red-900-base:
+    134,
+    0,
+    5;
+  --salt-color-rose-400-base:
+    245,
+    157,
+    227;
+  --salt-color-rose-500-base:
+    176,
+    86,
+    158;
+  --salt-color-rose-600-base:
+    138,
+    47,
+    119;
+  --salt-color-salmon-400-base:
+    252,
+    139,
+    143;
+  --salt-color-salmon-500-base:
+    189,
+    85,
+    88;
+  --salt-color-salmon-600-base:
+    138,
+    55,
+    58;
+  --salt-color-slate-400-base:
+    157,
+    169,
+    199;
+  --salt-color-slate-500-base:
+    105,
+    118,
+    148;
+  --salt-color-slate-600-base:
+    59,
+    70,
+    97;
+  --salt-color-smoke-400-base:
+    187,
+    192,
+    201;
+  --salt-color-smoke-500-base:
+    114,
+    117,
+    122;
+  --salt-color-smoke-600-base:
+    76,
+    80,
+    87;
+  --salt-color-snow-base:
+    255,
+    255,
+    255;
+  --salt-color-teal-100-base:
+    219,
+    245,
+    247;
+  --salt-color-teal-200-base:
+    176,
+    215,
+    224;
+  --salt-color-teal-300-base:
+    132,
+    185,
+    202;
+  --salt-color-teal-400-base:
+    84,
+    157,
+    180;
+  --salt-color-teal-500-base:
+    0,
+    129,
+    158;
+  --salt-color-teal-600-base:
+    1,
+    113,
+    144;
+  --salt-color-teal-700-base:
+    2,
+    98,
+    131;
+  --salt-color-teal-800-base:
+    1,
+    83,
+    117;
+  --salt-color-teal-900-base:
+    0,
+    69,
+    104;
+  --salt-color-violet-400-base:
+    138,
+    150,
+    242;
+  --salt-color-violet-500-base:
+    99,
+    110,
+    191;
+  --salt-color-violet-600-base:
+    69,
+    79,
+    161;
+  --salt-color-white-base:
+    255,
+    255,
+    255;
+  --salt-color-transparent: rgba(255, 255, 255, 0);
+  --salt-color-aqua-400: rgb(var(--salt-color-aqua-400-base));
+  --salt-color-aqua-500: rgb(var(--salt-color-aqua-500-base));
+  --salt-color-aqua-600: rgb(var(--salt-color-aqua-600-base));
+  --salt-color-asphalt: rgb(var(--salt-color-asphalt-base));
+  --salt-color-autumn-400: rgb(var(--salt-color-autumn-400-base));
+  --salt-color-autumn-500: rgb(var(--salt-color-autumn-500-base));
+  --salt-color-autumn-600: rgb(var(--salt-color-autumn-600-base));
+  --salt-color-black: rgb(var(--salt-color-black-base));
+  --salt-color-blue-100: rgb(var(--salt-color-blue-100-base));
+  --salt-color-blue-200: rgb(var(--salt-color-blue-200-base));
+  --salt-color-blue-300: rgb(var(--salt-color-blue-300-base));
+  --salt-color-blue-400: rgb(var(--salt-color-blue-400-base));
+  --salt-color-blue-500: rgb(var(--salt-color-blue-500-base));
+  --salt-color-blue-600: rgb(var(--salt-color-blue-600-base));
+  --salt-color-blue-700: rgb(var(--salt-color-blue-700-base));
+  --salt-color-blue-800: rgb(var(--salt-color-blue-800-base));
+  --salt-color-blue-900: rgb(var(--salt-color-blue-900-base));
+  --salt-color-cider-400: rgb(var(--salt-color-cider-400-base));
+  --salt-color-cider-500: rgb(var(--salt-color-cider-500-base));
+  --salt-color-cider-600: rgb(var(--salt-color-cider-600-base));
+  --salt-color-citrine-400: rgb(var(--salt-color-citrine-400-base));
+  --salt-color-citrine-500: rgb(var(--salt-color-citrine-500-base));
+  --salt-color-citrine-600: rgb(var(--salt-color-citrine-600-base));
+  --salt-color-cobalt-400: rgb(var(--salt-color-cobalt-400-base));
+  --salt-color-cobalt-500: rgb(var(--salt-color-cobalt-500-base));
+  --salt-color-cobalt-600: rgb(var(--salt-color-cobalt-600-base));
+  --salt-color-forest-400: rgb(var(--salt-color-forest-400-base));
+  --salt-color-forest-500: rgb(var(--salt-color-forest-500-base));
+  --salt-color-forest-600: rgb(var(--salt-color-forest-600-base));
+  --salt-color-fuchsia-400: rgb(var(--salt-color-fuchsia-400-base));
+  --salt-color-fuchsia-500: rgb(var(--salt-color-fuchsia-500-base));
+  --salt-color-fuchsia-600: rgb(var(--salt-color-fuchsia-600-base));
+  --salt-color-fur-400: rgb(var(--salt-color-fur-400-base));
+  --salt-color-fur-500: rgb(var(--salt-color-fur-500-base));
+  --salt-color-fur-600: rgb(var(--salt-color-fur-600-base));
+  --salt-color-gray-100: rgb(var(--salt-color-gray-100-base));
+  --salt-color-gray-200: rgb(var(--salt-color-gray-200-base));
+  --salt-color-gray-300: rgb(var(--salt-color-gray-300-base));
+  --salt-color-gray-400: rgb(var(--salt-color-gray-400-base));
+  --salt-color-gray-500: rgb(var(--salt-color-gray-500-base));
+  --salt-color-gray-600: rgb(var(--salt-color-gray-600-base));
+  --salt-color-gray-700: rgb(var(--salt-color-gray-700-base));
+  --salt-color-gray-800: rgb(var(--salt-color-gray-800-base));
+  --salt-color-gray-900: rgb(var(--salt-color-gray-900-base));
+  --salt-color-green-100: rgb(var(--salt-color-green-100-base));
+  --salt-color-green-200: rgb(var(--salt-color-green-200-base));
+  --salt-color-green-300: rgb(var(--salt-color-green-300-base));
+  --salt-color-green-400: rgb(var(--salt-color-green-400-base));
+  --salt-color-green-500: rgb(var(--salt-color-green-500-base));
+  --salt-color-green-600: rgb(var(--salt-color-green-600-base));
+  --salt-color-green-700: rgb(var(--salt-color-green-700-base));
+  --salt-color-green-800: rgb(var(--salt-color-green-800-base));
+  --salt-color-green-900: rgb(var(--salt-color-green-900-base));
+  --salt-color-indigo-400: rgb(var(--salt-color-indigo-400-base));
+  --salt-color-indigo-500: rgb(var(--salt-color-indigo-500-base));
+  --salt-color-indigo-600: rgb(var(--salt-color-indigo-600-base));
+  --salt-color-jade-400: rgb(var(--salt-color-jade-400-base));
+  --salt-color-jade-500: rgb(var(--salt-color-jade-500-base));
+  --salt-color-jade-600: rgb(var(--salt-color-jade-600-base));
+  --salt-color-lavender-400: rgb(var(--salt-color-lavender-400-base));
+  --salt-color-lavender-500: rgb(var(--salt-color-lavender-500-base));
+  --salt-color-lavender-600: rgb(var(--salt-color-lavender-600-base));
+  --salt-color-lime-400: rgb(var(--salt-color-lime-400-base));
+  --salt-color-lime-500: rgb(var(--salt-color-lime-500-base));
+  --salt-color-lime-600: rgb(var(--salt-color-lime-600-base));
+  --salt-color-mist: rgb(var(--salt-color-mist-base));
+  --salt-color-ocean-400: rgb(var(--salt-color-ocean-400-base));
+  --salt-color-ocean-500: rgb(var(--salt-color-ocean-500-base));
+  --salt-color-ocean-600: rgb(var(--salt-color-ocean-600-base));
+  --salt-color-oil: rgb(var(--salt-color-oil-base));
+  --salt-color-olive-400: rgb(var(--salt-color-olive-400-base));
+  --salt-color-olive-500: rgb(var(--salt-color-olive-500-base));
+  --salt-color-olive-600: rgb(var(--salt-color-olive-600-base));
+  --salt-color-orange-100: rgb(var(--salt-color-orange-100-base));
+  --salt-color-orange-200: rgb(var(--salt-color-orange-200-base));
+  --salt-color-orange-300: rgb(var(--salt-color-orange-300-base));
+  --salt-color-orange-400: rgb(var(--salt-color-orange-400-base));
+  --salt-color-orange-500: rgb(var(--salt-color-orange-500-base));
+  --salt-color-orange-600: rgb(var(--salt-color-orange-600-base));
+  --salt-color-orange-700: rgb(var(--salt-color-orange-700-base));
+  --salt-color-orange-800: rgb(var(--salt-color-orange-800-base));
+  --salt-color-orange-900: rgb(var(--salt-color-orange-900-base));
+  --salt-color-plum-400: rgb(var(--salt-color-plum-400-base));
+  --salt-color-plum-500: rgb(var(--salt-color-plum-500-base));
+  --salt-color-plum-600: rgb(var(--salt-color-plum-600-base));
+  --salt-color-purple-100: rgb(var(--salt-color-purple-100-base));
+  --salt-color-purple-200: rgb(var(--salt-color-purple-200-base));
+  --salt-color-purple-300: rgb(var(--salt-color-purple-300-base));
+  --salt-color-purple-400: rgb(var(--salt-color-purple-400-base));
+  --salt-color-purple-500: rgb(var(--salt-color-purple-500-base));
+  --salt-color-purple-600: rgb(var(--salt-color-purple-600-base));
+  --salt-color-purple-700: rgb(var(--salt-color-purple-700-base));
+  --salt-color-purple-800: rgb(var(--salt-color-purple-800-base));
+  --salt-color-purple-900: rgb(var(--salt-color-purple-900-base));
+  --salt-color-red-100: rgb(var(--salt-color-red-100-base));
+  --salt-color-red-200: rgb(var(--salt-color-red-200-base));
+  --salt-color-red-300: rgb(var(--salt-color-red-300-base));
+  --salt-color-red-400: rgb(var(--salt-color-red-400-base));
+  --salt-color-red-500: rgb(var(--salt-color-red-500-base));
+  --salt-color-red-600: rgb(var(--salt-color-red-600-base));
+  --salt-color-red-700: rgb(var(--salt-color-red-700-base));
+  --salt-color-red-800: rgb(var(--salt-color-red-800-base));
+  --salt-color-red-900: rgb(var(--salt-color-red-900-base));
+  --salt-color-rose-400: rgb(var(--salt-color-rose-400-base));
+  --salt-color-rose-500: rgb(var(--salt-color-rose-500-base));
+  --salt-color-rose-600: rgb(var(--salt-color-rose-600-base));
+  --salt-color-salmon-400: rgb(var(--salt-color-salmon-400-base));
+  --salt-color-salmon-500: rgb(var(--salt-color-salmon-500-base));
+  --salt-color-salmon-600: rgb(var(--salt-color-salmon-600-base));
+  --salt-color-slate-400: rgb(var(--salt-color-slate-400-base));
+  --salt-color-slate-500: rgb(var(--salt-color-slate-500-base));
+  --salt-color-slate-600: rgb(var(--salt-color-slate-600-base));
+  --salt-color-smoke-400: rgb(var(--salt-color-smoke-400-base));
+  --salt-color-smoke-500: rgb(var(--salt-color-smoke-500-base));
+  --salt-color-smoke-600: rgb(var(--salt-color-smoke-600-base));
+  --salt-color-snow: rgb(var(--salt-color-snow-base));
+  --salt-color-teal-100: rgb(var(--salt-color-teal-100-base));
+  --salt-color-teal-200: rgb(var(--salt-color-teal-200-base));
+  --salt-color-teal-300: rgb(var(--salt-color-teal-300-base));
+  --salt-color-teal-400: rgb(var(--salt-color-teal-400-base));
+  --salt-color-teal-500: rgb(var(--salt-color-teal-500-base));
+  --salt-color-teal-600: rgb(var(--salt-color-teal-600-base));
+  --salt-color-teal-700: rgb(var(--salt-color-teal-700-base));
+  --salt-color-teal-800: rgb(var(--salt-color-teal-800-base));
+  --salt-color-teal-900: rgb(var(--salt-color-teal-900-base));
+  --salt-color-violet-400: rgb(var(--salt-color-violet-400-base));
+  --salt-color-violet-500: rgb(var(--salt-color-violet-500-base));
+  --salt-color-violet-600: rgb(var(--salt-color-violet-600-base));
+  --salt-color-white: rgb(var(--salt-color-white-base));
+  --salt-color-asphalt-40a: rgba(var(--salt-color-asphalt-base), 0.4);
+  --salt-color-black-15a: rgba(var(--salt-color-black-base), 0.15);
+  --salt-color-black-25a: rgba(var(--salt-color-black-base), 0.25);
+  --salt-color-black-40a: rgba(var(--salt-color-black-base), 0.4);
+  --salt-color-black-70a: rgba(var(--salt-color-black-base), 0.7);
+  --salt-color-black-8a: rgba(var(--salt-color-black-base), 0.08);
+  --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-base), 0.4);
+  --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-base), 0.4);
+  --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-base), 0.4);
+  --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-base), 0.4);
+  --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-base), 0.4);
+  --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-base), 0.4);
+  --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-base), 0.4);
+  --salt-color-gray-300-15a: rgba(var(--salt-color-gray-300-base), 0.15);
+  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-base), 0.4);
+  --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-base), 0.4);
+  --salt-color-gray-500-15a: rgba(var(--salt-color-gray-500-base), 0.15);
+  --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-base), 0.4);
+  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-base), 0.4);
+  --salt-color-gray-700-15a: rgba(var(--salt-color-gray-700-base), 0.15);
+  --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-base), 0.4);
+  --salt-color-mist-40a: rgba(var(--salt-color-mist-base), 0.4);
+  --salt-color-oil-40a: rgba(var(--salt-color-oil-base), 0.4);
+  --salt-color-snow-40a: rgba(var(--salt-color-snow-base), 0.4);
+  --salt-color-white-15a: rgba(var(--salt-color-white-base), 0.15);
+  --salt-color-white-25a: rgba(var(--salt-color-white-base), 0.25);
+  --salt-color-white-40a: rgba(var(--salt-color-white-base), 0.4);
+  --salt-color-white-70a: rgba(var(--salt-color-white-base), 0.7);
+  --salt-color-white-8a: rgba(var(--salt-color-white-base), 0.08);
+}
+
 /* css/foundations/curve-next.css */
 .salt-density-high {
   --salt-curve-0: 0;
@@ -42,4 +757,293 @@
   --salt-palette-corner-strongest: var(--salt-curve-999);
 }
 
+/* css/palette/palette-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-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-background-backdrop: var(--salt-color-white-70a);
+  --salt-palette-background-hover: var(--salt-color-black-8a);
+  --salt-palette-background-primary: var(--salt-color-snow);
+  --salt-palette-background-primary-disabled: var(--salt-color-snow-40a);
+  --salt-palette-background-secondary: var(--salt-color-mist);
+  --salt-palette-background-secondary-disabled: var(--salt-color-mist-40a);
+  --salt-palette-background-transparent: var(--salt-color-transparent);
+  --salt-palette-category-cat-1: var(--salt-color-cobalt-500);
+  --salt-palette-category-cat-1-strong: var(--salt-color-cobalt-600);
+  --salt-palette-category-cat-10: var(--salt-color-jade-500);
+  --salt-palette-category-cat-10-strong: var(--salt-color-jade-600);
+  --salt-palette-category-cat-11: var(--salt-color-citrine-500);
+  --salt-palette-category-cat-11-strong: var(--salt-color-citrine-600);
+  --salt-palette-category-cat-12: var(--salt-color-autumn-500);
+  --salt-palette-category-cat-12-strong: var(--salt-color-autumn-600);
+  --salt-palette-category-cat-13: var(--salt-color-lavender-500);
+  --salt-palette-category-cat-13-strong: var(--salt-color-lavender-600);
+  --salt-palette-category-cat-14: var(--salt-color-ocean-500);
+  --salt-palette-category-cat-14-strong: var(--salt-color-ocean-600);
+  --salt-palette-category-cat-15: var(--salt-color-smoke-500);
+  --salt-palette-category-cat-15-strong: var(--salt-color-smoke-600);
+  --salt-palette-category-cat-16: var(--salt-color-fuchsia-500);
+  --salt-palette-category-cat-16-strong: var(--salt-color-fuchsia-600);
+  --salt-palette-category-cat-17: var(--salt-color-lime-500);
+  --salt-palette-category-cat-17-strong: var(--salt-color-lime-600);
+  --salt-palette-category-cat-18: var(--salt-color-fur-500);
+  --salt-palette-category-cat-18-strong: var(--salt-color-fur-600);
+  --salt-palette-category-cat-19: var(--salt-color-violet-500);
+  --salt-palette-category-cat-19-strong: var(--salt-color-violet-600);
+  --salt-palette-category-cat-2: var(--salt-color-cider-500);
+  --salt-palette-category-cat-2-strong: var(--salt-color-cider-600);
+  --salt-palette-category-cat-20: var(--salt-color-forest-500);
+  --salt-palette-category-cat-20-strong: var(--salt-color-forest-600);
+  --salt-palette-category-cat-3: var(--salt-color-plum-500);
+  --salt-palette-category-cat-3-strong: var(--salt-color-plum-600);
+  --salt-palette-category-cat-4: var(--salt-color-aqua-500);
+  --salt-palette-category-cat-4-strong: var(--salt-color-aqua-600);
+  --salt-palette-category-cat-5: var(--salt-color-slate-500);
+  --salt-palette-category-cat-5-strong: var(--salt-color-slate-600);
+  --salt-palette-category-cat-6: var(--salt-color-rose-500);
+  --salt-palette-category-cat-6-strong: var(--salt-color-rose-600);
+  --salt-palette-category-cat-7: var(--salt-color-olive-500);
+  --salt-palette-category-cat-7-strong: var(--salt-color-olive-600);
+  --salt-palette-category-cat-8: var(--salt-color-salmon-500);
+  --salt-palette-category-cat-8-strong: var(--salt-color-salmon-600);
+  --salt-palette-category-cat-9: var(--salt-color-indigo-500);
+  --salt-palette-category-cat-9-strong: var(--salt-color-indigo-600);
+  --salt-palette-foreground-active: var(--salt-color-blue-700);
+  --salt-palette-foreground-hover: var(--salt-color-blue-600);
+  --salt-palette-foreground-invert: var(--salt-color-white);
+  --salt-palette-foreground-invert-disabled: var(--salt-color-white-40a);
+  --salt-palette-foreground-primary: var(--salt-color-black);
+  --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
+  --salt-palette-foreground-secondary: var(--salt-color-gray-700);
+  --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-700-40a);
+  --salt-palette-foreground-visited: var(--salt-color-purple-800);
+  --salt-palette-info: var(--salt-color-blue-600);
+  --salt-palette-info-weak: var(--salt-color-blue-100);
+  --salt-palette-negative: var(--salt-color-red-600);
+  --salt-palette-negative-weak: var(--salt-color-red-100);
+  --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-15a);
+  --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-25a);
+  --salt-palette-neutral-stronger-tertiary: var(--salt-color-black-15a);
+  --salt-palette-neutral-weak: var(--salt-color-gray-400);
+  --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-15a);
+  --salt-palette-neutral-weakest: var(--salt-color-gray-200);
+  --salt-palette-positive: var(--salt-color-green-600);
+  --salt-palette-positive-weak: var(--salt-color-green-100);
+  --salt-palette-warning: var(--salt-color-orange-600);
+  --salt-palette-warning-weak: var(--salt-color-orange-100);
+}
+.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-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-background-backdrop: var(--salt-color-black-70a);
+  --salt-palette-background-hover: var(--salt-color-white-8a);
+  --salt-palette-background-primary: var(--salt-color-asphalt);
+  --salt-palette-background-primary-disabled: var(--salt-color-asphalt-40a);
+  --salt-palette-background-secondary: var(--salt-color-oil);
+  --salt-palette-background-secondary-disabled: var(--salt-color-oil-40a);
+  --salt-palette-background-transparent: var(--salt-color-transparent);
+  --salt-palette-category-cat-1: var(--salt-color-cobalt-500);
+  --salt-palette-category-cat-1-strong: var(--salt-color-cobalt-400);
+  --salt-palette-category-cat-10: var(--salt-color-jade-500);
+  --salt-palette-category-cat-10-strong: var(--salt-color-jade-400);
+  --salt-palette-category-cat-11: var(--salt-color-citrine-500);
+  --salt-palette-category-cat-11-strong: var(--salt-color-citrine-400);
+  --salt-palette-category-cat-12: var(--salt-color-autumn-500);
+  --salt-palette-category-cat-12-strong: var(--salt-color-autumn-400);
+  --salt-palette-category-cat-13: var(--salt-color-lavender-500);
+  --salt-palette-category-cat-13-strong: var(--salt-color-lavender-400);
+  --salt-palette-category-cat-14: var(--salt-color-ocean-500);
+  --salt-palette-category-cat-14-strong: var(--salt-color-ocean-400);
+  --salt-palette-category-cat-15: var(--salt-color-smoke-500);
+  --salt-palette-category-cat-15-strong: var(--salt-color-smoke-400);
+  --salt-palette-category-cat-16: var(--salt-color-fuchsia-500);
+  --salt-palette-category-cat-16-strong: var(--salt-color-fuchsia-400);
+  --salt-palette-category-cat-17: var(--salt-color-lime-500);
+  --salt-palette-category-cat-17-strong: var(--salt-color-lime-400);
+  --salt-palette-category-cat-18: var(--salt-color-fur-500);
+  --salt-palette-category-cat-18-strong: var(--salt-color-fur-400);
+  --salt-palette-category-cat-19: var(--salt-color-violet-500);
+  --salt-palette-category-cat-19-strong: var(--salt-color-violet-400);
+  --salt-palette-category-cat-2: var(--salt-color-cider-500);
+  --salt-palette-category-cat-2-strong: var(--salt-color-cider-400);
+  --salt-palette-category-cat-20: var(--salt-color-forest-500);
+  --salt-palette-category-cat-20-strong: var(--salt-color-forest-400);
+  --salt-palette-category-cat-3: var(--salt-color-plum-500);
+  --salt-palette-category-cat-3-strong: var(--salt-color-plum-400);
+  --salt-palette-category-cat-4: var(--salt-color-aqua-500);
+  --salt-palette-category-cat-4-strong: var(--salt-color-aqua-400);
+  --salt-palette-category-cat-5: var(--salt-color-slate-500);
+  --salt-palette-category-cat-5-strong: var(--salt-color-slate-400);
+  --salt-palette-category-cat-6: var(--salt-color-rose-500);
+  --salt-palette-category-cat-6-strong: var(--salt-color-rose-400);
+  --salt-palette-category-cat-7: var(--salt-color-olive-500);
+  --salt-palette-category-cat-7-strong: var(--salt-color-olive-400);
+  --salt-palette-category-cat-8: var(--salt-color-salmon-500);
+  --salt-palette-category-cat-8-strong: var(--salt-color-salmon-400);
+  --salt-palette-category-cat-9: var(--salt-color-indigo-500);
+  --salt-palette-category-cat-9-strong: var(--salt-color-indigo-400);
+  --salt-palette-foreground-active: var(--salt-color-blue-300);
+  --salt-palette-foreground-hover: var(--salt-color-blue-400);
+  --salt-palette-foreground-invert: var(--salt-color-black);
+  --salt-palette-foreground-invert-disabled: var(--salt-color-black-40a);
+  --salt-palette-foreground-primary: var(--salt-color-white);
+  --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
+  --salt-palette-foreground-secondary: var(--salt-color-gray-300);
+  --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-300-40a);
+  --salt-palette-foreground-visited: var(--salt-color-purple-200);
+  --salt-palette-info: var(--salt-color-blue-400);
+  --salt-palette-info-weak: var(--salt-color-blue-900);
+  --salt-palette-negative: var(--salt-color-red-400);
+  --salt-palette-negative-weak: var(--salt-color-red-900);
+  --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-15a);
+  --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-25a);
+  --salt-palette-neutral-stronger-tertiary: var(--salt-color-white-15a);
+  --salt-palette-neutral-weak: var(--salt-color-gray-600);
+  --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-15a);
+  --salt-palette-neutral-weakest: var(--salt-color-gray-800);
+  --salt-palette-positive: var(--salt-color-green-400);
+  --salt-palette-positive-weak: var(--salt-color-green-900);
+  --salt-palette-warning: var(--salt-color-orange-400);
+  --salt-palette-warning-weak: var(--salt-color-orange-900);
+}
+
+/* css/characteristics/characteristics-next.css */
+.salt-theme.salt-theme-next {
+  --salt-status-info-borderColor: var(--salt-palette-info);
+  --salt-status-info-background: var(--salt-palette-info-weak);
+  --salt-status-info-foreground: var(--salt-palette-info);
+  --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
+  --salt-status-warning-foreground: var(--salt-palette-warning);
+  --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
+  --salt-status-warning-background: var(--salt-palette-warning-weak);
+  --salt-status-warning-borderColor: var(--salt-palette-warning);
+  --salt-status-success-background: var(--salt-palette-positive-weak);
+  --salt-status-success-background-selected: var(--salt-palette-positive-weak);
+  --salt-status-success-foreground: var(--salt-palette-positive);
+  --salt-status-success-borderColor: var(--salt-palette-positive);
+  --salt-status-error-background-selected: var(--salt-palette-negative-weak);
+  --salt-status-error-background: var(--salt-palette-negative-weak);
+  --salt-status-error-borderColor: var(--salt-palette-negative);
+  --salt-status-error-foreground: var(--salt-palette-negative);
+  --salt-status-negative-foreground: var(--salt-palette-negative);
+  --salt-status-positive-foreground: var(--salt-palette-positive);
+  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-disabled);
+  --salt-container-secondary-borderColor: var(--salt-palette-neutral);
+  --salt-container-secondary-background: var(--salt-palette-background-secondary);
+  --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
+  --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-weaker-disabled);
+  --salt-container-primary-borderColor: var(--salt-palette-neutral-weaker);
+  --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
+  --salt-container-primary-background: var(--salt-palette-background-primary);
+  --salt-actionable-secondary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
+  --salt-actionable-secondary-foreground: var(--salt-palette-foreground-primary);
+  --salt-actionable-secondary-background: var(--salt-palette-background-transparent);
+  --salt-actionable-secondary-background-hover: var(--salt-palette-neutral-weak);
+  --salt-actionable-secondary-foreground-active: var(--salt-palette-foreground-invert);
+  --salt-actionable-secondary-background-disabled: var(--salt-palette-background-transparent);
+  --salt-actionable-secondary-background-active: var(--salt-palette-neutral-strong);
+  --salt-actionable-secondary-foreground-hover: var(--salt-palette-foreground-invert);
+  --salt-actionable-primary-foreground-disabled: var(--salt-color-white);
+  --salt-actionable-primary-foreground-hover: var(--salt-color-white);
+  --salt-actionable-primary-background: var(--salt-color-gray-500);
+  --salt-actionable-primary-background-disabled: var(--salt-palette-neutral-disabled);
+  --salt-actionable-primary-background-active: var(--salt-color-gray-800);
+  --salt-actionable-primary-background-readonly: var(--salt-palette-neutral-readonly);
+  --salt-actionable-primary-background-hover: var(--salt-color-gray-400);
+  --salt-actionable-primary-foreground-active: var(--salt-color-white);
+  --salt-actionable-primary-foreground: var(--salt-color-white);
+  --salt-actionable-cta-foreground: var(--salt-color-white);
+  --salt-actionable-cta-foreground-active: var(--salt-color-white);
+  --salt-actionable-cta-foreground-hover: var(--salt-color-white);
+  --salt-actionable-cta-foreground-disabled: var(--salt-color-white);
+  --salt-actionable-cta-background-hover: var(--salt-color-blue-400);
+  --salt-actionable-cta-background-disabled: var(--salt-palette-accent-disabled);
+  --salt-actionable-cta-background: var(--salt-color-blue-500);
+  --salt-actionable-cta-background-active: var(--salt-color-blue-800);
+  --salt-selectable-background: var(--salt-palette-background-transparent);
+  --salt-selectable-background-disabled: var(--salt-palette-background-transparent);
+  --salt-selectable-borderColor: var(--salt-palette-neutral);
+  --salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
+  --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
+  --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
+  --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
+  --salt-selectable-foreground: var(--salt-palette-neutral-strong);
+  --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
+  --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
+  --salt-selectable-borderColor-selected: var(--salt-palette-accent-stronger);
+  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-strong-disabled);
+  --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-stronger-disabled);
+  --salt-selectable-borderColor-hover: var(--salt-palette-accent);
+  --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
+  --salt-selectable-foreground-hover: var(--salt-palette-accent);
+  --salt-selectable-foreground-selected: var(--salt-palette-accent-strong);
+  --salt-track-borderColor: var(--salt-palette-neutral);
+  --salt-navigable-background-hover: var(--salt-palette-background-hover);
+  --salt-navigable-indicator-active: var(--salt-palette-accent);
+  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
+  --salt-accent-foreground: var(--salt-palette-foreground-invert);
+  --salt-accent-background: var(--salt-palette-accent);
+  --salt-accent-borderColor: var(--salt-palette-accent);
+  --salt-editable-secondary-background-readonly: var(--salt-palette-background-transparent);
+  --salt-editable-secondary-background: var(--salt-palette-background-secondary);
+  --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
+  --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
+  --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
+  --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
+  --salt-editable-borderColor: var(--salt-palette-neutral);
+  --salt-editable-primary-background-readonly: var(--salt-palette-background-transparent);
+  --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
+  --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-borderColor-disabled: var(--salt-palette-neutral-disabled);
+  --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
+  --salt-editable-borderColor-hover: var(--salt-palette-accent);
+  --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
+  --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
+  --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
+  --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
+  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
+  --salt-content-foreground-active: var(--salt-palette-foreground-active);
+  --salt-content-foreground-hover: var(--salt-palette-foreground-hover);
+  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
+  --salt-overlayable-background: var(--salt-palette-background-backdrop);
+  --salt-target-background-hover: var(--salt-palette-accent-weakest);
+  --salt-target-borderColor-hover: var(--salt-palette-accent);
+  --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
+  --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-stronger-tertiary);
+  --salt-separable-primary-borderColor: var(--salt-palette-neutral-stronger-primary);
+  --salt-separable-secondary-borderColor: var(--salt-palette-neutral-stronger-secondary);
+}
+
 /* css/theme-next.css */

package/package.json

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