npm - @gitlab/ui - Versions diffs - 132.0.3 → 132.2.0 - Mend

@gitlab/ui 132.0.3 → 132.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

package/src/tokens/build/js/tokens.dark.js CHANGED Viewed

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

package/src/tokens/build/js/tokens.js CHANGED Viewed

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