@gitlab/ui 68.5.0 → 68.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [68.6.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v68.5.0...v68.6.0) (2023-11-15)
+
+
+### Features
+
+* **Tokens:** add theme color design tokens ([97405b4](https://gitlab.com/gitlab-org/gitlab-ui/commit/97405b483f44b60f8e24fa9dbb1a40dc080efd43))
+
 # [68.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v68.4.0...v68.5.0) (2023-11-14)
 
 

package/dist/tokens/common_story_options.js

@@ -0,0 +1,32 @@
+import { colorFromBackground } from '../utils/utils';
+
+const methods = {
+  getTokenName(name, key) {
+    return [name, key].filter(Boolean).join('.');
+  },
+  getTextColorClass(value) {
+    const textColorVariant = colorFromBackground(value, 4.5);
+    return {
+      'gl-text-gray-950': textColorVariant === 'dark',
+      'gl-text-white': textColorVariant === 'light'
+    };
+  }
+};
+const template = `
+  <ul
+    class="gl-list-style-none gl-m-0 gl-p-0"
+  >
+    <li
+      v-for="(token, key) in tokens"
+      :key="key"
+      class="gl-display-flex gl-justify-content-space-between gl-gap-3 gl-p-3"
+      :class="getTextColorClass(token.$value)"
+      :style="{ backgroundColor: token.$value }"
+    >
+      <code class="gl-reset-color">{{ getTokenName(name, key) }}</code>
+      <code class="gl-reset-color">{{ token.$value }}</code>
+    </li>
+  </ul>
+`;
+
+export { methods, template };

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 14 Nov 2023 10:13:26 GMT
+ * Generated on Wed, 15 Nov 2023 08:05:48 GMT
  */
 
 :root {
@@ -25,61 +25,6 @@
   --brand-orange-02: #fc6d26;
   --brand-orange-01: #fca326;
   --brand-charcoal: #171321;
-  --data-viz-orange-950: #4b2707;
-  --data-viz-orange-900: #5e2f05;
-  --data-viz-orange-800: #6f3500;
-  --data-viz-orange-700: #92430a;
-  --data-viz-orange-600: #b14f18;
-  --data-viz-orange-500: #c95d2e;
-  --data-viz-orange-400: #e07e41;
-  --data-viz-orange-300: #e99b60;
-  --data-viz-orange-200: #eebd8c;
-  --data-viz-orange-100: #f5d6b3;
-  --data-viz-orange-50: #fae8d1;
-  --data-viz-magenta-950: #541d31;
-  --data-viz-magenta-900: #661e3a;
-  --data-viz-magenta-800: #7c214f;
-  --data-viz-magenta-700: #9a2e5d;
-  --data-viz-magenta-600: #b93d71;
-  --data-viz-magenta-500: #cf4d81;
-  --data-viz-magenta-400: #e86e9a;
-  --data-viz-magenta-300: #f88aaf;
-  --data-viz-magenta-200: #fcacc5;
-  --data-viz-magenta-100: #ffccdb;
-  --data-viz-magenta-50: #ffe3eb;
-  --data-viz-blue-950: #2a2b59;
-  --data-viz-blue-900: #303470;
-  --data-viz-blue-800: #374291;
-  --data-viz-blue-700: #3f51ae;
-  --data-viz-blue-600: #4e65cd;
-  --data-viz-blue-500: #617ae2;
-  --data-viz-blue-400: #7992f5;
-  --data-viz-blue-300: #97acff;
-  --data-viz-blue-200: #b7c6ff;
-  --data-viz-blue-100: #d2dcff;
-  --data-viz-blue-50: #e9ebff;
-  --data-viz-aqua-950: #00344b;
-  --data-viz-aqua-900: #004059;
-  --data-viz-aqua-800: #00516c;
-  --data-viz-aqua-700: #006381;
-  --data-viz-aqua-600: #007b9b;
-  --data-viz-aqua-500: #0090b1;
-  --data-viz-aqua-400: #00acc4;
-  --data-viz-aqua-300: #32c5d2;
-  --data-viz-aqua-200: #5edee3;
-  --data-viz-aqua-100: #93f2ef;
-  --data-viz-aqua-50: #b5fefd;
-  --data-viz-green-950: #133a03;
-  --data-viz-green-900: #1a4500;
-  --data-viz-green-800: #275600;
-  --data-viz-green-700: #366800;
-  --data-viz-green-600: #4e7f0e;
-  --data-viz-green-500: #619025;
-  --data-viz-green-400: #81ac41;
-  --data-viz-green-300: #94c25e;
-  --data-viz-green-200: #b0d97b;
-  --data-viz-green-100: #c6ed94;
-  --data-viz-green-50: #ddfab7;
   --red-950: #4d0a00;
   --red-900: #660e00;
   --red-800: #8d1300;
@@ -149,4 +94,125 @@
   --blue-50: #e9f3fc;
   --white: #fff;
   --black: #000;
+  --theme-light-red-950: #5c1105;
+  --theme-light-red-900: #751709;
+  --theme-light-red-800: #8b2212;
+  --theme-light-red-700: #a02e1c;
+  --theme-light-red-600: #b53a26;
+  --theme-light-red-500: #c24b38;
+  --theme-light-red-400: #d36250;
+  --theme-light-red-300: #e07f6f;
+  --theme-light-red-200: #ebada2;
+  --theme-light-red-100: #f6d9d5;
+  --theme-light-red-50: #faf2f1;
+  --theme-red-950: #380700;
+  --theme-red-900: #580d02;
+  --theme-red-800: #761405;
+  --theme-red-700: #8f2110;
+  --theme-red-600: #a13322;
+  --theme-red-500: #ad4a3b;
+  --theme-red-400: #c66e60;
+  --theme-red-300: #d59086;
+  --theme-red-200: #e3bab5;
+  --theme-red-100: #ecd3d0;
+  --theme-red-50: #f4e9e7;
+  --theme-green-950: #052e19;
+  --theme-green-900: #0e4328;
+  --theme-green-800: #155635;
+  --theme-green-700: #1b653f;
+  --theme-green-600: #25744c;
+  --theme-green-500: #308258;
+  --theme-green-400: #499767;
+  --theme-green-300: #69af7d;
+  --theme-green-200: #8cc497;
+  --theme-green-100: #b1d6b5;
+  --theme-green-50: #dde9de;
+  --theme-light-blue-950: #0a3764;
+  --theme-light-blue-900: #0c4277;
+  --theme-light-blue-800: #0e4d8d;
+  --theme-light-blue-700: #145aa1;
+  --theme-light-blue-600: #2268ae;
+  --theme-light-blue-500: #3476b9;
+  --theme-light-blue-400: #4f8bc7;
+  --theme-light-blue-300: #74a3d3;
+  --theme-light-blue-200: #a0bedc;
+  --theme-light-blue-100: #c1d4e6;
+  --theme-light-blue-50: #dde6ee;
+  --theme-blue-950: #04101c;
+  --theme-blue-900: #0b2640;
+  --theme-blue-800: #153c63;
+  --theme-blue-700: #235180;
+  --theme-blue-600: #346596;
+  --theme-blue-500: #4977a5;
+  --theme-blue-400: #628eb9;
+  --theme-blue-300: #81a5c9;
+  --theme-blue-200: #a6bdd5;
+  --theme-blue-100: #b9cadc;
+  --theme-blue-50: #cdd8e3;
+  --theme-indigo-950: #14143d;
+  --theme-indigo-900: #222261;
+  --theme-indigo-800: #303083;
+  --theme-indigo-700: #41419f;
+  --theme-indigo-600: #5252b5;
+  --theme-indigo-500: #6666c4;
+  --theme-indigo-400: #8181d7;
+  --theme-indigo-300: #a2a2e6;
+  --theme-indigo-200: #c7c7f2;
+  --theme-indigo-100: #dbdbf8;
+  --theme-indigo-50: #f1f1ff;
+  --data-viz-orange-950: #4b2707;
+  --data-viz-orange-900: #5e2f05;
+  --data-viz-orange-800: #6f3500;
+  --data-viz-orange-700: #92430a;
+  --data-viz-orange-600: #b14f18;
+  --data-viz-orange-500: #c95d2e;
+  --data-viz-orange-400: #e07e41;
+  --data-viz-orange-300: #e99b60;
+  --data-viz-orange-200: #eebd8c;
+  --data-viz-orange-100: #f5d6b3;
+  --data-viz-orange-50: #fae8d1;
+  --data-viz-magenta-950: #541d31;
+  --data-viz-magenta-900: #661e3a;
+  --data-viz-magenta-800: #7c214f;
+  --data-viz-magenta-700: #9a2e5d;
+  --data-viz-magenta-600: #b93d71;
+  --data-viz-magenta-500: #cf4d81;
+  --data-viz-magenta-400: #e86e9a;
+  --data-viz-magenta-300: #f88aaf;
+  --data-viz-magenta-200: #fcacc5;
+  --data-viz-magenta-100: #ffccdb;
+  --data-viz-magenta-50: #ffe3eb;
+  --data-viz-blue-950: #2a2b59;
+  --data-viz-blue-900: #303470;
+  --data-viz-blue-800: #374291;
+  --data-viz-blue-700: #3f51ae;
+  --data-viz-blue-600: #4e65cd;
+  --data-viz-blue-500: #617ae2;
+  --data-viz-blue-400: #7992f5;
+  --data-viz-blue-300: #97acff;
+  --data-viz-blue-200: #b7c6ff;
+  --data-viz-blue-100: #d2dcff;
+  --data-viz-blue-50: #e9ebff;
+  --data-viz-aqua-950: #00344b;
+  --data-viz-aqua-900: #004059;
+  --data-viz-aqua-800: #00516c;
+  --data-viz-aqua-700: #006381;
+  --data-viz-aqua-600: #007b9b;
+  --data-viz-aqua-500: #0090b1;
+  --data-viz-aqua-400: #00acc4;
+  --data-viz-aqua-300: #32c5d2;
+  --data-viz-aqua-200: #5edee3;
+  --data-viz-aqua-100: #93f2ef;
+  --data-viz-aqua-50: #b5fefd;
+  --data-viz-green-950: #133a03;
+  --data-viz-green-900: #1a4500;
+  --data-viz-green-800: #275600;
+  --data-viz-green-700: #366800;
+  --data-viz-green-600: #4e7f0e;
+  --data-viz-green-500: #619025;
+  --data-viz-green-400: #81ac41;
+  --data-viz-green-300: #94c25e;
+  --data-viz-green-200: #b0d97b;
+  --data-viz-green-100: #c6ed94;
+  --data-viz-green-50: #ddfab7;
 }

package/dist/tokens/css/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 14 Nov 2023 10:13:26 GMT
+ * Generated on Wed, 15 Nov 2023 08:05:48 GMT
  */
 
 :root.gl-dark {
@@ -71,6 +71,6 @@
   --blue-200: #0b5cad;
   --blue-100: #064787;
   --blue-50: #033464;
+  --white: #333238;
   --black: #fff;
-  --white: var(--gray-50);
 }

package/dist/tokens/js/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 14 Nov 2023 10:13:26 GMT
+ * Generated on Wed, 15 Nov 2023 08:05:48 GMT
  */
 
 export const BLACK = "#fff";

package/dist/tokens/js/tokens.js

@@ -1,8 +1,129 @@
 /**
  * Do not edit directly
- * Generated on Tue, 14 Nov 2023 10:13:26 GMT
+ * Generated on Wed, 15 Nov 2023 08:05:48 GMT
  */
 
+export const DATA_VIZ_GREEN_50 = "#ddfab7";
+export const DATA_VIZ_GREEN_100 = "#c6ed94";
+export const DATA_VIZ_GREEN_200 = "#b0d97b";
+export const DATA_VIZ_GREEN_300 = "#94c25e";
+export const DATA_VIZ_GREEN_400 = "#81ac41";
+export const DATA_VIZ_GREEN_500 = "#619025";
+export const DATA_VIZ_GREEN_600 = "#4e7f0e";
+export const DATA_VIZ_GREEN_700 = "#366800";
+export const DATA_VIZ_GREEN_800 = "#275600";
+export const DATA_VIZ_GREEN_900 = "#1a4500";
+export const DATA_VIZ_GREEN_950 = "#133a03";
+export const DATA_VIZ_AQUA_50 = "#b5fefd";
+export const DATA_VIZ_AQUA_100 = "#93f2ef";
+export const DATA_VIZ_AQUA_200 = "#5edee3";
+export const DATA_VIZ_AQUA_300 = "#32c5d2";
+export const DATA_VIZ_AQUA_400 = "#00acc4";
+export const DATA_VIZ_AQUA_500 = "#0090b1";
+export const DATA_VIZ_AQUA_600 = "#007b9b";
+export const DATA_VIZ_AQUA_700 = "#006381";
+export const DATA_VIZ_AQUA_800 = "#00516c";
+export const DATA_VIZ_AQUA_900 = "#004059";
+export const DATA_VIZ_AQUA_950 = "#00344b";
+export const DATA_VIZ_BLUE_50 = "#e9ebff";
+export const DATA_VIZ_BLUE_100 = "#d2dcff";
+export const DATA_VIZ_BLUE_200 = "#b7c6ff";
+export const DATA_VIZ_BLUE_300 = "#97acff";
+export const DATA_VIZ_BLUE_400 = "#7992f5";
+export const DATA_VIZ_BLUE_500 = "#617ae2";
+export const DATA_VIZ_BLUE_600 = "#4e65cd";
+export const DATA_VIZ_BLUE_700 = "#3f51ae";
+export const DATA_VIZ_BLUE_800 = "#374291";
+export const DATA_VIZ_BLUE_900 = "#303470";
+export const DATA_VIZ_BLUE_950 = "#2a2b59";
+export const DATA_VIZ_MAGENTA_50 = "#ffe3eb";
+export const DATA_VIZ_MAGENTA_100 = "#ffccdb";
+export const DATA_VIZ_MAGENTA_200 = "#fcacc5";
+export const DATA_VIZ_MAGENTA_300 = "#f88aaf";
+export const DATA_VIZ_MAGENTA_400 = "#e86e9a";
+export const DATA_VIZ_MAGENTA_500 = "#cf4d81";
+export const DATA_VIZ_MAGENTA_600 = "#b93d71";
+export const DATA_VIZ_MAGENTA_700 = "#9a2e5d";
+export const DATA_VIZ_MAGENTA_800 = "#7c214f";
+export const DATA_VIZ_MAGENTA_900 = "#661e3a";
+export const DATA_VIZ_MAGENTA_950 = "#541d31";
+export const DATA_VIZ_ORANGE_50 = "#fae8d1";
+export const DATA_VIZ_ORANGE_100 = "#f5d6b3";
+export const DATA_VIZ_ORANGE_200 = "#eebd8c";
+export const DATA_VIZ_ORANGE_300 = "#e99b60";
+export const DATA_VIZ_ORANGE_400 = "#e07e41";
+export const DATA_VIZ_ORANGE_500 = "#c95d2e";
+export const DATA_VIZ_ORANGE_600 = "#b14f18";
+export const DATA_VIZ_ORANGE_700 = "#92430a";
+export const DATA_VIZ_ORANGE_800 = "#6f3500";
+export const DATA_VIZ_ORANGE_900 = "#5e2f05";
+export const DATA_VIZ_ORANGE_950 = "#4b2707";
+export const THEME_INDIGO_50 = "#f1f1ff";
+export const THEME_INDIGO_100 = "#dbdbf8";
+export const THEME_INDIGO_200 = "#c7c7f2";
+export const THEME_INDIGO_300 = "#a2a2e6";
+export const THEME_INDIGO_400 = "#8181d7";
+export const THEME_INDIGO_500 = "#6666c4";
+export const THEME_INDIGO_600 = "#5252b5";
+export const THEME_INDIGO_700 = "#41419f";
+export const THEME_INDIGO_800 = "#303083";
+export const THEME_INDIGO_900 = "#222261";
+export const THEME_INDIGO_950 = "#14143d";
+export const THEME_BLUE_50 = "#cdd8e3";
+export const THEME_BLUE_100 = "#b9cadc";
+export const THEME_BLUE_200 = "#a6bdd5";
+export const THEME_BLUE_300 = "#81a5c9";
+export const THEME_BLUE_400 = "#628eb9";
+export const THEME_BLUE_500 = "#4977a5";
+export const THEME_BLUE_600 = "#346596";
+export const THEME_BLUE_700 = "#235180";
+export const THEME_BLUE_800 = "#153c63";
+export const THEME_BLUE_900 = "#0b2640";
+export const THEME_BLUE_950 = "#04101c";
+export const THEME_LIGHT_BLUE_50 = "#dde6ee";
+export const THEME_LIGHT_BLUE_100 = "#c1d4e6";
+export const THEME_LIGHT_BLUE_200 = "#a0bedc";
+export const THEME_LIGHT_BLUE_300 = "#74a3d3";
+export const THEME_LIGHT_BLUE_400 = "#4f8bc7";
+export const THEME_LIGHT_BLUE_500 = "#3476b9";
+export const THEME_LIGHT_BLUE_600 = "#2268ae";
+export const THEME_LIGHT_BLUE_700 = "#145aa1";
+export const THEME_LIGHT_BLUE_800 = "#0e4d8d";
+export const THEME_LIGHT_BLUE_900 = "#0c4277";
+export const THEME_LIGHT_BLUE_950 = "#0a3764";
+export const THEME_GREEN_50 = "#dde9de";
+export const THEME_GREEN_100 = "#b1d6b5";
+export const THEME_GREEN_200 = "#8cc497";
+export const THEME_GREEN_300 = "#69af7d";
+export const THEME_GREEN_400 = "#499767";
+export const THEME_GREEN_500 = "#308258";
+export const THEME_GREEN_600 = "#25744c";
+export const THEME_GREEN_700 = "#1b653f";
+export const THEME_GREEN_800 = "#155635";
+export const THEME_GREEN_900 = "#0e4328";
+export const THEME_GREEN_950 = "#052e19";
+export const THEME_RED_50 = "#f4e9e7";
+export const THEME_RED_100 = "#ecd3d0";
+export const THEME_RED_200 = "#e3bab5";
+export const THEME_RED_300 = "#d59086";
+export const THEME_RED_400 = "#c66e60";
+export const THEME_RED_500 = "#ad4a3b";
+export const THEME_RED_600 = "#a13322";
+export const THEME_RED_700 = "#8f2110";
+export const THEME_RED_800 = "#761405";
+export const THEME_RED_900 = "#580d02";
+export const THEME_RED_950 = "#380700";
+export const THEME_LIGHT_RED_50 = "#faf2f1";
+export const THEME_LIGHT_RED_100 = "#f6d9d5";
+export const THEME_LIGHT_RED_200 = "#ebada2";
+export const THEME_LIGHT_RED_300 = "#e07f6f";
+export const THEME_LIGHT_RED_400 = "#d36250";
+export const THEME_LIGHT_RED_500 = "#c24b38";
+export const THEME_LIGHT_RED_600 = "#b53a26";
+export const THEME_LIGHT_RED_700 = "#a02e1c";
+export const THEME_LIGHT_RED_800 = "#8b2212";
+export const THEME_LIGHT_RED_900 = "#751709";
+export const THEME_LIGHT_RED_950 = "#5c1105";
 export const BLACK = "#000";
 export const WHITE = "#fff";
 export const BLUE_50 = "#e9f3fc";
@@ -72,61 +193,6 @@ export const RED_700 = "#ae1800";
 export const RED_800 = "#8d1300";
 export const RED_900 = "#660e00";
 export const RED_950 = "#4d0a00";
-export const DATA_VIZ_GREEN_50 = "#ddfab7";
-export const DATA_VIZ_GREEN_100 = "#c6ed94";
-export const DATA_VIZ_GREEN_200 = "#b0d97b";
-export const DATA_VIZ_GREEN_300 = "#94c25e";
-export const DATA_VIZ_GREEN_400 = "#81ac41";
-export const DATA_VIZ_GREEN_500 = "#619025";
-export const DATA_VIZ_GREEN_600 = "#4e7f0e";
-export const DATA_VIZ_GREEN_700 = "#366800";
-export const DATA_VIZ_GREEN_800 = "#275600";
-export const DATA_VIZ_GREEN_900 = "#1a4500";
-export const DATA_VIZ_GREEN_950 = "#133a03";
-export const DATA_VIZ_AQUA_50 = "#b5fefd";
-export const DATA_VIZ_AQUA_100 = "#93f2ef";
-export const DATA_VIZ_AQUA_200 = "#5edee3";
-export const DATA_VIZ_AQUA_300 = "#32c5d2";
-export const DATA_VIZ_AQUA_400 = "#00acc4";
-export const DATA_VIZ_AQUA_500 = "#0090b1";
-export const DATA_VIZ_AQUA_600 = "#007b9b";
-export const DATA_VIZ_AQUA_700 = "#006381";
-export const DATA_VIZ_AQUA_800 = "#00516c";
-export const DATA_VIZ_AQUA_900 = "#004059";
-export const DATA_VIZ_AQUA_950 = "#00344b";
-export const DATA_VIZ_BLUE_50 = "#e9ebff";
-export const DATA_VIZ_BLUE_100 = "#d2dcff";
-export const DATA_VIZ_BLUE_200 = "#b7c6ff";
-export const DATA_VIZ_BLUE_300 = "#97acff";
-export const DATA_VIZ_BLUE_400 = "#7992f5";
-export const DATA_VIZ_BLUE_500 = "#617ae2";
-export const DATA_VIZ_BLUE_600 = "#4e65cd";
-export const DATA_VIZ_BLUE_700 = "#3f51ae";
-export const DATA_VIZ_BLUE_800 = "#374291";
-export const DATA_VIZ_BLUE_900 = "#303470";
-export const DATA_VIZ_BLUE_950 = "#2a2b59";
-export const DATA_VIZ_MAGENTA_50 = "#ffe3eb";
-export const DATA_VIZ_MAGENTA_100 = "#ffccdb";
-export const DATA_VIZ_MAGENTA_200 = "#fcacc5";
-export const DATA_VIZ_MAGENTA_300 = "#f88aaf";
-export const DATA_VIZ_MAGENTA_400 = "#e86e9a";
-export const DATA_VIZ_MAGENTA_500 = "#cf4d81";
-export const DATA_VIZ_MAGENTA_600 = "#b93d71";
-export const DATA_VIZ_MAGENTA_700 = "#9a2e5d";
-export const DATA_VIZ_MAGENTA_800 = "#7c214f";
-export const DATA_VIZ_MAGENTA_900 = "#661e3a";
-export const DATA_VIZ_MAGENTA_950 = "#541d31";
-export const DATA_VIZ_ORANGE_50 = "#fae8d1";
-export const DATA_VIZ_ORANGE_100 = "#f5d6b3";
-export const DATA_VIZ_ORANGE_200 = "#eebd8c";
-export const DATA_VIZ_ORANGE_300 = "#e99b60";
-export const DATA_VIZ_ORANGE_400 = "#e07e41";
-export const DATA_VIZ_ORANGE_500 = "#c95d2e";
-export const DATA_VIZ_ORANGE_600 = "#b14f18";
-export const DATA_VIZ_ORANGE_700 = "#92430a";
-export const DATA_VIZ_ORANGE_800 = "#6f3500";
-export const DATA_VIZ_ORANGE_900 = "#5e2f05";
-export const DATA_VIZ_ORANGE_950 = "#4b2707";
 export const BRAND_CHARCOAL = "#171321";
 export const BRAND_ORANGE_01 = "#fca326";
 export const BRAND_ORANGE_02 = "#fc6d26";

package/dist/tokens/json/tokens.dark.grouped.json

@@ -1,5 +1,126 @@
 {
   "color": {
+    "data-viz-green-50": "#ddfab7",
+    "data-viz-green-100": "#c6ed94",
+    "data-viz-green-200": "#b0d97b",
+    "data-viz-green-300": "#94c25e",
+    "data-viz-green-400": "#81ac41",
+    "data-viz-green-500": "#619025",
+    "data-viz-green-600": "#4e7f0e",
+    "data-viz-green-700": "#366800",
+    "data-viz-green-800": "#275600",
+    "data-viz-green-900": "#1a4500",
+    "data-viz-green-950": "#133a03",
+    "data-viz-aqua-50": "#b5fefd",
+    "data-viz-aqua-100": "#93f2ef",
+    "data-viz-aqua-200": "#5edee3",
+    "data-viz-aqua-300": "#32c5d2",
+    "data-viz-aqua-400": "#00acc4",
+    "data-viz-aqua-500": "#0090b1",
+    "data-viz-aqua-600": "#007b9b",
+    "data-viz-aqua-700": "#006381",
+    "data-viz-aqua-800": "#00516c",
+    "data-viz-aqua-900": "#004059",
+    "data-viz-aqua-950": "#00344b",
+    "data-viz-blue-50": "#e9ebff",
+    "data-viz-blue-100": "#d2dcff",
+    "data-viz-blue-200": "#b7c6ff",
+    "data-viz-blue-300": "#97acff",
+    "data-viz-blue-400": "#7992f5",
+    "data-viz-blue-500": "#617ae2",
+    "data-viz-blue-600": "#4e65cd",
+    "data-viz-blue-700": "#3f51ae",
+    "data-viz-blue-800": "#374291",
+    "data-viz-blue-900": "#303470",
+    "data-viz-blue-950": "#2a2b59",
+    "data-viz-magenta-50": "#ffe3eb",
+    "data-viz-magenta-100": "#ffccdb",
+    "data-viz-magenta-200": "#fcacc5",
+    "data-viz-magenta-300": "#f88aaf",
+    "data-viz-magenta-400": "#e86e9a",
+    "data-viz-magenta-500": "#cf4d81",
+    "data-viz-magenta-600": "#b93d71",
+    "data-viz-magenta-700": "#9a2e5d",
+    "data-viz-magenta-800": "#7c214f",
+    "data-viz-magenta-900": "#661e3a",
+    "data-viz-magenta-950": "#541d31",
+    "data-viz-orange-50": "#fae8d1",
+    "data-viz-orange-100": "#f5d6b3",
+    "data-viz-orange-200": "#eebd8c",
+    "data-viz-orange-300": "#e99b60",
+    "data-viz-orange-400": "#e07e41",
+    "data-viz-orange-500": "#c95d2e",
+    "data-viz-orange-600": "#b14f18",
+    "data-viz-orange-700": "#92430a",
+    "data-viz-orange-800": "#6f3500",
+    "data-viz-orange-900": "#5e2f05",
+    "data-viz-orange-950": "#4b2707",
+    "theme-indigo-50": "#f1f1ff",
+    "theme-indigo-100": "#dbdbf8",
+    "theme-indigo-200": "#c7c7f2",
+    "theme-indigo-300": "#a2a2e6",
+    "theme-indigo-400": "#8181d7",
+    "theme-indigo-500": "#6666c4",
+    "theme-indigo-600": "#5252b5",
+    "theme-indigo-700": "#41419f",
+    "theme-indigo-800": "#303083",
+    "theme-indigo-900": "#222261",
+    "theme-indigo-950": "#14143d",
+    "theme-blue-50": "#cdd8e3",
+    "theme-blue-100": "#b9cadc",
+    "theme-blue-200": "#a6bdd5",
+    "theme-blue-300": "#81a5c9",
+    "theme-blue-400": "#628eb9",
+    "theme-blue-500": "#4977a5",
+    "theme-blue-600": "#346596",
+    "theme-blue-700": "#235180",
+    "theme-blue-800": "#153c63",
+    "theme-blue-900": "#0b2640",
+    "theme-blue-950": "#04101c",
+    "theme-light-blue-50": "#dde6ee",
+    "theme-light-blue-100": "#c1d4e6",
+    "theme-light-blue-200": "#a0bedc",
+    "theme-light-blue-300": "#74a3d3",
+    "theme-light-blue-400": "#4f8bc7",
+    "theme-light-blue-500": "#3476b9",
+    "theme-light-blue-600": "#2268ae",
+    "theme-light-blue-700": "#145aa1",
+    "theme-light-blue-800": "#0e4d8d",
+    "theme-light-blue-900": "#0c4277",
+    "theme-light-blue-950": "#0a3764",
+    "theme-green-50": "#dde9de",
+    "theme-green-100": "#b1d6b5",
+    "theme-green-200": "#8cc497",
+    "theme-green-300": "#69af7d",
+    "theme-green-400": "#499767",
+    "theme-green-500": "#308258",
+    "theme-green-600": "#25744c",
+    "theme-green-700": "#1b653f",
+    "theme-green-800": "#155635",
+    "theme-green-900": "#0e4328",
+    "theme-green-950": "#052e19",
+    "theme-red-50": "#f4e9e7",
+    "theme-red-100": "#ecd3d0",
+    "theme-red-200": "#e3bab5",
+    "theme-red-300": "#d59086",
+    "theme-red-400": "#c66e60",
+    "theme-red-500": "#ad4a3b",
+    "theme-red-600": "#a13322",
+    "theme-red-700": "#8f2110",
+    "theme-red-800": "#761405",
+    "theme-red-900": "#580d02",
+    "theme-red-950": "#380700",
+    "theme-light-red-50": "#faf2f1",
+    "theme-light-red-100": "#f6d9d5",
+    "theme-light-red-200": "#ebada2",
+    "theme-light-red-300": "#e07f6f",
+    "theme-light-red-400": "#d36250",
+    "theme-light-red-500": "#c24b38",
+    "theme-light-red-600": "#b53a26",
+    "theme-light-red-700": "#a02e1c",
+    "theme-light-red-800": "#8b2212",
+    "theme-light-red-900": "#751709",
+    "theme-light-red-950": "#5c1105",
     "black": "#fff",
     "white": "#333238",
     "blue-50": "#033464",
@@ -69,61 +190,6 @@
     "red-800": "#fdd4cd",
     "red-900": "#fcf1ef",
     "red-950": "#fff4f3",
-    "data-viz-green-50": "#ddfab7",
-    "data-viz-green-100": "#c6ed94",
-    "data-viz-green-200": "#b0d97b",
-    "data-viz-green-300": "#94c25e",
-    "data-viz-green-400": "#81ac41",
-    "data-viz-green-500": "#619025",
-    "data-viz-green-600": "#4e7f0e",
-    "data-viz-green-700": "#366800",
-    "data-viz-green-800": "#275600",
-    "data-viz-green-900": "#1a4500",
-    "data-viz-green-950": "#133a03",
-    "data-viz-aqua-50": "#b5fefd",
-    "data-viz-aqua-100": "#93f2ef",
-    "data-viz-aqua-200": "#5edee3",
-    "data-viz-aqua-300": "#32c5d2",
-    "data-viz-aqua-400": "#00acc4",
-    "data-viz-aqua-500": "#0090b1",
-    "data-viz-aqua-600": "#007b9b",
-    "data-viz-aqua-700": "#006381",
-    "data-viz-aqua-800": "#00516c",
-    "data-viz-aqua-900": "#004059",
-    "data-viz-aqua-950": "#00344b",
-    "data-viz-blue-50": "#e9ebff",
-    "data-viz-blue-100": "#d2dcff",
-    "data-viz-blue-200": "#b7c6ff",
-    "data-viz-blue-300": "#97acff",
-    "data-viz-blue-400": "#7992f5",
-    "data-viz-blue-500": "#617ae2",
-    "data-viz-blue-600": "#4e65cd",
-    "data-viz-blue-700": "#3f51ae",
-    "data-viz-blue-800": "#374291",
-    "data-viz-blue-900": "#303470",
-    "data-viz-blue-950": "#2a2b59",
-    "data-viz-magenta-50": "#ffe3eb",
-    "data-viz-magenta-100": "#ffccdb",
-    "data-viz-magenta-200": "#fcacc5",
-    "data-viz-magenta-300": "#f88aaf",
-    "data-viz-magenta-400": "#e86e9a",
-    "data-viz-magenta-500": "#cf4d81",
-    "data-viz-magenta-600": "#b93d71",
-    "data-viz-magenta-700": "#9a2e5d",
-    "data-viz-magenta-800": "#7c214f",
-    "data-viz-magenta-900": "#661e3a",
-    "data-viz-magenta-950": "#541d31",
-    "data-viz-orange-50": "#fae8d1",
-    "data-viz-orange-100": "#f5d6b3",
-    "data-viz-orange-200": "#eebd8c",
-    "data-viz-orange-300": "#e99b60",
-    "data-viz-orange-400": "#e07e41",
-    "data-viz-orange-500": "#c95d2e",
-    "data-viz-orange-600": "#b14f18",
-    "data-viz-orange-700": "#92430a",
-    "data-viz-orange-800": "#6f3500",
-    "data-viz-orange-900": "#5e2f05",
-    "data-viz-orange-950": "#4b2707",
     "brand-charcoal": "#171321",
     "brand-orange-01": "#fca326",
     "brand-orange-02": "#fc6d26",