@gitlab/duo-ui 0.1.0 → 0.3.0

package/src/tokens/build/js/tokens.js

@@ -1,951 +0,0 @@
-/**
- * Automatically generated
- * Do not edit directly
- */
-
-export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
-export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
-export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled action.
-export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a selected action in the default state.
-export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a selected action in the hover state.
-export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a selected action in the focus state.
-export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a selected action in the active state.
-export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a selected action in the default state.
-export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#0b5cad'; // Used for the background of a selected action in the hover state.
-export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the background of a selected action in the focus state.
-export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#064787'; // Used for the background of a selected action in the active state.
-export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of a selected action in the default state.
-export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of a selected action in the hover state.
-export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#0b5cad'; // Used for the border of a selected action in the focus state.
-export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#064787'; // Used for the border of a selected action in the active state.
-export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a neutral action in the default state.
-export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
-export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
-export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
-export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of a neutral action in the default state.
-export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a neutral action in the hover state.
-export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a neutral action in the focus state.
-export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of a neutral action in the active state.
-export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral action in the default state.
-export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a neutral action in the hover state.
-export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral action in the focus state.
-export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral action in the active state.
-export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) action in the default state.
-export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a confirm (positive) action in the hover state.
-export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a confirm (positive) action in the focus state.
-export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a confirm (positive) action in the active state.
-export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)'; // Used for the background of a confirm (positive) action in the default state.
-export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a confirm (positive) action in the hover state.
-export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a confirm (positive) action in the focus state.
-export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)'; // Used for the background of a confirm (positive) action in the active state.
-export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a confirm action in the default state.
-export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm action in the hover state.
-export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm action in the focus state.
-export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm action in the active state.
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) action in the default state.
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a danger (destructive) action in the hover state.
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a danger (destructive) action in the focus state.
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a danger (destructive) action in the active state.
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)'; // Used for the background of a danger (destructive) action in the default state.
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a danger (destructive) action in the hover state.
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a danger (destructive) action in the focus state.
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)'; // Used for the background of a danger (destructive) action in the active state.
-export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger action in the default state.
-export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger action in the hover state.
-export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger action in the focus state.
-export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger action in the active state.
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a strong confirm action in the default state.
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#1068bf'; // Used for the background of a strong confirm action in the hover state.
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#1068bf'; // Used for the background of a strong confirm action in the focus state.
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#0b5cad'; // Used for the background of a strong confirm action in the active state.
-export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a strong confirm action in the default state.
-export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong confirm action in the hover state.
-export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong confirm action in the focus state.
-export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong confirm action in the active state.
-export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong confirm action in the default state.
-export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong confirm action in the hover state.
-export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong confirm action in the focus state.
-export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a strong confirm action in the active state.
-export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168'; // Used for the background of a strong neutral action in the default state.
-export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51'; // Used for the background of a strong neutral action in the hover state.
-export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51'; // Used for the background of a strong neutral action in the focus state.
-export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of a strong neutral action in the active state.
-export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a strong neutral action in the default state.
-export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong neutral action in the hover state.
-export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong neutral action in the focus state.
-export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong neutral action in the active state.
-export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong neutral action in the default state.
-export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong neutral action in the hover state.
-export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong neutral action in the focus state.
-export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a strong neutral action in the active state.
-export const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default background color.
-export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
-export const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.
-export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used to identify a disabled section.
-export const GL_BACKGROUND_COLOR_OVERLAP = '#fff'; // Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.
-export const GL_BACKGROUND_COLOR_SECTION = '#fff'; // Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.
-export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)'; // Used for an overlay that covers other content.
-export const GL_BORDER_COLOR_DEFAULT = '#dcdcde'; // Used for the default border color.
-export const GL_BORDER_COLOR_SUBTLE = '#ececef'; // Used for a subtle border in combination with the default background.
-export const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
-export const GL_BORDER_COLOR_SECTION = '#dcdcde'; // Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.
-export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
-export const GL_COLOR_ALPHA_0 = 'transparent';
-export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
-export const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
-export const GL_COLOR_ALPHA_DARK_6 = 'rgba(05, 05, 06, 0.06)';
-export const GL_COLOR_ALPHA_DARK_8 = 'rgba(05, 05, 06, 0.08)';
-export const GL_COLOR_ALPHA_DARK_16 = 'rgba(05, 05, 06, 0.16)';
-export const GL_COLOR_ALPHA_DARK_24 = 'rgba(05, 05, 06, 0.24)';
-export const GL_COLOR_ALPHA_DARK_40 = 'rgba(05, 05, 06, 0.4)';
-export const GL_COLOR_ALPHA_LIGHT_2 = 'rgba(255, 255, 255, 0.02)';
-export const GL_COLOR_ALPHA_LIGHT_4 = 'rgba(255, 255, 255, 0.04)';
-export const GL_COLOR_ALPHA_LIGHT_6 = 'rgba(255, 255, 255, 0.06)';
-export const GL_COLOR_ALPHA_LIGHT_8 = 'rgba(255, 255, 255, 0.08)';
-export const GL_COLOR_ALPHA_LIGHT_16 = 'rgba(255, 255, 255, 0.16)';
-export const GL_COLOR_ALPHA_LIGHT_24 = 'rgba(255, 255, 255, 0.24)';
-export const GL_COLOR_ALPHA_LIGHT_36 = 'rgba(255, 255, 255, 0.36)';
-export const GL_COLOR_BLUE_50 = '#e9f3fc';
-export const GL_COLOR_BLUE_100 = '#cbe2f9';
-export const GL_COLOR_BLUE_200 = '#9dc7f1';
-export const GL_COLOR_BLUE_300 = '#63a6e9';
-export const GL_COLOR_BLUE_400 = '#428fdc';
-export const GL_COLOR_BLUE_500 = '#1f75cb';
-export const GL_COLOR_BLUE_600 = '#1068bf';
-export const GL_COLOR_BLUE_700 = '#0b5cad';
-export const GL_COLOR_BLUE_800 = '#064787';
-export const GL_COLOR_BLUE_900 = '#033464';
-export const GL_COLOR_BLUE_950 = '#002850';
-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 = '#217645';
-export const GL_COLOR_GREEN_700 = '#24663b';
-export const GL_COLOR_GREEN_800 = '#0d532a';
-export const GL_COLOR_GREEN_900 = '#0a4020';
-export const GL_COLOR_GREEN_950 = '#072b15';
-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 = '#9e5400';
-export const GL_COLOR_ORANGE_700 = '#8f4700';
-export const GL_COLOR_ORANGE_800 = '#703800';
-export const GL_COLOR_ORANGE_900 = '#5c2900';
-export const GL_COLOR_ORANGE_950 = '#421f00';
-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 = '#694cc0';
-export const GL_COLOR_PURPLE_700 = '#5943b6';
-export const GL_COLOR_PURPLE_800 = '#453894';
-export const GL_COLOR_PURPLE_900 = '#2f2a6b';
-export const GL_COLOR_PURPLE_950 = '#232150';
-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 = '#f57f6c';
-export const GL_COLOR_RED_400 = '#ec5941';
-export const GL_COLOR_RED_500 = '#dd2b0e';
-export const GL_COLOR_RED_600 = '#c91c00';
-export const GL_COLOR_RED_700 = '#ae1800';
-export const GL_COLOR_RED_800 = '#8d1300';
-export const GL_COLOR_RED_900 = '#660e00';
-export const GL_COLOR_RED_950 = '#4d0a00';
-export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
-export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
-export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
-export const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
-export const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
-export const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
-export const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
-export const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
-export const GL_COLOR_THEME_INDIGO_700 = '#41419f';
-export const GL_COLOR_THEME_INDIGO_800 = '#303083';
-export const GL_COLOR_THEME_INDIGO_900 = '#222261';
-export const GL_COLOR_THEME_INDIGO_950 = '#14143d';
-export const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
-export const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
-export const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
-export const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
-export const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
-export const GL_COLOR_THEME_BLUE_400 = '#628eb9';
-export const GL_COLOR_THEME_BLUE_500 = '#4977a5';
-export const GL_COLOR_THEME_BLUE_600 = '#346596';
-export const GL_COLOR_THEME_BLUE_700 = '#235180';
-export const GL_COLOR_THEME_BLUE_800 = '#153c63';
-export const GL_COLOR_THEME_BLUE_900 = '#0b2640';
-export const GL_COLOR_THEME_BLUE_950 = '#04101c';
-export const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
-export const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
-export const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
-export const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
-export const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
-export const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
-export const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
-export const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
-export const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
-export const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
-export const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
-export const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
-export const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
-export const GL_COLOR_THEME_GREEN_50 = '#dde9de';
-export const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
-export const GL_COLOR_THEME_GREEN_200 = '#8cc497';
-export const GL_COLOR_THEME_GREEN_300 = '#69af7d';
-export const GL_COLOR_THEME_GREEN_400 = '#499767';
-export const GL_COLOR_THEME_GREEN_500 = '#308258';
-export const GL_COLOR_THEME_GREEN_600 = '#25744c';
-export const GL_COLOR_THEME_GREEN_700 = '#1b653f';
-export const GL_COLOR_THEME_GREEN_800 = '#155635';
-export const GL_COLOR_THEME_GREEN_900 = '#0e4328';
-export const GL_COLOR_THEME_GREEN_950 = '#052e19';
-export const GL_COLOR_THEME_RED_10 = '#faf4f3';
-export const GL_COLOR_THEME_RED_50 = '#f4e9e7';
-export const GL_COLOR_THEME_RED_100 = '#ecd3d0';
-export const GL_COLOR_THEME_RED_200 = '#e3bab5';
-export const GL_COLOR_THEME_RED_300 = '#d59086';
-export const GL_COLOR_THEME_RED_400 = '#c66e60';
-export const GL_COLOR_THEME_RED_500 = '#ad4a3b';
-export const GL_COLOR_THEME_RED_600 = '#a13322';
-export const GL_COLOR_THEME_RED_700 = '#8f2110';
-export const GL_COLOR_THEME_RED_800 = '#761405';
-export const GL_COLOR_THEME_RED_900 = '#580d02';
-export const GL_COLOR_THEME_RED_950 = '#380700';
-export const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
-export const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
-export const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
-export const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
-export const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
-export const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
-export const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
-export const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
-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 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 GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d'; // Used for the title color of a neutral alert.
-export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef'; // Used for the background color of a neutral alert.
-export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent'; // Used for the border center color of a neutral alert.
-export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a neutral alert.
-export const GL_ALERT_INFO_TITLE_COLOR = '#18171d'; // Used for the title color of an info alert.
-export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e9f3fc'; // Used for the background color of an info alert.
-export const GL_ALERT_INFO_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of an info alert.
-export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of an info alert.
-export const GL_ALERT_SUCCESS_TITLE_COLOR = '#18171d'; // Used for the title color of a success alert.
-export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#ecf4ee'; // Used for the background color of a success alert.
-export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a success alert.
-export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a success alert.
-export const GL_ALERT_WARNING_TITLE_COLOR = '#18171d'; // Used for the title color of a warning alert.
-export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf1dd'; // Used for the background color of a warning alert.
-export const GL_ALERT_WARNING_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a warning alert.
-export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a warning alert.
-export const GL_ALERT_DANGER_TITLE_COLOR = '#18171d'; // Used for the title color of a danger alert.
-export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#fcf1ef'; // Used for the background color of a danger alert.
-export const GL_ALERT_DANGER_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a danger alert.
-export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a danger alert.
-export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.08)'; // Used to define the edge of an avatar.
-export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(05, 05, 06, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#8d1300'; // Red text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#453894'; // Purple text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#064787'; // Blue text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#0d532a'; // Green text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#703800'; // Orange text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383f'; // Neutral text color for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcb5aa3d'; // Red background for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#cbbbf23d'; // Purple background for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue background for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
-export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the background of a muted badge when static or the default state when linked.
-export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of a muted badge in the hover state.
-export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of a muted badge in the focus state.
-export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of a muted badge in the active state.
-export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a muted badge when static or the default state when linked.
-export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a muted badge in the hover state.
-export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
-export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
-export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#626168'; // Used for the text of a muted badge when static or the default state when linked.
-export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#4c4b51'; // Used for the text of a muted badge in the hover state.
-export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#4c4b51'; // Used for the text of a muted badge in the focus state.
-export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#3a383f'; // Used for the text of a muted badge in the active state.
-export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#737278'; // Used for the icon of a muted badge when static or the default state when linked.
-export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#626168'; // Used for the icon of a muted badge in the hover state.
-export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#626168'; // Used for the icon of a muted badge in the focus state.
-export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#4c4b51'; // Used for the icon of a muted badge in the active state.
-export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#dcdcde'; // Used for the background of a neutral badge when static or the default state when linked.
-export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#dcdcde'; // Used for the background of a neutral badge in the hover state.
-export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#dcdcde'; // Used for the background of a neutral badge in the focus state.
-export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3'; // Used for the background of a neutral badge in the active state.
-export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral badge when static or the default state when linked.
-export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a neutral badge in the hover state.
-export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
-export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
-export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#4c4b51'; // Used for the text of a neutral badge when static or the default state when linked.
-export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#3a383f'; // Used for the text of a neutral badge in the hover state.
-export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#3a383f'; // Used for the text of a neutral badge in the focus state.
-export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#28272d'; // Used for the text of a neutral badge in the active state.
-export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#737278'; // Used for the icon of a neutral badge when static or the default state when linked.
-export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#626168'; // Used for the icon of a neutral badge in the hover state.
-export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#626168'; // Used for the icon of a neutral badge in the focus state.
-export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4c4b51'; // Used for the icon of a neutral badge in the active state.
-export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the background of an informational badge when static or the default state when linked.
-export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the background of an informational badge in the hover state.
-export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the background of an informational badge in the focus state.
-export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of an informational badge in the active state.
-export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an informational badge when static or the default state when linked.
-export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an informational badge in the hover state.
-export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
-export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
-export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#0b5cad'; // Used for the text of an informational badge when static or the default state when linked.
-export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#064787'; // Used for the text of an informational badge in the hover state.
-export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#064787'; // Used for the text of an informational badge in the focus state.
-export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#033464'; // Used for the text of an informational badge in the active state.
-export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1f75cb'; // Used for the icon of an informational badge when static or the default state when linked.
-export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#1068bf'; // Used for the icon of an informational badge in the hover state.
-export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#1068bf'; // Used for the icon of an informational badge in the focus state.
-export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#0b5cad'; // Used for the icon of an informational badge in the active state.
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#c3e6cd'; // Used for the background of a success badge when static or the default state when linked.
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#c3e6cd'; // Used for the background of a success badge in the hover state.
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#c3e6cd'; // Used for the background of a success badge in the focus state.
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8'; // Used for the background of a success badge in the active state.
-export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a success badge when static or the default state when linked.
-export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8'; // Used for the border of a success badge in the hover state.
-export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
-export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
-export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#24663b'; // Used for the text of a success badge when static or the default state when linked.
-export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#0d532a'; // Used for the text of a success badge in the hover state.
-export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#0d532a'; // Used for the text of a success badge in the focus state.
-export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#0a4020'; // Used for the text of a success badge in the active state.
-export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#108548'; // Used for the icon of a success badge when static or the default state when linked.
-export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#217645'; // Used for the icon of a success badge in the hover state.
-export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#217645'; // Used for the icon of a success badge in the focus state.
-export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#24663b'; // Used for the icon of a success badge in the active state.
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#f5d9a8'; // Used for the background of a warning badge when static or the default state when linked.
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#f5d9a8'; // Used for the background of a warning badge in the hover state.
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#f5d9a8'; // Used for the background of a warning badge in the focus state.
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74'; // Used for the background of a warning badge in the active state.
-export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a warning badge when static or the default state when linked.
-export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74'; // Used for the border of a warning badge in the hover state.
-export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
-export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
-export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#8f4700'; // Used for the text of a warning badge when static or the default state when linked.
-export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#703800'; // Used for the text of a warning badge in the hover state.
-export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#703800'; // Used for the text of a warning badge in the focus state.
-export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#5c2900'; // Used for the text of a warning badge in the active state.
-export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#ab6100'; // Used for the icon of a warning badge when static or the default state when linked.
-export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#9e5400'; // Used for the icon of a warning badge in the hover state.
-export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#9e5400'; // Used for the icon of a warning badge in the focus state.
-export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#8f4700'; // Used for the icon of a warning badge in the active state.
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#fdd4cd'; // Used for the background of a danger badge when static or the default state when linked.
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the background of a danger badge in the hover state.
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the background of a danger badge in the focus state.
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa'; // Used for the background of a danger badge in the active state.
-export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger badge when static or the default state when linked.
-export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of a danger badge in the hover state.
-export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
-export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
-export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ae1800'; // Used for the text of a danger badge when static or the default state when linked.
-export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#8d1300'; // Used for the text of a danger badge in the hover state.
-export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#8d1300'; // Used for the text of a danger badge in the focus state.
-export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger badge in the active state.
-export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ae1800'; // Used for the icon of a danger badge when static or the default state when linked.
-export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#8d1300'; // Used for the icon of a danger badge in the hover state.
-export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#8d1300'; // Used for the icon of a danger badge in the focus state.
-export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#660e00'; // Used for the icon of a danger badge in the active state.
-export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9'; // Used for the background of a tier related badge when static or the default state when linked.
-export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
-export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
-export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2'; // Used for the background of a tier related badge in the active state.
-export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a tier related badge when static or the default state when linked.
-export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2'; // Used for the border of a tier related badge in the hover state.
-export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
-export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
-export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5943b6'; // Used for the text of a tier related badge when static or the default state when linked.
-export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#453894'; // Used for the text of a tier related badge in the hover state.
-export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#453894'; // Used for the text of a tier related badge in the focus state.
-export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#2f2a6b'; // Used for the text of a tier related badge in the active state.
-export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5943b6'; // Used for the icon of a tier related badge when static or the default state when linked.
-export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#453894'; // Used for the icon of a tier related badge in the hover state.
-export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#453894'; // Used for the icon of a tier related badge in the focus state.
-export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#2f2a6b'; // Used for the icon of a tier related badge in the active state.
-export const GL_BANNER_INTRO_BORDER_COLOR = '#cbe2f9'; // Used for the border of an info banner.
-export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff'; // Used for the background of a promo banner.
-export const GL_BANNER_PROMO_BORDER_COLOR = '#e1d8f9'; // Used for the border of a promo banner.
-export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180'; // Used for the background for the blue banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278'; // Used for the background for the dark banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f'; // Used for the background for the green banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f'; // Used for the background for the indigo banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef'; // Used for the background for the light banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5'; // Used for the background for the lightblue banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258'; // Used for the background for the lightgreen banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4'; // Used for the background for the lightindigo banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b'; // Used for the background for the lightred banner type.
-export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110'; // Used for the background for the red banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640'; // Used for the border for the blue banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51'; // Used for the border for the dark banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328'; // Used for the border for the green banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261'; // Used for the border for the indigo banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde'; // Used for the border for the light banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180'; // Used for the border for the lightblue banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f'; // Used for the border for the lightgreen banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f'; // Used for the border for the lightindigo banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110'; // Used for the border for the lightred banner type.
-export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02'; // Used for the border for the red banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff'; // Used for the icon for the blue banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff'; // Used for the icon for the dark banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff'; // Used for the icon for the green banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_INDIGO = '#fff'; // Used for the icon for the indigo banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHT = '#28272d'; // Used for the icon for the light banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE = '#fff'; // Used for the icon for the lightblue banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN = '#fff'; // Used for the icon for the lightgreen banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO = '#fff'; // Used for the icon for the lightindigo banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTRED = '#fff'; // Used for the icon for the lightred banner type.
-export const GL_BROADCAST_BANNER_ICON_COLOR_RED = '#fff'; // Used for the icon for the red banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_BLUE = '#fff'; // Used for the text for the blue banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_DARK = '#fff'; // Used for the text for the dark banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_GREEN = '#fff'; // Used for the text for the green banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_INDIGO = '#fff'; // Used for the text for the indigo banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHT = '#28272d'; // Used for the text for the light banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE = '#fff'; // Used for the text for the lightblue banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff'; // Used for the text for the lightgreen banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff'; // Used for the text for the lightindigo banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff'; // Used for the text for the lightred banner type.
-export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff'; // Used for the text for the red banner type.
-export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a default primary button in the default state.
-export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a default primary button in the hover state.
-export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a default primary button in the focus state.
-export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a default primary button in the active state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an default primary button in the default state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of an default primary button in the hover state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of an default primary button in the focus state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of an default primary button in the active state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#bfbfc3'; // Used for the border of an default primary button in the default state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of an default primary button in the hover state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of an default primary button in the focus state.
-export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of an default primary button in the active state.
-export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the default state.
-export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the hover state.
-export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the focus state.
-export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the active state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of a default borderless, tertiary button in the default state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a default borderless, tertiary button in the hover state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a default borderless, tertiary button in the focus state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of a default borderless, tertiary button in the active state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a default borderless, tertiary button in the default state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a default borderless, tertiary button in the hover state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a default borderless, tertiary button in the focus state.
-export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a default borderless, tertiary button in the active state.
-export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a confirm (positive) primary button in the default state.
-export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a confirm (positive) primary button in the hover state.
-export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a confirm (positive) primary button in the focus state.
-export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a confirm (positive) primary button in the active state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a confirm (positive) primary button in the default state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#1068bf'; // Used for the background of a confirm (positive) primary button in the hover state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#1068bf'; // Used for the background of a confirm (positive) primary button in the focus state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#0b5cad'; // Used for the background of a confirm (positive) primary button in the active state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#1068bf'; // Used for the border of a confirm (positive) primary button in the default state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#064787'; // Used for the border of a confirm (positive) primary button in the hover state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#064787'; // Used for the border of a confirm (positive) primary button in the focus state.
-export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#033464'; // Used for the border of a confirm (positive) primary button in the active state.
-export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a confirm (positive) button in the active state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the background of an outlined confirm (positive) button in the active state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of an outlined confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of an outlined confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#0b5cad'; // Used for the border of an outlined confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#033464'; // Used for the border of an outlined confirm (positive) button in the active state.
-export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)'; // Used for the background of a borderless, tertiary confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a borderless, tertiary confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a borderless, tertiary confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)'; // Used for the background of a borderless, tertiary confirm (positive) button in the active state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the default state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the hover state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the focus state.
-export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the active state.
-export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a danger (destructive) primary button in the default state.
-export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a danger (destructive) primary button in the hover state.
-export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a danger (destructive) primary button in the focus state.
-export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a danger (destructive) primary button in the active state.
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the background of a danger (destructive) primary button in the default state.
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#c91c00'; // Used for the background of a danger (destructive) primary button in the hover state.
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#c91c00'; // Used for the background of a danger (destructive) primary button in the focus state.
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#8d1300'; // Used for the background of a danger (destructive) primary button in the active state.
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#c91c00'; // Used for the border of a danger (destructive) primary button in the default state.
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#8d1300'; // Used for the border of a danger (destructive) primary button in the hover state.
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#8d1300'; // Used for the border of a danger (destructive) primary button in the focus state.
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#660e00'; // Used for the border of a danger (destructive) primary button in the active state.
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a danger (destructive) button in the active state.
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the background of an outlined danger (destructive) button in the active state.
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e'; // Used for the border of an outlined danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#ae1800'; // Used for the border of an outlined danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#ae1800'; // Used for the border of an outlined danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#660e00'; // Used for the border of an outlined danger (destructive) button in the active state.
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)'; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a borderless, tertiary danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)'; // Used for the background of a borderless, tertiary danger (destructive) button in the active state.
-export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the default state.
-export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the hover state.
-export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the focus state.
-export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the active state.
-export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d'; // Used for the border of a dashed button in the default state.
-export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a dashed button in the hover state.
-export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a dashed button in the focus state.
-export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a dashed button in the active state.
-export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#0b5cad'; // Used for the text of a link button in the default state.
-export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#0b5cad'; // Used for the text of a link button in the hover state.
-export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#0b5cad'; // Used for the text of a link button in the focus state.
-export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#0b5cad'; // Used for the text of a link button in the active state.
-export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a selected button in the default state.
-export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a selected button in the hover state.
-export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a selected button in the focus state.
-export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a selected button in the active state.
-export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of a selected button in the default state.
-export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of a selected button in the hover state.
-export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of a selected button in the focus state.
-export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of a selected button in the active state.
-export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a4a3a8'; // Used for the border of a selected button in the default state.
-export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a selected button in the hover state.
-export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a selected button in the focus state.
-export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a selected button in the active state.
-export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled button.
-export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd'; // Used for the background of a disabled button.
-export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled button.
-export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff'; // Used for the background color of datepicker.
-export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff'; // Used for the datepicker date text color state indicators.
-export const GL_DROPDOWN_BACKGROUND_COLOR = '#fff'; // Used for the background of a dropdown.
-export const GL_DROPDOWN_BORDER_COLOR = '#bfbfc3'; // Used for the border of a dropdown.
-export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#28272d'; // Used for the text of a dropdown option in the default state.
-export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d'; // Used for the text of a dropdown option in the hover state.
-export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#28272d'; // Used for the text of a dropdown option in the focus state.
-export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#28272d'; // Used for the text of a dropdown option in the active state.
-export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#89888d'; // Used for the text of a dropdown option in the disabled state.
-export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for the dropdown selected option indicator in the default state.
-export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#0b5cad'; // Used for the dropdown selected option indicator in the hover state.
-export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#0b5cad'; // Used for the dropdown selected option indicator in the focus state.
-export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#0b5cad'; // Used for the dropdown selected option indicator in the active state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of an unselected dropdown option in the default state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of an unselected dropdown option in the hover state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of an unselected dropdown option in the focus state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of an unselected dropdown option in the active state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef'; // Used for the background of a selected dropdown option in the default state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdcde'; // Used for the background of a selected dropdown option in the hover state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdcde'; // Used for the background of a selected dropdown option in the focus state.
-export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#bfbfc3'; // Used for the background of a selected dropdown option in the active state.
-export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the filtered search type token background color in the default state.
-export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde'; // Used for the filtered search type token background color in the hover state.
-export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde'; // Used for the filtered search data background color in the default state.
-export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3'; // Used for the filtered search data token background color in the hover state.
-export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the filtered search operator background color in the default state.
-export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#bfbfc3'; // Used for the filtered search operator token background color in the hover state.
-export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d'; // Used for the label text color on a light background color.
-export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a light background color in the default state.
-export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d'; // Used for the label remove button background on a light background color in the hover state.
-export const GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT = '#18171d'; // Used for the label remove button icon on a light background color in the default state.
-export const GL_LABEL_DARK_TEXT_COLOR = '#fff'; // Used for the label text color on a dark background color.
-export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a dark background color in the default state.
-export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER = '#fff'; // Used for the label remove button background on a dark background color in the hover state.
-export const GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT = '#fff'; // Used for the label remove button icon on a dark background color in the default state.
-export const GL_LABEL_SCOPED_TEXT_COLOR = '#18171d'; // Used for the scoped label text color.
-export const GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d'; // Used for the scoped label remove button background in the hover state.
-export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#18171d'; // Used for the scoped label remove button icon in the default state.
-export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#fff'; // Used for the scoped label remove button icon in the hover state.
-export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#0b5cad'; // Used for the mention link text color.
-export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#703800'; // Used for the mention link text color when referencing the current user.
-export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the mention link default background.
-export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#f5d9a8'; // Used for the mention link background when referencing the current user.
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb'; // Used for the indicator color for the primary progress-bar variant.
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548'; // Used for the indicator color for the success progress-bar variant.
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100'; // Used for the indicator color for the warning progress-bar variant.
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#dd2b0e'; // Used for the indicator color for the danger progress-bar variant.
-export const GL_PROGRESS_BAR_TRACK_COLOR = '#bfbfc3'; // Used for the track color for all progress-bar variants.
-export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdcde'; // Used for the skeleton loader background color.
-export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ececef'; // Used for the animated shimmer effect in a skeleton loader.
-export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde'; // Used for the static track (background) of a loading spinner.
-export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383f'; // Used for the static track (background) of a loading spinner on a dark background.
-export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4c4b51'; // Used for the animated segment of a loading spinner.
-export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3'; // Used for the animated segment of a loading spinner on a dark background.
-export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#fbfafd'; // Used for the background of a table row in hover state.
-export const GL_TABLE_SORTING_ICON_COLOR = '#18171d'; // Used for the color of the sorting icons in the column headers.
-export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#1f75cb'; // Used for the selected indicator of a tab.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#626168'; // Used for the icon color of an unchecked toggle switch in the default state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#4c4b51'; // Used for the icon color of an unchecked toggle switch in the hover state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#4c4b51'; // Used for the icon color of an unchecked toggle switch in the focus state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#3a383f'; // Used for the icon color of an unchecked toggle switch in the active state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#1f75cb'; // Used for the icon color of a checked toggle switch in the default state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#1068bf'; // Used for the icon color of a checked toggle switch in the hover state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#1068bf'; // Used for the icon color of a checked toggle switch in the focus state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#0b5cad'; // Used for the icon color of a checked toggle switch in the active state.
-export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ececef'; // Used for the icon color of a disabled toggle switch.
-export const GL_TOKEN_FOREGROUND_COLOR = '#3a383f'; // Used for the token foreground color.
-export const GL_TOKEN_BACKGROUND_COLOR = '#dcdcde'; // Used for the token background color.
-export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for form control (input, radio button, checkbox, textarea) default background.
-export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
-export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd'; // Used for the background of static content that prepends or appends a text input.
-export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(05, 05, 06, 0.02)'; // Used for the background of static content that prepends or appends a text input.
-export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
-export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
-export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
-export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d'; // Used for form control (input, radio button, checkbox, textarea) default border.
-export const GL_CONTROL_BORDER_COLOR_HOVER = '#626168'; // Used for form control (input, radio button, checkbox, textarea) border on hover.
-export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d'; // Used for form control (input, radio button, checkbox, textarea) border on focus.
-export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde'; // Used for disabled form control (input, radio button, checkbox, textarea) border.
-export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e'; // Used for invalid form control (input, textarea) border.
-export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border.
-export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.
-export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.
-export const GL_CONTROL_TEXT_COLOR_ERROR = '#c91c00'; // Used for the helper text when the input is invalid.
-export const GL_CONTROL_TEXT_COLOR_VALID = '#217645'; // Used for the helper text when the input is valid.
-export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d'; // Used for placeholder text within inputs.
-export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff'; // Used for checkbox and radio button state indicators.
-export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278'; // Used for disabled checkbox and radio button state indicators.
-export const THEME_INDIGO_10 = '#f8f8ff';
-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_10 = '#e6ecf0';
-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_10 = '#eef3f7';
-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_10 = '#eef4ef';
-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_10 = '#faf4f3';
-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_10 = '#fdf9f8';
-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 = '#050506';
-export const WHITE = '#fff';
-export const BLUE_50 = '#e9f3fc';
-export const BLUE_100 = '#cbe2f9';
-export const BLUE_200 = '#9dc7f1';
-export const BLUE_300 = '#63a6e9';
-export const BLUE_400 = '#428fdc';
-export const BLUE_500 = '#1f75cb';
-export const BLUE_600 = '#1068bf';
-export const BLUE_700 = '#0b5cad';
-export const BLUE_800 = '#064787';
-export const BLUE_900 = '#033464';
-export const BLUE_950 = '#002850';
-export const GRAY_10 = '#fbfafd';
-export const GRAY_50 = '#ececef';
-export const GRAY_100 = '#dcdcde';
-export const GRAY_200 = '#bfbfc3';
-export const GRAY_300 = '#a4a3a8';
-export const GRAY_400 = '#89888d';
-export const GRAY_500 = '#737278';
-export const GRAY_600 = '#626168';
-export const GRAY_700 = '#4c4b51';
-export const GRAY_800 = '#3a383f';
-export const GRAY_900 = '#28272d';
-export const GRAY_950 = '#18171d';
-export const GREEN_50 = '#ecf4ee';
-export const GREEN_100 = '#c3e6cd';
-export const GREEN_200 = '#91d4a8';
-export const GREEN_300 = '#52b87a';
-export const GREEN_400 = '#2da160';
-export const GREEN_500 = '#108548';
-export const GREEN_600 = '#217645';
-export const GREEN_700 = '#24663b';
-export const GREEN_800 = '#0d532a';
-export const GREEN_900 = '#0a4020';
-export const GREEN_950 = '#072b15';
-export const ORANGE_50 = '#fdf1dd';
-export const ORANGE_100 = '#f5d9a8';
-export const ORANGE_200 = '#e9be74';
-export const ORANGE_300 = '#d99530';
-export const ORANGE_400 = '#c17d10';
-export const ORANGE_500 = '#ab6100';
-export const ORANGE_600 = '#9e5400';
-export const ORANGE_700 = '#8f4700';
-export const ORANGE_800 = '#703800';
-export const ORANGE_900 = '#5c2900';
-export const ORANGE_950 = '#421f00';
-export const PURPLE_50 = '#f4f0ff';
-export const PURPLE_100 = '#e1d8f9';
-export const PURPLE_200 = '#cbbbf2';
-export const PURPLE_300 = '#ac93e6';
-export const PURPLE_400 = '#9475db';
-export const PURPLE_500 = '#7b58cf';
-export const PURPLE_600 = '#694cc0';
-export const PURPLE_700 = '#5943b6';
-export const PURPLE_800 = '#453894';
-export const PURPLE_900 = '#2f2a6b';
-export const PURPLE_950 = '#232150';
-export const RED_50 = '#fcf1ef';
-export const RED_100 = '#fdd4cd';
-export const RED_200 = '#fcb5aa';
-export const RED_300 = '#f57f6c';
-export const RED_400 = '#ec5941';
-export const RED_500 = '#dd2b0e';
-export const RED_600 = '#c91c00';
-export const RED_700 = '#ae1800';
-export const RED_800 = '#8d1300';
-export const RED_900 = '#660e00';
-export const RED_950 = '#4d0a00';
-export const BRAND_CHARCOAL = '#171321'; // Use color.brand-charcoal instead.
-export const BRAND_ORANGE_01 = '#fca326'; // Use color.brand-orange.01p instead.
-export const BRAND_ORANGE_02 = '#fc6d26'; // Use color.brand-orange.02p instead.
-export const BRAND_ORANGE_03 = '#e24329'; // Use color.brand-orange.03p instead.
-export const BRAND_PURPLE_01 = '#a989f5'; // Use color.purple.01p instead.
-export const BRAND_PURPLE_02 = '#7759c2'; // Use color.purple.02p instead.
-export const BRAND_GRAY_01 = '#d1d0d3'; // Use color.brand-gray.01 instead.
-export const BRAND_GRAY_02 = '#a2a1a6'; // Use color.brand-gray.02 instead.
-export const BRAND_GRAY_03 = '#74717a'; // Use color.brand-gray.03 instead.
-export const BRAND_GRAY_04 = '#45424d'; // Use color.brand-gray.04 instead.
-export const BRAND_GRAY_05 = '#2b2838'; // Use color.brand-gray.05 instead.
-export const T_GRAY_A_16 = 'rgba(05, 05, 06, 0.16)'; // Use color.alpha.dark.16 instead.
-export const T_GRAY_A_24 = 'rgba(05, 05, 06, 0.24)'; // Use color.alpha.dark.24 instead.
-export const T_GRAY_A_02 = 'rgba(05, 05, 06, 0.02)'; // Use color.alpha.dark.2 instead.
-export const T_GRAY_A_04 = 'rgba(05, 05, 06, 0.04)'; // Use color.alpha.dark.4 instead.
-export const T_GRAY_A_06 = 'rgba(05, 05, 06, 0.06)'; // Use color.alpha.dark.6 instead.
-export const T_GRAY_A_08 = 'rgba(05, 05, 06, 0.08)'; // Use color.alpha.dark.8 instead.
-export const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)'; // Use color.alpha.light.16 instead.
-export const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)'; // Use color.alpha.light.24 instead.
-export const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)'; // Use color.alpha.light.36 instead.
-export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)'; // Use color.alpha.light.2 instead.
-export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)'; // Use color.alpha.light.4 instead.
-export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)'; // Use color.alpha.light.6 instead.
-export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)'; // Use color.alpha.light.8 instead.
-export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f'; // Used for a background associated with strong feedback like a tooltip or toast message.
-export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff'; // Used for text on a strong feedback background.
-export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff'; // Used for an icon on a strong feedback background.
-export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9'; // Used for a link on a strong feedback background.
-export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ececef'; // Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.
-export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4c4b51'; // Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.
-export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#626168'; // Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.
-export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e9f3fc'; // Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
-export const GL_FEEDBACK_INFO_TEXT_COLOR = '#0b5cad'; // Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
-export const GL_FEEDBACK_INFO_ICON_COLOR = '#1068bf'; // Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
-export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#ecf4ee'; // Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.
-export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#24663b'; // Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.
-export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#217645'; // Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.
-export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#fdf1dd'; // Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.
-export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#8f4700'; // Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.
-export const GL_FEEDBACK_WARNING_ICON_COLOR = '#9e5400'; // Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.
-export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#fcf1ef'; // Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
-export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#ae1800'; // Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
-export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c91c00'; // Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
-export const GL_FOCUS_RING_OUTER_COLOR = '#1f75cb'; // Used for the outer color portion of the focus ring.
-export const GL_FOCUS_RING_INNER_COLOR = '#fff'; // Used for the inner neutral portion of the focus ring.
-export const GL_ICON_COLOR_DEFAULT = '#4c4b51'; // Used for the default icon color. Can be paired with default text.
-export const GL_ICON_COLOR_SUBTLE = '#737278'; // Used for a static or decorational icon. Can be paired with subtle text.
-export const GL_ICON_COLOR_STRONG = '#28272d'; // Used for an icon with the highest contrast.
-export const GL_ICON_COLOR_DISABLED = '#a4a3a8'; // Used for an icon within a disabled section.
-export const GL_ICON_COLOR_LINK = '#1068bf'; // Used for an icon within a link.
-export const GL_ICON_COLOR_INFO = '#1068bf'; // Used for an icon associated with information or help.
-export const GL_ICON_COLOR_WARNING = '#9e5400'; // Used for an icon associated with a warning.
-export const GL_ICON_COLOR_DANGER = '#c91c00'; // Used for an icon associated with an error or danger.
-export const GL_ICON_COLOR_SUCCESS = '#217645'; // Used for an icon associated with success or validity.
-export const GL_LINE_HEIGHT_12 = '0.75rem';
-export const GL_LINE_HEIGHT_16 = '1rem';
-export const GL_LINE_HEIGHT_20 = '1.25rem';
-export const GL_LINE_HEIGHT_24 = '1.5rem';
-export const GL_LINE_HEIGHT_28 = '1.75rem';
-export const GL_LINE_HEIGHT_32 = '2rem';
-export const GL_LINE_HEIGHT_36 = '2.25rem';
-export const GL_LINE_HEIGHT_42 = '2.625rem';
-export const GL_LINE_HEIGHT_44 = '2.75rem';
-export const GL_LINE_HEIGHT_52 = '3.25rem';
-export const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.16)'; // Used for the default shadow color.
-export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdcde'; // Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
-export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4c4b51'; // Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
-export const GL_STATUS_NEUTRAL_ICON_COLOR = '#737278'; // Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
-export const GL_STATUS_INFO_BACKGROUND_COLOR = '#cbe2f9'; // Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
-export const GL_STATUS_INFO_TEXT_COLOR = '#0b5cad'; // Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
-export const GL_STATUS_INFO_ICON_COLOR = '#1f75cb'; // Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
-export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#c3e6cd'; // Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
-export const GL_STATUS_SUCCESS_TEXT_COLOR = '#24663b'; // Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
-export const GL_STATUS_SUCCESS_ICON_COLOR = '#108548'; // Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
-export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#f5d9a8'; // Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
-export const GL_STATUS_WARNING_TEXT_COLOR = '#8f4700'; // Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
-export const GL_STATUS_WARNING_ICON_COLOR = '#ab6100'; // Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
-export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#fdd4cd'; // Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
-export const GL_STATUS_DANGER_TEXT_COLOR = '#ae1800'; // Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
-export const GL_STATUS_DANGER_ICON_COLOR = '#dd2b0e'; // Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
-export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1d8f9'; // Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
-export const GL_STATUS_BRAND_TEXT_COLOR = '#5943b6'; // Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
-export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf'; // Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
-export const GL_TEXT_PRIMARY = '#28272d'; // Use text.color.default instead.
-export const GL_TEXT_SECONDARY = '#737278'; // Use text.color.subtle instead.
-export const GL_TEXT_TERTIARY = '#89888d'; // Use text.color.disabled instead.
-export const GL_TEXT_COLOR_DEFAULT = '#3a383f'; // Used for the default text color.
-export const GL_TEXT_COLOR_SUBTLE = '#626168'; // Used for supplemental text that doesn't need to be as prominent as other text.
-export const GL_TEXT_COLOR_STRONG = '#18171d'; // Used for text with the highest contrast.
-export const GL_TEXT_COLOR_HEADING = '#18171d'; // Used for headings level 1-6.
-export const GL_TEXT_COLOR_LINK = '#0b5cad'; // Used for default text links.
-export const GL_TEXT_COLOR_WARNING = '#9e5400'; // Used for text that requires caution or careful attention.
-export const GL_TEXT_COLOR_DANGER = '#c91c00'; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
-export const GL_TEXT_COLOR_SUCCESS = '#217645'; // Used for text indicating success, completion, approval, addition, or validity.
-export const GL_TEXT_COLOR_DISABLED = '#89888d'; // Used for disabled text.