@gitlab/ui 80.3.0 → 80.5.0

package/src/tokens/build/scss/_tokens.dark.scss

@@ -0,0 +1,209 @@
+
+// Automatically generated
+// Do not edit directly
+
+$gl-text-color-disabled: #89888d !default; // Used for disabled text.
+$gl-text-color-link: #63a6e9 !default; // Used for default text links.
+$gl-text-color-heading: #fff !default; // Used for headings level 1-6.
+$gl-text-color-strong: #fff !default; // Used for text with the highest contrast.
+$gl-text-color-subtle: #bfbfc3 !default; // Used for supplemental text that doesn't need to be as prominent as other text.
+$gl-text-color-default: #ececef !default; // Used for the default text color.
+$gl-text-tertiary: #737278 !default; // Use text.color.disabled instead
+$gl-text-secondary: #89888d !default; // Use text.color.subtle instead
+$gl-text-primary: #ececef !default; // Use text.color.default instead
+$red-950: #fff4f3;
+$red-900: #fcf1ef;
+$red-800: #fdd4cd;
+$red-700: #fcb5aa;
+$red-600: #f57f6c;
+$red-500: #ec5941;
+$red-400: #dd2b0e;
+$red-300: #c91c00;
+$red-200: #ae1800;
+$red-100: #8d1300;
+$red-50: #660e00;
+$purple-950: #f4f0ff;
+$purple-900: #e1d8f9;
+$purple-800: #cbbbf2;
+$purple-700: #ac93e6;
+$purple-600: #9475db;
+$purple-500: #7b58cf;
+$purple-400: #694cc0;
+$purple-300: #5943b6;
+$purple-200: #453894;
+$purple-100: #2f2a6b;
+$purple-50: #232150;
+$orange-950: #fff4e1;
+$orange-900: #fdf1dd;
+$orange-800: #f5d9a8;
+$orange-700: #e9be74;
+$orange-600: #d99530;
+$orange-500: #c17d10;
+$orange-400: #ab6100;
+$orange-300: #9e5400;
+$orange-200: #8f4700;
+$orange-100: #703800;
+$orange-50: #5c2900;
+$green-950: #f1fdf6;
+$green-900: #ecf4ee;
+$green-800: #c3e6cd;
+$green-700: #91d4a8;
+$green-600: #52b87a;
+$green-500: #2da160;
+$green-400: #108548;
+$green-300: #217645;
+$green-200: #24663b;
+$green-100: #0d532a;
+$green-50: #0a4020;
+$gray-950: #fbfafd;
+$gray-900: #ececef;
+$gray-800: #dcdcde;
+$gray-700: #bfbfc3;
+$gray-600: #a4a3a8;
+$gray-500: #89888d;
+$gray-400: #737278;
+$gray-300: #626168;
+$gray-200: #535158;
+$gray-100: #434248;
+$gray-50: #333238;
+$gray-10: #1f1e24;
+$blue-950: #f2f9ff;
+$blue-900: #e9f3fc;
+$blue-800: #cbe2f9;
+$blue-700: #9dc7f1;
+$blue-600: #63a6e9;
+$blue-500: #428fdc;
+$blue-400: #1f75cb;
+$blue-300: #1068bf;
+$blue-200: #0b5cad;
+$blue-100: #064787;
+$blue-50: #033464;
+$white: #333238;
+$black: #fff;
+$theme-light-red-950: #fdf9f8;
+$theme-light-red-900: #faf2f1;
+$theme-light-red-800: #f6d9d5;
+$theme-light-red-700: #ebada2;
+$theme-light-red-600: #e07f6f;
+$theme-light-red-500: #d36250;
+$theme-light-red-400: #c24b38;
+$theme-light-red-300: #b53a26;
+$theme-light-red-200: #a02e1c;
+$theme-light-red-100: #8b2212;
+$theme-light-red-50: #751709;
+$theme-light-red-10: #5c1105;
+$theme-red-950: #faf4f3;
+$theme-red-900: #f4e9e7;
+$theme-red-800: #ecd3d0;
+$theme-red-700: #e3bab5;
+$theme-red-600: #d59086;
+$theme-red-500: #c66e60;
+$theme-red-400: #ad4a3b;
+$theme-red-300: #a13322;
+$theme-red-200: #8f2110;
+$theme-red-100: #761405;
+$theme-red-50: #580d02;
+$theme-red-10: #380700;
+$theme-green-950: #eef4ef;
+$theme-green-900: #dde9de;
+$theme-green-800: #b1d6b5;
+$theme-green-700: #8cc497;
+$theme-green-600: #69af7d;
+$theme-green-500: #499767;
+$theme-green-400: #308258;
+$theme-green-300: #25744c;
+$theme-green-200: #1b653f;
+$theme-green-100: #155635;
+$theme-green-50: #0e4328;
+$theme-green-10: #052e19;
+$theme-light-blue-950: #eef3f7;
+$theme-light-blue-900: #dde6ee;
+$theme-light-blue-800: #c1d4e6;
+$theme-light-blue-700: #a0bedc;
+$theme-light-blue-600: #74a3d3;
+$theme-light-blue-500: #4f8bc7;
+$theme-light-blue-400: #3476b9;
+$theme-light-blue-300: #2268ae;
+$theme-light-blue-200: #145aa1;
+$theme-light-blue-100: #0e4d8d;
+$theme-light-blue-50: #0c4277;
+$theme-light-blue-10: #0a3764;
+$theme-blue-950: #e6ecf0;
+$theme-blue-900: #cdd8e3;
+$theme-blue-800: #b9cadc;
+$theme-blue-700: #a6bdd5;
+$theme-blue-600: #81a5c9;
+$theme-blue-500: #628eb9;
+$theme-blue-400: #4977a5;
+$theme-blue-300: #346596;
+$theme-blue-200: #235180;
+$theme-blue-100: #153c63;
+$theme-blue-50: #0b2640;
+$theme-blue-10: #04101c;
+$theme-indigo-950: #f8f8ff;
+$theme-indigo-900: #f1f1ff;
+$theme-indigo-800: #dbdbf8;
+$theme-indigo-700: #c7c7f2;
+$theme-indigo-600: #a2a2e6;
+$theme-indigo-500: #8181d7;
+$theme-indigo-400: #6666c4;
+$theme-indigo-300: #5252b5;
+$theme-indigo-200: #41419f;
+$theme-indigo-100: #303083;
+$theme-indigo-50: #222261;
+$theme-indigo-10: #14143d;
+$data-viz-orange-950: #fae8d1;
+$data-viz-orange-900: #f5d6b3;
+$data-viz-orange-800: #eebd8c;
+$data-viz-orange-700: #e99b60;
+$data-viz-orange-600: #e07e41;
+$data-viz-orange-500: #c95d2e;
+$data-viz-orange-400: #b14f18;
+$data-viz-orange-300: #92430a;
+$data-viz-orange-200: #6f3500;
+$data-viz-orange-100: #5e2f05;
+$data-viz-orange-50: #4b2707;
+$data-viz-magenta-950: #ffe3eb;
+$data-viz-magenta-900: #ffccdb;
+$data-viz-magenta-800: #fcacc5;
+$data-viz-magenta-700: #f88aaf;
+$data-viz-magenta-600: #e86e9a;
+$data-viz-magenta-500: #cf4d81;
+$data-viz-magenta-400: #b93d71;
+$data-viz-magenta-300: #9a2e5d;
+$data-viz-magenta-200: #7c214f;
+$data-viz-magenta-100: #661e3a;
+$data-viz-magenta-50: #541d31;
+$data-viz-blue-950: #e9ebff;
+$data-viz-blue-900: #d2dcff;
+$data-viz-blue-800: #b7c6ff;
+$data-viz-blue-700: #97acff;
+$data-viz-blue-600: #7992f5;
+$data-viz-blue-500: #617ae2;
+$data-viz-blue-400: #4e65cd;
+$data-viz-blue-300: #3f51ae;
+$data-viz-blue-200: #374291;
+$data-viz-blue-100: #303470;
+$data-viz-blue-50: #2a2b59;
+$data-viz-aqua-950: #b5fefd;
+$data-viz-aqua-900: #93f2ef;
+$data-viz-aqua-800: #5edee3;
+$data-viz-aqua-700: #32c5d2;
+$data-viz-aqua-600: #00acc4;
+$data-viz-aqua-500: #0090b1;
+$data-viz-aqua-400: #007b9b;
+$data-viz-aqua-300: #006381;
+$data-viz-aqua-200: #00516c;
+$data-viz-aqua-100: #004059;
+$data-viz-aqua-50: #00344b;
+$data-viz-green-950: #ddfab7;
+$data-viz-green-900: #c6ed94;
+$data-viz-green-800: #b0d97b;
+$data-viz-green-700: #94c25e;
+$data-viz-green-600: #81ac41;
+$data-viz-green-500: #619025;
+$data-viz-green-400: #4e7f0e;
+$data-viz-green-300: #366800;
+$data-viz-green-200: #275600;
+$data-viz-green-100: #1a4500;
+$data-viz-green-50: #133a03;

package/src/tokens/build/scss/_tokens.scss

@@ -0,0 +1,245 @@
+
+// Automatically generated
+// Do not edit directly
+
+$gl-text-color-disabled: #89888d !default; // Used for disabled text.
+$gl-text-color-success: #217645 !default; // Used for text indicating success or validity.
+$gl-text-color-danger: #c91c00 !default; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
+$gl-text-color-link: #0b5cad !default; // Used for default text links.
+$gl-text-color-heading: #1f1e24 !default; // Used for headings level 1-6.
+$gl-text-color-strong: #1f1e24 !default; // Used for text with the highest contrast.
+$gl-text-color-subtle: #626168 !default; // Used for supplemental text that doesn't need to be as prominent as other text.
+$gl-text-color-default: #434248 !default; // Used for the default text color.
+$gl-text-tertiary: #89888d !default; // Use text.color.disabled instead
+$gl-text-secondary: #737278 !default; // Use text.color.subtle instead
+$gl-text-primary: #333238 !default; // Use text.color.default instead
+$gl-line-height-52: 3.25rem;
+$gl-line-height-44: 2.75rem;
+$gl-line-height-42: 2.625rem;
+$gl-line-height-36: 2.25rem;
+$gl-line-height-32: 2rem;
+$gl-line-height-28: 1.75rem;
+$gl-line-height-24: 1.5rem;
+$gl-line-height-20: 1.25rem;
+$gl-line-height-16: 1rem;
+$gl-line-height-12: 0.75rem;
+$t-white-a-08: rgba(255, 255, 255, 0.08) !default;
+$t-white-a-06: rgba(255, 255, 255, 0.06) !default;
+$t-white-a-04: rgba(255, 255, 255, 0.04) !default;
+$t-white-a-02: rgba(255, 255, 255, 0.02) !default;
+$t-white-a-36: rgba(255, 255, 255, 0.36) !default;
+$t-white-a-24: rgba(255, 255, 255, 0.24) !default;
+$t-white-a-16: rgba(255, 255, 255, 0.16) !default;
+$t-gray-a-08: rgba(31, 30, 36, 0.08) !default;
+$t-gray-a-06: rgba(31, 30, 36, 0.06) !default;
+$t-gray-a-04: rgba(31, 30, 36, 0.04) !default;
+$t-gray-a-02: rgba(31, 30, 36, 0.02) !default;
+$t-gray-a-24: rgba(31, 30, 36, 0.24) !default;
+$t-gray-a-16: rgba(31, 30, 36, 0.16) !default;
+$brand-gray-05: #2b2838 !default;
+$brand-gray-04: #45424d !default;
+$brand-gray-03: #74717a !default;
+$brand-gray-02: #a2a1a6 !default;
+$brand-gray-01: #d1d0d3 !default;
+$brand-purple-02: #7759c2 !default;
+$brand-purple-01: #a989f5 !default;
+$brand-orange-03: #e24329 !default;
+$brand-orange-02: #fc6d26 !default;
+$brand-orange-01: #fca326 !default;
+$brand-charcoal: #171321 !default;
+$red-950: #4d0a00 !default;
+$red-900: #660e00 !default;
+$red-800: #8d1300 !default;
+$red-700: #ae1800 !default;
+$red-600: #c91c00 !default;
+$red-500: #dd2b0e !default;
+$red-400: #ec5941 !default;
+$red-300: #f57f6c !default;
+$red-200: #fcb5aa !default;
+$red-100: #fdd4cd !default;
+$red-50: #fcf1ef !default;
+$purple-950: #232150 !default;
+$purple-900: #2f2a6b !default;
+$purple-800: #453894 !default;
+$purple-700: #5943b6 !default;
+$purple-600: #694cc0 !default;
+$purple-500: #7b58cf !default;
+$purple-400: #9475db !default;
+$purple-300: #ac93e6 !default;
+$purple-200: #cbbbf2 !default;
+$purple-100: #e1d8f9 !default;
+$purple-50: #f4f0ff !default;
+$orange-950: #421f00 !default;
+$orange-900: #5c2900 !default;
+$orange-800: #703800 !default;
+$orange-700: #8f4700 !default;
+$orange-600: #9e5400 !default;
+$orange-500: #ab6100 !default;
+$orange-400: #c17d10 !default;
+$orange-300: #d99530 !default;
+$orange-200: #e9be74 !default;
+$orange-100: #f5d9a8 !default;
+$orange-50: #fdf1dd !default;
+$green-950: #072b15 !default;
+$green-900: #0a4020 !default;
+$green-800: #0d532a !default;
+$green-700: #24663b !default;
+$green-600: #217645 !default;
+$green-500: #108548 !default;
+$green-400: #2da160 !default;
+$green-300: #52b87a !default;
+$green-200: #91d4a8 !default;
+$green-100: #c3e6cd !default;
+$green-50: #ecf4ee !default;
+$gray-950: #1f1e24 !default;
+$gray-900: #333238 !default;
+$gray-800: #434248 !default;
+$gray-700: #535158 !default;
+$gray-600: #626168 !default;
+$gray-500: #737278 !default;
+$gray-400: #89888d !default;
+$gray-300: #a4a3a8 !default;
+$gray-200: #bfbfc3 !default;
+$gray-100: #dcdcde !default;
+$gray-50: #ececef !default;
+$gray-10: #fbfafd !default;
+$blue-950: #002850 !default;
+$blue-900: #033464 !default;
+$blue-800: #064787 !default;
+$blue-700: #0b5cad !default;
+$blue-600: #1068bf !default;
+$blue-500: #1f75cb !default;
+$blue-400: #428fdc !default;
+$blue-300: #63a6e9 !default;
+$blue-200: #9dc7f1 !default;
+$blue-100: #cbe2f9 !default;
+$blue-50: #e9f3fc !default;
+$white: #fff !default;
+$black: #000 !default;
+$theme-light-red-950: #5c1105 !default;
+$theme-light-red-900: #751709 !default;
+$theme-light-red-800: #8b2212 !default;
+$theme-light-red-700: #a02e1c !default;
+$theme-light-red-600: #b53a26 !default;
+$theme-light-red-500: #c24b38 !default;
+$theme-light-red-400: #d36250 !default;
+$theme-light-red-300: #e07f6f !default;
+$theme-light-red-200: #ebada2 !default;
+$theme-light-red-100: #f6d9d5 !default;
+$theme-light-red-50: #faf2f1 !default;
+$theme-light-red-10: #fdf9f8 !default;
+$theme-red-950: #380700 !default;
+$theme-red-900: #580d02 !default;
+$theme-red-800: #761405 !default;
+$theme-red-700: #8f2110 !default;
+$theme-red-600: #a13322 !default;
+$theme-red-500: #ad4a3b !default;
+$theme-red-400: #c66e60 !default;
+$theme-red-300: #d59086 !default;
+$theme-red-200: #e3bab5 !default;
+$theme-red-100: #ecd3d0 !default;
+$theme-red-50: #f4e9e7 !default;
+$theme-red-10: #faf4f3 !default;
+$theme-green-950: #052e19 !default;
+$theme-green-900: #0e4328 !default;
+$theme-green-800: #155635 !default;
+$theme-green-700: #1b653f !default;
+$theme-green-600: #25744c !default;
+$theme-green-500: #308258 !default;
+$theme-green-400: #499767 !default;
+$theme-green-300: #69af7d !default;
+$theme-green-200: #8cc497 !default;
+$theme-green-100: #b1d6b5 !default;
+$theme-green-50: #dde9de !default;
+$theme-green-10: #eef4ef !default;
+$theme-light-blue-950: #0a3764 !default;
+$theme-light-blue-900: #0c4277 !default;
+$theme-light-blue-800: #0e4d8d !default;
+$theme-light-blue-700: #145aa1 !default;
+$theme-light-blue-600: #2268ae !default;
+$theme-light-blue-500: #3476b9 !default;
+$theme-light-blue-400: #4f8bc7 !default;
+$theme-light-blue-300: #74a3d3 !default;
+$theme-light-blue-200: #a0bedc !default;
+$theme-light-blue-100: #c1d4e6 !default;
+$theme-light-blue-50: #dde6ee !default;
+$theme-light-blue-10: #eef3f7 !default;
+$theme-blue-950: #04101c !default;
+$theme-blue-900: #0b2640 !default;
+$theme-blue-800: #153c63 !default;
+$theme-blue-700: #235180 !default;
+$theme-blue-600: #346596 !default;
+$theme-blue-500: #4977a5 !default;
+$theme-blue-400: #628eb9 !default;
+$theme-blue-300: #81a5c9 !default;
+$theme-blue-200: #a6bdd5 !default;
+$theme-blue-100: #b9cadc !default;
+$theme-blue-50: #cdd8e3 !default;
+$theme-blue-10: #e6ecf0 !default;
+$theme-indigo-950: #14143d !default;
+$theme-indigo-900: #222261 !default;
+$theme-indigo-800: #303083 !default;
+$theme-indigo-700: #41419f !default;
+$theme-indigo-600: #5252b5 !default;
+$theme-indigo-500: #6666c4 !default;
+$theme-indigo-400: #8181d7 !default;
+$theme-indigo-300: #a2a2e6 !default;
+$theme-indigo-200: #c7c7f2 !default;
+$theme-indigo-100: #dbdbf8 !default;
+$theme-indigo-50: #f1f1ff !default;
+$theme-indigo-10: #f8f8ff !default;
+$data-viz-orange-950: #4b2707 !default;
+$data-viz-orange-900: #5e2f05 !default;
+$data-viz-orange-800: #6f3500 !default;
+$data-viz-orange-700: #92430a !default;
+$data-viz-orange-600: #b14f18 !default;
+$data-viz-orange-500: #c95d2e !default;
+$data-viz-orange-400: #e07e41 !default;
+$data-viz-orange-300: #e99b60 !default;
+$data-viz-orange-200: #eebd8c !default;
+$data-viz-orange-100: #f5d6b3 !default;
+$data-viz-orange-50: #fae8d1 !default;
+$data-viz-magenta-950: #541d31 !default;
+$data-viz-magenta-900: #661e3a !default;
+$data-viz-magenta-800: #7c214f !default;
+$data-viz-magenta-700: #9a2e5d !default;
+$data-viz-magenta-600: #b93d71 !default;
+$data-viz-magenta-500: #cf4d81 !default;
+$data-viz-magenta-400: #e86e9a !default;
+$data-viz-magenta-300: #f88aaf !default;
+$data-viz-magenta-200: #fcacc5 !default;
+$data-viz-magenta-100: #ffccdb !default;
+$data-viz-magenta-50: #ffe3eb !default;
+$data-viz-blue-950: #2a2b59 !default;
+$data-viz-blue-900: #303470 !default;
+$data-viz-blue-800: #374291 !default;
+$data-viz-blue-700: #3f51ae !default;
+$data-viz-blue-600: #4e65cd !default;
+$data-viz-blue-500: #617ae2 !default;
+$data-viz-blue-400: #7992f5 !default;
+$data-viz-blue-300: #97acff !default;
+$data-viz-blue-200: #b7c6ff !default;
+$data-viz-blue-100: #d2dcff !default;
+$data-viz-blue-50: #e9ebff !default;
+$data-viz-aqua-950: #00344b !default;
+$data-viz-aqua-900: #004059 !default;
+$data-viz-aqua-800: #00516c !default;
+$data-viz-aqua-700: #006381 !default;
+$data-viz-aqua-600: #007b9b !default;
+$data-viz-aqua-500: #0090b1 !default;
+$data-viz-aqua-400: #00acc4 !default;
+$data-viz-aqua-300: #32c5d2 !default;
+$data-viz-aqua-200: #5edee3 !default;
+$data-viz-aqua-100: #93f2ef !default;
+$data-viz-aqua-50: #b5fefd !default;
+$data-viz-green-950: #133a03 !default;
+$data-viz-green-900: #1a4500 !default;
+$data-viz-green-800: #275600 !default;
+$data-viz-green-700: #366800 !default;
+$data-viz-green-600: #4e7f0e !default;
+$data-viz-green-500: #619025 !default;
+$data-viz-green-400: #81ac41 !default;
+$data-viz-green-300: #94c25e !default;
+$data-viz-green-200: #b0d97b !default;
+$data-viz-green-100: #c6ed94 !default;
+$data-viz-green-50: #ddfab7 !default;

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

@@ -1,247 +0,0 @@
-{
-  "color": {
-    "data-viz-green-50": "#133a03",
-    "data-viz-green-100": "#1a4500",
-    "data-viz-green-200": "#275600",
-    "data-viz-green-300": "#366800",
-    "data-viz-green-400": "#4e7f0e",
-    "data-viz-green-500": "#619025",
-    "data-viz-green-600": "#81ac41",
-    "data-viz-green-700": "#94c25e",
-    "data-viz-green-800": "#b0d97b",
-    "data-viz-green-900": "#c6ed94",
-    "data-viz-green-950": "#ddfab7",
-    "data-viz-aqua-50": "#00344b",
-    "data-viz-aqua-100": "#004059",
-    "data-viz-aqua-200": "#00516c",
-    "data-viz-aqua-300": "#006381",
-    "data-viz-aqua-400": "#007b9b",
-    "data-viz-aqua-500": "#0090b1",
-    "data-viz-aqua-600": "#00acc4",
-    "data-viz-aqua-700": "#32c5d2",
-    "data-viz-aqua-800": "#5edee3",
-    "data-viz-aqua-900": "#93f2ef",
-    "data-viz-aqua-950": "#b5fefd",
-    "data-viz-blue-50": "#2a2b59",
-    "data-viz-blue-100": "#303470",
-    "data-viz-blue-200": "#374291",
-    "data-viz-blue-300": "#3f51ae",
-    "data-viz-blue-400": "#4e65cd",
-    "data-viz-blue-500": "#617ae2",
-    "data-viz-blue-600": "#7992f5",
-    "data-viz-blue-700": "#97acff",
-    "data-viz-blue-800": "#b7c6ff",
-    "data-viz-blue-900": "#d2dcff",
-    "data-viz-blue-950": "#e9ebff",
-    "data-viz-magenta-50": "#541d31",
-    "data-viz-magenta-100": "#661e3a",
-    "data-viz-magenta-200": "#7c214f",
-    "data-viz-magenta-300": "#9a2e5d",
-    "data-viz-magenta-400": "#b93d71",
-    "data-viz-magenta-500": "#cf4d81",
-    "data-viz-magenta-600": "#e86e9a",
-    "data-viz-magenta-700": "#f88aaf",
-    "data-viz-magenta-800": "#fcacc5",
-    "data-viz-magenta-900": "#ffccdb",
-    "data-viz-magenta-950": "#ffe3eb",
-    "data-viz-orange-50": "#4b2707",
-    "data-viz-orange-100": "#5e2f05",
-    "data-viz-orange-200": "#6f3500",
-    "data-viz-orange-300": "#92430a",
-    "data-viz-orange-400": "#b14f18",
-    "data-viz-orange-500": "#c95d2e",
-    "data-viz-orange-600": "#e07e41",
-    "data-viz-orange-700": "#e99b60",
-    "data-viz-orange-800": "#eebd8c",
-    "data-viz-orange-900": "#f5d6b3",
-    "data-viz-orange-950": "#fae8d1",
-    "theme-indigo-10": "#14143d",
-    "theme-indigo-50": "#222261",
-    "theme-indigo-100": "#303083",
-    "theme-indigo-200": "#41419f",
-    "theme-indigo-300": "#5252b5",
-    "theme-indigo-400": "#6666c4",
-    "theme-indigo-500": "#8181d7",
-    "theme-indigo-600": "#a2a2e6",
-    "theme-indigo-700": "#c7c7f2",
-    "theme-indigo-800": "#dbdbf8",
-    "theme-indigo-900": "#f1f1ff",
-    "theme-indigo-950": "#f8f8ff",
-    "theme-blue-10": "#04101c",
-    "theme-blue-50": "#0b2640",
-    "theme-blue-100": "#153c63",
-    "theme-blue-200": "#235180",
-    "theme-blue-300": "#346596",
-    "theme-blue-400": "#4977a5",
-    "theme-blue-500": "#628eb9",
-    "theme-blue-600": "#81a5c9",
-    "theme-blue-700": "#a6bdd5",
-    "theme-blue-800": "#b9cadc",
-    "theme-blue-900": "#cdd8e3",
-    "theme-blue-950": "#e6ecf0",
-    "theme-light-blue-10": "#0a3764",
-    "theme-light-blue-50": "#0c4277",
-    "theme-light-blue-100": "#0e4d8d",
-    "theme-light-blue-200": "#145aa1",
-    "theme-light-blue-300": "#2268ae",
-    "theme-light-blue-400": "#3476b9",
-    "theme-light-blue-500": "#4f8bc7",
-    "theme-light-blue-600": "#74a3d3",
-    "theme-light-blue-700": "#a0bedc",
-    "theme-light-blue-800": "#c1d4e6",
-    "theme-light-blue-900": "#dde6ee",
-    "theme-light-blue-950": "#eef3f7",
-    "theme-green-10": "#052e19",
-    "theme-green-50": "#0e4328",
-    "theme-green-100": "#155635",
-    "theme-green-200": "#1b653f",
-    "theme-green-300": "#25744c",
-    "theme-green-400": "#308258",
-    "theme-green-500": "#499767",
-    "theme-green-600": "#69af7d",
-    "theme-green-700": "#8cc497",
-    "theme-green-800": "#b1d6b5",
-    "theme-green-900": "#dde9de",
-    "theme-green-950": "#eef4ef",
-    "theme-red-10": "#380700",
-    "theme-red-50": "#580d02",
-    "theme-red-100": "#761405",
-    "theme-red-200": "#8f2110",
-    "theme-red-300": "#a13322",
-    "theme-red-400": "#ad4a3b",
-    "theme-red-500": "#c66e60",
-    "theme-red-600": "#d59086",
-    "theme-red-700": "#e3bab5",
-    "theme-red-800": "#ecd3d0",
-    "theme-red-900": "#f4e9e7",
-    "theme-red-950": "#faf4f3",
-    "theme-light-red-10": "#5c1105",
-    "theme-light-red-50": "#751709",
-    "theme-light-red-100": "#8b2212",
-    "theme-light-red-200": "#a02e1c",
-    "theme-light-red-300": "#b53a26",
-    "theme-light-red-400": "#c24b38",
-    "theme-light-red-500": "#d36250",
-    "theme-light-red-600": "#e07f6f",
-    "theme-light-red-700": "#ebada2",
-    "theme-light-red-800": "#f6d9d5",
-    "theme-light-red-900": "#faf2f1",
-    "theme-light-red-950": "#fdf9f8",
-    "black": "#fff",
-    "white": "#333238",
-    "blue-50": "#033464",
-    "blue-100": "#064787",
-    "blue-200": "#0b5cad",
-    "blue-300": "#1068bf",
-    "blue-400": "#1f75cb",
-    "blue-500": "#428fdc",
-    "blue-600": "#63a6e9",
-    "blue-700": "#9dc7f1",
-    "blue-800": "#cbe2f9",
-    "blue-900": "#e9f3fc",
-    "blue-950": "#f2f9ff",
-    "gray-10": "#1f1e24",
-    "gray-50": "#333238",
-    "gray-100": "#434248",
-    "gray-200": "#535158",
-    "gray-300": "#626168",
-    "gray-400": "#737278",
-    "gray-500": "#89888d",
-    "gray-600": "#a4a3a8",
-    "gray-700": "#bfbfc3",
-    "gray-800": "#dcdcde",
-    "gray-900": "#ececef",
-    "gray-950": "#fbfafd",
-    "green-50": "#0a4020",
-    "green-100": "#0d532a",
-    "green-200": "#24663b",
-    "green-300": "#217645",
-    "green-400": "#108548",
-    "green-500": "#2da160",
-    "green-600": "#52b87a",
-    "green-700": "#91d4a8",
-    "green-800": "#c3e6cd",
-    "green-900": "#ecf4ee",
-    "green-950": "#f1fdf6",
-    "orange-50": "#5c2900",
-    "orange-100": "#703800",
-    "orange-200": "#8f4700",
-    "orange-300": "#9e5400",
-    "orange-400": "#ab6100",
-    "orange-500": "#c17d10",
-    "orange-600": "#d99530",
-    "orange-700": "#e9be74",
-    "orange-800": "#f5d9a8",
-    "orange-900": "#fdf1dd",
-    "orange-950": "#fff4e1",
-    "purple-50": "#232150",
-    "purple-100": "#2f2a6b",
-    "purple-200": "#453894",
-    "purple-300": "#5943b6",
-    "purple-400": "#694cc0",
-    "purple-500": "#7b58cf",
-    "purple-600": "#9475db",
-    "purple-700": "#ac93e6",
-    "purple-800": "#cbbbf2",
-    "purple-900": "#e1d8f9",
-    "purple-950": "#f4f0ff",
-    "red-50": "#660e00",
-    "red-100": "#8d1300",
-    "red-200": "#ae1800",
-    "red-300": "#c91c00",
-    "red-400": "#dd2b0e",
-    "red-500": "#ec5941",
-    "red-600": "#f57f6c",
-    "red-700": "#fcb5aa",
-    "red-800": "#fdd4cd",
-    "red-900": "#fcf1ef",
-    "red-950": "#fff4f3",
-    "brand-charcoal": "#171321",
-    "brand-orange-01": "#fca326",
-    "brand-orange-02": "#fc6d26",
-    "brand-orange-03": "#e24329",
-    "brand-purple-01": "#a989f5",
-    "brand-purple-02": "#7759c2",
-    "brand-gray-01": "#d1d0d3",
-    "brand-gray-02": "#a2a1a6",
-    "brand-gray-03": "#74717a",
-    "brand-gray-04": "#45424d",
-    "brand-gray-05": "#2b2838",
-    "t-gray-a-16": "rgba(31, 30, 36, 0.16)",
-    "t-gray-a-24": "rgba(31, 30, 36, 0.24)",
-    "t-gray-a-02": "rgba(31, 30, 36, 0.02)",
-    "t-gray-a-04": "rgba(31, 30, 36, 0.04)",
-    "t-gray-a-06": "rgba(31, 30, 36, 0.06)",
-    "t-gray-a-08": "rgba(31, 30, 36, 0.08)",
-    "t-white-a-16": "rgba(255, 255, 255, 0.16)",
-    "t-white-a-24": "rgba(255, 255, 255, 0.24)",
-    "t-white-a-36": "rgba(255, 255, 255, 0.36)",
-    "t-white-a-02": "rgba(255, 255, 255, 0.02)",
-    "t-white-a-04": "rgba(255, 255, 255, 0.04)",
-    "t-white-a-06": "rgba(255, 255, 255, 0.06)",
-    "t-white-a-08": "rgba(255, 255, 255, 0.08)",
-    "text-primary": "#ececef",
-    "text-secondary": "#89888d",
-    "text-tertiary": "#737278",
-    "text-color-default": "#ececef",
-    "text-color-subtle": "#bfbfc3",
-    "text-color-strong": "#fff",
-    "text-color-heading": "#fff",
-    "text-color-link": "#63a6e9",
-    "text-color-danger": "#c91c00",
-    "text-color-success": "#217645",
-    "text-color-disabled": "#89888d"
-  },
-  "dimension": {
-    "line-height-12": "0.75rem",
-    "line-height-16": "1rem",
-    "line-height-20": "1.25rem",
-    "line-height-24": "1.5rem",
-    "line-height-28": "1.75rem",
-    "line-height-32": "2rem",
-    "line-height-36": "2.25rem",
-    "line-height-42": "2.625rem",
-    "line-height-44": "2.75rem",
-    "line-height-52": "3.25rem"
-  }
-}