@gitlab/ui 80.3.0 → 80.5.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [80.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.4.0...v80.5.0) (2024-05-07)
+
+
+### Features
+
+* **DesignTokens:** check in token build files ([4e92530](https://gitlab.com/gitlab-org/gitlab-ui/commit/4e9253008e12e7deaa8e8faa29e5c3fe0d618418))
+
+# [80.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.3.0...v80.4.0) (2024-05-07)
+
+
+### Bug Fixes
+
+* linting errors ([52938a5](https://gitlab.com/gitlab-org/gitlab-ui/commit/52938a58ec1b51a0544c44633c9f13949da0fc35))
+
+
+### Features
+
+* **README:** Add design tokens mention ([3ff1f07](https://gitlab.com/gitlab-org/gitlab-ui/commit/3ff1f0702af61ba1efc3592e5759c95e6111f110))
+
 # [80.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.2.0...v80.3.0) (2024-05-06)
 
 

package/README.md

@@ -159,6 +159,30 @@ You have two options to include those stylesheets:
 @import '@gitlab/ui/dist/utility_classes.css';
 ```
 
+### Design tokens
+
+GitLab UI uses design tokens to maintain a single source of truth that, through automation,
+can be formatted for different uses.
+
+- See [Pajamas](https://design.gitlab.com/product-foundations/design-tokens) for an overview
+on design tokens.
+- See [GitLab Docs](https://docs.gitlab.com/ee/development/fe_guide/design_tokens.html) for
+in-depth guides on creating and using design tokens.
+
+Example design token inheritance and automation:
+
+```mermaid
+flowchart TD
+    A[#1f1e24] -->|Constant token| B[color.neutral.950]
+    B -->|Semantic token| C[text.color.default]
+    C --> D{Automation}
+    D -->|Figma| E[text/color/default]
+    D -->|CSS| F[--gl-text-color-default]
+    D -->|SCSS| G[$gl-text-color-default]
+    D -->|JavaScript| H[GL_TEXT_COLOR_DEFAULT]
+    D -->|Tailwind| I[gl-text-default]
+```
+
 ## Releases
 
 See [Updating GitLab UI Packages](doc/updating-gitlab-ui-packages.md) for information on how the

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

@@ -0,0 +1,212 @@
+/**
+ * Automatically generated
+ * Do not edit directly
+ */
+
+const DATA_VIZ_GREEN_50 = '#133a03';
+const DATA_VIZ_GREEN_100 = '#1a4500';
+const DATA_VIZ_GREEN_200 = '#275600';
+const DATA_VIZ_GREEN_300 = '#366800';
+const DATA_VIZ_GREEN_400 = '#4e7f0e';
+const DATA_VIZ_GREEN_500 = '#619025';
+const DATA_VIZ_GREEN_600 = '#81ac41';
+const DATA_VIZ_GREEN_700 = '#94c25e';
+const DATA_VIZ_GREEN_800 = '#b0d97b';
+const DATA_VIZ_GREEN_900 = '#c6ed94';
+const DATA_VIZ_GREEN_950 = '#ddfab7';
+const DATA_VIZ_AQUA_50 = '#00344b';
+const DATA_VIZ_AQUA_100 = '#004059';
+const DATA_VIZ_AQUA_200 = '#00516c';
+const DATA_VIZ_AQUA_300 = '#006381';
+const DATA_VIZ_AQUA_400 = '#007b9b';
+const DATA_VIZ_AQUA_500 = '#0090b1';
+const DATA_VIZ_AQUA_600 = '#00acc4';
+const DATA_VIZ_AQUA_700 = '#32c5d2';
+const DATA_VIZ_AQUA_800 = '#5edee3';
+const DATA_VIZ_AQUA_900 = '#93f2ef';
+const DATA_VIZ_AQUA_950 = '#b5fefd';
+const DATA_VIZ_BLUE_50 = '#2a2b59';
+const DATA_VIZ_BLUE_100 = '#303470';
+const DATA_VIZ_BLUE_200 = '#374291';
+const DATA_VIZ_BLUE_300 = '#3f51ae';
+const DATA_VIZ_BLUE_400 = '#4e65cd';
+const DATA_VIZ_BLUE_500 = '#617ae2';
+const DATA_VIZ_BLUE_600 = '#7992f5';
+const DATA_VIZ_BLUE_700 = '#97acff';
+const DATA_VIZ_BLUE_800 = '#b7c6ff';
+const DATA_VIZ_BLUE_900 = '#d2dcff';
+const DATA_VIZ_BLUE_950 = '#e9ebff';
+const DATA_VIZ_MAGENTA_50 = '#541d31';
+const DATA_VIZ_MAGENTA_100 = '#661e3a';
+const DATA_VIZ_MAGENTA_200 = '#7c214f';
+const DATA_VIZ_MAGENTA_300 = '#9a2e5d';
+const DATA_VIZ_MAGENTA_400 = '#b93d71';
+const DATA_VIZ_MAGENTA_500 = '#cf4d81';
+const DATA_VIZ_MAGENTA_600 = '#e86e9a';
+const DATA_VIZ_MAGENTA_700 = '#f88aaf';
+const DATA_VIZ_MAGENTA_800 = '#fcacc5';
+const DATA_VIZ_MAGENTA_900 = '#ffccdb';
+const DATA_VIZ_MAGENTA_950 = '#ffe3eb';
+const DATA_VIZ_ORANGE_50 = '#4b2707';
+const DATA_VIZ_ORANGE_100 = '#5e2f05';
+const DATA_VIZ_ORANGE_200 = '#6f3500';
+const DATA_VIZ_ORANGE_300 = '#92430a';
+const DATA_VIZ_ORANGE_400 = '#b14f18';
+const DATA_VIZ_ORANGE_500 = '#c95d2e';
+const DATA_VIZ_ORANGE_600 = '#e07e41';
+const DATA_VIZ_ORANGE_700 = '#e99b60';
+const DATA_VIZ_ORANGE_800 = '#eebd8c';
+const DATA_VIZ_ORANGE_900 = '#f5d6b3';
+const DATA_VIZ_ORANGE_950 = '#fae8d1';
+const THEME_INDIGO_10 = '#14143d';
+const THEME_INDIGO_50 = '#222261';
+const THEME_INDIGO_100 = '#303083';
+const THEME_INDIGO_200 = '#41419f';
+const THEME_INDIGO_300 = '#5252b5';
+const THEME_INDIGO_400 = '#6666c4';
+const THEME_INDIGO_500 = '#8181d7';
+const THEME_INDIGO_600 = '#a2a2e6';
+const THEME_INDIGO_700 = '#c7c7f2';
+const THEME_INDIGO_800 = '#dbdbf8';
+const THEME_INDIGO_900 = '#f1f1ff';
+const THEME_INDIGO_950 = '#f8f8ff';
+const THEME_BLUE_10 = '#04101c';
+const THEME_BLUE_50 = '#0b2640';
+const THEME_BLUE_100 = '#153c63';
+const THEME_BLUE_200 = '#235180';
+const THEME_BLUE_300 = '#346596';
+const THEME_BLUE_400 = '#4977a5';
+const THEME_BLUE_500 = '#628eb9';
+const THEME_BLUE_600 = '#81a5c9';
+const THEME_BLUE_700 = '#a6bdd5';
+const THEME_BLUE_800 = '#b9cadc';
+const THEME_BLUE_900 = '#cdd8e3';
+const THEME_BLUE_950 = '#e6ecf0';
+const THEME_LIGHT_BLUE_10 = '#0a3764';
+const THEME_LIGHT_BLUE_50 = '#0c4277';
+const THEME_LIGHT_BLUE_100 = '#0e4d8d';
+const THEME_LIGHT_BLUE_200 = '#145aa1';
+const THEME_LIGHT_BLUE_300 = '#2268ae';
+const THEME_LIGHT_BLUE_400 = '#3476b9';
+const THEME_LIGHT_BLUE_500 = '#4f8bc7';
+const THEME_LIGHT_BLUE_600 = '#74a3d3';
+const THEME_LIGHT_BLUE_700 = '#a0bedc';
+const THEME_LIGHT_BLUE_800 = '#c1d4e6';
+const THEME_LIGHT_BLUE_900 = '#dde6ee';
+const THEME_LIGHT_BLUE_950 = '#eef3f7';
+const THEME_GREEN_10 = '#052e19';
+const THEME_GREEN_50 = '#0e4328';
+const THEME_GREEN_100 = '#155635';
+const THEME_GREEN_200 = '#1b653f';
+const THEME_GREEN_300 = '#25744c';
+const THEME_GREEN_400 = '#308258';
+const THEME_GREEN_500 = '#499767';
+const THEME_GREEN_600 = '#69af7d';
+const THEME_GREEN_700 = '#8cc497';
+const THEME_GREEN_800 = '#b1d6b5';
+const THEME_GREEN_900 = '#dde9de';
+const THEME_GREEN_950 = '#eef4ef';
+const THEME_RED_10 = '#380700';
+const THEME_RED_50 = '#580d02';
+const THEME_RED_100 = '#761405';
+const THEME_RED_200 = '#8f2110';
+const THEME_RED_300 = '#a13322';
+const THEME_RED_400 = '#ad4a3b';
+const THEME_RED_500 = '#c66e60';
+const THEME_RED_600 = '#d59086';
+const THEME_RED_700 = '#e3bab5';
+const THEME_RED_800 = '#ecd3d0';
+const THEME_RED_900 = '#f4e9e7';
+const THEME_RED_950 = '#faf4f3';
+const THEME_LIGHT_RED_10 = '#5c1105';
+const THEME_LIGHT_RED_50 = '#751709';
+const THEME_LIGHT_RED_100 = '#8b2212';
+const THEME_LIGHT_RED_200 = '#a02e1c';
+const THEME_LIGHT_RED_300 = '#b53a26';
+const THEME_LIGHT_RED_400 = '#c24b38';
+const THEME_LIGHT_RED_500 = '#d36250';
+const THEME_LIGHT_RED_600 = '#e07f6f';
+const THEME_LIGHT_RED_700 = '#ebada2';
+const THEME_LIGHT_RED_800 = '#f6d9d5';
+const THEME_LIGHT_RED_900 = '#faf2f1';
+const THEME_LIGHT_RED_950 = '#fdf9f8';
+const BLACK = '#fff';
+const WHITE = '#333238';
+const BLUE_50 = '#033464';
+const BLUE_100 = '#064787';
+const BLUE_200 = '#0b5cad';
+const BLUE_300 = '#1068bf';
+const BLUE_400 = '#1f75cb';
+const BLUE_500 = '#428fdc';
+const BLUE_600 = '#63a6e9';
+const BLUE_700 = '#9dc7f1';
+const BLUE_800 = '#cbe2f9';
+const BLUE_900 = '#e9f3fc';
+const BLUE_950 = '#f2f9ff';
+const GRAY_10 = '#1f1e24';
+const GRAY_50 = '#333238';
+const GRAY_100 = '#434248';
+const GRAY_200 = '#535158';
+const GRAY_300 = '#626168';
+const GRAY_400 = '#737278';
+const GRAY_500 = '#89888d';
+const GRAY_600 = '#a4a3a8';
+const GRAY_700 = '#bfbfc3';
+const GRAY_800 = '#dcdcde';
+const GRAY_900 = '#ececef';
+const GRAY_950 = '#fbfafd';
+const GREEN_50 = '#0a4020';
+const GREEN_100 = '#0d532a';
+const GREEN_200 = '#24663b';
+const GREEN_300 = '#217645';
+const GREEN_400 = '#108548';
+const GREEN_500 = '#2da160';
+const GREEN_600 = '#52b87a';
+const GREEN_700 = '#91d4a8';
+const GREEN_800 = '#c3e6cd';
+const GREEN_900 = '#ecf4ee';
+const GREEN_950 = '#f1fdf6';
+const ORANGE_50 = '#5c2900';
+const ORANGE_100 = '#703800';
+const ORANGE_200 = '#8f4700';
+const ORANGE_300 = '#9e5400';
+const ORANGE_400 = '#ab6100';
+const ORANGE_500 = '#c17d10';
+const ORANGE_600 = '#d99530';
+const ORANGE_700 = '#e9be74';
+const ORANGE_800 = '#f5d9a8';
+const ORANGE_900 = '#fdf1dd';
+const ORANGE_950 = '#fff4e1';
+const PURPLE_50 = '#232150';
+const PURPLE_100 = '#2f2a6b';
+const PURPLE_200 = '#453894';
+const PURPLE_300 = '#5943b6';
+const PURPLE_400 = '#694cc0';
+const PURPLE_500 = '#7b58cf';
+const PURPLE_600 = '#9475db';
+const PURPLE_700 = '#ac93e6';
+const PURPLE_800 = '#cbbbf2';
+const PURPLE_900 = '#e1d8f9';
+const PURPLE_950 = '#f4f0ff';
+const RED_50 = '#660e00';
+const RED_100 = '#8d1300';
+const RED_200 = '#ae1800';
+const RED_300 = '#c91c00';
+const RED_400 = '#dd2b0e';
+const RED_500 = '#ec5941';
+const RED_600 = '#f57f6c';
+const RED_700 = '#fcb5aa';
+const RED_800 = '#fdd4cd';
+const RED_900 = '#fcf1ef';
+const RED_950 = '#fff4f3';
+const GL_TEXT_PRIMARY = '#ececef'; // Use text.color.default instead
+const GL_TEXT_SECONDARY = '#89888d'; // Use text.color.subtle instead
+const GL_TEXT_TERTIARY = '#737278'; // Use text.color.disabled instead
+const GL_TEXT_COLOR_DEFAULT = '#ececef'; // Used for the default text color.
+const GL_TEXT_COLOR_SUBTLE = '#bfbfc3'; // Used for supplemental text that doesn't need to be as prominent as other text.
+const GL_TEXT_COLOR_STRONG = '#fff'; // Used for text with the highest contrast.
+const GL_TEXT_COLOR_HEADING = '#fff'; // Used for headings level 1-6.
+const GL_TEXT_COLOR_LINK = '#63a6e9'; // Used for default text links.
+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, 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_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_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, WHITE };

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

@@ -0,0 +1,248 @@
+/**
+ * Automatically generated
+ * Do not edit directly
+ */
+
+const DATA_VIZ_GREEN_50 = '#ddfab7';
+const DATA_VIZ_GREEN_100 = '#c6ed94';
+const DATA_VIZ_GREEN_200 = '#b0d97b';
+const DATA_VIZ_GREEN_300 = '#94c25e';
+const DATA_VIZ_GREEN_400 = '#81ac41';
+const DATA_VIZ_GREEN_500 = '#619025';
+const DATA_VIZ_GREEN_600 = '#4e7f0e';
+const DATA_VIZ_GREEN_700 = '#366800';
+const DATA_VIZ_GREEN_800 = '#275600';
+const DATA_VIZ_GREEN_900 = '#1a4500';
+const DATA_VIZ_GREEN_950 = '#133a03';
+const DATA_VIZ_AQUA_50 = '#b5fefd';
+const DATA_VIZ_AQUA_100 = '#93f2ef';
+const DATA_VIZ_AQUA_200 = '#5edee3';
+const DATA_VIZ_AQUA_300 = '#32c5d2';
+const DATA_VIZ_AQUA_400 = '#00acc4';
+const DATA_VIZ_AQUA_500 = '#0090b1';
+const DATA_VIZ_AQUA_600 = '#007b9b';
+const DATA_VIZ_AQUA_700 = '#006381';
+const DATA_VIZ_AQUA_800 = '#00516c';
+const DATA_VIZ_AQUA_900 = '#004059';
+const DATA_VIZ_AQUA_950 = '#00344b';
+const DATA_VIZ_BLUE_50 = '#e9ebff';
+const DATA_VIZ_BLUE_100 = '#d2dcff';
+const DATA_VIZ_BLUE_200 = '#b7c6ff';
+const DATA_VIZ_BLUE_300 = '#97acff';
+const DATA_VIZ_BLUE_400 = '#7992f5';
+const DATA_VIZ_BLUE_500 = '#617ae2';
+const DATA_VIZ_BLUE_600 = '#4e65cd';
+const DATA_VIZ_BLUE_700 = '#3f51ae';
+const DATA_VIZ_BLUE_800 = '#374291';
+const DATA_VIZ_BLUE_900 = '#303470';
+const DATA_VIZ_BLUE_950 = '#2a2b59';
+const DATA_VIZ_MAGENTA_50 = '#ffe3eb';
+const DATA_VIZ_MAGENTA_100 = '#ffccdb';
+const DATA_VIZ_MAGENTA_200 = '#fcacc5';
+const DATA_VIZ_MAGENTA_300 = '#f88aaf';
+const DATA_VIZ_MAGENTA_400 = '#e86e9a';
+const DATA_VIZ_MAGENTA_500 = '#cf4d81';
+const DATA_VIZ_MAGENTA_600 = '#b93d71';
+const DATA_VIZ_MAGENTA_700 = '#9a2e5d';
+const DATA_VIZ_MAGENTA_800 = '#7c214f';
+const DATA_VIZ_MAGENTA_900 = '#661e3a';
+const DATA_VIZ_MAGENTA_950 = '#541d31';
+const DATA_VIZ_ORANGE_50 = '#fae8d1';
+const DATA_VIZ_ORANGE_100 = '#f5d6b3';
+const DATA_VIZ_ORANGE_200 = '#eebd8c';
+const DATA_VIZ_ORANGE_300 = '#e99b60';
+const DATA_VIZ_ORANGE_400 = '#e07e41';
+const DATA_VIZ_ORANGE_500 = '#c95d2e';
+const DATA_VIZ_ORANGE_600 = '#b14f18';
+const DATA_VIZ_ORANGE_700 = '#92430a';
+const DATA_VIZ_ORANGE_800 = '#6f3500';
+const DATA_VIZ_ORANGE_900 = '#5e2f05';
+const DATA_VIZ_ORANGE_950 = '#4b2707';
+const THEME_INDIGO_10 = '#f8f8ff';
+const THEME_INDIGO_50 = '#f1f1ff';
+const THEME_INDIGO_100 = '#dbdbf8';
+const THEME_INDIGO_200 = '#c7c7f2';
+const THEME_INDIGO_300 = '#a2a2e6';
+const THEME_INDIGO_400 = '#8181d7';
+const THEME_INDIGO_500 = '#6666c4';
+const THEME_INDIGO_600 = '#5252b5';
+const THEME_INDIGO_700 = '#41419f';
+const THEME_INDIGO_800 = '#303083';
+const THEME_INDIGO_900 = '#222261';
+const THEME_INDIGO_950 = '#14143d';
+const THEME_BLUE_10 = '#e6ecf0';
+const THEME_BLUE_50 = '#cdd8e3';
+const THEME_BLUE_100 = '#b9cadc';
+const THEME_BLUE_200 = '#a6bdd5';
+const THEME_BLUE_300 = '#81a5c9';
+const THEME_BLUE_400 = '#628eb9';
+const THEME_BLUE_500 = '#4977a5';
+const THEME_BLUE_600 = '#346596';
+const THEME_BLUE_700 = '#235180';
+const THEME_BLUE_800 = '#153c63';
+const THEME_BLUE_900 = '#0b2640';
+const THEME_BLUE_950 = '#04101c';
+const THEME_LIGHT_BLUE_10 = '#eef3f7';
+const THEME_LIGHT_BLUE_50 = '#dde6ee';
+const THEME_LIGHT_BLUE_100 = '#c1d4e6';
+const THEME_LIGHT_BLUE_200 = '#a0bedc';
+const THEME_LIGHT_BLUE_300 = '#74a3d3';
+const THEME_LIGHT_BLUE_400 = '#4f8bc7';
+const THEME_LIGHT_BLUE_500 = '#3476b9';
+const THEME_LIGHT_BLUE_600 = '#2268ae';
+const THEME_LIGHT_BLUE_700 = '#145aa1';
+const THEME_LIGHT_BLUE_800 = '#0e4d8d';
+const THEME_LIGHT_BLUE_900 = '#0c4277';
+const THEME_LIGHT_BLUE_950 = '#0a3764';
+const THEME_GREEN_10 = '#eef4ef';
+const THEME_GREEN_50 = '#dde9de';
+const THEME_GREEN_100 = '#b1d6b5';
+const THEME_GREEN_200 = '#8cc497';
+const THEME_GREEN_300 = '#69af7d';
+const THEME_GREEN_400 = '#499767';
+const THEME_GREEN_500 = '#308258';
+const THEME_GREEN_600 = '#25744c';
+const THEME_GREEN_700 = '#1b653f';
+const THEME_GREEN_800 = '#155635';
+const THEME_GREEN_900 = '#0e4328';
+const THEME_GREEN_950 = '#052e19';
+const THEME_RED_10 = '#faf4f3';
+const THEME_RED_50 = '#f4e9e7';
+const THEME_RED_100 = '#ecd3d0';
+const THEME_RED_200 = '#e3bab5';
+const THEME_RED_300 = '#d59086';
+const THEME_RED_400 = '#c66e60';
+const THEME_RED_500 = '#ad4a3b';
+const THEME_RED_600 = '#a13322';
+const THEME_RED_700 = '#8f2110';
+const THEME_RED_800 = '#761405';
+const THEME_RED_900 = '#580d02';
+const THEME_RED_950 = '#380700';
+const THEME_LIGHT_RED_10 = '#fdf9f8';
+const THEME_LIGHT_RED_50 = '#faf2f1';
+const THEME_LIGHT_RED_100 = '#f6d9d5';
+const THEME_LIGHT_RED_200 = '#ebada2';
+const THEME_LIGHT_RED_300 = '#e07f6f';
+const THEME_LIGHT_RED_400 = '#d36250';
+const THEME_LIGHT_RED_500 = '#c24b38';
+const THEME_LIGHT_RED_600 = '#b53a26';
+const THEME_LIGHT_RED_700 = '#a02e1c';
+const THEME_LIGHT_RED_800 = '#8b2212';
+const THEME_LIGHT_RED_900 = '#751709';
+const THEME_LIGHT_RED_950 = '#5c1105';
+const BLACK = '#000';
+const WHITE = '#fff';
+const BLUE_50 = '#e9f3fc';
+const BLUE_100 = '#cbe2f9';
+const BLUE_200 = '#9dc7f1';
+const BLUE_300 = '#63a6e9';
+const BLUE_400 = '#428fdc';
+const BLUE_500 = '#1f75cb';
+const BLUE_600 = '#1068bf';
+const BLUE_700 = '#0b5cad';
+const BLUE_800 = '#064787';
+const BLUE_900 = '#033464';
+const BLUE_950 = '#002850';
+const GRAY_10 = '#fbfafd';
+const GRAY_50 = '#ececef';
+const GRAY_100 = '#dcdcde';
+const GRAY_200 = '#bfbfc3';
+const GRAY_300 = '#a4a3a8';
+const GRAY_400 = '#89888d';
+const GRAY_500 = '#737278';
+const GRAY_600 = '#626168';
+const GRAY_700 = '#535158';
+const GRAY_800 = '#434248';
+const GRAY_900 = '#333238';
+const GRAY_950 = '#1f1e24';
+const GREEN_50 = '#ecf4ee';
+const GREEN_100 = '#c3e6cd';
+const GREEN_200 = '#91d4a8';
+const GREEN_300 = '#52b87a';
+const GREEN_400 = '#2da160';
+const GREEN_500 = '#108548';
+const GREEN_600 = '#217645';
+const GREEN_700 = '#24663b';
+const GREEN_800 = '#0d532a';
+const GREEN_900 = '#0a4020';
+const GREEN_950 = '#072b15';
+const ORANGE_50 = '#fdf1dd';
+const ORANGE_100 = '#f5d9a8';
+const ORANGE_200 = '#e9be74';
+const ORANGE_300 = '#d99530';
+const ORANGE_400 = '#c17d10';
+const ORANGE_500 = '#ab6100';
+const ORANGE_600 = '#9e5400';
+const ORANGE_700 = '#8f4700';
+const ORANGE_800 = '#703800';
+const ORANGE_900 = '#5c2900';
+const ORANGE_950 = '#421f00';
+const PURPLE_50 = '#f4f0ff';
+const PURPLE_100 = '#e1d8f9';
+const PURPLE_200 = '#cbbbf2';
+const PURPLE_300 = '#ac93e6';
+const PURPLE_400 = '#9475db';
+const PURPLE_500 = '#7b58cf';
+const PURPLE_600 = '#694cc0';
+const PURPLE_700 = '#5943b6';
+const PURPLE_800 = '#453894';
+const PURPLE_900 = '#2f2a6b';
+const PURPLE_950 = '#232150';
+const RED_50 = '#fcf1ef';
+const RED_100 = '#fdd4cd';
+const RED_200 = '#fcb5aa';
+const RED_300 = '#f57f6c';
+const RED_400 = '#ec5941';
+const RED_500 = '#dd2b0e';
+const RED_600 = '#c91c00';
+const RED_700 = '#ae1800';
+const RED_800 = '#8d1300';
+const RED_900 = '#660e00';
+const RED_950 = '#4d0a00';
+const BRAND_CHARCOAL = '#171321';
+const BRAND_ORANGE_01 = '#fca326';
+const BRAND_ORANGE_02 = '#fc6d26';
+const BRAND_ORANGE_03 = '#e24329';
+const BRAND_PURPLE_01 = '#a989f5';
+const BRAND_PURPLE_02 = '#7759c2';
+const BRAND_GRAY_01 = '#d1d0d3';
+const BRAND_GRAY_02 = '#a2a1a6';
+const BRAND_GRAY_03 = '#74717a';
+const BRAND_GRAY_04 = '#45424d';
+const BRAND_GRAY_05 = '#2b2838';
+const T_GRAY_A_16 = 'rgba(31, 30, 36, 0.16)';
+const T_GRAY_A_24 = 'rgba(31, 30, 36, 0.24)';
+const T_GRAY_A_02 = 'rgba(31, 30, 36, 0.02)';
+const T_GRAY_A_04 = 'rgba(31, 30, 36, 0.04)';
+const T_GRAY_A_06 = 'rgba(31, 30, 36, 0.06)';
+const T_GRAY_A_08 = 'rgba(31, 30, 36, 0.08)';
+const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)';
+const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)';
+const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)';
+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_LINE_HEIGHT_12 = '0.75rem';
+const GL_LINE_HEIGHT_16 = '1rem';
+const GL_LINE_HEIGHT_20 = '1.25rem';
+const GL_LINE_HEIGHT_24 = '1.5rem';
+const GL_LINE_HEIGHT_28 = '1.75rem';
+const GL_LINE_HEIGHT_32 = '2rem';
+const GL_LINE_HEIGHT_36 = '2.25rem';
+const GL_LINE_HEIGHT_42 = '2.625rem';
+const GL_LINE_HEIGHT_44 = '2.75rem';
+const GL_LINE_HEIGHT_52 = '3.25rem';
+const GL_TEXT_PRIMARY = '#333238'; // Use text.color.default instead
+const GL_TEXT_SECONDARY = '#737278'; // Use text.color.subtle instead
+const GL_TEXT_TERTIARY = '#89888d'; // Use text.color.disabled instead
+const GL_TEXT_COLOR_DEFAULT = '#434248'; // Used for the default text color.
+const GL_TEXT_COLOR_SUBTLE = '#626168'; // Used for supplemental text that doesn't need to be as prominent as other text.
+const GL_TEXT_COLOR_STRONG = '#1f1e24'; // Used for text with the highest contrast.
+const GL_TEXT_COLOR_HEADING = '#1f1e24'; // Used for headings level 1-6.
+const GL_TEXT_COLOR_LINK = '#0b5cad'; // Used for default text links.
+const GL_TEXT_COLOR_DANGER = '#c91c00'; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
+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_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

@@ -1,6 +1,6 @@
 /**
+ * Automatically generated
  * Do not edit directly
- * Generated on Mon, 06 May 2024 09:58:06 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
+ * Automatically generated
  * Do not edit directly
- * Generated on Mon, 06 May 2024 09:58:06 GMT
  */
 
 :root.gl-dark {