@gitlab/ui 132.0.3 → 132.2.0

package/src/tokens/build/css/tokens.dark.css

@@ -30,64 +30,21 @@
   --gl-color-blue-800: #284779;
   --gl-color-blue-900: #213454;
   --gl-color-blue-950: #1d283e;
-  --gl-color-neutral-0: #fff;
-  --gl-color-neutral-10: #fbfafd;
-  --gl-color-neutral-50: #ececef;
-  --gl-color-neutral-100: #dcdcde;
-  --gl-color-neutral-200: #bfbfc3;
-  --gl-color-neutral-300: #a4a3a8;
-  --gl-color-neutral-400: #89888d;
-  --gl-color-neutral-500: #737278;
-  --gl-color-neutral-600: #626168;
-  --gl-color-neutral-700: #4c4b51;
-  --gl-color-neutral-800: #3a383f;
-  --gl-color-neutral-900: #28272d;
-  --gl-color-neutral-950: #18171d;
-  --gl-color-neutral-1000: #050506;
-  --gl-color-green-50: #ecf4ee;
-  --gl-color-green-100: #c3e6cd;
-  --gl-color-green-200: #91d4a8;
-  --gl-color-green-300: #52b87a;
-  --gl-color-green-400: #2da160;
-  --gl-color-green-500: #108548;
-  --gl-color-green-600: #2f7549;
-  --gl-color-green-700: #306440;
-  --gl-color-green-800: #225131;
-  --gl-color-green-900: #1e3e28;
-  --gl-color-green-950: #17291c;
-  --gl-color-orange-50: #fdf1dd;
-  --gl-color-orange-100: #f5d9a8;
-  --gl-color-orange-200: #e9be74;
-  --gl-color-orange-300: #d99530;
-  --gl-color-orange-400: #c17d10;
-  --gl-color-orange-500: #ab6100;
-  --gl-color-orange-600: #995715;
-  --gl-color-orange-700: #894b16;
-  --gl-color-orange-800: #693c14;
-  --gl-color-orange-900: #532e16;
-  --gl-color-orange-950: #382315;
-  --gl-color-purple-50: #f4f0ff;
-  --gl-color-purple-100: #e1d8f9;
-  --gl-color-purple-200: #cbbbf2;
-  --gl-color-purple-300: #ac93e6;
-  --gl-color-purple-400: #9475db;
-  --gl-color-purple-500: #7b58cf;
-  --gl-color-purple-600: #6a4fb4;
-  --gl-color-purple-700: #5c47a6;
-  --gl-color-purple-800: #493c83;
-  --gl-color-purple-900: #342d59;
-  --gl-color-purple-950: #27243e;
-  --gl-color-red-50: #fcf1ef;
-  --gl-color-red-100: #fdd4cd;
-  --gl-color-red-200: #fcb5aa;
-  --gl-color-red-300: #f6806d;
-  --gl-color-red-400: #ec5941;
-  --gl-color-red-500: #dd2b0e;
-  --gl-color-red-600: #c02f12;
-  --gl-color-red-700: #a32c12;
-  --gl-color-red-800: #812713;
-  --gl-color-red-900: #582014;
-  --gl-color-red-950: #3e1a14;
+  --gl-color-brand-white: #fff;
+  --gl-color-brand-charcoal: #171321;
+  --gl-color-brand-orange-01g: #ffd1bf;
+  --gl-color-brand-orange-01p: #fca326;
+  --gl-color-brand-orange-02p: #fc6d26;
+  --gl-color-brand-orange-03p: #e24329;
+  --gl-color-brand-purple-01g: #ceb3ef;
+  --gl-color-brand-purple-01p: #a989f5;
+  --gl-color-brand-purple-02p: #7759c2;
+  --gl-color-brand-gray-01: #d1d0d3;
+  --gl-color-brand-gray-02: #a2a1a6;
+  --gl-color-brand-gray-03: #74717a;
+  --gl-color-brand-gray-04: #45424d;
+  --gl-color-brand-gray-05: #2b2838;
+  --gl-color-brand-pink-01g: #ffb9c9;
   --gl-color-data-green-50: #ddfab7;
   --gl-color-data-green-100: #c6ed94;
   --gl-color-data-green-200: #b0d97b;
@@ -143,6 +100,64 @@
   --gl-color-data-orange-800: #6f3500;
   --gl-color-data-orange-900: #5e2f05;
   --gl-color-data-orange-950: #4b2707;
+  --gl-color-green-50: #ecf4ee;
+  --gl-color-green-100: #c3e6cd;
+  --gl-color-green-200: #91d4a8;
+  --gl-color-green-300: #52b87a;
+  --gl-color-green-400: #2da160;
+  --gl-color-green-500: #108548;
+  --gl-color-green-600: #2f7549;
+  --gl-color-green-700: #306440;
+  --gl-color-green-800: #225131;
+  --gl-color-green-900: #1e3e28;
+  --gl-color-green-950: #17291c;
+  --gl-color-neutral-0: #fff;
+  --gl-color-neutral-10: #fbfafd;
+  --gl-color-neutral-50: #ececef;
+  --gl-color-neutral-100: #dcdcde;
+  --gl-color-neutral-200: #bfbfc3;
+  --gl-color-neutral-300: #a4a3a8;
+  --gl-color-neutral-400: #89888d;
+  --gl-color-neutral-500: #737278;
+  --gl-color-neutral-600: #626168;
+  --gl-color-neutral-700: #4c4b51;
+  --gl-color-neutral-800: #3a383f;
+  --gl-color-neutral-900: #28272d;
+  --gl-color-neutral-950: #18171d;
+  --gl-color-neutral-1000: #050506;
+  --gl-color-orange-50: #fdf1dd;
+  --gl-color-orange-100: #f5d9a8;
+  --gl-color-orange-200: #e9be74;
+  --gl-color-orange-300: #d99530;
+  --gl-color-orange-400: #c17d10;
+  --gl-color-orange-500: #ab6100;
+  --gl-color-orange-600: #995715;
+  --gl-color-orange-700: #894b16;
+  --gl-color-orange-800: #693c14;
+  --gl-color-orange-900: #532e16;
+  --gl-color-orange-950: #382315;
+  --gl-color-purple-50: #f4f0ff;
+  --gl-color-purple-100: #e1d8f9;
+  --gl-color-purple-200: #cbbbf2;
+  --gl-color-purple-300: #ac93e6;
+  --gl-color-purple-400: #9475db;
+  --gl-color-purple-500: #7b58cf;
+  --gl-color-purple-600: #6a4fb4;
+  --gl-color-purple-700: #5c47a6;
+  --gl-color-purple-800: #493c83;
+  --gl-color-purple-900: #342d59;
+  --gl-color-purple-950: #27243e;
+  --gl-color-red-50: #fcf1ef;
+  --gl-color-red-100: #fdd4cd;
+  --gl-color-red-200: #fcb5aa;
+  --gl-color-red-300: #f6806d;
+  --gl-color-red-400: #ec5941;
+  --gl-color-red-500: #dd2b0e;
+  --gl-color-red-600: #c02f12;
+  --gl-color-red-700: #a32c12;
+  --gl-color-red-800: #812713;
+  --gl-color-red-900: #582014;
+  --gl-color-red-950: #3e1a14;
   --gl-color-theme-indigo-10: #f8f8ff;
   --gl-color-theme-indigo-50: #f1f1ff;
   --gl-color-theme-indigo-100: #dbdbf8;
@@ -215,21 +230,6 @@
   --gl-color-theme-light-red-800: #8b2212;
   --gl-color-theme-light-red-900: #751709;
   --gl-color-theme-light-red-950: #5c1105;
-  --gl-color-brand-white: #fff;
-  --gl-color-brand-charcoal: #171321;
-  --gl-color-brand-orange-01g: #ffd1bf;
-  --gl-color-brand-orange-01p: #fca326;
-  --gl-color-brand-orange-02p: #fc6d26;
-  --gl-color-brand-orange-03p: #e24329;
-  --gl-color-brand-purple-01g: #ceb3ef;
-  --gl-color-brand-purple-01p: #a989f5;
-  --gl-color-brand-purple-02p: #7759c2;
-  --gl-color-brand-gray-01: #d1d0d3;
-  --gl-color-brand-gray-02: #a2a1a6;
-  --gl-color-brand-gray-03: #74717a;
-  --gl-color-brand-gray-04: #45424d;
-  --gl-color-brand-gray-05: #2b2838;
-  --gl-color-brand-pink-01g: #ffb9c9;
   --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
   --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
@@ -491,74 +491,9 @@
   --theme-light-red-800: #f6d9d5;
   --theme-light-red-900: #faf2f1;
   --theme-light-red-950: #fdf9f8;
-  --black: #fff;
-  --white: #28272d;
-  --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: #18171d;
-  --gray-50: #28272d;
-  --gray-100: #3a383f;
-  --gray-200: #4c4b51;
-  --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; /** Use color.brand-charcoal instead. */
   --brand-orange-01: #fca326; /** Use color.brand-orange.01p instead. */
@@ -884,6 +819,71 @@
   --gl-tab-selected-indicator-color-default: var(--gl-color-blue-400); /** Used for the selected indicator of a tab. */
   --gl-token-selector-token-container-token-background-color-focus: var(--gl-color-neutral-600); /** Used for the background color of a token in a token-selector when it's token-container is in the focus state. */
   --gl-token-background-color: var(--gl-color-neutral-800); /** Used for the token background color. */
+  --black: var(--gl-color-neutral-0);
+  --white: var(--gl-color-neutral-900);
+  --blue-50: var(--gl-color-blue-900);
+  --blue-100: var(--gl-color-blue-800);
+  --blue-200: var(--gl-color-blue-700);
+  --blue-300: var(--gl-color-blue-600);
+  --blue-400: var(--gl-color-blue-500);
+  --blue-500: var(--gl-color-blue-400);
+  --blue-600: var(--gl-color-blue-300);
+  --blue-700: var(--gl-color-blue-200);
+  --blue-800: var(--gl-color-blue-100);
+  --blue-900: var(--gl-color-blue-50);
+  --gray-10: var(--gl-color-neutral-950);
+  --gray-50: var(--gl-color-neutral-900);
+  --gray-100: var(--gl-color-neutral-800);
+  --gray-200: var(--gl-color-neutral-700);
+  --gray-300: var(--gl-color-neutral-600);
+  --gray-400: var(--gl-color-neutral-500);
+  --gray-500: var(--gl-color-neutral-400);
+  --gray-600: var(--gl-color-neutral-300);
+  --gray-700: var(--gl-color-neutral-200);
+  --gray-800: var(--gl-color-neutral-100);
+  --gray-900: var(--gl-color-neutral-50);
+  --gray-950: var(--gl-color-neutral-10);
+  --green-50: var(--gl-color-green-900);
+  --green-100: var(--gl-color-green-800);
+  --green-200: var(--gl-color-green-700);
+  --green-300: var(--gl-color-green-600);
+  --green-400: var(--gl-color-green-500);
+  --green-500: var(--gl-color-green-400);
+  --green-600: var(--gl-color-green-300);
+  --green-700: var(--gl-color-green-200);
+  --green-800: var(--gl-color-green-100);
+  --green-900: var(--gl-color-green-50);
+  --orange-50: var(--gl-color-orange-900);
+  --orange-100: var(--gl-color-orange-800);
+  --orange-200: var(--gl-color-orange-700);
+  --orange-300: var(--gl-color-orange-600);
+  --orange-400: var(--gl-color-orange-500);
+  --orange-500: var(--gl-color-orange-400);
+  --orange-600: var(--gl-color-orange-300);
+  --orange-700: var(--gl-color-orange-200);
+  --orange-800: var(--gl-color-orange-100);
+  --orange-900: var(--gl-color-orange-50);
+  --purple-50: var(--gl-color-purple-900);
+  --purple-100: var(--gl-color-purple-800);
+  --purple-200: var(--gl-color-purple-700);
+  --purple-300: var(--gl-color-purple-600);
+  --purple-400: var(--gl-color-purple-500);
+  --purple-500: var(--gl-color-purple-500);
+  --purple-600: var(--gl-color-purple-400);
+  --purple-700: var(--gl-color-purple-300);
+  --purple-800: var(--gl-color-purple-200);
+  --purple-900: var(--gl-color-purple-100);
+  --purple-950: var(--gl-color-purple-50);
+  --red-50: var(--gl-color-red-900);
+  --red-100: var(--gl-color-red-800);
+  --red-200: var(--gl-color-red-700);
+  --red-300: var(--gl-color-red-600);
+  --red-400: var(--gl-color-red-500);
+  --red-500: var(--gl-color-red-400);
+  --red-600: var(--gl-color-red-300);
+  --red-700: var(--gl-color-red-200);
+  --red-800: var(--gl-color-red-100);
+  --red-900: var(--gl-color-red-50);
   --gl-action-disabled-foreground-color: var(--gl-color-neutral-500); /** Used for the foreground of a disabled action. */
   --gl-action-disabled-background-color: var(--gl-color-neutral-900); /** Used for the background of a disabled action. */
   --gl-action-disabled-border-color: var(--gl-color-neutral-800); /** Used for the border of a disabled action. */