@gitlab/ui 86.7.1 → 86.9.0

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

@@ -529,6 +529,8 @@ const GL_SPINNER_TRACK_COLOR_DEFAULT = '#434248'; // Used for the static track (
 const GL_SPINNER_TRACK_COLOR_LIGHT = '#434248'; // Used for the static track (background) of a loading spinner on a dark background.
 const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#bfbfc3'; // Used for the animated segment of a loading spinner.
 const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3'; // Used for the animated segment of a loading spinner on a dark background.
+const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#333238'; // Used for the background of a table row in hover state.
+const GL_TABLE_SORTING_ICON_COLOR = '#fff'; // Used for the color of the sorting icons in the column headers.
 const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#333238'; // Used for form control (input, radio button, checkbox, textarea) default background.
 const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#1f1e24'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
 const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#428fdc'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
@@ -672,4 +674,4 @@ const GL_TEXT_COLOR_DANGER = '#f57f6c'; // Used for text indicating a problem, c
 const GL_TEXT_COLOR_SUCCESS = '#52b87a'; // Used for text indicating success or validity.
 const GL_TEXT_COLOR_DISABLED = '#89888d'; // Used for disabled text.
 
-export { BLACK, BLUE_100, BLUE_200, BLUE_300, BLUE_400, BLUE_50, BLUE_500, BLUE_600, BLUE_700, BLUE_800, BLUE_900, BLUE_950, BRAND_CHARCOAL, BRAND_GRAY_01, BRAND_GRAY_02, BRAND_GRAY_03, BRAND_GRAY_04, BRAND_GRAY_05, BRAND_ORANGE_01, BRAND_ORANGE_02, BRAND_ORANGE_03, BRAND_PURPLE_01, BRAND_PURPLE_02, DATA_VIZ_AQUA_100, DATA_VIZ_AQUA_200, DATA_VIZ_AQUA_300, DATA_VIZ_AQUA_400, DATA_VIZ_AQUA_50, DATA_VIZ_AQUA_500, DATA_VIZ_AQUA_600, DATA_VIZ_AQUA_700, DATA_VIZ_AQUA_800, DATA_VIZ_AQUA_900, DATA_VIZ_AQUA_950, DATA_VIZ_BLUE_100, DATA_VIZ_BLUE_200, DATA_VIZ_BLUE_300, DATA_VIZ_BLUE_400, DATA_VIZ_BLUE_50, DATA_VIZ_BLUE_500, DATA_VIZ_BLUE_600, DATA_VIZ_BLUE_700, DATA_VIZ_BLUE_800, DATA_VIZ_BLUE_900, DATA_VIZ_BLUE_950, DATA_VIZ_GREEN_100, DATA_VIZ_GREEN_200, DATA_VIZ_GREEN_300, DATA_VIZ_GREEN_400, DATA_VIZ_GREEN_50, DATA_VIZ_GREEN_500, DATA_VIZ_GREEN_600, DATA_VIZ_GREEN_700, DATA_VIZ_GREEN_800, DATA_VIZ_GREEN_900, DATA_VIZ_GREEN_950, DATA_VIZ_MAGENTA_100, DATA_VIZ_MAGENTA_200, DATA_VIZ_MAGENTA_300, DATA_VIZ_MAGENTA_400, DATA_VIZ_MAGENTA_50, DATA_VIZ_MAGENTA_500, DATA_VIZ_MAGENTA_600, DATA_VIZ_MAGENTA_700, DATA_VIZ_MAGENTA_800, DATA_VIZ_MAGENTA_900, DATA_VIZ_MAGENTA_950, DATA_VIZ_ORANGE_100, DATA_VIZ_ORANGE_200, DATA_VIZ_ORANGE_300, DATA_VIZ_ORANGE_400, DATA_VIZ_ORANGE_50, DATA_VIZ_ORANGE_500, DATA_VIZ_ORANGE_600, DATA_VIZ_ORANGE_700, DATA_VIZ_ORANGE_800, DATA_VIZ_ORANGE_900, DATA_VIZ_ORANGE_950, GL_ACTION_BACKGROUND_COLOR_DISABLED, GL_ACTION_BORDER_COLOR_DISABLED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_ICON_COLOR_ACTIVE, GL_ACTION_CONFIRM_ICON_COLOR_DEFAULT, GL_ACTION_CONFIRM_ICON_COLOR_FOCUS, GL_ACTION_CONFIRM_ICON_COLOR_HOVER, GL_ACTION_CONFIRM_ICON_COLOR_STRONG, GL_ACTION_CONFIRM_TEXT_COLOR_ACTIVE, GL_ACTION_CONFIRM_TEXT_COLOR_DEFAULT, GL_ACTION_CONFIRM_TEXT_COLOR_FOCUS, GL_ACTION_CONFIRM_TEXT_COLOR_HOVER, GL_ACTION_CONFIRM_TEXT_COLOR_STRONG, GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_DANGER_BORDER_COLOR_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_HOVER, GL_ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_STRONG_HOVER, GL_ACTION_DANGER_ICON_COLOR_ACTIVE, GL_ACTION_DANGER_ICON_COLOR_DEFAULT, GL_ACTION_DANGER_ICON_COLOR_FOCUS, GL_ACTION_DANGER_ICON_COLOR_HOVER, GL_ACTION_DANGER_ICON_COLOR_STRONG, GL_ACTION_DANGER_TEXT_COLOR_ACTIVE, GL_ACTION_DANGER_TEXT_COLOR_DEFAULT, GL_ACTION_DANGER_TEXT_COLOR_FOCUS, GL_ACTION_DANGER_TEXT_COLOR_HOVER, GL_ACTION_DANGER_TEXT_COLOR_STRONG, GL_ACTION_ICON_COLOR_DISABLED, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_SELECTED, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_ACTIVE, GL_ACTION_NEUTRAL_ICON_COLOR_DEFAULT, GL_ACTION_NEUTRAL_ICON_COLOR_FOCUS, GL_ACTION_NEUTRAL_ICON_COLOR_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_STRONG, GL_ACTION_NEUTRAL_TEXT_COLOR_ACTIVE, GL_ACTION_NEUTRAL_TEXT_COLOR_DEFAULT, GL_ACTION_NEUTRAL_TEXT_COLOR_FOCUS, GL_ACTION_NEUTRAL_TEXT_COLOR_HOVER, GL_ACTION_NEUTRAL_TEXT_COLOR_STRONG, GL_ACTION_TEXT_COLOR_DISABLED, GL_AVATAR_BORDER_COLOR_DEFAULT, GL_AVATAR_BORDER_COLOR_HOVER, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED, GL_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_OVERLAY, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BANNER_INTRO_BORDER_COLOR, GL_BANNER_PROMO_BACKGROUND_COLOR, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, GL_BREADCRUMB_SEPARATOR_COLOR, GL_COLOR_ALPHA_0, GL_COLOR_ALPHA_DARK_16, GL_COLOR_ALPHA_DARK_2, GL_COLOR_ALPHA_DARK_24, GL_COLOR_ALPHA_DARK_4, GL_COLOR_ALPHA_DARK_6, GL_COLOR_ALPHA_DARK_8, GL_COLOR_ALPHA_LIGHT_16, GL_COLOR_ALPHA_LIGHT_2, GL_COLOR_ALPHA_LIGHT_24, GL_COLOR_ALPHA_LIGHT_36, GL_COLOR_ALPHA_LIGHT_4, GL_COLOR_ALPHA_LIGHT_6, GL_COLOR_ALPHA_LIGHT_8, GL_COLOR_BLUE_100, GL_COLOR_BLUE_200, GL_COLOR_BLUE_300, GL_COLOR_BLUE_400, GL_COLOR_BLUE_50, GL_COLOR_BLUE_500, GL_COLOR_BLUE_600, GL_COLOR_BLUE_700, GL_COLOR_BLUE_800, GL_COLOR_BLUE_900, GL_COLOR_BLUE_950, GL_COLOR_BRAND_CHARCOAL, GL_COLOR_BRAND_GRAY_01, GL_COLOR_BRAND_GRAY_02, GL_COLOR_BRAND_GRAY_03, GL_COLOR_BRAND_GRAY_04, GL_COLOR_BRAND_GRAY_05, GL_COLOR_BRAND_ORANGE_01G, GL_COLOR_BRAND_ORANGE_01P, GL_COLOR_BRAND_ORANGE_02P, GL_COLOR_BRAND_ORANGE_03P, GL_COLOR_BRAND_PINK_01G, GL_COLOR_BRAND_PURPLE_01G, GL_COLOR_BRAND_PURPLE_01P, GL_COLOR_BRAND_PURPLE_02P, GL_COLOR_BRAND_WHITE, GL_COLOR_GREEN_100, GL_COLOR_GREEN_200, GL_COLOR_GREEN_300, GL_COLOR_GREEN_400, GL_COLOR_GREEN_50, GL_COLOR_GREEN_500, GL_COLOR_GREEN_600, GL_COLOR_GREEN_700, GL_COLOR_GREEN_800, GL_COLOR_GREEN_900, GL_COLOR_GREEN_950, GL_COLOR_NEUTRAL_0, GL_COLOR_NEUTRAL_10, GL_COLOR_NEUTRAL_100, GL_COLOR_NEUTRAL_1000, GL_COLOR_NEUTRAL_200, GL_COLOR_NEUTRAL_300, GL_COLOR_NEUTRAL_400, GL_COLOR_NEUTRAL_50, GL_COLOR_NEUTRAL_500, GL_COLOR_NEUTRAL_600, GL_COLOR_NEUTRAL_700, GL_COLOR_NEUTRAL_800, GL_COLOR_NEUTRAL_900, GL_COLOR_NEUTRAL_950, GL_COLOR_ORANGE_100, GL_COLOR_ORANGE_200, GL_COLOR_ORANGE_300, GL_COLOR_ORANGE_400, GL_COLOR_ORANGE_50, GL_COLOR_ORANGE_500, GL_COLOR_ORANGE_600, GL_COLOR_ORANGE_700, GL_COLOR_ORANGE_800, GL_COLOR_ORANGE_900, GL_COLOR_ORANGE_950, GL_COLOR_PURPLE_100, GL_COLOR_PURPLE_200, GL_COLOR_PURPLE_300, GL_COLOR_PURPLE_400, GL_COLOR_PURPLE_50, GL_COLOR_PURPLE_500, GL_COLOR_PURPLE_600, GL_COLOR_PURPLE_700, GL_COLOR_PURPLE_800, GL_COLOR_PURPLE_900, GL_COLOR_PURPLE_950, GL_COLOR_RED_100, GL_COLOR_RED_200, GL_COLOR_RED_300, GL_COLOR_RED_400, GL_COLOR_RED_50, GL_COLOR_RED_500, GL_COLOR_RED_600, GL_COLOR_RED_700, GL_COLOR_RED_800, GL_COLOR_RED_900, GL_COLOR_RED_950, GL_COLOR_THEME_BLUE_10, GL_COLOR_THEME_BLUE_100, GL_COLOR_THEME_BLUE_200, GL_COLOR_THEME_BLUE_300, GL_COLOR_THEME_BLUE_400, GL_COLOR_THEME_BLUE_50, GL_COLOR_THEME_BLUE_500, GL_COLOR_THEME_BLUE_600, GL_COLOR_THEME_BLUE_700, GL_COLOR_THEME_BLUE_800, GL_COLOR_THEME_BLUE_900, GL_COLOR_THEME_BLUE_950, GL_COLOR_THEME_GREEN_10, GL_COLOR_THEME_GREEN_100, GL_COLOR_THEME_GREEN_200, GL_COLOR_THEME_GREEN_300, GL_COLOR_THEME_GREEN_400, GL_COLOR_THEME_GREEN_50, GL_COLOR_THEME_GREEN_500, GL_COLOR_THEME_GREEN_600, GL_COLOR_THEME_GREEN_700, GL_COLOR_THEME_GREEN_800, GL_COLOR_THEME_GREEN_900, GL_COLOR_THEME_GREEN_950, GL_COLOR_THEME_INDIGO_10, GL_COLOR_THEME_INDIGO_100, GL_COLOR_THEME_INDIGO_200, GL_COLOR_THEME_INDIGO_300, GL_COLOR_THEME_INDIGO_400, GL_COLOR_THEME_INDIGO_50, GL_COLOR_THEME_INDIGO_500, GL_COLOR_THEME_INDIGO_600, GL_COLOR_THEME_INDIGO_700, GL_COLOR_THEME_INDIGO_800, GL_COLOR_THEME_INDIGO_900, GL_COLOR_THEME_INDIGO_950, GL_COLOR_THEME_LIGHT_BLUE_10, GL_COLOR_THEME_LIGHT_BLUE_100, GL_COLOR_THEME_LIGHT_BLUE_200, GL_COLOR_THEME_LIGHT_BLUE_300, GL_COLOR_THEME_LIGHT_BLUE_400, GL_COLOR_THEME_LIGHT_BLUE_50, GL_COLOR_THEME_LIGHT_BLUE_500, GL_COLOR_THEME_LIGHT_BLUE_600, GL_COLOR_THEME_LIGHT_BLUE_700, GL_COLOR_THEME_LIGHT_BLUE_800, GL_COLOR_THEME_LIGHT_BLUE_900, GL_COLOR_THEME_LIGHT_BLUE_950, GL_COLOR_THEME_LIGHT_RED_10, GL_COLOR_THEME_LIGHT_RED_100, GL_COLOR_THEME_LIGHT_RED_200, GL_COLOR_THEME_LIGHT_RED_300, GL_COLOR_THEME_LIGHT_RED_400, GL_COLOR_THEME_LIGHT_RED_50, GL_COLOR_THEME_LIGHT_RED_500, GL_COLOR_THEME_LIGHT_RED_600, GL_COLOR_THEME_LIGHT_RED_700, GL_COLOR_THEME_LIGHT_RED_800, GL_COLOR_THEME_LIGHT_RED_900, GL_COLOR_THEME_LIGHT_RED_950, GL_COLOR_THEME_RED_10, GL_COLOR_THEME_RED_100, GL_COLOR_THEME_RED_200, GL_COLOR_THEME_RED_300, GL_COLOR_THEME_RED_400, GL_COLOR_THEME_RED_50, GL_COLOR_THEME_RED_500, GL_COLOR_THEME_RED_600, GL_COLOR_THEME_RED_700, GL_COLOR_THEME_RED_800, GL_COLOR_THEME_RED_900, GL_COLOR_THEME_RED_950, GL_CONTROL_BACKGROUND_COLOR_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_DISABLED, GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS, GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER, GL_CONTROL_BORDER_COLOR_DEFAULT, GL_CONTROL_BORDER_COLOR_DISABLED, GL_CONTROL_BORDER_COLOR_ERROR, GL_CONTROL_BORDER_COLOR_FOCUS, GL_CONTROL_BORDER_COLOR_HOVER, GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT, GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS, GL_CONTROL_BORDER_COLOR_SELECTED_HOVER, GL_CONTROL_INDICATOR_COLOR_DISABLED, GL_CONTROL_INDICATOR_COLOR_SELECTED, GL_CONTROL_PLACEHOLDER_COLOR, GL_CONTROL_TEXT_COLOR_ERROR, GL_CONTROL_TEXT_COLOR_VALID, GL_FEEDBACK_BACKGROUND_COLOR_STRONG, GL_FEEDBACK_DANGER_BACKGROUND_COLOR, GL_FEEDBACK_DANGER_ICON_COLOR, GL_FEEDBACK_ICON_COLOR_STRONG, GL_FEEDBACK_INFO_BACKGROUND_COLOR, GL_FEEDBACK_INFO_ICON_COLOR, GL_FEEDBACK_LINK_COLOR_STRONG, GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR, GL_FEEDBACK_NEUTRAL_ICON_COLOR, GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR, GL_FEEDBACK_SUCCESS_ICON_COLOR, GL_FEEDBACK_TEXT_COLOR_STRONG, GL_FEEDBACK_WARNING_BACKGROUND_COLOR, GL_FEEDBACK_WARNING_ICON_COLOR, GL_FOCUS_RING_INNER_COLOR, GL_FOCUS_RING_OUTER_COLOR, GL_ICON_COLOR_DANGER, GL_ICON_COLOR_DEFAULT, GL_ICON_COLOR_DISABLED, GL_ICON_COLOR_INFO, GL_ICON_COLOR_LINK, GL_ICON_COLOR_STRONG, GL_ICON_COLOR_SUBTLE, GL_ICON_COLOR_SUCCESS, GL_ICON_COLOR_WARNING, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_DARK_TEXT_COLOR, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_LIGHT_TEXT_COLOR, GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER, GL_LABEL_SCOPED_TEXT_COLOR, GL_LINE_HEIGHT_12, GL_LINE_HEIGHT_16, GL_LINE_HEIGHT_20, GL_LINE_HEIGHT_24, GL_LINE_HEIGHT_28, GL_LINE_HEIGHT_32, GL_LINE_HEIGHT_36, GL_LINE_HEIGHT_42, GL_LINE_HEIGHT_44, GL_LINE_HEIGHT_52, GL_POPOVER_BACKGROUND_COLOR, GL_SHADOW_COLOR_DEFAULT, GL_SKELETON_LOADER_BACKGROUND_COLOR, GL_SKELETON_LOADER_SHIMMER_COLOR, GL_SPINNER_SEGMENT_COLOR_DEFAULT, GL_SPINNER_SEGMENT_COLOR_LIGHT, GL_SPINNER_TRACK_COLOR_DEFAULT, GL_SPINNER_TRACK_COLOR_LIGHT, GL_STATUS_BRAND_BACKGROUND_COLOR_ACTIVE, GL_STATUS_BRAND_BACKGROUND_COLOR_DEFAULT, GL_STATUS_BRAND_BORDER_COLOR_HOVER, GL_STATUS_BRAND_ICON_COLOR_ACTIVE, GL_STATUS_BRAND_ICON_COLOR_DEFAULT, GL_STATUS_BRAND_ICON_COLOR_FOCUS, GL_STATUS_BRAND_ICON_COLOR_HOVER, GL_STATUS_BRAND_TEXT_COLOR_ACTIVE, GL_STATUS_BRAND_TEXT_COLOR_DEFAULT, GL_STATUS_BRAND_TEXT_COLOR_FOCUS, GL_STATUS_BRAND_TEXT_COLOR_HOVER, GL_STATUS_DANGER_BACKGROUND_COLOR_ACTIVE, GL_STATUS_DANGER_BACKGROUND_COLOR_DEFAULT, GL_STATUS_DANGER_BORDER_COLOR_HOVER, GL_STATUS_DANGER_ICON_COLOR_ACTIVE, GL_STATUS_DANGER_ICON_COLOR_DEFAULT, GL_STATUS_DANGER_ICON_COLOR_FOCUS, GL_STATUS_DANGER_ICON_COLOR_HOVER, GL_STATUS_DANGER_TEXT_COLOR_ACTIVE, GL_STATUS_DANGER_TEXT_COLOR_DEFAULT, GL_STATUS_DANGER_TEXT_COLOR_FOCUS, GL_STATUS_DANGER_TEXT_COLOR_HOVER, GL_STATUS_INFO_BACKGROUND_COLOR_ACTIVE, GL_STATUS_INFO_BACKGROUND_COLOR_DEFAULT, GL_STATUS_INFO_BORDER_COLOR_HOVER, GL_STATUS_INFO_ICON_COLOR_ACTIVE, GL_STATUS_INFO_ICON_COLOR_DEFAULT, GL_STATUS_INFO_ICON_COLOR_FOCUS, GL_STATUS_INFO_ICON_COLOR_HOVER, GL_STATUS_INFO_TEXT_COLOR_ACTIVE, GL_STATUS_INFO_TEXT_COLOR_DEFAULT, GL_STATUS_INFO_TEXT_COLOR_FOCUS, GL_STATUS_INFO_TEXT_COLOR_HOVER, GL_STATUS_MUTED_BACKGROUND_COLOR_ACTIVE, GL_STATUS_MUTED_BACKGROUND_COLOR_DEFAULT, GL_STATUS_MUTED_BORDER_COLOR_HOVER, GL_STATUS_MUTED_ICON_COLOR_ACTIVE, GL_STATUS_MUTED_ICON_COLOR_DEFAULT, GL_STATUS_MUTED_ICON_COLOR_FOCUS, GL_STATUS_MUTED_ICON_COLOR_HOVER, GL_STATUS_MUTED_TEXT_COLOR_ACTIVE, GL_STATUS_MUTED_TEXT_COLOR_DEFAULT, GL_STATUS_MUTED_TEXT_COLOR_FOCUS, GL_STATUS_MUTED_TEXT_COLOR_HOVER, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_STATUS_NEUTRAL_BORDER_COLOR_HOVER, GL_STATUS_NEUTRAL_ICON_COLOR_ACTIVE, GL_STATUS_NEUTRAL_ICON_COLOR_DEFAULT, GL_STATUS_NEUTRAL_ICON_COLOR_FOCUS, GL_STATUS_NEUTRAL_ICON_COLOR_HOVER, GL_STATUS_NEUTRAL_TEXT_COLOR_ACTIVE, GL_STATUS_NEUTRAL_TEXT_COLOR_DEFAULT, GL_STATUS_NEUTRAL_TEXT_COLOR_FOCUS, GL_STATUS_NEUTRAL_TEXT_COLOR_HOVER, GL_STATUS_SUCCESS_BACKGROUND_COLOR_ACTIVE, GL_STATUS_SUCCESS_BACKGROUND_COLOR_DEFAULT, GL_STATUS_SUCCESS_BORDER_COLOR_HOVER, GL_STATUS_SUCCESS_ICON_COLOR_ACTIVE, GL_STATUS_SUCCESS_ICON_COLOR_DEFAULT, GL_STATUS_SUCCESS_ICON_COLOR_FOCUS, GL_STATUS_SUCCESS_ICON_COLOR_HOVER, GL_STATUS_SUCCESS_TEXT_COLOR_ACTIVE, GL_STATUS_SUCCESS_TEXT_COLOR_DEFAULT, GL_STATUS_SUCCESS_TEXT_COLOR_FOCUS, GL_STATUS_SUCCESS_TEXT_COLOR_HOVER, GL_STATUS_WARNING_BACKGROUND_COLOR_ACTIVE, GL_STATUS_WARNING_BACKGROUND_COLOR_DEFAULT, GL_STATUS_WARNING_BORDER_COLOR_HOVER, GL_STATUS_WARNING_ICON_COLOR_ACTIVE, GL_STATUS_WARNING_ICON_COLOR_DEFAULT, GL_STATUS_WARNING_ICON_COLOR_FOCUS, GL_STATUS_WARNING_ICON_COLOR_HOVER, GL_STATUS_WARNING_TEXT_COLOR_ACTIVE, GL_STATUS_WARNING_TEXT_COLOR_DEFAULT, GL_STATUS_WARNING_TEXT_COLOR_FOCUS, GL_STATUS_WARNING_TEXT_COLOR_HOVER, GL_TEXT_COLOR_DANGER, GL_TEXT_COLOR_DEFAULT, GL_TEXT_COLOR_DISABLED, GL_TEXT_COLOR_HEADING, GL_TEXT_COLOR_LINK, GL_TEXT_COLOR_STRONG, GL_TEXT_COLOR_SUBTLE, GL_TEXT_COLOR_SUCCESS, GL_TEXT_PRIMARY, GL_TEXT_SECONDARY, GL_TEXT_TERTIARY, GRAY_10, GRAY_100, GRAY_200, GRAY_300, GRAY_400, GRAY_50, GRAY_500, GRAY_600, GRAY_700, GRAY_800, GRAY_900, GRAY_950, GREEN_100, GREEN_200, GREEN_300, GREEN_400, GREEN_50, GREEN_500, GREEN_600, GREEN_700, GREEN_800, GREEN_900, GREEN_950, ORANGE_100, ORANGE_200, ORANGE_300, ORANGE_400, ORANGE_50, ORANGE_500, ORANGE_600, ORANGE_700, ORANGE_800, ORANGE_900, ORANGE_950, PURPLE_100, PURPLE_200, PURPLE_300, PURPLE_400, PURPLE_50, PURPLE_500, PURPLE_600, PURPLE_700, PURPLE_800, PURPLE_900, PURPLE_950, RED_100, RED_200, RED_300, RED_400, RED_50, RED_500, RED_600, RED_700, RED_800, RED_900, RED_950, THEME_BLUE_10, THEME_BLUE_100, THEME_BLUE_200, THEME_BLUE_300, THEME_BLUE_400, THEME_BLUE_50, THEME_BLUE_500, THEME_BLUE_600, THEME_BLUE_700, THEME_BLUE_800, THEME_BLUE_900, THEME_BLUE_950, THEME_GREEN_10, THEME_GREEN_100, THEME_GREEN_200, THEME_GREEN_300, THEME_GREEN_400, THEME_GREEN_50, THEME_GREEN_500, THEME_GREEN_600, THEME_GREEN_700, THEME_GREEN_800, THEME_GREEN_900, THEME_GREEN_950, THEME_INDIGO_10, THEME_INDIGO_100, THEME_INDIGO_200, THEME_INDIGO_300, THEME_INDIGO_400, THEME_INDIGO_50, THEME_INDIGO_500, THEME_INDIGO_600, THEME_INDIGO_700, THEME_INDIGO_800, THEME_INDIGO_900, THEME_INDIGO_950, THEME_LIGHT_BLUE_10, THEME_LIGHT_BLUE_100, THEME_LIGHT_BLUE_200, THEME_LIGHT_BLUE_300, THEME_LIGHT_BLUE_400, THEME_LIGHT_BLUE_50, THEME_LIGHT_BLUE_500, THEME_LIGHT_BLUE_600, THEME_LIGHT_BLUE_700, THEME_LIGHT_BLUE_800, THEME_LIGHT_BLUE_900, THEME_LIGHT_BLUE_950, THEME_LIGHT_RED_10, THEME_LIGHT_RED_100, THEME_LIGHT_RED_200, THEME_LIGHT_RED_300, THEME_LIGHT_RED_400, THEME_LIGHT_RED_50, THEME_LIGHT_RED_500, THEME_LIGHT_RED_600, THEME_LIGHT_RED_700, THEME_LIGHT_RED_800, THEME_LIGHT_RED_900, THEME_LIGHT_RED_950, THEME_RED_10, THEME_RED_100, THEME_RED_200, THEME_RED_300, THEME_RED_400, THEME_RED_50, THEME_RED_500, THEME_RED_600, THEME_RED_700, THEME_RED_800, THEME_RED_900, THEME_RED_950, T_GRAY_A_02, T_GRAY_A_04, T_GRAY_A_06, T_GRAY_A_08, T_GRAY_A_16, T_GRAY_A_24, T_WHITE_A_02, T_WHITE_A_04, T_WHITE_A_06, T_WHITE_A_08, T_WHITE_A_16, T_WHITE_A_24, T_WHITE_A_36, WHITE };
+export { BLACK, BLUE_100, BLUE_200, BLUE_300, BLUE_400, BLUE_50, BLUE_500, BLUE_600, BLUE_700, BLUE_800, BLUE_900, BLUE_950, BRAND_CHARCOAL, BRAND_GRAY_01, BRAND_GRAY_02, BRAND_GRAY_03, BRAND_GRAY_04, BRAND_GRAY_05, BRAND_ORANGE_01, BRAND_ORANGE_02, BRAND_ORANGE_03, BRAND_PURPLE_01, BRAND_PURPLE_02, DATA_VIZ_AQUA_100, DATA_VIZ_AQUA_200, DATA_VIZ_AQUA_300, DATA_VIZ_AQUA_400, DATA_VIZ_AQUA_50, DATA_VIZ_AQUA_500, DATA_VIZ_AQUA_600, DATA_VIZ_AQUA_700, DATA_VIZ_AQUA_800, DATA_VIZ_AQUA_900, DATA_VIZ_AQUA_950, DATA_VIZ_BLUE_100, DATA_VIZ_BLUE_200, DATA_VIZ_BLUE_300, DATA_VIZ_BLUE_400, DATA_VIZ_BLUE_50, DATA_VIZ_BLUE_500, DATA_VIZ_BLUE_600, DATA_VIZ_BLUE_700, DATA_VIZ_BLUE_800, DATA_VIZ_BLUE_900, DATA_VIZ_BLUE_950, DATA_VIZ_GREEN_100, DATA_VIZ_GREEN_200, DATA_VIZ_GREEN_300, DATA_VIZ_GREEN_400, DATA_VIZ_GREEN_50, DATA_VIZ_GREEN_500, DATA_VIZ_GREEN_600, DATA_VIZ_GREEN_700, DATA_VIZ_GREEN_800, DATA_VIZ_GREEN_900, DATA_VIZ_GREEN_950, DATA_VIZ_MAGENTA_100, DATA_VIZ_MAGENTA_200, DATA_VIZ_MAGENTA_300, DATA_VIZ_MAGENTA_400, DATA_VIZ_MAGENTA_50, DATA_VIZ_MAGENTA_500, DATA_VIZ_MAGENTA_600, DATA_VIZ_MAGENTA_700, DATA_VIZ_MAGENTA_800, DATA_VIZ_MAGENTA_900, DATA_VIZ_MAGENTA_950, DATA_VIZ_ORANGE_100, DATA_VIZ_ORANGE_200, DATA_VIZ_ORANGE_300, DATA_VIZ_ORANGE_400, DATA_VIZ_ORANGE_50, DATA_VIZ_ORANGE_500, DATA_VIZ_ORANGE_600, DATA_VIZ_ORANGE_700, DATA_VIZ_ORANGE_800, DATA_VIZ_ORANGE_900, DATA_VIZ_ORANGE_950, GL_ACTION_BACKGROUND_COLOR_DISABLED, GL_ACTION_BORDER_COLOR_DISABLED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_ICON_COLOR_ACTIVE, GL_ACTION_CONFIRM_ICON_COLOR_DEFAULT, GL_ACTION_CONFIRM_ICON_COLOR_FOCUS, GL_ACTION_CONFIRM_ICON_COLOR_HOVER, GL_ACTION_CONFIRM_ICON_COLOR_STRONG, GL_ACTION_CONFIRM_TEXT_COLOR_ACTIVE, GL_ACTION_CONFIRM_TEXT_COLOR_DEFAULT, GL_ACTION_CONFIRM_TEXT_COLOR_FOCUS, GL_ACTION_CONFIRM_TEXT_COLOR_HOVER, GL_ACTION_CONFIRM_TEXT_COLOR_STRONG, GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_DANGER_BORDER_COLOR_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_HOVER, GL_ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_STRONG_HOVER, GL_ACTION_DANGER_ICON_COLOR_ACTIVE, GL_ACTION_DANGER_ICON_COLOR_DEFAULT, GL_ACTION_DANGER_ICON_COLOR_FOCUS, GL_ACTION_DANGER_ICON_COLOR_HOVER, GL_ACTION_DANGER_ICON_COLOR_STRONG, GL_ACTION_DANGER_TEXT_COLOR_ACTIVE, GL_ACTION_DANGER_TEXT_COLOR_DEFAULT, GL_ACTION_DANGER_TEXT_COLOR_FOCUS, GL_ACTION_DANGER_TEXT_COLOR_HOVER, GL_ACTION_DANGER_TEXT_COLOR_STRONG, GL_ACTION_ICON_COLOR_DISABLED, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_SELECTED, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_ACTIVE, GL_ACTION_NEUTRAL_ICON_COLOR_DEFAULT, GL_ACTION_NEUTRAL_ICON_COLOR_FOCUS, GL_ACTION_NEUTRAL_ICON_COLOR_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_STRONG, GL_ACTION_NEUTRAL_TEXT_COLOR_ACTIVE, GL_ACTION_NEUTRAL_TEXT_COLOR_DEFAULT, GL_ACTION_NEUTRAL_TEXT_COLOR_FOCUS, GL_ACTION_NEUTRAL_TEXT_COLOR_HOVER, GL_ACTION_NEUTRAL_TEXT_COLOR_STRONG, GL_ACTION_TEXT_COLOR_DISABLED, GL_AVATAR_BORDER_COLOR_DEFAULT, GL_AVATAR_BORDER_COLOR_HOVER, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED, GL_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_OVERLAY, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BANNER_INTRO_BORDER_COLOR, GL_BANNER_PROMO_BACKGROUND_COLOR, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, GL_BREADCRUMB_SEPARATOR_COLOR, GL_COLOR_ALPHA_0, GL_COLOR_ALPHA_DARK_16, GL_COLOR_ALPHA_DARK_2, GL_COLOR_ALPHA_DARK_24, GL_COLOR_ALPHA_DARK_4, GL_COLOR_ALPHA_DARK_6, GL_COLOR_ALPHA_DARK_8, GL_COLOR_ALPHA_LIGHT_16, GL_COLOR_ALPHA_LIGHT_2, GL_COLOR_ALPHA_LIGHT_24, GL_COLOR_ALPHA_LIGHT_36, GL_COLOR_ALPHA_LIGHT_4, GL_COLOR_ALPHA_LIGHT_6, GL_COLOR_ALPHA_LIGHT_8, GL_COLOR_BLUE_100, GL_COLOR_BLUE_200, GL_COLOR_BLUE_300, GL_COLOR_BLUE_400, GL_COLOR_BLUE_50, GL_COLOR_BLUE_500, GL_COLOR_BLUE_600, GL_COLOR_BLUE_700, GL_COLOR_BLUE_800, GL_COLOR_BLUE_900, GL_COLOR_BLUE_950, GL_COLOR_BRAND_CHARCOAL, GL_COLOR_BRAND_GRAY_01, GL_COLOR_BRAND_GRAY_02, GL_COLOR_BRAND_GRAY_03, GL_COLOR_BRAND_GRAY_04, GL_COLOR_BRAND_GRAY_05, GL_COLOR_BRAND_ORANGE_01G, GL_COLOR_BRAND_ORANGE_01P, GL_COLOR_BRAND_ORANGE_02P, GL_COLOR_BRAND_ORANGE_03P, GL_COLOR_BRAND_PINK_01G, GL_COLOR_BRAND_PURPLE_01G, GL_COLOR_BRAND_PURPLE_01P, GL_COLOR_BRAND_PURPLE_02P, GL_COLOR_BRAND_WHITE, GL_COLOR_GREEN_100, GL_COLOR_GREEN_200, GL_COLOR_GREEN_300, GL_COLOR_GREEN_400, GL_COLOR_GREEN_50, GL_COLOR_GREEN_500, GL_COLOR_GREEN_600, GL_COLOR_GREEN_700, GL_COLOR_GREEN_800, GL_COLOR_GREEN_900, GL_COLOR_GREEN_950, GL_COLOR_NEUTRAL_0, GL_COLOR_NEUTRAL_10, GL_COLOR_NEUTRAL_100, GL_COLOR_NEUTRAL_1000, GL_COLOR_NEUTRAL_200, GL_COLOR_NEUTRAL_300, GL_COLOR_NEUTRAL_400, GL_COLOR_NEUTRAL_50, GL_COLOR_NEUTRAL_500, GL_COLOR_NEUTRAL_600, GL_COLOR_NEUTRAL_700, GL_COLOR_NEUTRAL_800, GL_COLOR_NEUTRAL_900, GL_COLOR_NEUTRAL_950, GL_COLOR_ORANGE_100, GL_COLOR_ORANGE_200, GL_COLOR_ORANGE_300, GL_COLOR_ORANGE_400, GL_COLOR_ORANGE_50, GL_COLOR_ORANGE_500, GL_COLOR_ORANGE_600, GL_COLOR_ORANGE_700, GL_COLOR_ORANGE_800, GL_COLOR_ORANGE_900, GL_COLOR_ORANGE_950, GL_COLOR_PURPLE_100, GL_COLOR_PURPLE_200, GL_COLOR_PURPLE_300, GL_COLOR_PURPLE_400, GL_COLOR_PURPLE_50, GL_COLOR_PURPLE_500, GL_COLOR_PURPLE_600, GL_COLOR_PURPLE_700, GL_COLOR_PURPLE_800, GL_COLOR_PURPLE_900, GL_COLOR_PURPLE_950, GL_COLOR_RED_100, GL_COLOR_RED_200, GL_COLOR_RED_300, GL_COLOR_RED_400, GL_COLOR_RED_50, GL_COLOR_RED_500, GL_COLOR_RED_600, GL_COLOR_RED_700, GL_COLOR_RED_800, GL_COLOR_RED_900, GL_COLOR_RED_950, GL_COLOR_THEME_BLUE_10, GL_COLOR_THEME_BLUE_100, GL_COLOR_THEME_BLUE_200, GL_COLOR_THEME_BLUE_300, GL_COLOR_THEME_BLUE_400, GL_COLOR_THEME_BLUE_50, GL_COLOR_THEME_BLUE_500, GL_COLOR_THEME_BLUE_600, GL_COLOR_THEME_BLUE_700, GL_COLOR_THEME_BLUE_800, GL_COLOR_THEME_BLUE_900, GL_COLOR_THEME_BLUE_950, GL_COLOR_THEME_GREEN_10, GL_COLOR_THEME_GREEN_100, GL_COLOR_THEME_GREEN_200, GL_COLOR_THEME_GREEN_300, GL_COLOR_THEME_GREEN_400, GL_COLOR_THEME_GREEN_50, GL_COLOR_THEME_GREEN_500, GL_COLOR_THEME_GREEN_600, GL_COLOR_THEME_GREEN_700, GL_COLOR_THEME_GREEN_800, GL_COLOR_THEME_GREEN_900, GL_COLOR_THEME_GREEN_950, GL_COLOR_THEME_INDIGO_10, GL_COLOR_THEME_INDIGO_100, GL_COLOR_THEME_INDIGO_200, GL_COLOR_THEME_INDIGO_300, GL_COLOR_THEME_INDIGO_400, GL_COLOR_THEME_INDIGO_50, GL_COLOR_THEME_INDIGO_500, GL_COLOR_THEME_INDIGO_600, GL_COLOR_THEME_INDIGO_700, GL_COLOR_THEME_INDIGO_800, GL_COLOR_THEME_INDIGO_900, GL_COLOR_THEME_INDIGO_950, GL_COLOR_THEME_LIGHT_BLUE_10, GL_COLOR_THEME_LIGHT_BLUE_100, GL_COLOR_THEME_LIGHT_BLUE_200, GL_COLOR_THEME_LIGHT_BLUE_300, GL_COLOR_THEME_LIGHT_BLUE_400, GL_COLOR_THEME_LIGHT_BLUE_50, GL_COLOR_THEME_LIGHT_BLUE_500, GL_COLOR_THEME_LIGHT_BLUE_600, GL_COLOR_THEME_LIGHT_BLUE_700, GL_COLOR_THEME_LIGHT_BLUE_800, GL_COLOR_THEME_LIGHT_BLUE_900, GL_COLOR_THEME_LIGHT_BLUE_950, GL_COLOR_THEME_LIGHT_RED_10, GL_COLOR_THEME_LIGHT_RED_100, GL_COLOR_THEME_LIGHT_RED_200, GL_COLOR_THEME_LIGHT_RED_300, GL_COLOR_THEME_LIGHT_RED_400, GL_COLOR_THEME_LIGHT_RED_50, GL_COLOR_THEME_LIGHT_RED_500, GL_COLOR_THEME_LIGHT_RED_600, GL_COLOR_THEME_LIGHT_RED_700, GL_COLOR_THEME_LIGHT_RED_800, GL_COLOR_THEME_LIGHT_RED_900, GL_COLOR_THEME_LIGHT_RED_950, GL_COLOR_THEME_RED_10, GL_COLOR_THEME_RED_100, GL_COLOR_THEME_RED_200, GL_COLOR_THEME_RED_300, GL_COLOR_THEME_RED_400, GL_COLOR_THEME_RED_50, GL_COLOR_THEME_RED_500, GL_COLOR_THEME_RED_600, GL_COLOR_THEME_RED_700, GL_COLOR_THEME_RED_800, GL_COLOR_THEME_RED_900, GL_COLOR_THEME_RED_950, GL_CONTROL_BACKGROUND_COLOR_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_DISABLED, GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS, GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER, GL_CONTROL_BORDER_COLOR_DEFAULT, GL_CONTROL_BORDER_COLOR_DISABLED, GL_CONTROL_BORDER_COLOR_ERROR, GL_CONTROL_BORDER_COLOR_FOCUS, GL_CONTROL_BORDER_COLOR_HOVER, GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT, GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS, GL_CONTROL_BORDER_COLOR_SELECTED_HOVER, GL_CONTROL_INDICATOR_COLOR_DISABLED, GL_CONTROL_INDICATOR_COLOR_SELECTED, GL_CONTROL_PLACEHOLDER_COLOR, GL_CONTROL_TEXT_COLOR_ERROR, GL_CONTROL_TEXT_COLOR_VALID, GL_FEEDBACK_BACKGROUND_COLOR_STRONG, GL_FEEDBACK_DANGER_BACKGROUND_COLOR, GL_FEEDBACK_DANGER_ICON_COLOR, GL_FEEDBACK_ICON_COLOR_STRONG, GL_FEEDBACK_INFO_BACKGROUND_COLOR, GL_FEEDBACK_INFO_ICON_COLOR, GL_FEEDBACK_LINK_COLOR_STRONG, GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR, GL_FEEDBACK_NEUTRAL_ICON_COLOR, GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR, GL_FEEDBACK_SUCCESS_ICON_COLOR, GL_FEEDBACK_TEXT_COLOR_STRONG, GL_FEEDBACK_WARNING_BACKGROUND_COLOR, GL_FEEDBACK_WARNING_ICON_COLOR, GL_FOCUS_RING_INNER_COLOR, GL_FOCUS_RING_OUTER_COLOR, GL_ICON_COLOR_DANGER, GL_ICON_COLOR_DEFAULT, GL_ICON_COLOR_DISABLED, GL_ICON_COLOR_INFO, GL_ICON_COLOR_LINK, GL_ICON_COLOR_STRONG, GL_ICON_COLOR_SUBTLE, GL_ICON_COLOR_SUCCESS, GL_ICON_COLOR_WARNING, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_DARK_TEXT_COLOR, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_LIGHT_TEXT_COLOR, GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER, GL_LABEL_SCOPED_TEXT_COLOR, GL_LINE_HEIGHT_12, GL_LINE_HEIGHT_16, GL_LINE_HEIGHT_20, GL_LINE_HEIGHT_24, GL_LINE_HEIGHT_28, GL_LINE_HEIGHT_32, GL_LINE_HEIGHT_36, GL_LINE_HEIGHT_42, GL_LINE_HEIGHT_44, GL_LINE_HEIGHT_52, GL_POPOVER_BACKGROUND_COLOR, GL_SHADOW_COLOR_DEFAULT, GL_SKELETON_LOADER_BACKGROUND_COLOR, GL_SKELETON_LOADER_SHIMMER_COLOR, GL_SPINNER_SEGMENT_COLOR_DEFAULT, GL_SPINNER_SEGMENT_COLOR_LIGHT, GL_SPINNER_TRACK_COLOR_DEFAULT, GL_SPINNER_TRACK_COLOR_LIGHT, GL_STATUS_BRAND_BACKGROUND_COLOR_ACTIVE, GL_STATUS_BRAND_BACKGROUND_COLOR_DEFAULT, GL_STATUS_BRAND_BORDER_COLOR_HOVER, GL_STATUS_BRAND_ICON_COLOR_ACTIVE, GL_STATUS_BRAND_ICON_COLOR_DEFAULT, GL_STATUS_BRAND_ICON_COLOR_FOCUS, GL_STATUS_BRAND_ICON_COLOR_HOVER, GL_STATUS_BRAND_TEXT_COLOR_ACTIVE, GL_STATUS_BRAND_TEXT_COLOR_DEFAULT, GL_STATUS_BRAND_TEXT_COLOR_FOCUS, GL_STATUS_BRAND_TEXT_COLOR_HOVER, GL_STATUS_DANGER_BACKGROUND_COLOR_ACTIVE, GL_STATUS_DANGER_BACKGROUND_COLOR_DEFAULT, GL_STATUS_DANGER_BORDER_COLOR_HOVER, GL_STATUS_DANGER_ICON_COLOR_ACTIVE, GL_STATUS_DANGER_ICON_COLOR_DEFAULT, GL_STATUS_DANGER_ICON_COLOR_FOCUS, GL_STATUS_DANGER_ICON_COLOR_HOVER, GL_STATUS_DANGER_TEXT_COLOR_ACTIVE, GL_STATUS_DANGER_TEXT_COLOR_DEFAULT, GL_STATUS_DANGER_TEXT_COLOR_FOCUS, GL_STATUS_DANGER_TEXT_COLOR_HOVER, GL_STATUS_INFO_BACKGROUND_COLOR_ACTIVE, GL_STATUS_INFO_BACKGROUND_COLOR_DEFAULT, GL_STATUS_INFO_BORDER_COLOR_HOVER, GL_STATUS_INFO_ICON_COLOR_ACTIVE, GL_STATUS_INFO_ICON_COLOR_DEFAULT, GL_STATUS_INFO_ICON_COLOR_FOCUS, GL_STATUS_INFO_ICON_COLOR_HOVER, GL_STATUS_INFO_TEXT_COLOR_ACTIVE, GL_STATUS_INFO_TEXT_COLOR_DEFAULT, GL_STATUS_INFO_TEXT_COLOR_FOCUS, GL_STATUS_INFO_TEXT_COLOR_HOVER, GL_STATUS_MUTED_BACKGROUND_COLOR_ACTIVE, GL_STATUS_MUTED_BACKGROUND_COLOR_DEFAULT, GL_STATUS_MUTED_BORDER_COLOR_HOVER, GL_STATUS_MUTED_ICON_COLOR_ACTIVE, GL_STATUS_MUTED_ICON_COLOR_DEFAULT, GL_STATUS_MUTED_ICON_COLOR_FOCUS, GL_STATUS_MUTED_ICON_COLOR_HOVER, GL_STATUS_MUTED_TEXT_COLOR_ACTIVE, GL_STATUS_MUTED_TEXT_COLOR_DEFAULT, GL_STATUS_MUTED_TEXT_COLOR_FOCUS, GL_STATUS_MUTED_TEXT_COLOR_HOVER, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_STATUS_NEUTRAL_BORDER_COLOR_HOVER, GL_STATUS_NEUTRAL_ICON_COLOR_ACTIVE, GL_STATUS_NEUTRAL_ICON_COLOR_DEFAULT, GL_STATUS_NEUTRAL_ICON_COLOR_FOCUS, GL_STATUS_NEUTRAL_ICON_COLOR_HOVER, GL_STATUS_NEUTRAL_TEXT_COLOR_ACTIVE, GL_STATUS_NEUTRAL_TEXT_COLOR_DEFAULT, GL_STATUS_NEUTRAL_TEXT_COLOR_FOCUS, GL_STATUS_NEUTRAL_TEXT_COLOR_HOVER, GL_STATUS_SUCCESS_BACKGROUND_COLOR_ACTIVE, GL_STATUS_SUCCESS_BACKGROUND_COLOR_DEFAULT, GL_STATUS_SUCCESS_BORDER_COLOR_HOVER, GL_STATUS_SUCCESS_ICON_COLOR_ACTIVE, GL_STATUS_SUCCESS_ICON_COLOR_DEFAULT, GL_STATUS_SUCCESS_ICON_COLOR_FOCUS, GL_STATUS_SUCCESS_ICON_COLOR_HOVER, GL_STATUS_SUCCESS_TEXT_COLOR_ACTIVE, GL_STATUS_SUCCESS_TEXT_COLOR_DEFAULT, GL_STATUS_SUCCESS_TEXT_COLOR_FOCUS, GL_STATUS_SUCCESS_TEXT_COLOR_HOVER, GL_STATUS_WARNING_BACKGROUND_COLOR_ACTIVE, GL_STATUS_WARNING_BACKGROUND_COLOR_DEFAULT, GL_STATUS_WARNING_BORDER_COLOR_HOVER, GL_STATUS_WARNING_ICON_COLOR_ACTIVE, GL_STATUS_WARNING_ICON_COLOR_DEFAULT, GL_STATUS_WARNING_ICON_COLOR_FOCUS, GL_STATUS_WARNING_ICON_COLOR_HOVER, GL_STATUS_WARNING_TEXT_COLOR_ACTIVE, GL_STATUS_WARNING_TEXT_COLOR_DEFAULT, GL_STATUS_WARNING_TEXT_COLOR_FOCUS, GL_STATUS_WARNING_TEXT_COLOR_HOVER, GL_TABLE_ROW_BACKGROUND_COLOR_HOVER, GL_TABLE_SORTING_ICON_COLOR, GL_TEXT_COLOR_DANGER, GL_TEXT_COLOR_DEFAULT, GL_TEXT_COLOR_DISABLED, GL_TEXT_COLOR_HEADING, GL_TEXT_COLOR_LINK, GL_TEXT_COLOR_STRONG, GL_TEXT_COLOR_SUBTLE, GL_TEXT_COLOR_SUCCESS, GL_TEXT_PRIMARY, GL_TEXT_SECONDARY, GL_TEXT_TERTIARY, GRAY_10, GRAY_100, GRAY_200, GRAY_300, GRAY_400, GRAY_50, GRAY_500, GRAY_600, GRAY_700, GRAY_800, GRAY_900, GRAY_950, GREEN_100, GREEN_200, GREEN_300, GREEN_400, GREEN_50, GREEN_500, GREEN_600, GREEN_700, GREEN_800, GREEN_900, GREEN_950, ORANGE_100, ORANGE_200, ORANGE_300, ORANGE_400, ORANGE_50, ORANGE_500, ORANGE_600, ORANGE_700, ORANGE_800, ORANGE_900, ORANGE_950, PURPLE_100, PURPLE_200, PURPLE_300, PURPLE_400, PURPLE_50, PURPLE_500, PURPLE_600, PURPLE_700, PURPLE_800, PURPLE_900, PURPLE_950, RED_100, RED_200, RED_300, RED_400, RED_50, RED_500, RED_600, RED_700, RED_800, RED_900, RED_950, THEME_BLUE_10, THEME_BLUE_100, THEME_BLUE_200, THEME_BLUE_300, THEME_BLUE_400, THEME_BLUE_50, THEME_BLUE_500, THEME_BLUE_600, THEME_BLUE_700, THEME_BLUE_800, THEME_BLUE_900, THEME_BLUE_950, THEME_GREEN_10, THEME_GREEN_100, THEME_GREEN_200, THEME_GREEN_300, THEME_GREEN_400, THEME_GREEN_50, THEME_GREEN_500, THEME_GREEN_600, THEME_GREEN_700, THEME_GREEN_800, THEME_GREEN_900, THEME_GREEN_950, THEME_INDIGO_10, THEME_INDIGO_100, THEME_INDIGO_200, THEME_INDIGO_300, THEME_INDIGO_400, THEME_INDIGO_50, THEME_INDIGO_500, THEME_INDIGO_600, THEME_INDIGO_700, THEME_INDIGO_800, THEME_INDIGO_900, THEME_INDIGO_950, THEME_LIGHT_BLUE_10, THEME_LIGHT_BLUE_100, THEME_LIGHT_BLUE_200, THEME_LIGHT_BLUE_300, THEME_LIGHT_BLUE_400, THEME_LIGHT_BLUE_50, THEME_LIGHT_BLUE_500, THEME_LIGHT_BLUE_600, THEME_LIGHT_BLUE_700, THEME_LIGHT_BLUE_800, THEME_LIGHT_BLUE_900, THEME_LIGHT_BLUE_950, THEME_LIGHT_RED_10, THEME_LIGHT_RED_100, THEME_LIGHT_RED_200, THEME_LIGHT_RED_300, THEME_LIGHT_RED_400, THEME_LIGHT_RED_50, THEME_LIGHT_RED_500, THEME_LIGHT_RED_600, THEME_LIGHT_RED_700, THEME_LIGHT_RED_800, THEME_LIGHT_RED_900, THEME_LIGHT_RED_950, THEME_RED_10, THEME_RED_100, THEME_RED_200, THEME_RED_300, THEME_RED_400, THEME_RED_50, THEME_RED_500, THEME_RED_600, THEME_RED_700, THEME_RED_800, THEME_RED_900, THEME_RED_950, T_GRAY_A_02, T_GRAY_A_04, T_GRAY_A_06, T_GRAY_A_08, T_GRAY_A_16, T_GRAY_A_24, T_WHITE_A_02, T_WHITE_A_04, T_WHITE_A_06, T_WHITE_A_08, T_WHITE_A_16, T_WHITE_A_24, T_WHITE_A_36, WHITE };

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

@@ -529,6 +529,8 @@ const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde'; // Used for the static track (
 const GL_SPINNER_TRACK_COLOR_LIGHT = '#434248'; // Used for the static track (background) of a loading spinner on a dark background.
 const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#535158'; // Used for the animated segment of a loading spinner.
 const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3'; // Used for the animated segment of a loading spinner on a dark background.
+const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#fbfafd'; // Used for the background of a table row in hover state.
+const GL_TABLE_SORTING_ICON_COLOR = '#1f1e24'; // Used for the color of the sorting icons in the column headers.
 const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for form control (input, radio button, checkbox, textarea) default background.
 const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
 const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
@@ -672,4 +674,4 @@ const GL_TEXT_COLOR_DANGER = '#c91c00'; // Used for text indicating a problem, c
 const GL_TEXT_COLOR_SUCCESS = '#217645'; // Used for text indicating success or validity.
 const GL_TEXT_COLOR_DISABLED = '#89888d'; // Used for disabled text.
 
-export { BLACK, BLUE_100, BLUE_200, BLUE_300, BLUE_400, BLUE_50, BLUE_500, BLUE_600, BLUE_700, BLUE_800, BLUE_900, BLUE_950, BRAND_CHARCOAL, BRAND_GRAY_01, BRAND_GRAY_02, BRAND_GRAY_03, BRAND_GRAY_04, BRAND_GRAY_05, BRAND_ORANGE_01, BRAND_ORANGE_02, BRAND_ORANGE_03, BRAND_PURPLE_01, BRAND_PURPLE_02, DATA_VIZ_AQUA_100, DATA_VIZ_AQUA_200, DATA_VIZ_AQUA_300, DATA_VIZ_AQUA_400, DATA_VIZ_AQUA_50, DATA_VIZ_AQUA_500, DATA_VIZ_AQUA_600, DATA_VIZ_AQUA_700, DATA_VIZ_AQUA_800, DATA_VIZ_AQUA_900, DATA_VIZ_AQUA_950, DATA_VIZ_BLUE_100, DATA_VIZ_BLUE_200, DATA_VIZ_BLUE_300, DATA_VIZ_BLUE_400, DATA_VIZ_BLUE_50, DATA_VIZ_BLUE_500, DATA_VIZ_BLUE_600, DATA_VIZ_BLUE_700, DATA_VIZ_BLUE_800, DATA_VIZ_BLUE_900, DATA_VIZ_BLUE_950, DATA_VIZ_GREEN_100, DATA_VIZ_GREEN_200, DATA_VIZ_GREEN_300, DATA_VIZ_GREEN_400, DATA_VIZ_GREEN_50, DATA_VIZ_GREEN_500, DATA_VIZ_GREEN_600, DATA_VIZ_GREEN_700, DATA_VIZ_GREEN_800, DATA_VIZ_GREEN_900, DATA_VIZ_GREEN_950, DATA_VIZ_MAGENTA_100, DATA_VIZ_MAGENTA_200, DATA_VIZ_MAGENTA_300, DATA_VIZ_MAGENTA_400, DATA_VIZ_MAGENTA_50, DATA_VIZ_MAGENTA_500, DATA_VIZ_MAGENTA_600, DATA_VIZ_MAGENTA_700, DATA_VIZ_MAGENTA_800, DATA_VIZ_MAGENTA_900, DATA_VIZ_MAGENTA_950, DATA_VIZ_ORANGE_100, DATA_VIZ_ORANGE_200, DATA_VIZ_ORANGE_300, DATA_VIZ_ORANGE_400, DATA_VIZ_ORANGE_50, DATA_VIZ_ORANGE_500, DATA_VIZ_ORANGE_600, DATA_VIZ_ORANGE_700, DATA_VIZ_ORANGE_800, DATA_VIZ_ORANGE_900, DATA_VIZ_ORANGE_950, GL_ACTION_BACKGROUND_COLOR_DISABLED, GL_ACTION_BORDER_COLOR_DISABLED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_ICON_COLOR_ACTIVE, GL_ACTION_CONFIRM_ICON_COLOR_DEFAULT, GL_ACTION_CONFIRM_ICON_COLOR_FOCUS, GL_ACTION_CONFIRM_ICON_COLOR_HOVER, GL_ACTION_CONFIRM_ICON_COLOR_STRONG, GL_ACTION_CONFIRM_TEXT_COLOR_ACTIVE, GL_ACTION_CONFIRM_TEXT_COLOR_DEFAULT, GL_ACTION_CONFIRM_TEXT_COLOR_FOCUS, GL_ACTION_CONFIRM_TEXT_COLOR_HOVER, GL_ACTION_CONFIRM_TEXT_COLOR_STRONG, GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_DANGER_BORDER_COLOR_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_HOVER, GL_ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_STRONG_HOVER, GL_ACTION_DANGER_ICON_COLOR_ACTIVE, GL_ACTION_DANGER_ICON_COLOR_DEFAULT, GL_ACTION_DANGER_ICON_COLOR_FOCUS, GL_ACTION_DANGER_ICON_COLOR_HOVER, GL_ACTION_DANGER_ICON_COLOR_STRONG, GL_ACTION_DANGER_TEXT_COLOR_ACTIVE, GL_ACTION_DANGER_TEXT_COLOR_DEFAULT, GL_ACTION_DANGER_TEXT_COLOR_FOCUS, GL_ACTION_DANGER_TEXT_COLOR_HOVER, GL_ACTION_DANGER_TEXT_COLOR_STRONG, GL_ACTION_ICON_COLOR_DISABLED, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_SELECTED, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_ACTIVE, GL_ACTION_NEUTRAL_ICON_COLOR_DEFAULT, GL_ACTION_NEUTRAL_ICON_COLOR_FOCUS, GL_ACTION_NEUTRAL_ICON_COLOR_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_STRONG, GL_ACTION_NEUTRAL_TEXT_COLOR_ACTIVE, GL_ACTION_NEUTRAL_TEXT_COLOR_DEFAULT, GL_ACTION_NEUTRAL_TEXT_COLOR_FOCUS, GL_ACTION_NEUTRAL_TEXT_COLOR_HOVER, GL_ACTION_NEUTRAL_TEXT_COLOR_STRONG, GL_ACTION_TEXT_COLOR_DISABLED, GL_AVATAR_BORDER_COLOR_DEFAULT, GL_AVATAR_BORDER_COLOR_HOVER, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED, GL_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_OVERLAY, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BANNER_INTRO_BORDER_COLOR, GL_BANNER_PROMO_BACKGROUND_COLOR, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, GL_BREADCRUMB_SEPARATOR_COLOR, GL_COLOR_ALPHA_0, GL_COLOR_ALPHA_DARK_16, GL_COLOR_ALPHA_DARK_2, GL_COLOR_ALPHA_DARK_24, GL_COLOR_ALPHA_DARK_4, GL_COLOR_ALPHA_DARK_6, GL_COLOR_ALPHA_DARK_8, GL_COLOR_ALPHA_LIGHT_16, GL_COLOR_ALPHA_LIGHT_2, GL_COLOR_ALPHA_LIGHT_24, GL_COLOR_ALPHA_LIGHT_36, GL_COLOR_ALPHA_LIGHT_4, GL_COLOR_ALPHA_LIGHT_6, GL_COLOR_ALPHA_LIGHT_8, GL_COLOR_BLUE_100, GL_COLOR_BLUE_200, GL_COLOR_BLUE_300, GL_COLOR_BLUE_400, GL_COLOR_BLUE_50, GL_COLOR_BLUE_500, GL_COLOR_BLUE_600, GL_COLOR_BLUE_700, GL_COLOR_BLUE_800, GL_COLOR_BLUE_900, GL_COLOR_BLUE_950, GL_COLOR_BRAND_CHARCOAL, GL_COLOR_BRAND_GRAY_01, GL_COLOR_BRAND_GRAY_02, GL_COLOR_BRAND_GRAY_03, GL_COLOR_BRAND_GRAY_04, GL_COLOR_BRAND_GRAY_05, GL_COLOR_BRAND_ORANGE_01G, GL_COLOR_BRAND_ORANGE_01P, GL_COLOR_BRAND_ORANGE_02P, GL_COLOR_BRAND_ORANGE_03P, GL_COLOR_BRAND_PINK_01G, GL_COLOR_BRAND_PURPLE_01G, GL_COLOR_BRAND_PURPLE_01P, GL_COLOR_BRAND_PURPLE_02P, GL_COLOR_BRAND_WHITE, GL_COLOR_GREEN_100, GL_COLOR_GREEN_200, GL_COLOR_GREEN_300, GL_COLOR_GREEN_400, GL_COLOR_GREEN_50, GL_COLOR_GREEN_500, GL_COLOR_GREEN_600, GL_COLOR_GREEN_700, GL_COLOR_GREEN_800, GL_COLOR_GREEN_900, GL_COLOR_GREEN_950, GL_COLOR_NEUTRAL_0, GL_COLOR_NEUTRAL_10, GL_COLOR_NEUTRAL_100, GL_COLOR_NEUTRAL_1000, GL_COLOR_NEUTRAL_200, GL_COLOR_NEUTRAL_300, GL_COLOR_NEUTRAL_400, GL_COLOR_NEUTRAL_50, GL_COLOR_NEUTRAL_500, GL_COLOR_NEUTRAL_600, GL_COLOR_NEUTRAL_700, GL_COLOR_NEUTRAL_800, GL_COLOR_NEUTRAL_900, GL_COLOR_NEUTRAL_950, GL_COLOR_ORANGE_100, GL_COLOR_ORANGE_200, GL_COLOR_ORANGE_300, GL_COLOR_ORANGE_400, GL_COLOR_ORANGE_50, GL_COLOR_ORANGE_500, GL_COLOR_ORANGE_600, GL_COLOR_ORANGE_700, GL_COLOR_ORANGE_800, GL_COLOR_ORANGE_900, GL_COLOR_ORANGE_950, GL_COLOR_PURPLE_100, GL_COLOR_PURPLE_200, GL_COLOR_PURPLE_300, GL_COLOR_PURPLE_400, GL_COLOR_PURPLE_50, GL_COLOR_PURPLE_500, GL_COLOR_PURPLE_600, GL_COLOR_PURPLE_700, GL_COLOR_PURPLE_800, GL_COLOR_PURPLE_900, GL_COLOR_PURPLE_950, GL_COLOR_RED_100, GL_COLOR_RED_200, GL_COLOR_RED_300, GL_COLOR_RED_400, GL_COLOR_RED_50, GL_COLOR_RED_500, GL_COLOR_RED_600, GL_COLOR_RED_700, GL_COLOR_RED_800, GL_COLOR_RED_900, GL_COLOR_RED_950, GL_COLOR_THEME_BLUE_10, GL_COLOR_THEME_BLUE_100, GL_COLOR_THEME_BLUE_200, GL_COLOR_THEME_BLUE_300, GL_COLOR_THEME_BLUE_400, GL_COLOR_THEME_BLUE_50, GL_COLOR_THEME_BLUE_500, GL_COLOR_THEME_BLUE_600, GL_COLOR_THEME_BLUE_700, GL_COLOR_THEME_BLUE_800, GL_COLOR_THEME_BLUE_900, GL_COLOR_THEME_BLUE_950, GL_COLOR_THEME_GREEN_10, GL_COLOR_THEME_GREEN_100, GL_COLOR_THEME_GREEN_200, GL_COLOR_THEME_GREEN_300, GL_COLOR_THEME_GREEN_400, GL_COLOR_THEME_GREEN_50, GL_COLOR_THEME_GREEN_500, GL_COLOR_THEME_GREEN_600, GL_COLOR_THEME_GREEN_700, GL_COLOR_THEME_GREEN_800, GL_COLOR_THEME_GREEN_900, GL_COLOR_THEME_GREEN_950, GL_COLOR_THEME_INDIGO_10, GL_COLOR_THEME_INDIGO_100, GL_COLOR_THEME_INDIGO_200, GL_COLOR_THEME_INDIGO_300, GL_COLOR_THEME_INDIGO_400, GL_COLOR_THEME_INDIGO_50, GL_COLOR_THEME_INDIGO_500, GL_COLOR_THEME_INDIGO_600, GL_COLOR_THEME_INDIGO_700, GL_COLOR_THEME_INDIGO_800, GL_COLOR_THEME_INDIGO_900, GL_COLOR_THEME_INDIGO_950, GL_COLOR_THEME_LIGHT_BLUE_10, GL_COLOR_THEME_LIGHT_BLUE_100, GL_COLOR_THEME_LIGHT_BLUE_200, GL_COLOR_THEME_LIGHT_BLUE_300, GL_COLOR_THEME_LIGHT_BLUE_400, GL_COLOR_THEME_LIGHT_BLUE_50, GL_COLOR_THEME_LIGHT_BLUE_500, GL_COLOR_THEME_LIGHT_BLUE_600, GL_COLOR_THEME_LIGHT_BLUE_700, GL_COLOR_THEME_LIGHT_BLUE_800, GL_COLOR_THEME_LIGHT_BLUE_900, GL_COLOR_THEME_LIGHT_BLUE_950, GL_COLOR_THEME_LIGHT_RED_10, GL_COLOR_THEME_LIGHT_RED_100, GL_COLOR_THEME_LIGHT_RED_200, GL_COLOR_THEME_LIGHT_RED_300, GL_COLOR_THEME_LIGHT_RED_400, GL_COLOR_THEME_LIGHT_RED_50, GL_COLOR_THEME_LIGHT_RED_500, GL_COLOR_THEME_LIGHT_RED_600, GL_COLOR_THEME_LIGHT_RED_700, GL_COLOR_THEME_LIGHT_RED_800, GL_COLOR_THEME_LIGHT_RED_900, GL_COLOR_THEME_LIGHT_RED_950, GL_COLOR_THEME_RED_10, GL_COLOR_THEME_RED_100, GL_COLOR_THEME_RED_200, GL_COLOR_THEME_RED_300, GL_COLOR_THEME_RED_400, GL_COLOR_THEME_RED_50, GL_COLOR_THEME_RED_500, GL_COLOR_THEME_RED_600, GL_COLOR_THEME_RED_700, GL_COLOR_THEME_RED_800, GL_COLOR_THEME_RED_900, GL_COLOR_THEME_RED_950, GL_CONTROL_BACKGROUND_COLOR_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_DISABLED, GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS, GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER, GL_CONTROL_BORDER_COLOR_DEFAULT, GL_CONTROL_BORDER_COLOR_DISABLED, GL_CONTROL_BORDER_COLOR_ERROR, GL_CONTROL_BORDER_COLOR_FOCUS, GL_CONTROL_BORDER_COLOR_HOVER, GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT, GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS, GL_CONTROL_BORDER_COLOR_SELECTED_HOVER, GL_CONTROL_INDICATOR_COLOR_DISABLED, GL_CONTROL_INDICATOR_COLOR_SELECTED, GL_CONTROL_PLACEHOLDER_COLOR, GL_CONTROL_TEXT_COLOR_ERROR, GL_CONTROL_TEXT_COLOR_VALID, GL_FEEDBACK_BACKGROUND_COLOR_STRONG, GL_FEEDBACK_DANGER_BACKGROUND_COLOR, GL_FEEDBACK_DANGER_ICON_COLOR, GL_FEEDBACK_ICON_COLOR_STRONG, GL_FEEDBACK_INFO_BACKGROUND_COLOR, GL_FEEDBACK_INFO_ICON_COLOR, GL_FEEDBACK_LINK_COLOR_STRONG, GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR, GL_FEEDBACK_NEUTRAL_ICON_COLOR, GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR, GL_FEEDBACK_SUCCESS_ICON_COLOR, GL_FEEDBACK_TEXT_COLOR_STRONG, GL_FEEDBACK_WARNING_BACKGROUND_COLOR, GL_FEEDBACK_WARNING_ICON_COLOR, GL_FOCUS_RING_INNER_COLOR, GL_FOCUS_RING_OUTER_COLOR, GL_ICON_COLOR_DANGER, GL_ICON_COLOR_DEFAULT, GL_ICON_COLOR_DISABLED, GL_ICON_COLOR_INFO, GL_ICON_COLOR_LINK, GL_ICON_COLOR_STRONG, GL_ICON_COLOR_SUBTLE, GL_ICON_COLOR_SUCCESS, GL_ICON_COLOR_WARNING, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_DARK_TEXT_COLOR, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_LIGHT_TEXT_COLOR, GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER, GL_LABEL_SCOPED_TEXT_COLOR, GL_LINE_HEIGHT_12, GL_LINE_HEIGHT_16, GL_LINE_HEIGHT_20, GL_LINE_HEIGHT_24, GL_LINE_HEIGHT_28, GL_LINE_HEIGHT_32, GL_LINE_HEIGHT_36, GL_LINE_HEIGHT_42, GL_LINE_HEIGHT_44, GL_LINE_HEIGHT_52, GL_POPOVER_BACKGROUND_COLOR, GL_SHADOW_COLOR_DEFAULT, GL_SKELETON_LOADER_BACKGROUND_COLOR, GL_SKELETON_LOADER_SHIMMER_COLOR, GL_SPINNER_SEGMENT_COLOR_DEFAULT, GL_SPINNER_SEGMENT_COLOR_LIGHT, GL_SPINNER_TRACK_COLOR_DEFAULT, GL_SPINNER_TRACK_COLOR_LIGHT, GL_STATUS_BRAND_BACKGROUND_COLOR_ACTIVE, GL_STATUS_BRAND_BACKGROUND_COLOR_DEFAULT, GL_STATUS_BRAND_BORDER_COLOR_HOVER, GL_STATUS_BRAND_ICON_COLOR_ACTIVE, GL_STATUS_BRAND_ICON_COLOR_DEFAULT, GL_STATUS_BRAND_ICON_COLOR_FOCUS, GL_STATUS_BRAND_ICON_COLOR_HOVER, GL_STATUS_BRAND_TEXT_COLOR_ACTIVE, GL_STATUS_BRAND_TEXT_COLOR_DEFAULT, GL_STATUS_BRAND_TEXT_COLOR_FOCUS, GL_STATUS_BRAND_TEXT_COLOR_HOVER, GL_STATUS_DANGER_BACKGROUND_COLOR_ACTIVE, GL_STATUS_DANGER_BACKGROUND_COLOR_DEFAULT, GL_STATUS_DANGER_BORDER_COLOR_HOVER, GL_STATUS_DANGER_ICON_COLOR_ACTIVE, GL_STATUS_DANGER_ICON_COLOR_DEFAULT, GL_STATUS_DANGER_ICON_COLOR_FOCUS, GL_STATUS_DANGER_ICON_COLOR_HOVER, GL_STATUS_DANGER_TEXT_COLOR_ACTIVE, GL_STATUS_DANGER_TEXT_COLOR_DEFAULT, GL_STATUS_DANGER_TEXT_COLOR_FOCUS, GL_STATUS_DANGER_TEXT_COLOR_HOVER, GL_STATUS_INFO_BACKGROUND_COLOR_ACTIVE, GL_STATUS_INFO_BACKGROUND_COLOR_DEFAULT, GL_STATUS_INFO_BORDER_COLOR_HOVER, GL_STATUS_INFO_ICON_COLOR_ACTIVE, GL_STATUS_INFO_ICON_COLOR_DEFAULT, GL_STATUS_INFO_ICON_COLOR_FOCUS, GL_STATUS_INFO_ICON_COLOR_HOVER, GL_STATUS_INFO_TEXT_COLOR_ACTIVE, GL_STATUS_INFO_TEXT_COLOR_DEFAULT, GL_STATUS_INFO_TEXT_COLOR_FOCUS, GL_STATUS_INFO_TEXT_COLOR_HOVER, GL_STATUS_MUTED_BACKGROUND_COLOR_ACTIVE, GL_STATUS_MUTED_BACKGROUND_COLOR_DEFAULT, GL_STATUS_MUTED_BORDER_COLOR_HOVER, GL_STATUS_MUTED_ICON_COLOR_ACTIVE, GL_STATUS_MUTED_ICON_COLOR_DEFAULT, GL_STATUS_MUTED_ICON_COLOR_FOCUS, GL_STATUS_MUTED_ICON_COLOR_HOVER, GL_STATUS_MUTED_TEXT_COLOR_ACTIVE, GL_STATUS_MUTED_TEXT_COLOR_DEFAULT, GL_STATUS_MUTED_TEXT_COLOR_FOCUS, GL_STATUS_MUTED_TEXT_COLOR_HOVER, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_STATUS_NEUTRAL_BORDER_COLOR_HOVER, GL_STATUS_NEUTRAL_ICON_COLOR_ACTIVE, GL_STATUS_NEUTRAL_ICON_COLOR_DEFAULT, GL_STATUS_NEUTRAL_ICON_COLOR_FOCUS, GL_STATUS_NEUTRAL_ICON_COLOR_HOVER, GL_STATUS_NEUTRAL_TEXT_COLOR_ACTIVE, GL_STATUS_NEUTRAL_TEXT_COLOR_DEFAULT, GL_STATUS_NEUTRAL_TEXT_COLOR_FOCUS, GL_STATUS_NEUTRAL_TEXT_COLOR_HOVER, GL_STATUS_SUCCESS_BACKGROUND_COLOR_ACTIVE, GL_STATUS_SUCCESS_BACKGROUND_COLOR_DEFAULT, GL_STATUS_SUCCESS_BORDER_COLOR_HOVER, GL_STATUS_SUCCESS_ICON_COLOR_ACTIVE, GL_STATUS_SUCCESS_ICON_COLOR_DEFAULT, GL_STATUS_SUCCESS_ICON_COLOR_FOCUS, GL_STATUS_SUCCESS_ICON_COLOR_HOVER, GL_STATUS_SUCCESS_TEXT_COLOR_ACTIVE, GL_STATUS_SUCCESS_TEXT_COLOR_DEFAULT, GL_STATUS_SUCCESS_TEXT_COLOR_FOCUS, GL_STATUS_SUCCESS_TEXT_COLOR_HOVER, GL_STATUS_WARNING_BACKGROUND_COLOR_ACTIVE, GL_STATUS_WARNING_BACKGROUND_COLOR_DEFAULT, GL_STATUS_WARNING_BORDER_COLOR_HOVER, GL_STATUS_WARNING_ICON_COLOR_ACTIVE, GL_STATUS_WARNING_ICON_COLOR_DEFAULT, GL_STATUS_WARNING_ICON_COLOR_FOCUS, GL_STATUS_WARNING_ICON_COLOR_HOVER, GL_STATUS_WARNING_TEXT_COLOR_ACTIVE, GL_STATUS_WARNING_TEXT_COLOR_DEFAULT, GL_STATUS_WARNING_TEXT_COLOR_FOCUS, GL_STATUS_WARNING_TEXT_COLOR_HOVER, GL_TEXT_COLOR_DANGER, GL_TEXT_COLOR_DEFAULT, GL_TEXT_COLOR_DISABLED, GL_TEXT_COLOR_HEADING, GL_TEXT_COLOR_LINK, GL_TEXT_COLOR_STRONG, GL_TEXT_COLOR_SUBTLE, GL_TEXT_COLOR_SUCCESS, GL_TEXT_PRIMARY, GL_TEXT_SECONDARY, GL_TEXT_TERTIARY, GRAY_10, GRAY_100, GRAY_200, GRAY_300, GRAY_400, GRAY_50, GRAY_500, GRAY_600, GRAY_700, GRAY_800, GRAY_900, GRAY_950, GREEN_100, GREEN_200, GREEN_300, GREEN_400, GREEN_50, GREEN_500, GREEN_600, GREEN_700, GREEN_800, GREEN_900, GREEN_950, ORANGE_100, ORANGE_200, ORANGE_300, ORANGE_400, ORANGE_50, ORANGE_500, ORANGE_600, ORANGE_700, ORANGE_800, ORANGE_900, ORANGE_950, PURPLE_100, PURPLE_200, PURPLE_300, PURPLE_400, PURPLE_50, PURPLE_500, PURPLE_600, PURPLE_700, PURPLE_800, PURPLE_900, PURPLE_950, RED_100, RED_200, RED_300, RED_400, RED_50, RED_500, RED_600, RED_700, RED_800, RED_900, RED_950, THEME_BLUE_10, THEME_BLUE_100, THEME_BLUE_200, THEME_BLUE_300, THEME_BLUE_400, THEME_BLUE_50, THEME_BLUE_500, THEME_BLUE_600, THEME_BLUE_700, THEME_BLUE_800, THEME_BLUE_900, THEME_BLUE_950, THEME_GREEN_10, THEME_GREEN_100, THEME_GREEN_200, THEME_GREEN_300, THEME_GREEN_400, THEME_GREEN_50, THEME_GREEN_500, THEME_GREEN_600, THEME_GREEN_700, THEME_GREEN_800, THEME_GREEN_900, THEME_GREEN_950, THEME_INDIGO_10, THEME_INDIGO_100, THEME_INDIGO_200, THEME_INDIGO_300, THEME_INDIGO_400, THEME_INDIGO_50, THEME_INDIGO_500, THEME_INDIGO_600, THEME_INDIGO_700, THEME_INDIGO_800, THEME_INDIGO_900, THEME_INDIGO_950, THEME_LIGHT_BLUE_10, THEME_LIGHT_BLUE_100, THEME_LIGHT_BLUE_200, THEME_LIGHT_BLUE_300, THEME_LIGHT_BLUE_400, THEME_LIGHT_BLUE_50, THEME_LIGHT_BLUE_500, THEME_LIGHT_BLUE_600, THEME_LIGHT_BLUE_700, THEME_LIGHT_BLUE_800, THEME_LIGHT_BLUE_900, THEME_LIGHT_BLUE_950, THEME_LIGHT_RED_10, THEME_LIGHT_RED_100, THEME_LIGHT_RED_200, THEME_LIGHT_RED_300, THEME_LIGHT_RED_400, THEME_LIGHT_RED_50, THEME_LIGHT_RED_500, THEME_LIGHT_RED_600, THEME_LIGHT_RED_700, THEME_LIGHT_RED_800, THEME_LIGHT_RED_900, THEME_LIGHT_RED_950, THEME_RED_10, THEME_RED_100, THEME_RED_200, THEME_RED_300, THEME_RED_400, THEME_RED_50, THEME_RED_500, THEME_RED_600, THEME_RED_700, THEME_RED_800, THEME_RED_900, THEME_RED_950, T_GRAY_A_02, T_GRAY_A_04, T_GRAY_A_06, T_GRAY_A_08, T_GRAY_A_16, T_GRAY_A_24, T_WHITE_A_02, T_WHITE_A_04, T_WHITE_A_06, T_WHITE_A_08, T_WHITE_A_16, T_WHITE_A_24, T_WHITE_A_36, WHITE };
+export { BLACK, BLUE_100, BLUE_200, BLUE_300, BLUE_400, BLUE_50, BLUE_500, BLUE_600, BLUE_700, BLUE_800, BLUE_900, BLUE_950, BRAND_CHARCOAL, BRAND_GRAY_01, BRAND_GRAY_02, BRAND_GRAY_03, BRAND_GRAY_04, BRAND_GRAY_05, BRAND_ORANGE_01, BRAND_ORANGE_02, BRAND_ORANGE_03, BRAND_PURPLE_01, BRAND_PURPLE_02, DATA_VIZ_AQUA_100, DATA_VIZ_AQUA_200, DATA_VIZ_AQUA_300, DATA_VIZ_AQUA_400, DATA_VIZ_AQUA_50, DATA_VIZ_AQUA_500, DATA_VIZ_AQUA_600, DATA_VIZ_AQUA_700, DATA_VIZ_AQUA_800, DATA_VIZ_AQUA_900, DATA_VIZ_AQUA_950, DATA_VIZ_BLUE_100, DATA_VIZ_BLUE_200, DATA_VIZ_BLUE_300, DATA_VIZ_BLUE_400, DATA_VIZ_BLUE_50, DATA_VIZ_BLUE_500, DATA_VIZ_BLUE_600, DATA_VIZ_BLUE_700, DATA_VIZ_BLUE_800, DATA_VIZ_BLUE_900, DATA_VIZ_BLUE_950, DATA_VIZ_GREEN_100, DATA_VIZ_GREEN_200, DATA_VIZ_GREEN_300, DATA_VIZ_GREEN_400, DATA_VIZ_GREEN_50, DATA_VIZ_GREEN_500, DATA_VIZ_GREEN_600, DATA_VIZ_GREEN_700, DATA_VIZ_GREEN_800, DATA_VIZ_GREEN_900, DATA_VIZ_GREEN_950, DATA_VIZ_MAGENTA_100, DATA_VIZ_MAGENTA_200, DATA_VIZ_MAGENTA_300, DATA_VIZ_MAGENTA_400, DATA_VIZ_MAGENTA_50, DATA_VIZ_MAGENTA_500, DATA_VIZ_MAGENTA_600, DATA_VIZ_MAGENTA_700, DATA_VIZ_MAGENTA_800, DATA_VIZ_MAGENTA_900, DATA_VIZ_MAGENTA_950, DATA_VIZ_ORANGE_100, DATA_VIZ_ORANGE_200, DATA_VIZ_ORANGE_300, DATA_VIZ_ORANGE_400, DATA_VIZ_ORANGE_50, DATA_VIZ_ORANGE_500, DATA_VIZ_ORANGE_600, DATA_VIZ_ORANGE_700, DATA_VIZ_ORANGE_800, DATA_VIZ_ORANGE_900, DATA_VIZ_ORANGE_950, GL_ACTION_BACKGROUND_COLOR_DISABLED, GL_ACTION_BORDER_COLOR_DISABLED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER, GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED, GL_ACTION_CONFIRM_ICON_COLOR_ACTIVE, GL_ACTION_CONFIRM_ICON_COLOR_DEFAULT, GL_ACTION_CONFIRM_ICON_COLOR_FOCUS, GL_ACTION_CONFIRM_ICON_COLOR_HOVER, GL_ACTION_CONFIRM_ICON_COLOR_STRONG, GL_ACTION_CONFIRM_TEXT_COLOR_ACTIVE, GL_ACTION_CONFIRM_TEXT_COLOR_DEFAULT, GL_ACTION_CONFIRM_TEXT_COLOR_FOCUS, GL_ACTION_CONFIRM_TEXT_COLOR_HOVER, GL_ACTION_CONFIRM_TEXT_COLOR_STRONG, GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_DANGER_BORDER_COLOR_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_HOVER, GL_ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_DANGER_BORDER_COLOR_STRONG_HOVER, GL_ACTION_DANGER_ICON_COLOR_ACTIVE, GL_ACTION_DANGER_ICON_COLOR_DEFAULT, GL_ACTION_DANGER_ICON_COLOR_FOCUS, GL_ACTION_DANGER_ICON_COLOR_HOVER, GL_ACTION_DANGER_ICON_COLOR_STRONG, GL_ACTION_DANGER_TEXT_COLOR_ACTIVE, GL_ACTION_DANGER_TEXT_COLOR_DEFAULT, GL_ACTION_DANGER_TEXT_COLOR_FOCUS, GL_ACTION_DANGER_TEXT_COLOR_HOVER, GL_ACTION_DANGER_TEXT_COLOR_STRONG, GL_ACTION_ICON_COLOR_DISABLED, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS, GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER, GL_ACTION_NEUTRAL_BORDER_COLOR_SELECTED, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS, GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_ACTIVE, GL_ACTION_NEUTRAL_ICON_COLOR_DEFAULT, GL_ACTION_NEUTRAL_ICON_COLOR_FOCUS, GL_ACTION_NEUTRAL_ICON_COLOR_HOVER, GL_ACTION_NEUTRAL_ICON_COLOR_STRONG, GL_ACTION_NEUTRAL_TEXT_COLOR_ACTIVE, GL_ACTION_NEUTRAL_TEXT_COLOR_DEFAULT, GL_ACTION_NEUTRAL_TEXT_COLOR_FOCUS, GL_ACTION_NEUTRAL_TEXT_COLOR_HOVER, GL_ACTION_NEUTRAL_TEXT_COLOR_STRONG, GL_ACTION_TEXT_COLOR_DISABLED, GL_AVATAR_BORDER_COLOR_DEFAULT, GL_AVATAR_BORDER_COLOR_HOVER, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE, GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED, GL_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_OVERLAY, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BANNER_INTRO_BORDER_COLOR, GL_BANNER_PROMO_BACKGROUND_COLOR, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, GL_BREADCRUMB_SEPARATOR_COLOR, GL_COLOR_ALPHA_0, GL_COLOR_ALPHA_DARK_16, GL_COLOR_ALPHA_DARK_2, GL_COLOR_ALPHA_DARK_24, GL_COLOR_ALPHA_DARK_4, GL_COLOR_ALPHA_DARK_6, GL_COLOR_ALPHA_DARK_8, GL_COLOR_ALPHA_LIGHT_16, GL_COLOR_ALPHA_LIGHT_2, GL_COLOR_ALPHA_LIGHT_24, GL_COLOR_ALPHA_LIGHT_36, GL_COLOR_ALPHA_LIGHT_4, GL_COLOR_ALPHA_LIGHT_6, GL_COLOR_ALPHA_LIGHT_8, GL_COLOR_BLUE_100, GL_COLOR_BLUE_200, GL_COLOR_BLUE_300, GL_COLOR_BLUE_400, GL_COLOR_BLUE_50, GL_COLOR_BLUE_500, GL_COLOR_BLUE_600, GL_COLOR_BLUE_700, GL_COLOR_BLUE_800, GL_COLOR_BLUE_900, GL_COLOR_BLUE_950, GL_COLOR_BRAND_CHARCOAL, GL_COLOR_BRAND_GRAY_01, GL_COLOR_BRAND_GRAY_02, GL_COLOR_BRAND_GRAY_03, GL_COLOR_BRAND_GRAY_04, GL_COLOR_BRAND_GRAY_05, GL_COLOR_BRAND_ORANGE_01G, GL_COLOR_BRAND_ORANGE_01P, GL_COLOR_BRAND_ORANGE_02P, GL_COLOR_BRAND_ORANGE_03P, GL_COLOR_BRAND_PINK_01G, GL_COLOR_BRAND_PURPLE_01G, GL_COLOR_BRAND_PURPLE_01P, GL_COLOR_BRAND_PURPLE_02P, GL_COLOR_BRAND_WHITE, GL_COLOR_GREEN_100, GL_COLOR_GREEN_200, GL_COLOR_GREEN_300, GL_COLOR_GREEN_400, GL_COLOR_GREEN_50, GL_COLOR_GREEN_500, GL_COLOR_GREEN_600, GL_COLOR_GREEN_700, GL_COLOR_GREEN_800, GL_COLOR_GREEN_900, GL_COLOR_GREEN_950, GL_COLOR_NEUTRAL_0, GL_COLOR_NEUTRAL_10, GL_COLOR_NEUTRAL_100, GL_COLOR_NEUTRAL_1000, GL_COLOR_NEUTRAL_200, GL_COLOR_NEUTRAL_300, GL_COLOR_NEUTRAL_400, GL_COLOR_NEUTRAL_50, GL_COLOR_NEUTRAL_500, GL_COLOR_NEUTRAL_600, GL_COLOR_NEUTRAL_700, GL_COLOR_NEUTRAL_800, GL_COLOR_NEUTRAL_900, GL_COLOR_NEUTRAL_950, GL_COLOR_ORANGE_100, GL_COLOR_ORANGE_200, GL_COLOR_ORANGE_300, GL_COLOR_ORANGE_400, GL_COLOR_ORANGE_50, GL_COLOR_ORANGE_500, GL_COLOR_ORANGE_600, GL_COLOR_ORANGE_700, GL_COLOR_ORANGE_800, GL_COLOR_ORANGE_900, GL_COLOR_ORANGE_950, GL_COLOR_PURPLE_100, GL_COLOR_PURPLE_200, GL_COLOR_PURPLE_300, GL_COLOR_PURPLE_400, GL_COLOR_PURPLE_50, GL_COLOR_PURPLE_500, GL_COLOR_PURPLE_600, GL_COLOR_PURPLE_700, GL_COLOR_PURPLE_800, GL_COLOR_PURPLE_900, GL_COLOR_PURPLE_950, GL_COLOR_RED_100, GL_COLOR_RED_200, GL_COLOR_RED_300, GL_COLOR_RED_400, GL_COLOR_RED_50, GL_COLOR_RED_500, GL_COLOR_RED_600, GL_COLOR_RED_700, GL_COLOR_RED_800, GL_COLOR_RED_900, GL_COLOR_RED_950, GL_COLOR_THEME_BLUE_10, GL_COLOR_THEME_BLUE_100, GL_COLOR_THEME_BLUE_200, GL_COLOR_THEME_BLUE_300, GL_COLOR_THEME_BLUE_400, GL_COLOR_THEME_BLUE_50, GL_COLOR_THEME_BLUE_500, GL_COLOR_THEME_BLUE_600, GL_COLOR_THEME_BLUE_700, GL_COLOR_THEME_BLUE_800, GL_COLOR_THEME_BLUE_900, GL_COLOR_THEME_BLUE_950, GL_COLOR_THEME_GREEN_10, GL_COLOR_THEME_GREEN_100, GL_COLOR_THEME_GREEN_200, GL_COLOR_THEME_GREEN_300, GL_COLOR_THEME_GREEN_400, GL_COLOR_THEME_GREEN_50, GL_COLOR_THEME_GREEN_500, GL_COLOR_THEME_GREEN_600, GL_COLOR_THEME_GREEN_700, GL_COLOR_THEME_GREEN_800, GL_COLOR_THEME_GREEN_900, GL_COLOR_THEME_GREEN_950, GL_COLOR_THEME_INDIGO_10, GL_COLOR_THEME_INDIGO_100, GL_COLOR_THEME_INDIGO_200, GL_COLOR_THEME_INDIGO_300, GL_COLOR_THEME_INDIGO_400, GL_COLOR_THEME_INDIGO_50, GL_COLOR_THEME_INDIGO_500, GL_COLOR_THEME_INDIGO_600, GL_COLOR_THEME_INDIGO_700, GL_COLOR_THEME_INDIGO_800, GL_COLOR_THEME_INDIGO_900, GL_COLOR_THEME_INDIGO_950, GL_COLOR_THEME_LIGHT_BLUE_10, GL_COLOR_THEME_LIGHT_BLUE_100, GL_COLOR_THEME_LIGHT_BLUE_200, GL_COLOR_THEME_LIGHT_BLUE_300, GL_COLOR_THEME_LIGHT_BLUE_400, GL_COLOR_THEME_LIGHT_BLUE_50, GL_COLOR_THEME_LIGHT_BLUE_500, GL_COLOR_THEME_LIGHT_BLUE_600, GL_COLOR_THEME_LIGHT_BLUE_700, GL_COLOR_THEME_LIGHT_BLUE_800, GL_COLOR_THEME_LIGHT_BLUE_900, GL_COLOR_THEME_LIGHT_BLUE_950, GL_COLOR_THEME_LIGHT_RED_10, GL_COLOR_THEME_LIGHT_RED_100, GL_COLOR_THEME_LIGHT_RED_200, GL_COLOR_THEME_LIGHT_RED_300, GL_COLOR_THEME_LIGHT_RED_400, GL_COLOR_THEME_LIGHT_RED_50, GL_COLOR_THEME_LIGHT_RED_500, GL_COLOR_THEME_LIGHT_RED_600, GL_COLOR_THEME_LIGHT_RED_700, GL_COLOR_THEME_LIGHT_RED_800, GL_COLOR_THEME_LIGHT_RED_900, GL_COLOR_THEME_LIGHT_RED_950, GL_COLOR_THEME_RED_10, GL_COLOR_THEME_RED_100, GL_COLOR_THEME_RED_200, GL_COLOR_THEME_RED_300, GL_COLOR_THEME_RED_400, GL_COLOR_THEME_RED_50, GL_COLOR_THEME_RED_500, GL_COLOR_THEME_RED_600, GL_COLOR_THEME_RED_700, GL_COLOR_THEME_RED_800, GL_COLOR_THEME_RED_900, GL_COLOR_THEME_RED_950, GL_CONTROL_BACKGROUND_COLOR_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_DISABLED, GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT, GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS, GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER, GL_CONTROL_BORDER_COLOR_DEFAULT, GL_CONTROL_BORDER_COLOR_DISABLED, GL_CONTROL_BORDER_COLOR_ERROR, GL_CONTROL_BORDER_COLOR_FOCUS, GL_CONTROL_BORDER_COLOR_HOVER, GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT, GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS, GL_CONTROL_BORDER_COLOR_SELECTED_HOVER, GL_CONTROL_INDICATOR_COLOR_DISABLED, GL_CONTROL_INDICATOR_COLOR_SELECTED, GL_CONTROL_PLACEHOLDER_COLOR, GL_CONTROL_TEXT_COLOR_ERROR, GL_CONTROL_TEXT_COLOR_VALID, GL_FEEDBACK_BACKGROUND_COLOR_STRONG, GL_FEEDBACK_DANGER_BACKGROUND_COLOR, GL_FEEDBACK_DANGER_ICON_COLOR, GL_FEEDBACK_ICON_COLOR_STRONG, GL_FEEDBACK_INFO_BACKGROUND_COLOR, GL_FEEDBACK_INFO_ICON_COLOR, GL_FEEDBACK_LINK_COLOR_STRONG, GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR, GL_FEEDBACK_NEUTRAL_ICON_COLOR, GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR, GL_FEEDBACK_SUCCESS_ICON_COLOR, GL_FEEDBACK_TEXT_COLOR_STRONG, GL_FEEDBACK_WARNING_BACKGROUND_COLOR, GL_FEEDBACK_WARNING_ICON_COLOR, GL_FOCUS_RING_INNER_COLOR, GL_FOCUS_RING_OUTER_COLOR, GL_ICON_COLOR_DANGER, GL_ICON_COLOR_DEFAULT, GL_ICON_COLOR_DISABLED, GL_ICON_COLOR_INFO, GL_ICON_COLOR_LINK, GL_ICON_COLOR_STRONG, GL_ICON_COLOR_SUBTLE, GL_ICON_COLOR_SUCCESS, GL_ICON_COLOR_WARNING, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_DARK_TEXT_COLOR, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT, GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_LIGHT_TEXT_COLOR, GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT, GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER, GL_LABEL_SCOPED_TEXT_COLOR, GL_LINE_HEIGHT_12, GL_LINE_HEIGHT_16, GL_LINE_HEIGHT_20, GL_LINE_HEIGHT_24, GL_LINE_HEIGHT_28, GL_LINE_HEIGHT_32, GL_LINE_HEIGHT_36, GL_LINE_HEIGHT_42, GL_LINE_HEIGHT_44, GL_LINE_HEIGHT_52, GL_POPOVER_BACKGROUND_COLOR, GL_SHADOW_COLOR_DEFAULT, GL_SKELETON_LOADER_BACKGROUND_COLOR, GL_SKELETON_LOADER_SHIMMER_COLOR, GL_SPINNER_SEGMENT_COLOR_DEFAULT, GL_SPINNER_SEGMENT_COLOR_LIGHT, GL_SPINNER_TRACK_COLOR_DEFAULT, GL_SPINNER_TRACK_COLOR_LIGHT, GL_STATUS_BRAND_BACKGROUND_COLOR_ACTIVE, GL_STATUS_BRAND_BACKGROUND_COLOR_DEFAULT, GL_STATUS_BRAND_BORDER_COLOR_HOVER, GL_STATUS_BRAND_ICON_COLOR_ACTIVE, GL_STATUS_BRAND_ICON_COLOR_DEFAULT, GL_STATUS_BRAND_ICON_COLOR_FOCUS, GL_STATUS_BRAND_ICON_COLOR_HOVER, GL_STATUS_BRAND_TEXT_COLOR_ACTIVE, GL_STATUS_BRAND_TEXT_COLOR_DEFAULT, GL_STATUS_BRAND_TEXT_COLOR_FOCUS, GL_STATUS_BRAND_TEXT_COLOR_HOVER, GL_STATUS_DANGER_BACKGROUND_COLOR_ACTIVE, GL_STATUS_DANGER_BACKGROUND_COLOR_DEFAULT, GL_STATUS_DANGER_BORDER_COLOR_HOVER, GL_STATUS_DANGER_ICON_COLOR_ACTIVE, GL_STATUS_DANGER_ICON_COLOR_DEFAULT, GL_STATUS_DANGER_ICON_COLOR_FOCUS, GL_STATUS_DANGER_ICON_COLOR_HOVER, GL_STATUS_DANGER_TEXT_COLOR_ACTIVE, GL_STATUS_DANGER_TEXT_COLOR_DEFAULT, GL_STATUS_DANGER_TEXT_COLOR_FOCUS, GL_STATUS_DANGER_TEXT_COLOR_HOVER, GL_STATUS_INFO_BACKGROUND_COLOR_ACTIVE, GL_STATUS_INFO_BACKGROUND_COLOR_DEFAULT, GL_STATUS_INFO_BORDER_COLOR_HOVER, GL_STATUS_INFO_ICON_COLOR_ACTIVE, GL_STATUS_INFO_ICON_COLOR_DEFAULT, GL_STATUS_INFO_ICON_COLOR_FOCUS, GL_STATUS_INFO_ICON_COLOR_HOVER, GL_STATUS_INFO_TEXT_COLOR_ACTIVE, GL_STATUS_INFO_TEXT_COLOR_DEFAULT, GL_STATUS_INFO_TEXT_COLOR_FOCUS, GL_STATUS_INFO_TEXT_COLOR_HOVER, GL_STATUS_MUTED_BACKGROUND_COLOR_ACTIVE, GL_STATUS_MUTED_BACKGROUND_COLOR_DEFAULT, GL_STATUS_MUTED_BORDER_COLOR_HOVER, GL_STATUS_MUTED_ICON_COLOR_ACTIVE, GL_STATUS_MUTED_ICON_COLOR_DEFAULT, GL_STATUS_MUTED_ICON_COLOR_FOCUS, GL_STATUS_MUTED_ICON_COLOR_HOVER, GL_STATUS_MUTED_TEXT_COLOR_ACTIVE, GL_STATUS_MUTED_TEXT_COLOR_DEFAULT, GL_STATUS_MUTED_TEXT_COLOR_FOCUS, GL_STATUS_MUTED_TEXT_COLOR_HOVER, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_ACTIVE, GL_STATUS_NEUTRAL_BACKGROUND_COLOR_DEFAULT, GL_STATUS_NEUTRAL_BORDER_COLOR_HOVER, GL_STATUS_NEUTRAL_ICON_COLOR_ACTIVE, GL_STATUS_NEUTRAL_ICON_COLOR_DEFAULT, GL_STATUS_NEUTRAL_ICON_COLOR_FOCUS, GL_STATUS_NEUTRAL_ICON_COLOR_HOVER, GL_STATUS_NEUTRAL_TEXT_COLOR_ACTIVE, GL_STATUS_NEUTRAL_TEXT_COLOR_DEFAULT, GL_STATUS_NEUTRAL_TEXT_COLOR_FOCUS, GL_STATUS_NEUTRAL_TEXT_COLOR_HOVER, GL_STATUS_SUCCESS_BACKGROUND_COLOR_ACTIVE, GL_STATUS_SUCCESS_BACKGROUND_COLOR_DEFAULT, GL_STATUS_SUCCESS_BORDER_COLOR_HOVER, GL_STATUS_SUCCESS_ICON_COLOR_ACTIVE, GL_STATUS_SUCCESS_ICON_COLOR_DEFAULT, GL_STATUS_SUCCESS_ICON_COLOR_FOCUS, GL_STATUS_SUCCESS_ICON_COLOR_HOVER, GL_STATUS_SUCCESS_TEXT_COLOR_ACTIVE, GL_STATUS_SUCCESS_TEXT_COLOR_DEFAULT, GL_STATUS_SUCCESS_TEXT_COLOR_FOCUS, GL_STATUS_SUCCESS_TEXT_COLOR_HOVER, GL_STATUS_WARNING_BACKGROUND_COLOR_ACTIVE, GL_STATUS_WARNING_BACKGROUND_COLOR_DEFAULT, GL_STATUS_WARNING_BORDER_COLOR_HOVER, GL_STATUS_WARNING_ICON_COLOR_ACTIVE, GL_STATUS_WARNING_ICON_COLOR_DEFAULT, GL_STATUS_WARNING_ICON_COLOR_FOCUS, GL_STATUS_WARNING_ICON_COLOR_HOVER, GL_STATUS_WARNING_TEXT_COLOR_ACTIVE, GL_STATUS_WARNING_TEXT_COLOR_DEFAULT, GL_STATUS_WARNING_TEXT_COLOR_FOCUS, GL_STATUS_WARNING_TEXT_COLOR_HOVER, GL_TABLE_ROW_BACKGROUND_COLOR_HOVER, GL_TABLE_SORTING_ICON_COLOR, GL_TEXT_COLOR_DANGER, GL_TEXT_COLOR_DEFAULT, GL_TEXT_COLOR_DISABLED, GL_TEXT_COLOR_HEADING, GL_TEXT_COLOR_LINK, GL_TEXT_COLOR_STRONG, GL_TEXT_COLOR_SUBTLE, GL_TEXT_COLOR_SUCCESS, GL_TEXT_PRIMARY, GL_TEXT_SECONDARY, GL_TEXT_TERTIARY, GRAY_10, GRAY_100, GRAY_200, GRAY_300, GRAY_400, GRAY_50, GRAY_500, GRAY_600, GRAY_700, GRAY_800, GRAY_900, GRAY_950, GREEN_100, GREEN_200, GREEN_300, GREEN_400, GREEN_50, GREEN_500, GREEN_600, GREEN_700, GREEN_800, GREEN_900, GREEN_950, ORANGE_100, ORANGE_200, ORANGE_300, ORANGE_400, ORANGE_50, ORANGE_500, ORANGE_600, ORANGE_700, ORANGE_800, ORANGE_900, ORANGE_950, PURPLE_100, PURPLE_200, PURPLE_300, PURPLE_400, PURPLE_50, PURPLE_500, PURPLE_600, PURPLE_700, PURPLE_800, PURPLE_900, PURPLE_950, RED_100, RED_200, RED_300, RED_400, RED_50, RED_500, RED_600, RED_700, RED_800, RED_900, RED_950, THEME_BLUE_10, THEME_BLUE_100, THEME_BLUE_200, THEME_BLUE_300, THEME_BLUE_400, THEME_BLUE_50, THEME_BLUE_500, THEME_BLUE_600, THEME_BLUE_700, THEME_BLUE_800, THEME_BLUE_900, THEME_BLUE_950, THEME_GREEN_10, THEME_GREEN_100, THEME_GREEN_200, THEME_GREEN_300, THEME_GREEN_400, THEME_GREEN_50, THEME_GREEN_500, THEME_GREEN_600, THEME_GREEN_700, THEME_GREEN_800, THEME_GREEN_900, THEME_GREEN_950, THEME_INDIGO_10, THEME_INDIGO_100, THEME_INDIGO_200, THEME_INDIGO_300, THEME_INDIGO_400, THEME_INDIGO_50, THEME_INDIGO_500, THEME_INDIGO_600, THEME_INDIGO_700, THEME_INDIGO_800, THEME_INDIGO_900, THEME_INDIGO_950, THEME_LIGHT_BLUE_10, THEME_LIGHT_BLUE_100, THEME_LIGHT_BLUE_200, THEME_LIGHT_BLUE_300, THEME_LIGHT_BLUE_400, THEME_LIGHT_BLUE_50, THEME_LIGHT_BLUE_500, THEME_LIGHT_BLUE_600, THEME_LIGHT_BLUE_700, THEME_LIGHT_BLUE_800, THEME_LIGHT_BLUE_900, THEME_LIGHT_BLUE_950, THEME_LIGHT_RED_10, THEME_LIGHT_RED_100, THEME_LIGHT_RED_200, THEME_LIGHT_RED_300, THEME_LIGHT_RED_400, THEME_LIGHT_RED_50, THEME_LIGHT_RED_500, THEME_LIGHT_RED_600, THEME_LIGHT_RED_700, THEME_LIGHT_RED_800, THEME_LIGHT_RED_900, THEME_LIGHT_RED_950, THEME_RED_10, THEME_RED_100, THEME_RED_200, THEME_RED_300, THEME_RED_400, THEME_RED_50, THEME_RED_500, THEME_RED_600, THEME_RED_700, THEME_RED_800, THEME_RED_900, THEME_RED_950, T_GRAY_A_02, T_GRAY_A_04, T_GRAY_A_06, T_GRAY_A_08, T_GRAY_A_16, T_GRAY_A_24, T_WHITE_A_02, T_WHITE_A_04, T_WHITE_A_06, T_WHITE_A_08, T_WHITE_A_16, T_WHITE_A_24, T_WHITE_A_36, WHITE };

package/dist/tokens/css/tokens.css

@@ -672,4 +672,6 @@
   --gl-action-border-color-disabled: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
   --gl-action-background-color-disabled: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
   --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
+  --gl-table-sorting-icon-color: var(--gl-text-color-heading); /* Used for the color of the sorting icons in the column headers. */
+  --gl-table-row-background-color-hover: var(--gl-background-color-subtle); /* Used for the background of a table row in hover state. */
 }

package/dist/tokens/css/tokens.dark.css

@@ -672,4 +672,6 @@
   --gl-action-border-color-disabled: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
   --gl-action-background-color-disabled: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
   --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
+  --gl-table-sorting-icon-color: var(--gl-text-color-heading); /* Used for the color of the sorting icons in the column headers. */
+  --gl-table-row-background-color-hover: var(--gl-background-color-subtle); /* Used for the background of a table row in hover state. */
 }

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

@@ -529,6 +529,8 @@ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#434248'; // Used for the static
 export const GL_SPINNER_TRACK_COLOR_LIGHT = '#434248'; // Used for the static track (background) of a loading spinner on a dark background.
 export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#bfbfc3'; // 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 = '#333238'; // Used for the background of a table row in hover state.
+export const GL_TABLE_SORTING_ICON_COLOR = '#fff'; // Used for the color of the sorting icons in the column headers.
 export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#333238'; // Used for form control (input, radio button, checkbox, textarea) default background.
 export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#1f1e24'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
 export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#428fdc'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.

package/dist/tokens/js/tokens.js

@@ -529,6 +529,8 @@ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde'; // Used for the static
 export const GL_SPINNER_TRACK_COLOR_LIGHT = '#434248'; // Used for the static track (background) of a loading spinner on a dark background.
 export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#535158'; // 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 = '#1f1e24'; // Used for the color of the sorting icons in the column headers.
 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_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.

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

@@ -11571,6 +11571,59 @@
       }
     }
   },
+  "table": {
+    "row": {
+      "background": {
+        "color": {
+          "hover": {
+            "value": "#333238",
+            "$type": "color",
+            "comment": "Used for the background of a table row in hover state.",
+            "filePath": "src/tokens/contextual/table.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{background.color.subtle}",
+              "$type": "color",
+              "comment": "Used for the background of a table row in hover state."
+            },
+            "name": "TABLE_ROW_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "table",
+              "row",
+              "background",
+              "color",
+              "hover"
+            ]
+          }
+        }
+      }
+    },
+    "sorting": {
+      "icon": {
+        "color": {
+          "value": "#fff",
+          "$type": "color",
+          "comment": "Used for the color of the sorting icons in the column headers.",
+          "filePath": "src/tokens/contextual/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{text.color.heading}",
+            "$type": "color",
+            "comment": "Used for the color of the sorting icons in the column headers."
+          },
+          "name": "TABLE_SORTING_ICON_COLOR",
+          "attributes": {},
+          "path": [
+            "table",
+            "sorting",
+            "icon",
+            "color"
+          ]
+        }
+      }
+    }
+  },
   "control": {
     "background": {
       "color": {

package/dist/tokens/json/tokens.json

@@ -11571,6 +11571,59 @@
       }
     }
   },
+  "table": {
+    "row": {
+      "background": {
+        "color": {
+          "hover": {
+            "value": "#fbfafd",
+            "$type": "color",
+            "comment": "Used for the background of a table row in hover state.",
+            "filePath": "src/tokens/contextual/table.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{background.color.subtle}",
+              "$type": "color",
+              "comment": "Used for the background of a table row in hover state."
+            },
+            "name": "TABLE_ROW_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "table",
+              "row",
+              "background",
+              "color",
+              "hover"
+            ]
+          }
+        }
+      }
+    },
+    "sorting": {
+      "icon": {
+        "color": {
+          "value": "#1f1e24",
+          "$type": "color",
+          "comment": "Used for the color of the sorting icons in the column headers.",
+          "filePath": "src/tokens/contextual/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{text.color.heading}",
+            "$type": "color",
+            "comment": "Used for the color of the sorting icons in the column headers."
+          },
+          "name": "TABLE_SORTING_ICON_COLOR",
+          "attributes": {},
+          "path": [
+            "table",
+            "sorting",
+            "icon",
+            "color"
+          ]
+        }
+      }
+    }
+  },
   "control": {
     "background": {
       "color": {

package/dist/tokens/scss/_tokens.dark.scss

@@ -670,3 +670,5 @@ $gl-action-text-color-disabled: $gl-color-neutral-400; // Used for the text of a
 $gl-action-border-color-disabled: $gl-color-neutral-800; // Used for the border of a disabled action.
 $gl-action-background-color-disabled: $gl-color-neutral-900; // Used for the background of a disabled action.
 $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
+$gl-table-sorting-icon-color: $gl-text-color-heading; // Used for the color of the sorting icons in the column headers.
+$gl-table-row-background-color-hover: $gl-background-color-subtle; // Used for the background of a table row in hover state.

package/dist/tokens/scss/_tokens.scss

@@ -670,3 +670,5 @@ $gl-action-text-color-disabled: $gl-color-neutral-500; // Used for the text of a
 $gl-action-border-color-disabled: $gl-color-neutral-100; // Used for the border of a disabled action.
 $gl-action-background-color-disabled: $gl-color-neutral-50; // Used for the background of a disabled action.
 $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
+$gl-table-sorting-icon-color: $gl-text-color-heading; // Used for the color of the sorting icons in the column headers.
+$gl-table-row-background-color-hover: $gl-background-color-subtle; // Used for the background of a table row in hover state.

package/dist/tokens/scss/_tokens_custom_properties.scss

@@ -529,6 +529,8 @@ $gl-spinner-track-color-default: var(--gl-spinner-track-color-default);
 $gl-spinner-track-color-light: var(--gl-spinner-track-color-light);
 $gl-spinner-segment-color-default: var(--gl-spinner-segment-color-default);
 $gl-spinner-segment-color-light: var(--gl-spinner-segment-color-light);
+$gl-table-row-background-color-hover: var(--gl-table-row-background-color-hover);
+$gl-table-sorting-icon-color: var(--gl-table-sorting-icon-color);
 $gl-control-background-color-default: var(--gl-control-background-color-default);
 $gl-control-background-color-disabled: var(--gl-control-background-color-disabled);
 $gl-control-background-color-selected-default: var(--gl-control-background-color-selected-default);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "86.7.1",
+  "version": "86.9.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue

@@ -21,10 +21,10 @@ import {
   POSITION_FIXED,
 } from '../constants';
 import { logWarning, isElementTabbable, isElementFocusable } from '../../../../utils/utils';
-
 import GlButton from '../../button/button.vue';
 import GlIcon from '../../icon/icon.vue';
-import { OutsideDirective } from '../../../../directives/outside/outside';
+import BaseDropdownDeprecatedWrapper from './base_dropdown_deprecated_wrapper.vue';
+import BaseDropdownImprovedWrapper from './base_dropdown_improved_wrapper.vue';
 import { DEFAULT_OFFSET, FIXED_WIDTH_CLASS } from './constants';
 
 export const BASE_DROPDOWN_CLASS = 'gl-new-dropdown';
@@ -35,8 +35,9 @@ export default {
   components: {
     GlButton,
     GlIcon,
+    BaseDropdownDeprecatedWrapper,
+    BaseDropdownImprovedWrapper,
   },
-  directives: { Outside: OutsideDirective },
   props: {
     toggleText: {
       type: String,
@@ -160,6 +161,14 @@ export default {
       default: POSITION_ABSOLUTE,
       validator: (strategy) => [POSITION_ABSOLUTE, POSITION_FIXED].includes(strategy),
     },
+    /**
+     * Whether to use the deprecated or improved wrapper
+     */
+    improvedHideHeuristics: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -169,6 +178,11 @@ export default {
     };
   },
   computed: {
+    wrapperComponent() {
+      return this.improvedHideHeuristics
+        ? BaseDropdownImprovedWrapper
+        : BaseDropdownDeprecatedWrapper;
+    },
     hasNoVisibleToggleText() {
       return !this.toggleText?.length || this.textSrOnly;
     },
@@ -462,7 +476,11 @@ export default {
 </script>
 
 <template>
-  <div v-outside="close" :class="[$options.BASE_DROPDOWN_CLASS, { 'gl-display-block!': block }]">
+  <component
+    :is="wrapperComponent"
+    :class="[$options.BASE_DROPDOWN_CLASS, { 'gl-display-block!': block }]"
+    @close="close"
+  >
     <component
       :is="toggleComponent"
       v-bind="toggleAttributes"
@@ -497,5 +515,5 @@ export default {
         <slot></slot>
       </div>
     </div>
-  </div>
+  </component>
 </template>

package/src/components/base/new_dropdowns/base_dropdown/base_dropdown_deprecated_wrapper.vue

@@ -0,0 +1,14 @@
+<script>
+import { OutsideDirective } from '../../../../directives/outside/outside';
+
+export default {
+  name: 'BaseDropdownDeprecatedWrapper',
+  directives: { Outside: OutsideDirective },
+};
+</script>
+
+<template>
+  <div v-outside="(event) => $emit('close', event)">
+    <slot></slot>
+  </div>
+</template>

package/src/components/base/new_dropdowns/base_dropdown/base_dropdown_improved_wrapper.vue

@@ -0,0 +1,14 @@
+<script>
+import { OutsideDirective } from '../../../../directives/outside/outside';
+
+export default {
+  name: 'BaseDropdownImprovedWrapper',
+  directives: { Outside: OutsideDirective },
+};
+</script>
+
+<template>
+  <div v-outside.click.focusin="(event) => $emit('close', event)">
+    <slot></slot>
+  </div>
+</template>

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue

@@ -228,6 +228,15 @@ export default {
       required: false,
       default: false,
     },
+    /**
+     * Whether to use an improved hide
+     * functionality for the dropdown.
+     */
+    improvedHideHeuristics: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -378,6 +387,7 @@ export default {
     :offset="dropdownOffset"
     :fluid-width="fluidWidth"
     :positioning-strategy="positioningStrategy"
+    :improved-hide-heuristics="improvedHideHeuristics"
     class="gl-disclosure-dropdown"
     @[$options.events.GL_DROPDOWN_SHOWN]="onShow"
     @[$options.events.GL_DROPDOWN_HIDDEN]="onHide"

package/src/components/base/new_dropdowns/listbox/listbox.vue

@@ -349,6 +349,15 @@ export default {
         '%d results'
       ),
     },
+    /**
+     * Whether to use an improved hide
+     * functionality for the dropdown.
+     */
+    improvedHideHeuristics: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -770,6 +779,7 @@ export default {
     :offset="dropdownOffset"
     :fluid-width="fluidWidth"
     :positioning-strategy="positioningStrategy"
+    :improved-hide-heuristics="improvedHideHeuristics"
     @[$options.events.GL_DROPDOWN_SHOWN]="onShow"
     @[$options.events.GL_DROPDOWN_HIDDEN]="onHide"
   >

package/src/components/base/table/table.scss

@@ -1,12 +1,13 @@
 table.gl-table {
-  @include gl-bg-transparent;
+  background-color: var(--gl-color-alpha-0);
+  color: var(--gl-text-color-default);
 
   tr {
     th,
     td {
       @include gl-border-b-solid;
+      border-color: var(--gl-border-color-default);
       @include gl-border-b-1;
-      @include gl-border-gray-100;
       @include gl-p-5;
       @include gl-bg-transparent;
       @include gl-line-height-normal;
@@ -16,7 +17,7 @@ table.gl-table {
 
     th {
       @include gl-font-weight-bold;
-      @include gl-text-gray-900;
+      color: var(--gl-text-color-heading);
 
       &.gl-text-right > div {
         flex-direction: row-reverse;
@@ -29,22 +30,18 @@ table.gl-table {
 
       [name='sort-icon'] {
         user-select: none;
+        color: var(--gl-table-sorting-icon-color);
       }
     }
 
     td {
-      @include gl-text-gray-700;
+      color: var(--gl-text-color-default);
     }
 
     &:focus-visible {
       @include gl-focus;
       position: relative;
       z-index: 1;
-      background: $white;
-
-      &:hover {
-        background: $gray-50;
-      }
     }
   }
 
@@ -52,19 +49,22 @@ table.gl-table {
   &--sticky-header thead tr {
     position: sticky;
     top: -1px;
-    background: $white;
-    box-shadow: inset 0 -1px 0 $gray-100;
+    background-color: var(--gl-background-color-default);
+    box-shadow: inset 0 -1px 0 var(--gl-border-color-default);
   }
 
   .table-primary,
   .table-primary:hover {
+    background-color: var(--gl-feedback-info-background-color);
+
     > td {
-      @include gl-bg-blue-50;
+      background-color: var(--gl-feedback-info-background-color);
     }
   }
 
   caption {
     @include gl-pt-2;
+    color: var(--gl-text-color-subtle);
   }
 
   @mixin gl-tmp-stacked-override {
@@ -126,7 +126,7 @@ table.gl-table {
 
   &.table-hover tbody tr:hover,
   &.table-hover td.table-secondary:hover {
-    background-color: $gray-10;
+    background-color: var(--gl-table-row-background-color-hover);
   }
 
   thead th:hover {

package/src/components/base/table/table.vue

@@ -112,7 +112,7 @@ export default {
         <slot :name="headSlotName" v-bind="scope"
           ><span>{{ scope.label }}</span></slot
         ><template v-if="isSortable(scope)">
-          <div class="gl-ml-2 gl-w-5 gl-display-flex gl-justify-content-center gl-text-gray-900">
+          <div class="gl-ml-2 gl-w-5 gl-display-flex gl-justify-content-center">
             <span
               name="sort-icon"
               data-testid="sort-icon"