@gitlab/ui 132.0.3 → 132.2.0

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

@@ -43,64 +43,21 @@ const GL_COLOR_BLUE_700 = '#2f5ca0';
 const GL_COLOR_BLUE_800 = '#284779';
 const GL_COLOR_BLUE_900 = '#213454';
 const GL_COLOR_BLUE_950 = '#1d283e';
-const GL_COLOR_NEUTRAL_0 = '#fff';
-const GL_COLOR_NEUTRAL_10 = '#fbfafd';
-const GL_COLOR_NEUTRAL_50 = '#ececef';
-const GL_COLOR_NEUTRAL_100 = '#dcdcde';
-const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
-const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
-const GL_COLOR_NEUTRAL_400 = '#89888d';
-const GL_COLOR_NEUTRAL_500 = '#737278';
-const GL_COLOR_NEUTRAL_600 = '#626168';
-const GL_COLOR_NEUTRAL_700 = '#4c4b51';
-const GL_COLOR_NEUTRAL_800 = '#3a383f';
-const GL_COLOR_NEUTRAL_900 = '#28272d';
-const GL_COLOR_NEUTRAL_950 = '#18171d';
-const GL_COLOR_NEUTRAL_1000 = '#050506';
-const GL_COLOR_GREEN_50 = '#ecf4ee';
-const GL_COLOR_GREEN_100 = '#c3e6cd';
-const GL_COLOR_GREEN_200 = '#91d4a8';
-const GL_COLOR_GREEN_300 = '#52b87a';
-const GL_COLOR_GREEN_400 = '#2da160';
-const GL_COLOR_GREEN_500 = '#108548';
-const GL_COLOR_GREEN_600 = '#2f7549';
-const GL_COLOR_GREEN_700 = '#306440';
-const GL_COLOR_GREEN_800 = '#225131';
-const GL_COLOR_GREEN_900 = '#1e3e28';
-const GL_COLOR_GREEN_950 = '#17291c';
-const GL_COLOR_ORANGE_50 = '#fdf1dd';
-const GL_COLOR_ORANGE_100 = '#f5d9a8';
-const GL_COLOR_ORANGE_200 = '#e9be74';
-const GL_COLOR_ORANGE_300 = '#d99530';
-const GL_COLOR_ORANGE_400 = '#c17d10';
-const GL_COLOR_ORANGE_500 = '#ab6100';
-const GL_COLOR_ORANGE_600 = '#995715';
-const GL_COLOR_ORANGE_700 = '#894b16';
-const GL_COLOR_ORANGE_800 = '#693c14';
-const GL_COLOR_ORANGE_900 = '#532e16';
-const GL_COLOR_ORANGE_950 = '#382315';
-const GL_COLOR_PURPLE_50 = '#f4f0ff';
-const GL_COLOR_PURPLE_100 = '#e1d8f9';
-const GL_COLOR_PURPLE_200 = '#cbbbf2';
-const GL_COLOR_PURPLE_300 = '#ac93e6';
-const GL_COLOR_PURPLE_400 = '#9475db';
-const GL_COLOR_PURPLE_500 = '#7b58cf';
-const GL_COLOR_PURPLE_600 = '#6a4fb4';
-const GL_COLOR_PURPLE_700 = '#5c47a6';
-const GL_COLOR_PURPLE_800 = '#493c83';
-const GL_COLOR_PURPLE_900 = '#342d59';
-const GL_COLOR_PURPLE_950 = '#27243e';
-const GL_COLOR_RED_50 = '#fcf1ef';
-const GL_COLOR_RED_100 = '#fdd4cd';
-const GL_COLOR_RED_200 = '#fcb5aa';
-const GL_COLOR_RED_300 = '#f6806d';
-const GL_COLOR_RED_400 = '#ec5941';
-const GL_COLOR_RED_500 = '#dd2b0e';
-const GL_COLOR_RED_600 = '#c02f12';
-const GL_COLOR_RED_700 = '#a32c12';
-const GL_COLOR_RED_800 = '#812713';
-const GL_COLOR_RED_900 = '#582014';
-const GL_COLOR_RED_950 = '#3e1a14';
+const GL_COLOR_BRAND_WHITE = '#fff';
+const GL_COLOR_BRAND_CHARCOAL = '#171321';
+const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
+const GL_COLOR_BRAND_ORANGE_01P = '#fca326';
+const GL_COLOR_BRAND_ORANGE_02P = '#fc6d26';
+const GL_COLOR_BRAND_ORANGE_03P = '#e24329';
+const GL_COLOR_BRAND_PURPLE_01G = '#ceb3ef';
+const GL_COLOR_BRAND_PURPLE_01P = '#a989f5';
+const GL_COLOR_BRAND_PURPLE_02P = '#7759c2';
+const GL_COLOR_BRAND_GRAY_01 = '#d1d0d3';
+const GL_COLOR_BRAND_GRAY_02 = '#a2a1a6';
+const GL_COLOR_BRAND_GRAY_03 = '#74717a';
+const GL_COLOR_BRAND_GRAY_04 = '#45424d';
+const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
+const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 const GL_COLOR_DATA_GREEN_50 = '#ddfab7';
 const GL_COLOR_DATA_GREEN_100 = '#c6ed94';
 const GL_COLOR_DATA_GREEN_200 = '#b0d97b';
@@ -156,6 +113,64 @@ const GL_COLOR_DATA_ORANGE_700 = '#92430a';
 const GL_COLOR_DATA_ORANGE_800 = '#6f3500';
 const GL_COLOR_DATA_ORANGE_900 = '#5e2f05';
 const GL_COLOR_DATA_ORANGE_950 = '#4b2707';
+const GL_COLOR_GREEN_50 = '#ecf4ee';
+const GL_COLOR_GREEN_100 = '#c3e6cd';
+const GL_COLOR_GREEN_200 = '#91d4a8';
+const GL_COLOR_GREEN_300 = '#52b87a';
+const GL_COLOR_GREEN_400 = '#2da160';
+const GL_COLOR_GREEN_500 = '#108548';
+const GL_COLOR_GREEN_600 = '#2f7549';
+const GL_COLOR_GREEN_700 = '#306440';
+const GL_COLOR_GREEN_800 = '#225131';
+const GL_COLOR_GREEN_900 = '#1e3e28';
+const GL_COLOR_GREEN_950 = '#17291c';
+const GL_COLOR_NEUTRAL_0 = '#fff';
+const GL_COLOR_NEUTRAL_10 = '#fbfafd';
+const GL_COLOR_NEUTRAL_50 = '#ececef';
+const GL_COLOR_NEUTRAL_100 = '#dcdcde';
+const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
+const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
+const GL_COLOR_NEUTRAL_400 = '#89888d';
+const GL_COLOR_NEUTRAL_500 = '#737278';
+const GL_COLOR_NEUTRAL_600 = '#626168';
+const GL_COLOR_NEUTRAL_700 = '#4c4b51';
+const GL_COLOR_NEUTRAL_800 = '#3a383f';
+const GL_COLOR_NEUTRAL_900 = '#28272d';
+const GL_COLOR_NEUTRAL_950 = '#18171d';
+const GL_COLOR_NEUTRAL_1000 = '#050506';
+const GL_COLOR_ORANGE_50 = '#fdf1dd';
+const GL_COLOR_ORANGE_100 = '#f5d9a8';
+const GL_COLOR_ORANGE_200 = '#e9be74';
+const GL_COLOR_ORANGE_300 = '#d99530';
+const GL_COLOR_ORANGE_400 = '#c17d10';
+const GL_COLOR_ORANGE_500 = '#ab6100';
+const GL_COLOR_ORANGE_600 = '#995715';
+const GL_COLOR_ORANGE_700 = '#894b16';
+const GL_COLOR_ORANGE_800 = '#693c14';
+const GL_COLOR_ORANGE_900 = '#532e16';
+const GL_COLOR_ORANGE_950 = '#382315';
+const GL_COLOR_PURPLE_50 = '#f4f0ff';
+const GL_COLOR_PURPLE_100 = '#e1d8f9';
+const GL_COLOR_PURPLE_200 = '#cbbbf2';
+const GL_COLOR_PURPLE_300 = '#ac93e6';
+const GL_COLOR_PURPLE_400 = '#9475db';
+const GL_COLOR_PURPLE_500 = '#7b58cf';
+const GL_COLOR_PURPLE_600 = '#6a4fb4';
+const GL_COLOR_PURPLE_700 = '#5c47a6';
+const GL_COLOR_PURPLE_800 = '#493c83';
+const GL_COLOR_PURPLE_900 = '#342d59';
+const GL_COLOR_PURPLE_950 = '#27243e';
+const GL_COLOR_RED_50 = '#fcf1ef';
+const GL_COLOR_RED_100 = '#fdd4cd';
+const GL_COLOR_RED_200 = '#fcb5aa';
+const GL_COLOR_RED_300 = '#f6806d';
+const GL_COLOR_RED_400 = '#ec5941';
+const GL_COLOR_RED_500 = '#dd2b0e';
+const GL_COLOR_RED_600 = '#c02f12';
+const GL_COLOR_RED_700 = '#a32c12';
+const GL_COLOR_RED_800 = '#812713';
+const GL_COLOR_RED_900 = '#582014';
+const GL_COLOR_RED_950 = '#3e1a14';
 const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
 const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
 const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
@@ -228,21 +243,6 @@ const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
 const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
 const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
 const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
-const GL_COLOR_BRAND_WHITE = '#fff';
-const GL_COLOR_BRAND_CHARCOAL = '#171321';
-const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
-const GL_COLOR_BRAND_ORANGE_01P = '#fca326';
-const GL_COLOR_BRAND_ORANGE_02P = '#fc6d26';
-const GL_COLOR_BRAND_ORANGE_03P = '#e24329';
-const GL_COLOR_BRAND_PURPLE_01G = '#ceb3ef';
-const GL_COLOR_BRAND_PURPLE_01P = '#a989f5';
-const GL_COLOR_BRAND_PURPLE_02P = '#7759c2';
-const GL_COLOR_BRAND_GRAY_01 = '#d1d0d3';
-const GL_COLOR_BRAND_GRAY_02 = '#a2a1a6';
-const GL_COLOR_BRAND_GRAY_03 = '#74717a';
-const GL_COLOR_BRAND_GRAY_04 = '#45424d';
-const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
-const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 const 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'"];
 const 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'];
 const GL_FONT_SIZE_100 = '0.75rem';
@@ -948,10 +948,10 @@ const THEME_LIGHT_RED_900 = '#faf2f1';
 const THEME_LIGHT_RED_950 = '#fdf9f8';
 const BLACK = '#fff';
 const WHITE = '#28272d';
-const BLUE_50 = '#033464';
-const BLUE_100 = '#064787';
-const BLUE_200 = '#0b5cad';
-const BLUE_300 = '#1068bf';
+const BLUE_50 = '#213454';
+const BLUE_100 = '#284779';
+const BLUE_200 = '#2f5ca0';
+const BLUE_300 = '#2f68b4';
 const BLUE_400 = '#1f75cb';
 const BLUE_500 = '#428fdc';
 const BLUE_600 = '#63a6e9';
@@ -971,10 +971,10 @@ const GRAY_700 = '#bfbfc3';
 const GRAY_800 = '#dcdcde';
 const GRAY_900 = '#ececef';
 const GRAY_950 = '#fbfafd';
-const GREEN_50 = '#0a4020';
-const GREEN_100 = '#0d532a';
-const GREEN_200 = '#24663b';
-const GREEN_300 = '#217645';
+const GREEN_50 = '#1e3e28';
+const GREEN_100 = '#225131';
+const GREEN_200 = '#306440';
+const GREEN_300 = '#2f7549';
 const GREEN_400 = '#108548';
 const GREEN_500 = '#2da160';
 const GREEN_600 = '#52b87a';
@@ -982,10 +982,10 @@ const GREEN_700 = '#91d4a8';
 const GREEN_800 = '#c3e6cd';
 const GREEN_900 = '#ecf4ee';
 const GREEN_950 = '#f1fdf6';
-const ORANGE_50 = '#5c2900';
-const ORANGE_100 = '#703800';
-const ORANGE_200 = '#8f4700';
-const ORANGE_300 = '#9e5400';
+const ORANGE_50 = '#532e16';
+const ORANGE_100 = '#693c14';
+const ORANGE_200 = '#894b16';
+const ORANGE_300 = '#995715';
 const ORANGE_400 = '#ab6100';
 const ORANGE_500 = '#c17d10';
 const ORANGE_600 = '#d99530';
@@ -993,24 +993,24 @@ const ORANGE_700 = '#e9be74';
 const ORANGE_800 = '#f5d9a8';
 const ORANGE_900 = '#fdf1dd';
 const ORANGE_950 = '#fff4e1';
-const PURPLE_50 = '#232150';
-const PURPLE_100 = '#2f2a6b';
-const PURPLE_200 = '#453894';
-const PURPLE_300 = '#5943b6';
-const PURPLE_400 = '#694cc0';
+const PURPLE_50 = '#342d59';
+const PURPLE_100 = '#493c83';
+const PURPLE_200 = '#5c47a6';
+const PURPLE_300 = '#6a4fb4';
+const PURPLE_400 = '#7b58cf';
 const PURPLE_500 = '#7b58cf';
 const PURPLE_600 = '#9475db';
 const PURPLE_700 = '#ac93e6';
 const PURPLE_800 = '#cbbbf2';
 const PURPLE_900 = '#e1d8f9';
 const PURPLE_950 = '#f4f0ff';
-const RED_50 = '#660e00';
-const RED_100 = '#8d1300';
-const RED_200 = '#ae1800';
-const RED_300 = '#c91c00';
+const RED_50 = '#582014';
+const RED_100 = '#812713';
+const RED_200 = '#a32c12';
+const RED_300 = '#c02f12';
 const RED_400 = '#dd2b0e';
 const RED_500 = '#ec5941';
-const RED_600 = '#f57f6c';
+const RED_600 = '#f6806d';
 const RED_700 = '#fcb5aa';
 const RED_800 = '#fdd4cd';
 const RED_900 = '#fcf1ef';

package/dist/tokens/build/js/tokens.js

@@ -43,64 +43,21 @@ const GL_COLOR_BLUE_700 = '#2f5ca0';
 const GL_COLOR_BLUE_800 = '#284779';
 const GL_COLOR_BLUE_900 = '#213454';
 const GL_COLOR_BLUE_950 = '#1d283e';
-const GL_COLOR_NEUTRAL_0 = '#fff';
-const GL_COLOR_NEUTRAL_10 = '#fbfafd';
-const GL_COLOR_NEUTRAL_50 = '#ececef';
-const GL_COLOR_NEUTRAL_100 = '#dcdcde';
-const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
-const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
-const GL_COLOR_NEUTRAL_400 = '#89888d';
-const GL_COLOR_NEUTRAL_500 = '#737278';
-const GL_COLOR_NEUTRAL_600 = '#626168';
-const GL_COLOR_NEUTRAL_700 = '#4c4b51';
-const GL_COLOR_NEUTRAL_800 = '#3a383f';
-const GL_COLOR_NEUTRAL_900 = '#28272d';
-const GL_COLOR_NEUTRAL_950 = '#18171d';
-const GL_COLOR_NEUTRAL_1000 = '#050506';
-const GL_COLOR_GREEN_50 = '#ecf4ee';
-const GL_COLOR_GREEN_100 = '#c3e6cd';
-const GL_COLOR_GREEN_200 = '#91d4a8';
-const GL_COLOR_GREEN_300 = '#52b87a';
-const GL_COLOR_GREEN_400 = '#2da160';
-const GL_COLOR_GREEN_500 = '#108548';
-const GL_COLOR_GREEN_600 = '#2f7549';
-const GL_COLOR_GREEN_700 = '#306440';
-const GL_COLOR_GREEN_800 = '#225131';
-const GL_COLOR_GREEN_900 = '#1e3e28';
-const GL_COLOR_GREEN_950 = '#17291c';
-const GL_COLOR_ORANGE_50 = '#fdf1dd';
-const GL_COLOR_ORANGE_100 = '#f5d9a8';
-const GL_COLOR_ORANGE_200 = '#e9be74';
-const GL_COLOR_ORANGE_300 = '#d99530';
-const GL_COLOR_ORANGE_400 = '#c17d10';
-const GL_COLOR_ORANGE_500 = '#ab6100';
-const GL_COLOR_ORANGE_600 = '#995715';
-const GL_COLOR_ORANGE_700 = '#894b16';
-const GL_COLOR_ORANGE_800 = '#693c14';
-const GL_COLOR_ORANGE_900 = '#532e16';
-const GL_COLOR_ORANGE_950 = '#382315';
-const GL_COLOR_PURPLE_50 = '#f4f0ff';
-const GL_COLOR_PURPLE_100 = '#e1d8f9';
-const GL_COLOR_PURPLE_200 = '#cbbbf2';
-const GL_COLOR_PURPLE_300 = '#ac93e6';
-const GL_COLOR_PURPLE_400 = '#9475db';
-const GL_COLOR_PURPLE_500 = '#7b58cf';
-const GL_COLOR_PURPLE_600 = '#6a4fb4';
-const GL_COLOR_PURPLE_700 = '#5c47a6';
-const GL_COLOR_PURPLE_800 = '#493c83';
-const GL_COLOR_PURPLE_900 = '#342d59';
-const GL_COLOR_PURPLE_950 = '#27243e';
-const GL_COLOR_RED_50 = '#fcf1ef';
-const GL_COLOR_RED_100 = '#fdd4cd';
-const GL_COLOR_RED_200 = '#fcb5aa';
-const GL_COLOR_RED_300 = '#f6806d';
-const GL_COLOR_RED_400 = '#ec5941';
-const GL_COLOR_RED_500 = '#dd2b0e';
-const GL_COLOR_RED_600 = '#c02f12';
-const GL_COLOR_RED_700 = '#a32c12';
-const GL_COLOR_RED_800 = '#812713';
-const GL_COLOR_RED_900 = '#582014';
-const GL_COLOR_RED_950 = '#3e1a14';
+const GL_COLOR_BRAND_WHITE = '#fff';
+const GL_COLOR_BRAND_CHARCOAL = '#171321';
+const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
+const GL_COLOR_BRAND_ORANGE_01P = '#fca326';
+const GL_COLOR_BRAND_ORANGE_02P = '#fc6d26';
+const GL_COLOR_BRAND_ORANGE_03P = '#e24329';
+const GL_COLOR_BRAND_PURPLE_01G = '#ceb3ef';
+const GL_COLOR_BRAND_PURPLE_01P = '#a989f5';
+const GL_COLOR_BRAND_PURPLE_02P = '#7759c2';
+const GL_COLOR_BRAND_GRAY_01 = '#d1d0d3';
+const GL_COLOR_BRAND_GRAY_02 = '#a2a1a6';
+const GL_COLOR_BRAND_GRAY_03 = '#74717a';
+const GL_COLOR_BRAND_GRAY_04 = '#45424d';
+const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
+const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 const GL_COLOR_DATA_GREEN_50 = '#ddfab7';
 const GL_COLOR_DATA_GREEN_100 = '#c6ed94';
 const GL_COLOR_DATA_GREEN_200 = '#b0d97b';
@@ -156,6 +113,64 @@ const GL_COLOR_DATA_ORANGE_700 = '#92430a';
 const GL_COLOR_DATA_ORANGE_800 = '#6f3500';
 const GL_COLOR_DATA_ORANGE_900 = '#5e2f05';
 const GL_COLOR_DATA_ORANGE_950 = '#4b2707';
+const GL_COLOR_GREEN_50 = '#ecf4ee';
+const GL_COLOR_GREEN_100 = '#c3e6cd';
+const GL_COLOR_GREEN_200 = '#91d4a8';
+const GL_COLOR_GREEN_300 = '#52b87a';
+const GL_COLOR_GREEN_400 = '#2da160';
+const GL_COLOR_GREEN_500 = '#108548';
+const GL_COLOR_GREEN_600 = '#2f7549';
+const GL_COLOR_GREEN_700 = '#306440';
+const GL_COLOR_GREEN_800 = '#225131';
+const GL_COLOR_GREEN_900 = '#1e3e28';
+const GL_COLOR_GREEN_950 = '#17291c';
+const GL_COLOR_NEUTRAL_0 = '#fff';
+const GL_COLOR_NEUTRAL_10 = '#fbfafd';
+const GL_COLOR_NEUTRAL_50 = '#ececef';
+const GL_COLOR_NEUTRAL_100 = '#dcdcde';
+const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
+const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
+const GL_COLOR_NEUTRAL_400 = '#89888d';
+const GL_COLOR_NEUTRAL_500 = '#737278';
+const GL_COLOR_NEUTRAL_600 = '#626168';
+const GL_COLOR_NEUTRAL_700 = '#4c4b51';
+const GL_COLOR_NEUTRAL_800 = '#3a383f';
+const GL_COLOR_NEUTRAL_900 = '#28272d';
+const GL_COLOR_NEUTRAL_950 = '#18171d';
+const GL_COLOR_NEUTRAL_1000 = '#050506';
+const GL_COLOR_ORANGE_50 = '#fdf1dd';
+const GL_COLOR_ORANGE_100 = '#f5d9a8';
+const GL_COLOR_ORANGE_200 = '#e9be74';
+const GL_COLOR_ORANGE_300 = '#d99530';
+const GL_COLOR_ORANGE_400 = '#c17d10';
+const GL_COLOR_ORANGE_500 = '#ab6100';
+const GL_COLOR_ORANGE_600 = '#995715';
+const GL_COLOR_ORANGE_700 = '#894b16';
+const GL_COLOR_ORANGE_800 = '#693c14';
+const GL_COLOR_ORANGE_900 = '#532e16';
+const GL_COLOR_ORANGE_950 = '#382315';
+const GL_COLOR_PURPLE_50 = '#f4f0ff';
+const GL_COLOR_PURPLE_100 = '#e1d8f9';
+const GL_COLOR_PURPLE_200 = '#cbbbf2';
+const GL_COLOR_PURPLE_300 = '#ac93e6';
+const GL_COLOR_PURPLE_400 = '#9475db';
+const GL_COLOR_PURPLE_500 = '#7b58cf';
+const GL_COLOR_PURPLE_600 = '#6a4fb4';
+const GL_COLOR_PURPLE_700 = '#5c47a6';
+const GL_COLOR_PURPLE_800 = '#493c83';
+const GL_COLOR_PURPLE_900 = '#342d59';
+const GL_COLOR_PURPLE_950 = '#27243e';
+const GL_COLOR_RED_50 = '#fcf1ef';
+const GL_COLOR_RED_100 = '#fdd4cd';
+const GL_COLOR_RED_200 = '#fcb5aa';
+const GL_COLOR_RED_300 = '#f6806d';
+const GL_COLOR_RED_400 = '#ec5941';
+const GL_COLOR_RED_500 = '#dd2b0e';
+const GL_COLOR_RED_600 = '#c02f12';
+const GL_COLOR_RED_700 = '#a32c12';
+const GL_COLOR_RED_800 = '#812713';
+const GL_COLOR_RED_900 = '#582014';
+const GL_COLOR_RED_950 = '#3e1a14';
 const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
 const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
 const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
@@ -228,21 +243,6 @@ const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
 const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
 const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
 const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
-const GL_COLOR_BRAND_WHITE = '#fff';
-const GL_COLOR_BRAND_CHARCOAL = '#171321';
-const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
-const GL_COLOR_BRAND_ORANGE_01P = '#fca326';
-const GL_COLOR_BRAND_ORANGE_02P = '#fc6d26';
-const GL_COLOR_BRAND_ORANGE_03P = '#e24329';
-const GL_COLOR_BRAND_PURPLE_01G = '#ceb3ef';
-const GL_COLOR_BRAND_PURPLE_01P = '#a989f5';
-const GL_COLOR_BRAND_PURPLE_02P = '#7759c2';
-const GL_COLOR_BRAND_GRAY_01 = '#d1d0d3';
-const GL_COLOR_BRAND_GRAY_02 = '#a2a1a6';
-const GL_COLOR_BRAND_GRAY_03 = '#74717a';
-const GL_COLOR_BRAND_GRAY_04 = '#45424d';
-const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
-const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 const 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'"];
 const 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'];
 const GL_FONT_SIZE_100 = '0.75rem';
@@ -1007,7 +1007,7 @@ const PURPLE_950 = '#27243e';
 const RED_50 = '#fcf1ef';
 const RED_100 = '#fdd4cd';
 const RED_200 = '#fcb5aa';
-const RED_300 = '#f57f6c';
+const RED_300 = '#f6806d';
 const RED_400 = '#ec5941';
 const RED_500 = '#dd2b0e';
 const RED_600 = '#c02f12';

package/dist/tokens/common_story_options.js

@@ -1,14 +1,13 @@
 import TokensStory from './tokens_story';
 
 const createDesignTokenStory = function () {
-  let {
-    tokens = {},
-    containerClass = ''
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const Story = (args, _ref) => {
-    let {
-      argTypes
-    } = _ref;
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$tokens = _ref.tokens,
+    tokens = _ref$tokens === void 0 ? {} : _ref$tokens,
+    _ref$containerClass = _ref.containerClass,
+    containerClass = _ref$containerClass === void 0 ? '' : _ref$containerClass;
+  const Story = (args, _ref2) => {
+    let argTypes = _ref2.argTypes;
     return {
       props: Object.keys(argTypes),
       components: {