@gitlab/ui 85.6.0 → 85.8.0

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

@@ -421,6 +421,14 @@ const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
 const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
 const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
 const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
+const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(31, 30, 36, 0.08)'; // Used to define the edge of an avatar.
+const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(31, 30, 36, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#660e00'; // Red background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#232150'; // Purple background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#033464'; // Blue background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#0a4020'; // Green background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#5c2900'; // Orange background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#333238'; // Neutral background for avatar fallback with no particular meaning.
 const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
 const GL_BANNER_PROMO_BACKGROUND_COLOR = '#333238'; // Used as background for the default banner type.
 const GL_BREADCRUMB_SEPARATOR_COLOR = '#535158'; // Used for the breadcrumb level separator.
@@ -564,4 +572,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_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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, 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_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_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_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_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_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_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_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_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_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_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 };

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

@@ -421,6 +421,14 @@ const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
 const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
 const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
 const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
+const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(31, 30, 36, 0.08)'; // Used to define the edge of an avatar.
+const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(31, 30, 36, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcf1ef'; // Red background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#f4f0ff'; // Purple background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#e9f3fc'; // Blue background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#ecf4ee'; // Green background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#fdf1dd'; // Orange background for avatar fallback with no particular meaning.
+const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#ececef'; // Neutral background for avatar fallback with no particular meaning.
 const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
 const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
 const GL_BREADCRUMB_SEPARATOR_COLOR = '#bfbfc3'; // Used for the breadcrumb level separator.
@@ -564,4 +572,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_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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, 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_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_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_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_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_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_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_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_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_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_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 };

package/dist/tokens/css/tokens.css

@@ -520,6 +520,14 @@
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-200); /* Used for the breadcrumb level separator. */
   --gl-banner-promo-background-color: var(--gl-color-neutral-10); /* Used as background for the default banner type. */
   --gl-banner-intro-border-color: var(--gl-color-blue-300); /* Used to compliment the info banner. */
+  --gl-avatar-fallback-background-color-neutral: var(--gl-color-neutral-50); /* Neutral background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-orange: var(--gl-color-orange-50); /* Orange background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-green: var(--gl-color-green-50); /* Green background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-blue: var(--gl-color-blue-50); /* Blue background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-purple: var(--gl-color-purple-50); /* Purple background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-red: var(--gl-color-red-50); /* Red background for avatar fallback with no particular meaning. */
+  --gl-avatar-border-color-hover: var(--gl-color-alpha-dark-24); /* Used to increase the edge definition of an avatar in the hover state. */
+  --gl-avatar-border-color-default: var(--gl-color-alpha-dark-8); /* Used to define the edge of an avatar. */
   --gl-border-color-transparent: var(--gl-color-alpha-0); /* Used when a border needs to be present, but not visibly perceived. */
   --gl-border-color-strong: var(--gl-color-neutral-400); /* Used for a distinct border that emphasizes an edge or boundaries. */
   --gl-border-color-subtle: var(--gl-color-neutral-50); /* Used for a border that has a little more definition, or is used in combination with a subtle background. */

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

@@ -520,6 +520,14 @@
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-700); /* Used for the breadcrumb level separator. */
   --gl-banner-promo-background-color: var(--gl-color-neutral-900); /* Used as background for the default banner type. */
   --gl-banner-intro-border-color: var(--gl-color-blue-600); /* Used to compliment the info banner. */
+  --gl-avatar-fallback-background-color-neutral: var(--gl-color-neutral-900); /* Neutral background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-orange: var(--gl-color-orange-900); /* Orange background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-green: var(--gl-color-green-900); /* Green background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-blue: var(--gl-color-blue-900); /* Blue background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-purple: var(--gl-color-purple-950); /* Purple background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-red: var(--gl-color-red-900); /* Red background for avatar fallback with no particular meaning. */
+  --gl-avatar-border-color-hover: var(--gl-color-alpha-dark-24); /* Used to increase the edge definition of an avatar in the hover state. */
+  --gl-avatar-border-color-default: var(--gl-color-alpha-dark-8); /* Used to define the edge of an avatar. */
   --gl-border-color-transparent: var(--gl-color-alpha-0); /* Used when a border needs to be present, but not visibly perceived. */
   --gl-border-color-strong: var(--gl-color-neutral-400); /* Used for a distinct border that emphasizes an edge or boundaries. */
   --gl-border-color-subtle: var(--gl-color-neutral-900); /* Used for a border that has a little more definition, or is used in combination with a subtle background. */

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

@@ -421,6 +421,14 @@ export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
 export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
 export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
 export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
+export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(31, 30, 36, 0.08)'; // Used to define the edge of an avatar.
+export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(31, 30, 36, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#660e00'; // Red background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#232150'; // Purple background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#033464'; // Blue background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#0a4020'; // Green background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#5c2900'; // Orange background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#333238'; // Neutral background for avatar fallback with no particular meaning.
 export const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
 export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#333238'; // Used as background for the default banner type.
 export const GL_BREADCRUMB_SEPARATOR_COLOR = '#535158'; // Used for the breadcrumb level separator.

package/dist/tokens/js/tokens.js

@@ -421,6 +421,14 @@ export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
 export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
 export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
 export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
+export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(31, 30, 36, 0.08)'; // Used to define the edge of an avatar.
+export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(31, 30, 36, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcf1ef'; // Red background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#f4f0ff'; // Purple background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#e9f3fc'; // Blue background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#ecf4ee'; // Green background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#fdf1dd'; // Orange background for avatar fallback with no particular meaning.
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#ececef'; // Neutral background for avatar fallback with no particular meaning.
 export const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
 export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
 export const GL_BREADCRUMB_SEPARATOR_COLOR = '#bfbfc3'; // Used for the breadcrumb level separator.

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

@@ -8943,6 +8943,202 @@
       ]
     }
   },
+  "avatar": {
+    "border": {
+      "color": {
+        "default": {
+          "value": "rgba(31, 30, 36, 0.08)",
+          "$type": "color",
+          "comment": "Used to define the edge of an avatar.",
+          "filePath": "src/tokens/contextual/avatar.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.alpha.dark.8}",
+            "$type": "color",
+            "comment": "Used to define the edge of an avatar."
+          },
+          "name": "AVATAR_BORDER_COLOR_DEFAULT",
+          "attributes": {},
+          "path": [
+            "avatar",
+            "border",
+            "color",
+            "default"
+          ]
+        },
+        "hover": {
+          "value": "rgba(31, 30, 36, 0.24)",
+          "$type": "color",
+          "comment": "Used to increase the edge definition of an avatar in the hover state.",
+          "filePath": "src/tokens/contextual/avatar.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.alpha.dark.24}",
+            "$type": "color",
+            "comment": "Used to increase the edge definition of an avatar in the hover state."
+          },
+          "name": "AVATAR_BORDER_COLOR_HOVER",
+          "attributes": {},
+          "path": [
+            "avatar",
+            "border",
+            "color",
+            "hover"
+          ]
+        }
+      }
+    },
+    "fallback": {
+      "background": {
+        "color": {
+          "red": {
+            "value": "#660e00",
+            "$type": "color",
+            "comment": "Red background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.red.50}",
+                "dark": "{color.red.900}"
+              },
+              "$type": "color",
+              "comment": "Red background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_RED",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "red"
+            ]
+          },
+          "purple": {
+            "value": "#232150",
+            "$type": "color",
+            "comment": "Purple background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.purple.50}",
+                "dark": "{color.purple.950}"
+              },
+              "$type": "color",
+              "comment": "Purple background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "purple"
+            ]
+          },
+          "blue": {
+            "value": "#033464",
+            "$type": "color",
+            "comment": "Blue background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.50}",
+                "dark": "{color.blue.900}"
+              },
+              "$type": "color",
+              "comment": "Blue background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "blue"
+            ]
+          },
+          "green": {
+            "value": "#0a4020",
+            "$type": "color",
+            "comment": "Green background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.green.50}",
+                "dark": "{color.green.900}"
+              },
+              "$type": "color",
+              "comment": "Green background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "green"
+            ]
+          },
+          "orange": {
+            "value": "#5c2900",
+            "$type": "color",
+            "comment": "Orange background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.orange.50}",
+                "dark": "{color.orange.900}"
+              },
+              "$type": "color",
+              "comment": "Orange background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "orange"
+            ]
+          },
+          "neutral": {
+            "value": "#333238",
+            "$type": "color",
+            "comment": "Neutral background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.neutral.50}",
+                "dark": "{color.neutral.900}"
+              },
+              "$type": "color",
+              "comment": "Neutral background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "neutral"
+            ]
+          }
+        }
+      }
+    }
+  },
   "banner": {
     "intro": {
       "border": {

package/dist/tokens/json/tokens.json

@@ -8943,6 +8943,202 @@
       ]
     }
   },
+  "avatar": {
+    "border": {
+      "color": {
+        "default": {
+          "value": "rgba(31, 30, 36, 0.08)",
+          "$type": "color",
+          "comment": "Used to define the edge of an avatar.",
+          "filePath": "src/tokens/contextual/avatar.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.alpha.dark.8}",
+            "$type": "color",
+            "comment": "Used to define the edge of an avatar."
+          },
+          "name": "AVATAR_BORDER_COLOR_DEFAULT",
+          "attributes": {},
+          "path": [
+            "avatar",
+            "border",
+            "color",
+            "default"
+          ]
+        },
+        "hover": {
+          "value": "rgba(31, 30, 36, 0.24)",
+          "$type": "color",
+          "comment": "Used to increase the edge definition of an avatar in the hover state.",
+          "filePath": "src/tokens/contextual/avatar.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.alpha.dark.24}",
+            "$type": "color",
+            "comment": "Used to increase the edge definition of an avatar in the hover state."
+          },
+          "name": "AVATAR_BORDER_COLOR_HOVER",
+          "attributes": {},
+          "path": [
+            "avatar",
+            "border",
+            "color",
+            "hover"
+          ]
+        }
+      }
+    },
+    "fallback": {
+      "background": {
+        "color": {
+          "red": {
+            "value": "#fcf1ef",
+            "$type": "color",
+            "comment": "Red background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.red.50}",
+                "dark": "{color.red.900}"
+              },
+              "$type": "color",
+              "comment": "Red background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_RED",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "red"
+            ]
+          },
+          "purple": {
+            "value": "#f4f0ff",
+            "$type": "color",
+            "comment": "Purple background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.purple.50}",
+                "dark": "{color.purple.950}"
+              },
+              "$type": "color",
+              "comment": "Purple background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "purple"
+            ]
+          },
+          "blue": {
+            "value": "#e9f3fc",
+            "$type": "color",
+            "comment": "Blue background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.50}",
+                "dark": "{color.blue.900}"
+              },
+              "$type": "color",
+              "comment": "Blue background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "blue"
+            ]
+          },
+          "green": {
+            "value": "#ecf4ee",
+            "$type": "color",
+            "comment": "Green background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.green.50}",
+                "dark": "{color.green.900}"
+              },
+              "$type": "color",
+              "comment": "Green background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "green"
+            ]
+          },
+          "orange": {
+            "value": "#fdf1dd",
+            "$type": "color",
+            "comment": "Orange background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.orange.50}",
+                "dark": "{color.orange.900}"
+              },
+              "$type": "color",
+              "comment": "Orange background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "orange"
+            ]
+          },
+          "neutral": {
+            "value": "#ececef",
+            "$type": "color",
+            "comment": "Neutral background for avatar fallback with no particular meaning.",
+            "filePath": "src/tokens/contextual/avatar.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.neutral.50}",
+                "dark": "{color.neutral.900}"
+              },
+              "$type": "color",
+              "comment": "Neutral background for avatar fallback with no particular meaning."
+            },
+            "name": "AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL",
+            "attributes": {},
+            "path": [
+              "avatar",
+              "fallback",
+              "background",
+              "color",
+              "neutral"
+            ]
+          }
+        }
+      }
+    }
+  },
   "banner": {
     "intro": {
       "border": {