@gitlab/ui 80.17.0 → 80.19.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [80.19.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.18.0...v80.19.0) (2024-06-05)
+
+
+### Features
+
+* **DesignTokens:** add theme design tokens ([feab27d](https://gitlab.com/gitlab-org/gitlab-ui/commit/feab27d8b1e2f6f7a9dab9fb82aa92540822a1b6))
+
+# [80.18.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.17.0...v80.18.0) (2024-06-05)
+
+
+### Features
+
+* **DesignTokens:** add border color design tokens ([b0dda57](https://gitlab.com/gitlab-org/gitlab-ui/commit/b0dda57203ac2b7996fe294078dd62971e5779d8))
+
 # [80.17.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.16.2...v80.17.0) (2024-05-31)
 
 

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

@@ -7,6 +7,10 @@ const GL_BACKGROUND_COLOR_DEFAULT = '#1f1e24'; // Used for the default backgroun
 const GL_BACKGROUND_COLOR_SUBTLE = '#333238'; // Used to slightly differentiate the background from the default.
 const GL_BACKGROUND_COLOR_STRONG = '#434248'; // Used to make the background easily stand out from the default.
 const GL_BACKGROUND_COLOR_DISABLED = '#333238'; // Used to identify a disabled section.
+const GL_BORDER_COLOR_DEFAULT = '#434248'; // Used for the default border color.
+const GL_BORDER_COLOR_SUBTLE = '#333238'; // Used for a border that has a little more definition, or is used in combination with a subtle background.
+const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
+const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
 const GL_COLOR_ALPHA_0 = 'transparent';
 const GL_COLOR_ALPHA_DARK_2 = 'rgba(31, 30, 36, 0.02)';
 const GL_COLOR_ALPHA_DARK_4 = 'rgba(31, 30, 36, 0.04)';
@@ -90,6 +94,78 @@ const GL_COLOR_RED_700 = '#ae1800';
 const GL_COLOR_RED_800 = '#8d1300';
 const GL_COLOR_RED_900 = '#660e00';
 const GL_COLOR_RED_950 = '#4d0a00';
+const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
+const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
+const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
+const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
+const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
+const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
+const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
+const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
+const GL_COLOR_THEME_INDIGO_700 = '#41419f';
+const GL_COLOR_THEME_INDIGO_800 = '#303083';
+const GL_COLOR_THEME_INDIGO_900 = '#222261';
+const GL_COLOR_THEME_INDIGO_950 = '#14143d';
+const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
+const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
+const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
+const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
+const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
+const GL_COLOR_THEME_BLUE_400 = '#628eb9';
+const GL_COLOR_THEME_BLUE_500 = '#4977a5';
+const GL_COLOR_THEME_BLUE_600 = '#346596';
+const GL_COLOR_THEME_BLUE_700 = '#235180';
+const GL_COLOR_THEME_BLUE_800 = '#153c63';
+const GL_COLOR_THEME_BLUE_900 = '#0b2640';
+const GL_COLOR_THEME_BLUE_950 = '#04101c';
+const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
+const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
+const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
+const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
+const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
+const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
+const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
+const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
+const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
+const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
+const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
+const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
+const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
+const GL_COLOR_THEME_GREEN_50 = '#dde9de';
+const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
+const GL_COLOR_THEME_GREEN_200 = '#8cc497';
+const GL_COLOR_THEME_GREEN_300 = '#69af7d';
+const GL_COLOR_THEME_GREEN_400 = '#499767';
+const GL_COLOR_THEME_GREEN_500 = '#308258';
+const GL_COLOR_THEME_GREEN_600 = '#25744c';
+const GL_COLOR_THEME_GREEN_700 = '#1b653f';
+const GL_COLOR_THEME_GREEN_800 = '#155635';
+const GL_COLOR_THEME_GREEN_900 = '#0e4328';
+const GL_COLOR_THEME_GREEN_950 = '#052e19';
+const GL_COLOR_THEME_RED_10 = '#faf4f3';
+const GL_COLOR_THEME_RED_50 = '#f4e9e7';
+const GL_COLOR_THEME_RED_100 = '#ecd3d0';
+const GL_COLOR_THEME_RED_200 = '#e3bab5';
+const GL_COLOR_THEME_RED_300 = '#d59086';
+const GL_COLOR_THEME_RED_400 = '#c66e60';
+const GL_COLOR_THEME_RED_500 = '#ad4a3b';
+const GL_COLOR_THEME_RED_600 = '#a13322';
+const GL_COLOR_THEME_RED_700 = '#8f2110';
+const GL_COLOR_THEME_RED_800 = '#761405';
+const GL_COLOR_THEME_RED_900 = '#580d02';
+const GL_COLOR_THEME_RED_950 = '#380700';
+const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
+const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
+const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
+const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
+const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
+const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
+const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
+const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
+const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
+const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
+const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
+const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
 const DATA_VIZ_GREEN_50 = '#133a03';
 const DATA_VIZ_GREEN_100 = '#1a4500';
 const DATA_VIZ_GREEN_200 = '#275600';
@@ -341,4 +417,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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, 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_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_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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, 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_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_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

@@ -7,6 +7,10 @@ const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default background c
 const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
 const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.
 const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used to identify a disabled section.
+const GL_BORDER_COLOR_DEFAULT = '#dcdcde'; // Used for the default border color.
+const GL_BORDER_COLOR_SUBTLE = '#ececef'; // Used for a border that has a little more definition, or is used in combination with a subtle background.
+const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
+const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
 const GL_COLOR_ALPHA_0 = 'transparent';
 const GL_COLOR_ALPHA_DARK_2 = 'rgba(31, 30, 36, 0.02)';
 const GL_COLOR_ALPHA_DARK_4 = 'rgba(31, 30, 36, 0.04)';
@@ -90,6 +94,78 @@ const GL_COLOR_RED_700 = '#ae1800';
 const GL_COLOR_RED_800 = '#8d1300';
 const GL_COLOR_RED_900 = '#660e00';
 const GL_COLOR_RED_950 = '#4d0a00';
+const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
+const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
+const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
+const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
+const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
+const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
+const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
+const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
+const GL_COLOR_THEME_INDIGO_700 = '#41419f';
+const GL_COLOR_THEME_INDIGO_800 = '#303083';
+const GL_COLOR_THEME_INDIGO_900 = '#222261';
+const GL_COLOR_THEME_INDIGO_950 = '#14143d';
+const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
+const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
+const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
+const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
+const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
+const GL_COLOR_THEME_BLUE_400 = '#628eb9';
+const GL_COLOR_THEME_BLUE_500 = '#4977a5';
+const GL_COLOR_THEME_BLUE_600 = '#346596';
+const GL_COLOR_THEME_BLUE_700 = '#235180';
+const GL_COLOR_THEME_BLUE_800 = '#153c63';
+const GL_COLOR_THEME_BLUE_900 = '#0b2640';
+const GL_COLOR_THEME_BLUE_950 = '#04101c';
+const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
+const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
+const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
+const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
+const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
+const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
+const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
+const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
+const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
+const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
+const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
+const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
+const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
+const GL_COLOR_THEME_GREEN_50 = '#dde9de';
+const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
+const GL_COLOR_THEME_GREEN_200 = '#8cc497';
+const GL_COLOR_THEME_GREEN_300 = '#69af7d';
+const GL_COLOR_THEME_GREEN_400 = '#499767';
+const GL_COLOR_THEME_GREEN_500 = '#308258';
+const GL_COLOR_THEME_GREEN_600 = '#25744c';
+const GL_COLOR_THEME_GREEN_700 = '#1b653f';
+const GL_COLOR_THEME_GREEN_800 = '#155635';
+const GL_COLOR_THEME_GREEN_900 = '#0e4328';
+const GL_COLOR_THEME_GREEN_950 = '#052e19';
+const GL_COLOR_THEME_RED_10 = '#faf4f3';
+const GL_COLOR_THEME_RED_50 = '#f4e9e7';
+const GL_COLOR_THEME_RED_100 = '#ecd3d0';
+const GL_COLOR_THEME_RED_200 = '#e3bab5';
+const GL_COLOR_THEME_RED_300 = '#d59086';
+const GL_COLOR_THEME_RED_400 = '#c66e60';
+const GL_COLOR_THEME_RED_500 = '#ad4a3b';
+const GL_COLOR_THEME_RED_600 = '#a13322';
+const GL_COLOR_THEME_RED_700 = '#8f2110';
+const GL_COLOR_THEME_RED_800 = '#761405';
+const GL_COLOR_THEME_RED_900 = '#580d02';
+const GL_COLOR_THEME_RED_950 = '#380700';
+const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
+const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
+const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
+const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
+const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
+const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
+const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
+const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
+const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
+const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
+const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
+const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
 const DATA_VIZ_GREEN_50 = '#ddfab7';
 const DATA_VIZ_GREEN_100 = '#c6ed94';
 const DATA_VIZ_GREEN_200 = '#b0d97b';
@@ -341,4 +417,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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, 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_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_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_BACKGROUND_COLOR_DEFAULT, GL_BACKGROUND_COLOR_DISABLED, GL_BACKGROUND_COLOR_STRONG, GL_BACKGROUND_COLOR_SUBTLE, GL_BORDER_COLOR_DEFAULT, GL_BORDER_COLOR_STRONG, GL_BORDER_COLOR_SUBTLE, GL_BORDER_COLOR_TRANSPARENT, 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_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_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

@@ -237,6 +237,78 @@
   --data-viz-green-200: #b0d97b;
   --data-viz-green-100: #c6ed94;
   --data-viz-green-50: #ddfab7;
+  --gl-color-theme-light-red-950: #5c1105;
+  --gl-color-theme-light-red-900: #751709;
+  --gl-color-theme-light-red-800: #8b2212;
+  --gl-color-theme-light-red-700: #a02e1c;
+  --gl-color-theme-light-red-600: #b53a26;
+  --gl-color-theme-light-red-500: #c24b38;
+  --gl-color-theme-light-red-400: #d36250;
+  --gl-color-theme-light-red-300: #e07f6f;
+  --gl-color-theme-light-red-200: #ebada2;
+  --gl-color-theme-light-red-100: #f6d9d5;
+  --gl-color-theme-light-red-50: #faf2f1;
+  --gl-color-theme-light-red-10: #fdf9f8;
+  --gl-color-theme-red-950: #380700;
+  --gl-color-theme-red-900: #580d02;
+  --gl-color-theme-red-800: #761405;
+  --gl-color-theme-red-700: #8f2110;
+  --gl-color-theme-red-600: #a13322;
+  --gl-color-theme-red-500: #ad4a3b;
+  --gl-color-theme-red-400: #c66e60;
+  --gl-color-theme-red-300: #d59086;
+  --gl-color-theme-red-200: #e3bab5;
+  --gl-color-theme-red-100: #ecd3d0;
+  --gl-color-theme-red-50: #f4e9e7;
+  --gl-color-theme-red-10: #faf4f3;
+  --gl-color-theme-green-950: #052e19;
+  --gl-color-theme-green-900: #0e4328;
+  --gl-color-theme-green-800: #155635;
+  --gl-color-theme-green-700: #1b653f;
+  --gl-color-theme-green-600: #25744c;
+  --gl-color-theme-green-500: #308258;
+  --gl-color-theme-green-400: #499767;
+  --gl-color-theme-green-300: #69af7d;
+  --gl-color-theme-green-200: #8cc497;
+  --gl-color-theme-green-100: #b1d6b5;
+  --gl-color-theme-green-50: #dde9de;
+  --gl-color-theme-green-10: #eef4ef;
+  --gl-color-theme-light-blue-950: #0a3764;
+  --gl-color-theme-light-blue-900: #0c4277;
+  --gl-color-theme-light-blue-800: #0e4d8d;
+  --gl-color-theme-light-blue-700: #145aa1;
+  --gl-color-theme-light-blue-600: #2268ae;
+  --gl-color-theme-light-blue-500: #3476b9;
+  --gl-color-theme-light-blue-400: #4f8bc7;
+  --gl-color-theme-light-blue-300: #74a3d3;
+  --gl-color-theme-light-blue-200: #a0bedc;
+  --gl-color-theme-light-blue-100: #c1d4e6;
+  --gl-color-theme-light-blue-50: #dde6ee;
+  --gl-color-theme-light-blue-10: #eef3f7;
+  --gl-color-theme-blue-950: #04101c;
+  --gl-color-theme-blue-900: #0b2640;
+  --gl-color-theme-blue-800: #153c63;
+  --gl-color-theme-blue-700: #235180;
+  --gl-color-theme-blue-600: #346596;
+  --gl-color-theme-blue-500: #4977a5;
+  --gl-color-theme-blue-400: #628eb9;
+  --gl-color-theme-blue-300: #81a5c9;
+  --gl-color-theme-blue-200: #a6bdd5;
+  --gl-color-theme-blue-100: #b9cadc;
+  --gl-color-theme-blue-50: #cdd8e3;
+  --gl-color-theme-blue-10: #e6ecf0;
+  --gl-color-theme-indigo-950: #14143d;
+  --gl-color-theme-indigo-900: #222261;
+  --gl-color-theme-indigo-800: #303083;
+  --gl-color-theme-indigo-700: #41419f;
+  --gl-color-theme-indigo-600: #5252b5;
+  --gl-color-theme-indigo-500: #6666c4;
+  --gl-color-theme-indigo-400: #8181d7;
+  --gl-color-theme-indigo-300: #a2a2e6;
+  --gl-color-theme-indigo-200: #c7c7f2;
+  --gl-color-theme-indigo-100: #dbdbf8;
+  --gl-color-theme-indigo-50: #f1f1ff;
+  --gl-color-theme-indigo-10: #f8f8ff;
   --gl-color-red-950: #4d0a00;
   --gl-color-red-900: #660e00;
   --gl-color-red-800: #8d1300;
@@ -337,6 +409,10 @@
   --gl-icon-color-strong: var(--gl-color-neutral-900); /* Used for an icon with the highest contrast. */
   --gl-icon-color-subtle: var(--gl-color-neutral-500); /* Used for a static or decorational icon. Can be paired with subtle text. */
   --gl-icon-color-default: var(--gl-color-neutral-700); /* Used for the default icon color. Can be paired with default text. */
+  --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. */
+  --gl-border-color-default: var(--gl-color-neutral-100); /* Used for the default border color. */
   --gl-background-color-disabled: var(--gl-color-neutral-10); /* Used to identify a disabled section. */
   --gl-background-color-strong: var(--gl-color-neutral-50); /* Used to make the background easily stand out from the default. */
   --gl-background-color-subtle: var(--gl-color-neutral-10); /* Used to slightly differentiate the background from the default. */

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

@@ -237,6 +237,78 @@
   --data-viz-green-200: #275600;
   --data-viz-green-100: #1a4500;
   --data-viz-green-50: #133a03;
+  --gl-color-theme-light-red-950: #5c1105;
+  --gl-color-theme-light-red-900: #751709;
+  --gl-color-theme-light-red-800: #8b2212;
+  --gl-color-theme-light-red-700: #a02e1c;
+  --gl-color-theme-light-red-600: #b53a26;
+  --gl-color-theme-light-red-500: #c24b38;
+  --gl-color-theme-light-red-400: #d36250;
+  --gl-color-theme-light-red-300: #e07f6f;
+  --gl-color-theme-light-red-200: #ebada2;
+  --gl-color-theme-light-red-100: #f6d9d5;
+  --gl-color-theme-light-red-50: #faf2f1;
+  --gl-color-theme-light-red-10: #fdf9f8;
+  --gl-color-theme-red-950: #380700;
+  --gl-color-theme-red-900: #580d02;
+  --gl-color-theme-red-800: #761405;
+  --gl-color-theme-red-700: #8f2110;
+  --gl-color-theme-red-600: #a13322;
+  --gl-color-theme-red-500: #ad4a3b;
+  --gl-color-theme-red-400: #c66e60;
+  --gl-color-theme-red-300: #d59086;
+  --gl-color-theme-red-200: #e3bab5;
+  --gl-color-theme-red-100: #ecd3d0;
+  --gl-color-theme-red-50: #f4e9e7;
+  --gl-color-theme-red-10: #faf4f3;
+  --gl-color-theme-green-950: #052e19;
+  --gl-color-theme-green-900: #0e4328;
+  --gl-color-theme-green-800: #155635;
+  --gl-color-theme-green-700: #1b653f;
+  --gl-color-theme-green-600: #25744c;
+  --gl-color-theme-green-500: #308258;
+  --gl-color-theme-green-400: #499767;
+  --gl-color-theme-green-300: #69af7d;
+  --gl-color-theme-green-200: #8cc497;
+  --gl-color-theme-green-100: #b1d6b5;
+  --gl-color-theme-green-50: #dde9de;
+  --gl-color-theme-green-10: #eef4ef;
+  --gl-color-theme-light-blue-950: #0a3764;
+  --gl-color-theme-light-blue-900: #0c4277;
+  --gl-color-theme-light-blue-800: #0e4d8d;
+  --gl-color-theme-light-blue-700: #145aa1;
+  --gl-color-theme-light-blue-600: #2268ae;
+  --gl-color-theme-light-blue-500: #3476b9;
+  --gl-color-theme-light-blue-400: #4f8bc7;
+  --gl-color-theme-light-blue-300: #74a3d3;
+  --gl-color-theme-light-blue-200: #a0bedc;
+  --gl-color-theme-light-blue-100: #c1d4e6;
+  --gl-color-theme-light-blue-50: #dde6ee;
+  --gl-color-theme-light-blue-10: #eef3f7;
+  --gl-color-theme-blue-950: #04101c;
+  --gl-color-theme-blue-900: #0b2640;
+  --gl-color-theme-blue-800: #153c63;
+  --gl-color-theme-blue-700: #235180;
+  --gl-color-theme-blue-600: #346596;
+  --gl-color-theme-blue-500: #4977a5;
+  --gl-color-theme-blue-400: #628eb9;
+  --gl-color-theme-blue-300: #81a5c9;
+  --gl-color-theme-blue-200: #a6bdd5;
+  --gl-color-theme-blue-100: #b9cadc;
+  --gl-color-theme-blue-50: #cdd8e3;
+  --gl-color-theme-blue-10: #e6ecf0;
+  --gl-color-theme-indigo-950: #14143d;
+  --gl-color-theme-indigo-900: #222261;
+  --gl-color-theme-indigo-800: #303083;
+  --gl-color-theme-indigo-700: #41419f;
+  --gl-color-theme-indigo-600: #5252b5;
+  --gl-color-theme-indigo-500: #6666c4;
+  --gl-color-theme-indigo-400: #8181d7;
+  --gl-color-theme-indigo-300: #a2a2e6;
+  --gl-color-theme-indigo-200: #c7c7f2;
+  --gl-color-theme-indigo-100: #dbdbf8;
+  --gl-color-theme-indigo-50: #f1f1ff;
+  --gl-color-theme-indigo-10: #f8f8ff;
   --gl-color-red-950: #4d0a00;
   --gl-color-red-900: #660e00;
   --gl-color-red-800: #8d1300;
@@ -337,6 +409,10 @@
   --gl-icon-color-strong: var(--gl-color-neutral-10); /* Used for an icon with the highest contrast. */
   --gl-icon-color-subtle: var(--gl-color-neutral-300); /* Used for a static or decorational icon. Can be paired with subtle text. */
   --gl-icon-color-default: var(--gl-color-neutral-100); /* Used for the default icon color. Can be paired with default text. */
+  --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. */
+  --gl-border-color-default: var(--gl-color-neutral-800); /* Used for the default border color. */
   --gl-background-color-disabled: var(--gl-color-neutral-900); /* Used to identify a disabled section. */
   --gl-background-color-strong: var(--gl-color-neutral-800); /* Used to make the background easily stand out from the default. */
   --gl-background-color-subtle: var(--gl-color-neutral-900); /* Used to slightly differentiate the background from the default. */

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

@@ -7,6 +7,10 @@ export const GL_BACKGROUND_COLOR_DEFAULT = '#1f1e24'; // Used for the default ba
 export const GL_BACKGROUND_COLOR_SUBTLE = '#333238'; // Used to slightly differentiate the background from the default.
 export const GL_BACKGROUND_COLOR_STRONG = '#434248'; // Used to make the background easily stand out from the default.
 export const GL_BACKGROUND_COLOR_DISABLED = '#333238'; // Used to identify a disabled section.
+export const GL_BORDER_COLOR_DEFAULT = '#434248'; // Used for the default border color.
+export const GL_BORDER_COLOR_SUBTLE = '#333238'; // Used for a border that has a little more definition, or is used in combination with a subtle background.
+export const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
+export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
 export const GL_COLOR_ALPHA_0 = 'transparent';
 export const GL_COLOR_ALPHA_DARK_2 = 'rgba(31, 30, 36, 0.02)';
 export const GL_COLOR_ALPHA_DARK_4 = 'rgba(31, 30, 36, 0.04)';
@@ -90,6 +94,78 @@ export const GL_COLOR_RED_700 = '#ae1800';
 export const GL_COLOR_RED_800 = '#8d1300';
 export const GL_COLOR_RED_900 = '#660e00';
 export const GL_COLOR_RED_950 = '#4d0a00';
+export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
+export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
+export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
+export const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
+export const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
+export const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
+export const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
+export const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
+export const GL_COLOR_THEME_INDIGO_700 = '#41419f';
+export const GL_COLOR_THEME_INDIGO_800 = '#303083';
+export const GL_COLOR_THEME_INDIGO_900 = '#222261';
+export const GL_COLOR_THEME_INDIGO_950 = '#14143d';
+export const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
+export const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
+export const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
+export const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
+export const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
+export const GL_COLOR_THEME_BLUE_400 = '#628eb9';
+export const GL_COLOR_THEME_BLUE_500 = '#4977a5';
+export const GL_COLOR_THEME_BLUE_600 = '#346596';
+export const GL_COLOR_THEME_BLUE_700 = '#235180';
+export const GL_COLOR_THEME_BLUE_800 = '#153c63';
+export const GL_COLOR_THEME_BLUE_900 = '#0b2640';
+export const GL_COLOR_THEME_BLUE_950 = '#04101c';
+export const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
+export const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
+export const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
+export const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
+export const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
+export const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
+export const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
+export const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
+export const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
+export const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
+export const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
+export const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
+export const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
+export const GL_COLOR_THEME_GREEN_50 = '#dde9de';
+export const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
+export const GL_COLOR_THEME_GREEN_200 = '#8cc497';
+export const GL_COLOR_THEME_GREEN_300 = '#69af7d';
+export const GL_COLOR_THEME_GREEN_400 = '#499767';
+export const GL_COLOR_THEME_GREEN_500 = '#308258';
+export const GL_COLOR_THEME_GREEN_600 = '#25744c';
+export const GL_COLOR_THEME_GREEN_700 = '#1b653f';
+export const GL_COLOR_THEME_GREEN_800 = '#155635';
+export const GL_COLOR_THEME_GREEN_900 = '#0e4328';
+export const GL_COLOR_THEME_GREEN_950 = '#052e19';
+export const GL_COLOR_THEME_RED_10 = '#faf4f3';
+export const GL_COLOR_THEME_RED_50 = '#f4e9e7';
+export const GL_COLOR_THEME_RED_100 = '#ecd3d0';
+export const GL_COLOR_THEME_RED_200 = '#e3bab5';
+export const GL_COLOR_THEME_RED_300 = '#d59086';
+export const GL_COLOR_THEME_RED_400 = '#c66e60';
+export const GL_COLOR_THEME_RED_500 = '#ad4a3b';
+export const GL_COLOR_THEME_RED_600 = '#a13322';
+export const GL_COLOR_THEME_RED_700 = '#8f2110';
+export const GL_COLOR_THEME_RED_800 = '#761405';
+export const GL_COLOR_THEME_RED_900 = '#580d02';
+export const GL_COLOR_THEME_RED_950 = '#380700';
+export const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
+export const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
+export const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
+export const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
+export const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
+export const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
+export const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
+export const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
+export const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
+export const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
+export const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
+export const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
 export const DATA_VIZ_GREEN_50 = '#133a03';
 export const DATA_VIZ_GREEN_100 = '#1a4500';
 export const DATA_VIZ_GREEN_200 = '#275600';

package/dist/tokens/js/tokens.js

@@ -7,6 +7,10 @@ export const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default backg
 export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
 export const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.
 export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used to identify a disabled section.
+export const GL_BORDER_COLOR_DEFAULT = '#dcdcde'; // Used for the default border color.
+export const GL_BORDER_COLOR_SUBTLE = '#ececef'; // Used for a border that has a little more definition, or is used in combination with a subtle background.
+export const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
+export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
 export const GL_COLOR_ALPHA_0 = 'transparent';
 export const GL_COLOR_ALPHA_DARK_2 = 'rgba(31, 30, 36, 0.02)';
 export const GL_COLOR_ALPHA_DARK_4 = 'rgba(31, 30, 36, 0.04)';
@@ -90,6 +94,78 @@ export const GL_COLOR_RED_700 = '#ae1800';
 export const GL_COLOR_RED_800 = '#8d1300';
 export const GL_COLOR_RED_900 = '#660e00';
 export const GL_COLOR_RED_950 = '#4d0a00';
+export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
+export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
+export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
+export const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
+export const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
+export const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
+export const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
+export const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
+export const GL_COLOR_THEME_INDIGO_700 = '#41419f';
+export const GL_COLOR_THEME_INDIGO_800 = '#303083';
+export const GL_COLOR_THEME_INDIGO_900 = '#222261';
+export const GL_COLOR_THEME_INDIGO_950 = '#14143d';
+export const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
+export const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
+export const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
+export const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
+export const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
+export const GL_COLOR_THEME_BLUE_400 = '#628eb9';
+export const GL_COLOR_THEME_BLUE_500 = '#4977a5';
+export const GL_COLOR_THEME_BLUE_600 = '#346596';
+export const GL_COLOR_THEME_BLUE_700 = '#235180';
+export const GL_COLOR_THEME_BLUE_800 = '#153c63';
+export const GL_COLOR_THEME_BLUE_900 = '#0b2640';
+export const GL_COLOR_THEME_BLUE_950 = '#04101c';
+export const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
+export const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
+export const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
+export const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
+export const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
+export const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
+export const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
+export const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
+export const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
+export const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
+export const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
+export const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
+export const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
+export const GL_COLOR_THEME_GREEN_50 = '#dde9de';
+export const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
+export const GL_COLOR_THEME_GREEN_200 = '#8cc497';
+export const GL_COLOR_THEME_GREEN_300 = '#69af7d';
+export const GL_COLOR_THEME_GREEN_400 = '#499767';
+export const GL_COLOR_THEME_GREEN_500 = '#308258';
+export const GL_COLOR_THEME_GREEN_600 = '#25744c';
+export const GL_COLOR_THEME_GREEN_700 = '#1b653f';
+export const GL_COLOR_THEME_GREEN_800 = '#155635';
+export const GL_COLOR_THEME_GREEN_900 = '#0e4328';
+export const GL_COLOR_THEME_GREEN_950 = '#052e19';
+export const GL_COLOR_THEME_RED_10 = '#faf4f3';
+export const GL_COLOR_THEME_RED_50 = '#f4e9e7';
+export const GL_COLOR_THEME_RED_100 = '#ecd3d0';
+export const GL_COLOR_THEME_RED_200 = '#e3bab5';
+export const GL_COLOR_THEME_RED_300 = '#d59086';
+export const GL_COLOR_THEME_RED_400 = '#c66e60';
+export const GL_COLOR_THEME_RED_500 = '#ad4a3b';
+export const GL_COLOR_THEME_RED_600 = '#a13322';
+export const GL_COLOR_THEME_RED_700 = '#8f2110';
+export const GL_COLOR_THEME_RED_800 = '#761405';
+export const GL_COLOR_THEME_RED_900 = '#580d02';
+export const GL_COLOR_THEME_RED_950 = '#380700';
+export const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
+export const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
+export const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
+export const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
+export const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
+export const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
+export const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
+export const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
+export const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
+export const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
+export const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
+export const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
 export const DATA_VIZ_GREEN_50 = '#ddfab7';
 export const DATA_VIZ_GREEN_100 = '#c6ed94';
 export const DATA_VIZ_GREEN_200 = '#b0d97b';