@aurodesignsystem/design-tokens 4.0.0

package/dist/tokens/JSVariables--color.js

@@ -0,0 +1,166 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 13 Sep 2023 17:26:39 GMT
+ */
+
+export const DsColorAlertNotificationDefault = "#0074c8";
+export const DsColorAlertWarningDefault = "#de750c";
+export const DsColorAlertErrorDefault = "#df0b37";
+export const DsColorAlertSuccessDefault = "#00805d";
+export const DsColorAlertAdvisoryDefault = "#fff0cd";
+export const DsColorAlertBkgSuccessDefault = "#ddf6e8";
+export const DsColorAlertBkgErrorDefault = "#ffedf1";
+export const DsColorBackgroundLightest = "#ffffff";
+export const DsColorBackgroundLighter = "#f8f8f8";
+export const DsColorBackgroundDarker = "#01426a";
+export const DsColorBackgroundDarkest = "#00274a";
+export const DsColorBaseWhite = "#ffffff"; // 
+  // Base value for token support; should not use in code!
+export const DsColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
+export const DsColorBaseBlack = "#000000"; // 
+  // Base value for token support; should not use in code!
+export const DsColorBaseBlackOpacity15 = "#000000"; // black @ 15%
+export const DsColorStateError100 = "#ff999b";
+export const DsColorStateError500 = "#df0b37";
+export const DsColorStateSuccess100 = "#69cf96";
+export const DsColorStateSuccess500 = "#00805d";
+export const DsColorStateWarning500 = "#de750c";
+export const DsColorBorderPrimaryDefault = "#626b79";
+export const DsColorBorderPrimaryInverse = "#9fabbb";
+export const DsColorBorderActiveDefault = "#0074c8";
+export const DsColorBorderErrorDefault = "#df0b37";
+export const DsColorBorderDisabledDefault = "#dbdbdb";
+export const DsColorBorderFocusDefault = "#222222";
+export const DsColorBorderDividerDefault = "#000000";
+export const DsColorBorderDividerInverse = "#ffffff";
+export const DsColorBrandMidnight100 = "#c1daf0"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight200 = "#569ed7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight300 = "#156fad"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight400 = "#01426a"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight500 = "#00274a"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas100 = "#cde6ff"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas200 = "#6bb7fb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas300 = "#2492eb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas400 = "#0074c8"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas500 = "#054687"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze100 = "#c0f7ff"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze200 = "#5de3f7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze300 = "#00cff0"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze400 = "#099dc5"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze500 = "#0b5575"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical100 = "#e2ffcd"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical200 = "#d0fba6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical300 = "#c0e585"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical400 = "#91be62"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical500 = "#5e8741"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine100 = "#bcaae6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine200 = "#9e73ea"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine300 = "#8439ef"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine400 = "#631db8"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine500 = "#39115c"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo100 = "#ffebee"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo200 = "#ffc0ca"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo300 = "#ff94a7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo400 = "#f65b7b"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo500 = "#b82b47"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon100 = "#ffcab6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon200 = "#f99574"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon300 = "#f26135"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon400 = "#de3e09"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon500 = "#b83302"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast100 = "#fff0cd"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast200 = "#ffdb67"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast300 = "#ffd200"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast400 = "#e5ad07"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast500 = "#b88624"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral100 = "#f9fbfc"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral200 = "#e2eaef"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral300 = "#cbd8e2"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral400 = "#9fabbb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral500 = "#626b79"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGray100 = "#f8f8f8";
+export const DsColorBrandGray200 = "#dbdbdb";
+export const DsColorBrandGray300 = "#b2b2b2";
+export const DsColorBrandGray400 = "#767676";
+export const DsColorBrandGray500 = "#222222";
+export const DsColorBrandGoldgray100 = "#c5c1bf";
+export const DsColorBrandGoldgray200 = "#726e6c";
+export const DsColorBrandGold100 = "#ccbc94";
+export const DsColorBrandGold200 = "#7f682e";
+export const DsColorBrandEmerald = "#139142";
+export const DsColorBrandSapphire = "#015daa";
+export const DsColorBrandRuby = "#a41d4a";
+export const DsColorIconPrimaryDefault = "#626b79";
+export const DsColorIconPrimaryInverse = "#9fabbb";
+export const DsColorIconEmphasisDefault = "#222222";
+export const DsColorIconEmphasisInverse = "#ffffff";
+export const DsColorIconAccentDefault = "#0074c8";
+export const DsColorIconDisabledDefault = "#000000";
+export const DsColorTextPrimaryDefault = "#222222";
+export const DsColorTextPrimaryInverse = "#ffffff";
+export const DsColorTextSecondaryDefault = "#626b79";
+export const DsColorTextSecondaryInverse = "#9fabbb";
+export const DsColorTextLinkDefault = "#0074c8";
+export const DsColorTextLinkInverse = "#00cff0";
+export const DsColorTextErrorDefault = "#df0b37";
+export const DsColorTextErrorInverse = "#ff999b";
+export const DsColorTextDisabledDefault = "#dbdbdb";
+export const DsColorTextEmphasisDefault = "#01426a";
+export const DsColorTextEmphasisInverse = "#c1daf0";
+export const DsColorTierAlaskaMvpDefault = "#726e6c";
+export const DsColorTierAlaskaMvpInverse = "#c5c1bf";
+export const DsColorTierAlaskaMvpgoldDefault = "#7f682e";
+export const DsColorTierAlaskaMvpgoldInverse = "#ccbc94";
+export const DsColorTierOneworldEmerald = "#139142";
+export const DsColorTierOneworldSapphire = "#015daa";
+export const DsColorTierOneworldRuby = "#a41d4a";
+export const DsColorUiDefaultDefault = "#0074c8";
+export const DsColorUiHoverDefault = "#054687";
+export const DsColorUiActiveDefault = "#054687";
+export const DsColorUiDisabledDefault = "#0074c8";
+export const DsColorUiBkgHoverDefault = "#000000";

package/dist/tokens/JSVariables--darkmodeColor.js

@@ -0,0 +1,153 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 13 Sep 2023 17:26:40 GMT
+ */
+
+export const DsColorAlertNotificationDefault = "#00cff0";
+export const DsColorAlertWarningDefault = "#de750c";
+export const DsColorAlertErrorDefault = "#ff999b";
+export const DsColorAlertSuccessDefault = "#69cf96";
+export const DsColorAlertAdvisoryDefault = "#fff0cd";
+export const DsColorBackgroundLightest = "#ffffff";
+export const DsColorBackgroundLighter = "#f8f8f8";
+export const DsColorBackgroundDarker = "#01426a";
+export const DsColorBackgroundDarkest = "#00274a";
+export const DsColorBaseWhite = "#ffffff"; // 
+  // Base value for token support; should not use in code!
+export const DsColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
+export const DsColorBaseBlack = "#000000"; // 
+  // Base value for token support; should not use in code!
+export const DsColorBaseBlackOpacity15 = "#000000"; // black @ 15%
+export const DsColorStateError100 = "#ff999b";
+export const DsColorStateError500 = "#df0b37";
+export const DsColorStateSuccess100 = "#69cf96";
+export const DsColorStateSuccess500 = "#00805d";
+export const DsColorStateWarning500 = "#de750c";
+export const DsColorBorderPrimaryDefault = "#9fabbb";
+export const DsColorBorderActiveDefault = "#00cff0";
+export const DsColorBorderErrorDefault = "#ff999b";
+export const DsColorBorderDisabledDefault = "#dbdbdb";
+export const DsColorBorderFocusDefault = "#ffffff";
+export const DsColorBorderDividerDefault = "#ffffff";
+export const DsColorBrandMidnight100 = "#c1daf0"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight200 = "#569ed7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight300 = "#156fad"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight400 = "#01426a"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandMidnight500 = "#00274a"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas100 = "#cde6ff"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas200 = "#6bb7fb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas300 = "#2492eb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas400 = "#0074c8"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAtlas500 = "#054687"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze100 = "#c0f7ff"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze200 = "#5de3f7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze300 = "#00cff0"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze400 = "#099dc5"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandBreeze500 = "#0b5575"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical100 = "#e2ffcd"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical200 = "#d0fba6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical300 = "#c0e585"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical400 = "#91be62"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandTropical500 = "#5e8741"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine100 = "#bcaae6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine200 = "#9e73ea"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine300 = "#8439ef"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine400 = "#631db8"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandAlpine500 = "#39115c"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo100 = "#ffebee"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo200 = "#ffc0ca"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo300 = "#ff94a7"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo400 = "#f65b7b"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandFlamingo500 = "#b82b47"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon100 = "#ffcab6"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon200 = "#f99574"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon300 = "#f26135"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon400 = "#de3e09"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandCanyon500 = "#b83302"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast100 = "#fff0cd"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast200 = "#ffdb67"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast300 = "#ffd200"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast400 = "#e5ad07"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGoldcoast500 = "#b88624"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral100 = "#f9fbfc"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral200 = "#e2eaef"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral300 = "#cbd8e2"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral400 = "#9fabbb"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandNeutral500 = "#626b79"; // 
+  // Please consider descriptive token prior to using brand token
+export const DsColorBrandGray100 = "#f8f8f8";
+export const DsColorBrandGray200 = "#dbdbdb";
+export const DsColorBrandGray300 = "#b2b2b2";
+export const DsColorBrandGray400 = "#767676";
+export const DsColorBrandGray500 = "#222222";
+export const DsColorBrandGoldgray100 = "#c5c1bf";
+export const DsColorBrandGoldgray200 = "#726e6c";
+export const DsColorBrandGold100 = "#ccbc94";
+export const DsColorBrandGold200 = "#7f682e";
+export const DsColorBrandEmerald = "#139142";
+export const DsColorBrandSapphire = "#015daa";
+export const DsColorBrandRuby = "#a41d4a";
+export const DsColorIconPrimaryDefault = "#9fabbb";
+export const DsColorIconEmphasisDefault = "#ffffff";
+export const DsColorIconAccentDefault = "#00cff0";
+export const DsColorIconDisabledDefault = "#ffffff";
+export const DsColorTextPrimaryDefault = "#ffffff";
+export const DsColorTextSecondaryDefault = "#9fabbb";
+export const DsColorTextLinkDefault = "#00cff0";
+export const DsColorTextErrorDefault = "#ff999b";
+export const DsColorTextDisabledDefault = "#dbdbdb";
+export const DsColorTextEmphasisDefault = "#c1daf0";
+export const DsColorTierAlaskaMvpDefault = "#c5c1bf";
+export const DsColorTierAlaskaMvpgoldDefault = "#ccbc94";
+export const DsColorTierOneworldEmerald = "#139142";
+export const DsColorTierOneworldSapphire = "#015daa";
+export const DsColorTierOneworldRuby = "#a41d4a";
+export const DsColorUiDefaultDefault = "#00cff0";
+export const DsColorUiHoverDefault = "#5de3f7";
+export const DsColorUiActiveDefault = "#5de3f7";
+export const DsColorUiDisabledDefault = "#00cff0";
+export const DsColorUiBkgHoverDefault = "#5de3f7";

package/dist/tokens/SCSSOpacityVariables--darkmode.scss

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Wed, 13 Sep 2023 17:26:39 GMT
+
+$ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4); // white @ 40%
+$ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); // black @ 15%
+$ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2); // color brand atlas 400 @ 20%

package/dist/tokens/SCSSOpacityVariables.scss

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Wed, 13 Sep 2023 17:26:39 GMT
+
+$ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4); // white @ 40%
+$ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); // black @ 15%
+$ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2); // color brand atlas 400 @ 20%

package/dist/tokens/SCSSVariableMap--darkmode.scss

@@ -0,0 +1,37 @@
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 13 Sep 2023 17:26:39 GMT
+ */
+
+$ds-size-25: 0.125rem !default; // 2px
+$ds-size-50: 0.25rem !default; // 4px
+$ds-size-100: 0.5rem !default; // 8px
+$ds-size-150: 0.75rem !default; // 12px
+$ds-size-200: 1rem !default; // 16px
+$ds-size-300: 1.5rem !default; // 24px
+$ds-size-400: 2rem !default; // 32px
+$ds-size-500: 2.5rem !default; // 40px
+$ds-size-600: 3rem !default; // 48px
+$ds-size-700: 3.5rem !default; // 56px
+$ds-size-800: 4rem !default; // 64px
+$ds-size-900: 4.5rem !default; // 72px
+$ds-size-1000: 5rem !default; // 80px
+
+$tokens: (
+  'size': (
+    '25': $ds-size-25,
+    '50': $ds-size-50,
+    '100': $ds-size-100,
+    '150': $ds-size-150,
+    '200': $ds-size-200,
+    '300': $ds-size-300,
+    '400': $ds-size-400,
+    '500': $ds-size-500,
+    '600': $ds-size-600,
+    '700': $ds-size-700,
+    '800': $ds-size-800,
+    '900': $ds-size-900,
+    '1000': $ds-size-1000
+  )
+);

package/dist/tokens/SCSSVariableMap.scss

@@ -0,0 +1,37 @@
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 13 Sep 2023 17:26:39 GMT
+ */
+
+$ds-size-25: 0.125rem !default; // 2px
+$ds-size-50: 0.25rem !default; // 4px
+$ds-size-100: 0.5rem !default; // 8px
+$ds-size-150: 0.75rem !default; // 12px
+$ds-size-200: 1rem !default; // 16px
+$ds-size-300: 1.5rem !default; // 24px
+$ds-size-400: 2rem !default; // 32px
+$ds-size-500: 2.5rem !default; // 40px
+$ds-size-600: 3rem !default; // 48px
+$ds-size-700: 3.5rem !default; // 56px
+$ds-size-800: 4rem !default; // 64px
+$ds-size-900: 4.5rem !default; // 72px
+$ds-size-1000: 5rem !default; // 80px
+
+$tokens: (
+  'size': (
+    '25': $ds-size-25,
+    '50': $ds-size-50,
+    '100': $ds-size-100,
+    '150': $ds-size-150,
+    '200': $ds-size-200,
+    '300': $ds-size-300,
+    '400': $ds-size-400,
+    '500': $ds-size-500,
+    '600': $ds-size-600,
+    '700': $ds-size-700,
+    '800': $ds-size-800,
+    '900': $ds-size-900,
+    '1000': $ds-size-1000
+  )
+);