@gobolt/genesis 0.3.18 → 0.3.21

package/dist/styles/design-tokens/variables.js

@@ -1,396 +1,707 @@
-const ColorRed100 = "#f9d4d5";
-const ColorRed200 = "#f3a9ab";
-const ColorRed300 = "#ee7d81";
-const ColorRed400 = "#e85257";
-const ColorRed500 = "#cf3237";
-const ColorRed600 = "#aa292d";
-const ColorRed700 = "#842023";
-const ColorRed800 = "#5f1719";
-const ColorRed900 = "#3a0e0f";
-const ColorOrange100 = "#ffe9dc";
-const ColorOrange200 = "#ffd3b8";
-const ColorOrange300 = "#ffbc95";
-const ColorOrange400 = "#ffa671";
-const ColorOrange500 = "#ff904e";
-const ColorOrange600 = "#d17640";
-const ColorOrange700 = "#a35c32";
-const ColorOrange800 = "#754224";
-const ColorOrange900 = "#472816";
-const ColorYellow100 = "#fff2df";
-const ColorYellow200 = "#ffe5be";
-const ColorYellow300 = "#ffd79e";
-const ColorYellow400 = "#ffca7d";
-const ColorYellow500 = "#ffbd5d";
-const ColorYellow600 = "#e7a13c";
-const ColorYellow700 = "#b27330";
-const ColorYellow800 = "#704819";
-const ColorYellow900 = "#442c0f";
-const ColorGreen100 = "#d3efd7";
-const ColorGreen200 = "#a7dfaf";
-const ColorGreen300 = "#7ad086";
-const ColorGreen400 = "#5bc16b";
-const ColorGreen500 = "#32863e";
-const ColorGreen600 = "#296e33";
-const ColorGreen700 = "#205628";
-const ColorGreen800 = "#173e1d";
-const ColorGreen900 = "#0e2511";
-const ColorSky100 = "#deeff3";
-const ColorSky200 = "#bcdfe7";
-const ColorSky300 = "#9bcfdb";
-const ColorSky400 = "#79bfcf";
-const ColorSky500 = "#58afc3";
-const ColorSky600 = "#337e8e";
-const ColorSky700 = "#30606b";
-const ColorSky800 = "#214148";
-const ColorSky900 = "#00282b";
-const ColorBlue100 = "#d7dbfd";
-const ColorBlue200 = "#afb8fb";
-const ColorBlue300 = "#8894fa";
-const ColorBlue400 = "#6071f8";
-const ColorBlue500 = "#384df6";
-const ColorBlue600 = "#2e3fca";
-const ColorBlue700 = "#24319d";
-const ColorBlue800 = "#1a2371";
-const ColorBlue900 = "#101645";
-const ColorPurple100 = "#f3e0f3";
-const ColorPurple200 = "#e7c1e7";
-const ColorPurple300 = "#daa3da";
-const ColorPurple400 = "#ce84ce";
-const ColorPurple500 = "#c265c2";
-const ColorPurple600 = "#9f539f";
-const ColorPurple700 = "#7c417c";
-const ColorPurple800 = "#592e59";
-const ColorPurple900 = "#361c36";
-const ColorGray100 = "#f4f4f4";
-const ColorGray200 = "#eeeeee";
-const ColorGray300 = "#dfdfdf";
-const ColorGray400 = "#cbcbcb";
-const ColorGray500 = "#9a9a9a";
-const ColorGray600 = "#7f7f7f";
-const ColorGray700 = "#6c6c6c";
-const ColorGray800 = "#3e3e3e";
-const ColorGray900 = "#222222";
-const ColorGrayBlack = "#101010";
-const ColorGrayWhite = "#ffffff";
-const BorderRadiusNone = 0;
-const BorderRadiusXs = 1;
-const BorderRadiusSm = 4;
-const BorderRadiusMd = 6;
-const BorderRadiusLg = 8;
-const BorderRadiusXl = 12;
-const BorderRadiusXxl = 16;
-const BorderRadiusXxxl = 24;
-const BorderRadiusRounded = 999;
-const TypographyPrimaryFontFamily = "'Inter', sans-serif !important";
-const Size1 = 4;
-const Size1_5 = 6;
-const Size2 = 8;
-const Size2_5 = 10;
-const Size3 = 12;
-const Size4 = 16;
-const Size5 = 20;
-const Size6 = 24;
-const Size7 = 28;
-const Size8 = 32;
-const Size10 = 40;
-const Size12 = 48;
-const Size13 = 52;
-const Size14 = 56;
-const Size16 = 64;
-const Size18 = 72;
-const Size20 = 80;
-const Size24 = 96;
-const Size27 = 108;
-const Size28 = 112;
-const Size30 = 120;
-const Size32 = 128;
-const Size34 = 136;
-const Size35 = 144;
-const Size39 = 156;
-const Size43 = 172;
-const Size50 = 200;
-const Size64 = 256;
-const Size05 = 2;
-const Size15 = 6;
-const Size025 = 1;
-const Size25 = 10;
-const TypographyWideFontSizeDisplay1 = 72;
-const TypographyWideFontSizeDisplay2 = 56;
-const TypographyWideFontSizeDisplay3 = 40;
-const TypographyWideFontSizeHeading1 = 40;
-const TypographyWideFontSizeHeading2 = Size8;
-const TypographyMediumFontSizeDisplay1 = 64;
-const TypographyMediumFontSizeDisplay2 = 52;
-const TypographyMediumFontSizeDisplay3 = 40;
-const TypographyMediumFontSizeHeading1 = 40;
-const TypographyMediumFontSizeHeading2 = Size6;
-const TypographyNarrowFontSizeDisplay1 = 48;
-const TypographyNarrowFontSizeDisplay2 = 40;
-const TypographyNarrowFontSizeDisplay3 = 32;
-const TypographyNarrowFontSizeHeading1 = 32;
-const TypographyNarrowFontSizeHeading2 = Size6;
-const TypographyWideFontSizeBody1 = 16;
-const TypographyMediumFontSizeBody1 = 16;
-const TypographyWideFontSizeHeading3 = Size4;
-const TypographyWideFontSizeSubHeading1 = 20;
-const TypographyWideFontSizeSubHeading2 = 16;
-const TypographyWideFontSizeSubHeading3 = 14;
-const TypographyWideFontSizeBody2 = 14;
-const TypographyWideFontSizeBody3 = 12;
-const TypographyWideFontSizeBody4 = 12;
-const TypographyWideFontSizeBody5 = 12;
-const TypographyWideFontSizeMessage = 14;
-const TypographyWideFontSizeOverline1 = 12;
-const TypographyWideFontSizeOverline2 = 12;
-const TypographyWideFontSizeOverline3 = 12;
-const TypographyWideFontSizeLabel1 = 16;
-const TypographyWideFontSizeLabel2 = 14;
-const TypographyWideFontSizeLabel3 = 12;
-const TypographyWideFontSizeLink1 = 16;
-const TypographyWideFontSizeLink2 = 14;
-const TypographyWideFontSizeLink3 = 12;
-const TypographyWideFontSizeDigits1 = 96;
-const TypographyWideFontSizeDigits2 = 48;
-const TypographyWideFontSizeDigits3 = 16;
-const TypographyMediumFontSizeHeading3 = Size4;
-const TypographyMediumFontSizeSubHeading1 = 20;
-const TypographyMediumFontSizeSubHeading2 = 16;
-const TypographyMediumFontSizeSubHeading3 = 14;
-const TypographyMediumFontSizeBody2 = 14;
-const TypographyMediumFontSizeBody3 = 12;
-const TypographyMediumFontSizeBody4 = 12;
-const TypographyMediumFontSizeBody5 = 12;
-const TypographyMediumFontSizeMessage = 14;
-const TypographyMediumFontSizeOverline1 = 12;
-const TypographyMediumFontSizeOverline2 = 12;
-const TypographyMediumFontSizeOverline3 = 12;
-const TypographyMediumFontSizeLabel1 = 16;
-const TypographyMediumFontSizeLabel2 = 14;
-const TypographyMediumFontSizeLabel3 = 12;
-const TypographyMediumFontSizeLink1 = 16;
-const TypographyMediumFontSizeLink2 = 14;
-const TypographyMediumFontSizeLink3 = 12;
-const TypographyMediumFontSizeDigits1 = 96;
-const TypographyMediumFontSizeDigits2 = 48;
-const TypographyMediumFontSizeDigits3 = 16;
-const TypographyNarrowFontSizeHeading3 = Size4;
-const TypographyNarrowFontSizeSubHeading1 = 20;
-const TypographyNarrowFontSizeSubHeading2 = 16;
-const TypographyNarrowFontSizeSubHeading3 = 14;
-const TypographyNarrowFontSizeBody1 = 12;
-const TypographyNarrowFontSizeBody2 = 14;
-const TypographyNarrowFontSizeBody3 = 16;
-const TypographyNarrowFontSizeBody4 = 18;
-const TypographyNarrowFontSizeBody5 = 20;
-const TypographyNarrowFontSizeMessage = 14;
-const TypographyNarrowFontSizeOverline1 = 12;
-const TypographyNarrowFontSizeOverline2 = 12;
-const TypographyNarrowFontSizeOverline3 = 12;
-const TypographyNarrowFontSizeLabel1 = 16;
-const TypographyNarrowFontSizeLabel2 = 14;
-const TypographyNarrowFontSizeLabel3 = 12;
-const TypographyNarrowFontSizeLink1 = 16;
-const TypographyNarrowFontSizeLink2 = 14;
-const TypographyNarrowFontSizeLink3 = 12;
-const TypographyNarrowFontSizeDigits1 = 96;
-const TypographyNarrowFontSizeDigits2 = 48;
-const TypographyNarrowFontSizeDigits3 = 16;
-export {
-  BorderRadiusLg,
-  BorderRadiusMd,
-  BorderRadiusNone,
-  BorderRadiusRounded,
-  BorderRadiusSm,
-  BorderRadiusXl,
-  BorderRadiusXs,
-  BorderRadiusXxl,
-  BorderRadiusXxxl,
-  ColorBlue100,
-  ColorBlue200,
-  ColorBlue300,
-  ColorBlue400,
-  ColorBlue500,
-  ColorBlue600,
-  ColorBlue700,
-  ColorBlue800,
-  ColorBlue900,
-  ColorGray100,
-  ColorGray200,
-  ColorGray300,
-  ColorGray400,
-  ColorGray500,
-  ColorGray600,
-  ColorGray700,
-  ColorGray800,
-  ColorGray900,
-  ColorGrayBlack,
-  ColorGrayWhite,
-  ColorGreen100,
-  ColorGreen200,
-  ColorGreen300,
-  ColorGreen400,
-  ColorGreen500,
-  ColorGreen600,
-  ColorGreen700,
-  ColorGreen800,
-  ColorGreen900,
-  ColorOrange100,
-  ColorOrange200,
-  ColorOrange300,
-  ColorOrange400,
-  ColorOrange500,
-  ColorOrange600,
-  ColorOrange700,
-  ColorOrange800,
-  ColorOrange900,
-  ColorPurple100,
-  ColorPurple200,
-  ColorPurple300,
-  ColorPurple400,
-  ColorPurple500,
-  ColorPurple600,
-  ColorPurple700,
-  ColorPurple800,
-  ColorPurple900,
-  ColorRed100,
-  ColorRed200,
-  ColorRed300,
-  ColorRed400,
-  ColorRed500,
-  ColorRed600,
-  ColorRed700,
-  ColorRed800,
-  ColorRed900,
-  ColorSky100,
-  ColorSky200,
-  ColorSky300,
-  ColorSky400,
-  ColorSky500,
-  ColorSky600,
-  ColorSky700,
-  ColorSky800,
-  ColorSky900,
-  ColorYellow100,
-  ColorYellow200,
-  ColorYellow300,
-  ColorYellow400,
-  ColorYellow500,
-  ColorYellow600,
-  ColorYellow700,
-  ColorYellow800,
-  ColorYellow900,
-  Size025,
-  Size05,
-  Size1,
-  Size10,
-  Size12,
-  Size13,
-  Size14,
-  Size15,
-  Size16,
-  Size18,
-  Size1_5,
-  Size2,
-  Size20,
-  Size24,
-  Size25,
-  Size27,
-  Size28,
-  Size2_5,
-  Size3,
-  Size30,
-  Size32,
-  Size34,
-  Size35,
-  Size39,
-  Size4,
-  Size43,
-  Size5,
-  Size50,
-  Size6,
-  Size64,
-  Size7,
-  Size8,
-  TypographyMediumFontSizeBody1,
-  TypographyMediumFontSizeBody2,
-  TypographyMediumFontSizeBody3,
-  TypographyMediumFontSizeBody4,
-  TypographyMediumFontSizeBody5,
-  TypographyMediumFontSizeDigits1,
-  TypographyMediumFontSizeDigits2,
-  TypographyMediumFontSizeDigits3,
-  TypographyMediumFontSizeDisplay1,
-  TypographyMediumFontSizeDisplay2,
-  TypographyMediumFontSizeDisplay3,
-  TypographyMediumFontSizeHeading1,
-  TypographyMediumFontSizeHeading2,
-  TypographyMediumFontSizeHeading3,
-  TypographyMediumFontSizeLabel1,
-  TypographyMediumFontSizeLabel2,
-  TypographyMediumFontSizeLabel3,
-  TypographyMediumFontSizeLink1,
-  TypographyMediumFontSizeLink2,
-  TypographyMediumFontSizeLink3,
-  TypographyMediumFontSizeMessage,
-  TypographyMediumFontSizeOverline1,
-  TypographyMediumFontSizeOverline2,
-  TypographyMediumFontSizeOverline3,
-  TypographyMediumFontSizeSubHeading1,
-  TypographyMediumFontSizeSubHeading2,
-  TypographyMediumFontSizeSubHeading3,
-  TypographyNarrowFontSizeBody1,
-  TypographyNarrowFontSizeBody2,
-  TypographyNarrowFontSizeBody3,
-  TypographyNarrowFontSizeBody4,
-  TypographyNarrowFontSizeBody5,
-  TypographyNarrowFontSizeDigits1,
-  TypographyNarrowFontSizeDigits2,
-  TypographyNarrowFontSizeDigits3,
-  TypographyNarrowFontSizeDisplay1,
-  TypographyNarrowFontSizeDisplay2,
-  TypographyNarrowFontSizeDisplay3,
-  TypographyNarrowFontSizeHeading1,
-  TypographyNarrowFontSizeHeading2,
-  TypographyNarrowFontSizeHeading3,
-  TypographyNarrowFontSizeLabel1,
-  TypographyNarrowFontSizeLabel2,
-  TypographyNarrowFontSizeLabel3,
-  TypographyNarrowFontSizeLink1,
-  TypographyNarrowFontSizeLink2,
-  TypographyNarrowFontSizeLink3,
-  TypographyNarrowFontSizeMessage,
-  TypographyNarrowFontSizeOverline1,
-  TypographyNarrowFontSizeOverline2,
-  TypographyNarrowFontSizeOverline3,
-  TypographyNarrowFontSizeSubHeading1,
-  TypographyNarrowFontSizeSubHeading2,
-  TypographyNarrowFontSizeSubHeading3,
-  TypographyPrimaryFontFamily,
-  TypographyWideFontSizeBody1,
-  TypographyWideFontSizeBody2,
-  TypographyWideFontSizeBody3,
-  TypographyWideFontSizeBody4,
-  TypographyWideFontSizeBody5,
-  TypographyWideFontSizeDigits1,
-  TypographyWideFontSizeDigits2,
-  TypographyWideFontSizeDigits3,
-  TypographyWideFontSizeDisplay1,
-  TypographyWideFontSizeDisplay2,
-  TypographyWideFontSizeDisplay3,
-  TypographyWideFontSizeHeading1,
-  TypographyWideFontSizeHeading2,
-  TypographyWideFontSizeHeading3,
-  TypographyWideFontSizeLabel1,
-  TypographyWideFontSizeLabel2,
-  TypographyWideFontSizeLabel3,
-  TypographyWideFontSizeLink1,
-  TypographyWideFontSizeLink2,
-  TypographyWideFontSizeLink3,
-  TypographyWideFontSizeMessage,
-  TypographyWideFontSizeOverline1,
-  TypographyWideFontSizeOverline2,
-  TypographyWideFontSizeOverline3,
-  TypographyWideFontSizeSubHeading1,
-  TypographyWideFontSizeSubHeading2,
-  TypographyWideFontSizeSubHeading3
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export var ColorRed100 = "#f9d4d5";
+export var ColorRed200 = "#f3a9ab";
+export var ColorRed300 = "#ee7d81";
+export var ColorRed400 = "#e85257";
+export var ColorRed500 = "#cf3237";
+export var ColorRed600 = "#aa292d";
+export var ColorRed700 = "#842023";
+export var ColorRed800 = "#5f1719";
+export var ColorRed900 = "#3a0e0f";
+export var ColorOrange100 = "#ffe9dc";
+export var ColorOrange200 = "#ffd3b8";
+export var ColorOrange300 = "#ffbc95";
+export var ColorOrange400 = "#ffa671";
+export var ColorOrange500 = "#ff904e";
+export var ColorOrange600 = "#d17640";
+export var ColorOrange700 = "#a35c32";
+export var ColorOrange800 = "#754224";
+export var ColorOrange900 = "#472816";
+export var ColorYellow100 = "#fff2df";
+export var ColorYellow200 = "#ffe5be";
+export var ColorYellow300 = "#ffd79e";
+export var ColorYellow400 = "#ffca7d";
+export var ColorYellow500 = "#ffbd5d";
+export var ColorYellow600 = "#e7a13c";
+export var ColorYellow700 = "#b27330";
+export var ColorYellow800 = "#704819";
+export var ColorYellow900 = "#442c0f";
+export var ColorGreen100 = "#d3efd7";
+export var ColorGreen200 = "#a7dfaf";
+export var ColorGreen300 = "#7ad086";
+export var ColorGreen400 = "#5bc16b";
+export var ColorGreen500 = "#32863e";
+export var ColorGreen600 = "#296e33";
+export var ColorGreen700 = "#205628";
+export var ColorGreen800 = "#173e1d";
+export var ColorGreen900 = "#0e2511";
+export var ColorSky100 = "#deeff3";
+export var ColorSky200 = "#bcdfe7";
+export var ColorSky300 = "#9bcfdb";
+export var ColorSky400 = "#79bfcf";
+export var ColorSky500 = "#58afc3";
+export var ColorSky600 = "#337e8e";
+export var ColorSky700 = "#30606b";
+export var ColorSky800 = "#214148";
+export var ColorSky900 = "#00282b";
+export var ColorBlue100 = "#d7dbfd";
+export var ColorBlue200 = "#afb8fb";
+export var ColorBlue300 = "#8894fa";
+export var ColorBlue400 = "#6071f8";
+export var ColorBlue500 = "#384df6";
+export var ColorBlue600 = "#2e3fca";
+export var ColorBlue700 = "#24319d";
+export var ColorBlue800 = "#1a2371";
+export var ColorBlue900 = "#101645";
+export var ColorPurple100 = "#f3e0f3";
+export var ColorPurple200 = "#e7c1e7";
+export var ColorPurple300 = "#daa3da";
+export var ColorPurple400 = "#ce84ce";
+export var ColorPurple500 = "#c265c2";
+export var ColorPurple600 = "#9f539f";
+export var ColorPurple700 = "#7c417c";
+export var ColorPurple800 = "#592e59";
+export var ColorPurple900 = "#361c36";
+export var ColorGray100 = "#f4f4f4";
+export var ColorGray200 = "#eeeeee";
+export var ColorGray300 = "#dfdfdf";
+export var ColorGray400 = "#cbcbcb";
+export var ColorGray500 = "#9a9a9a";
+export var ColorGray600 = "#7f7f7f";
+export var ColorGray700 = "#6c6c6c";
+export var ColorGray800 = "#3e3e3e";
+export var ColorGray900 = "#222222";
+export var ColorGrayBlack = "#101010";
+export var ColorGrayWhite = "#ffffff";
+export var BorderRadiusNone = 0;
+export var BorderRadiusXs = 1;
+export var BorderRadiusSm = 4;
+export var BorderRadiusMd = 6;
+export var BorderRadiusLg = 8;
+export var BorderRadiusXl = 12;
+export var BorderRadiusXxl = 16;
+export var BorderRadiusXxxl = 24;
+export var BorderRadiusRounded = 999;
+export var TypographyPrimaryFontFamily = "'Inter', sans-serif !important";
+export var Size1 = 4;
+export var Size1_5 = 6;
+export var Size2 = 8;
+export var Size2_5 = 10;
+export var Size3 = 12;
+export var Size4 = 16;
+export var Size5 = 20;
+export var Size6 = 24;
+export var Size7 = 28;
+export var Size8 = 32;
+export var Size10 = 40;
+export var Size12 = 48;
+export var Size13 = 52;
+export var Size14 = 56;
+export var Size16 = 64;
+export var Size18 = 72;
+export var Size20 = 80;
+export var Size24 = 96;
+export var Size27 = 108;
+export var Size28 = 112;
+export var Size30 = 120;
+export var Size32 = 128;
+export var Size34 = 136;
+export var Size35 = 144;
+export var Size39 = 156;
+export var Size43 = 172;
+export var Size50 = 200;
+export var Size64 = 256;
+export var Size05 = 2;
+export var Size15 = 6;
+export var Size025 = 1;
+export var Size25 = 10;
+export var SemanticColoursLightStatusSuccessDefault = "#32863e";
+export var SemanticColoursLightStatusSuccessOnsurface = "#296e33";
+export var SemanticColoursLightStatusSuccessSurface = "#d3efd7";
+export var SemanticColoursLightStatusSuccessOnsurfaceHover = "#205628";
+export var SemanticColoursLightStatusSuccessSurfaceHover = "#a7dfaf";
+export var SemanticColoursLightStatusSuccessSecondary = "#337e8e";
+export var SemanticColoursLightStatusSuccessOnsurfaceBorder = "#205628";
+export var SemanticColoursLightStatusSuccessSurfaceBorder = "#a7dfaf";
+export var SemanticColoursLightStatusErrorDefault = "#cf3237";
+export var SemanticColoursLightStatusErrorOnsurface = "#aa292d";
+export var SemanticColoursLightStatusErrorSurface = "#f9d4d5";
+export var SemanticColoursLightStatusErrorSurfaceHover = "#f3a9ab";
+export var SemanticColoursLightStatusErrorOnsurfaceHover = "#842023";
+export var SemanticColoursLightStatusErrorSurfaceBorder = "#f3a9ab";
+export var SemanticColoursLightStatusErrorOnsurfaceBorder = "#842023";
+export var SemanticColoursLightStatusWarningDefault = "#ffbd5d";
+export var SemanticColoursLightStatusWarningSurface = "#fff2df";
+export var SemanticColoursLightStatusWarningSurfaceHover = "#ffe5be";
+export var SemanticColoursLightStatusWarningOnsurface = "#704819";
+export var SemanticColoursLightStatusWarningOnsurfaceHover = "#442c0f";
+export var SemanticColoursLightStatusWarningSurfaceBorder = "#ffe5be";
+export var SemanticColoursLightStatusWarningOnsurfaceBorder = "#a35c32";
+export var SemanticColoursLightStatusInfoDefault = "#384df6";
+export var SemanticColoursLightStatusInfoSurface = "#d7dbfd";
+export var SemanticColoursLightStatusInfoSurfaceHover = "#afb8fb";
+export var SemanticColoursLightStatusInfoOnsurface = "#2e3fca";
+export var SemanticColoursLightStatusInfoOnsurfaceHover = "#24319d";
+export var SemanticColoursLightStatusInfoSurfaceBorder = "#afb8fb";
+export var SemanticColoursLightStatusInfoOnsurfaceBorder = "#24319d";
+export var SemanticColoursLightStatusGenericDefault = "#9a9a9a";
+export var SemanticColoursLightStatusGenericSurface = "#f4f4f4";
+export var SemanticColoursLightStatusGenericOnsurface = "#3e3e3e";
+export var SemanticColoursLightStatusGenericSurfaceBorder = "#eeeeee";
+export var SemanticColoursLightStatusGenericOnsurfaceBorder = "#222222";
+export var SemanticColoursLightStatusDisabledDefault = "#6c6c6c";
+export var SemanticColoursLightStatusDisabledSurface = "#eeeeee";
+export var SemanticColoursLightInteractivePrimaryActive = "#30606b";
+export var SemanticColoursLightInteractivePrimaryHover = "#00282b";
+export var SemanticColoursLightInteractivePrimaryPressed = "#214148";
+export var SemanticColoursLightInteractivePrimaryOnsurface = "#ffffff";
+export var SemanticColoursLightInteractivePrimaryDisabled = "#eeeeee";
+export var SemanticColoursLightInteractiveSecondaryActive = "#9a9a9a";
+export var SemanticColoursLightInteractiveSecondaryHover = "#222222";
+export var SemanticColoursLightInteractiveSecondaryPressed = "#101010";
+export var SemanticColoursLightInteractiveSecondaryOnsurface = "#3e3e3e";
+export var SemanticColoursLightInteractiveSecondaryDisabled = "#eeeeee";
+export var SemanticColoursLightInteractiveTertiaryActive = "#ffca7d";
+export var SemanticColoursLightInteractiveTertiaryHover = "#e7a13c";
+export var SemanticColoursLightInteractiveTertiaryPressed = "#b27330";
+export var SemanticColoursLightInteractiveTertiaryOnsurface = "#222222";
+export var SemanticColoursLightInteractiveTertiaryDisabled = "#eeeeee";
+export var SemanticColoursLightInteractiveUtilityActive = "#ffffff";
+export var SemanticColoursLightInteractiveUtilityHover = "#deeff3";
+export var SemanticColoursLightInteractiveUtilityPressed = "#cbcbcb";
+export var SemanticColoursLightInteractiveUtilityBorder = "#cbcbcb";
+export var SemanticColoursLightInteractiveUtilityOnsurface = "#222222";
+export var SemanticColoursLightInteractiveUtilityDisabled = "#eeeeee";
+export var SemanticColoursLightInteractiveLinkActive = "#30606b";
+export var SemanticColoursLightInteractiveLinkHover = "#00282b";
+export var SemanticColoursLightInteractiveLinkActiveInverse = "#9bcfdb";
+export var SemanticColoursLightInteractiveLinkHoverInverse = "#79bfcf";
+export var SemanticColoursLightInteractiveNotificationUnreadSurface = "#f4f4f4";
+export var SemanticColoursLightInteractiveNotificationReadSurface = "#ffffff";
+export var SemanticColoursLightInteractiveNotificationSurfaceHover = "#deeff3";
+export var SemanticColoursLightInteractiveNotificationBorderHover = "#9bcfdb";
+export var SemanticColoursLightInteractiveDisabledSurface = "#eeeeee";
+export var SemanticColoursLightInteractiveIconOnsurface = "#3e3e3e";
+export var SemanticColoursLightInteractiveIconActive = "#deeff3";
+export var SemanticColoursLightSurfaceDefault = "#ffffff";
+export var SemanticColoursLightSurfaceSecondary = "#f4f4f4";
+export var SemanticColoursLightSurfaceTertiary = "#eeeeee";
+export var SemanticColoursLightSurfaceBorder = "#cbcbcb";
+export var SemanticColoursLightSurfaceBorderInvert = "#3e3e3e";
+export var SemanticColoursLightSurfaceInvert = "#222222";
+export var SemanticColoursLightSurfaceSecondaryInvert = "#101010";
+export var SemanticColoursLightSurfaceTertiaryInvert = "#3e3e3e";
+export var SemanticColoursLightSurfaceBorderLight = "#dfdfdf";
+export var SemanticColoursLightOnsurfaceCopy = "#3e3e3e";
+export var SemanticColoursLightOnsurfaceCopyLight = "#6c6c6c";
+export var SemanticColoursLightOnsurfaceCopyDisabled = "#6c6c6c";
+export var SemanticColoursLightOnsurfaceCopyDark = "#222222";
+export var SemanticColoursLightOnsurfaceIcon = "#3e3e3e";
+export var SemanticColoursLightOnsurfaceIconDisabled = "#6c6c6c";
+export var SemanticColoursLightOnsurfaceCopyInvert = "#ffffff";
+export var SemanticColoursLightOnsurfaceCopyLightInvert = "#f4f4f4";
+export var SemanticColoursLightOnsurfaceIconInvert = "#ffffff";
+export var SemanticColoursLightInputsSurfaceActive = "#ffffff";
+export var SemanticColoursLightInputsSurfaceChecked = "#384df6";
+export var SemanticColoursLightInputsSurfaceCheckedHover = "#24319d";
+export var SemanticColoursLightInputsSurfaceBorder = "#9a9a9a";
+export var SemanticColoursLightInputsSurfaceDisabled = "#f4f4f4";
+export var SemanticColoursLightInputsOnsurfaceActive = "#222222";
+export var SemanticColoursLightInputsOnsurfacePlaceholder = "#6c6c6c";
+export var SemanticColoursLightInputsOnsurfaceDisabled = "#6c6c6c";
+export var SemanticColoursLightInputsOnsurfaceFocus = "#384df6";
+export var SemanticColoursLightInputsOnsurfaceFocusBorder = "#1a2371";
+export var SemanticColoursLightInputsProgressEmpty = "#dfdfdf";
+export var SemanticColoursLightInputsProgressSuccess = "#5bc16b";
+export var SemanticColoursLightInputsProgressError = "#cf3237";
+export var SemanticColoursLightInputsProgressInfo = "#6071f8";
+export var SemanticColoursLightBrandPrimaryShadyforest = "#00282b";
+export var SemanticColoursLightBrandPrimaryShadyforestLight = "#30606b";
+export var SemanticColoursLightBrandPrimaryGoldrush = "#ffbd5d";
+export var SemanticColoursLightBrandSecondaryTreetrunk = "#b27330";
+export var SemanticColoursLightBrandSecondaryGlacierlake = "#58afc3";
+export var SemanticColoursLightBrandSecondaryNewleaf = "#5bc16b";
+export var SemanticColoursLightHighlightsCopy = "#ffe5be";
+export var SemanticColoursLightHighlightsCopyAlt = "#e7c1e7";
+export var SemanticColoursLightIllustrationShapesYellow = "#ffbd5d";
+export var SemanticColoursLightIllustrationShapesBlue = "#384df6";
+export var SemanticColoursLightIllustrationShapesGreen = "#32863e";
+export var SemanticColoursLightIllustrationShapesRed = "#cf3237";
+export var SemanticColoursLightTimeboxAlldayDefault = "#3e3e3e";
+export var SemanticColoursLightTimeboxAlldaySurface = "#ffffff";
+export var SemanticColoursLightTimeboxAlldaySurfaceAlt = "#3e3e3e";
+export var SemanticColoursLightTimeboxMorningDefault = "#d17640";
+export var SemanticColoursLightTimeboxMorningSurface = "#ffe9dc";
+export var SemanticColoursLightTimeboxMorningSurfaceAlt = "#d17640";
+export var SemanticColoursLightTimeboxAfternoonDefault = "#296e33";
+export var SemanticColoursLightTimeboxAfternoonSurface = "#d3efd7";
+export var SemanticColoursLightTimeboxAfternoonSurfaceAlt = "#296e33";
+export var SemanticColoursLightTimeboxEveningDefault = "#9f539f";
+export var SemanticColoursLightTimeboxEveningSurface = "#f3e0f3";
+export var SemanticColoursLightTimeboxEveningSurfaceAlt = "#9f539f";
+export var SemanticColoursDarkStatusSuccessDefault = "#32863e";
+export var SemanticColoursDarkStatusSuccessOnsurface = "#d3efd7";
+export var SemanticColoursDarkStatusSuccessSurface = "#173e1d";
+export var SemanticColoursDarkStatusSuccessOnsurfaceHover = "#d3efd7";
+export var SemanticColoursDarkStatusSuccessSurfaceHover = "#205628";
+export var SemanticColoursDarkStatusSuccessSecondary = "#337e8e";
+export var SemanticColoursDarkStatusSuccessOnsurfaceBorder = "#a7dfaf";
+export var SemanticColoursDarkStatusSuccessSurfaceBorder = "#205628";
+export var SemanticColoursDarkStatusErrorDefault = "#cf3237";
+export var SemanticColoursDarkStatusErrorOnsurface = "#f9d4d5";
+export var SemanticColoursDarkStatusErrorSurface = "#5f1719";
+export var SemanticColoursDarkStatusErrorSurfaceHover = "#842023";
+export var SemanticColoursDarkStatusErrorOnsurfaceHover = "#f9d4d5";
+export var SemanticColoursDarkStatusErrorSurfaceBorder = "#842023";
+export var SemanticColoursDarkStatusErrorOnsurfaceBorder = "#f3a9ab";
+export var SemanticColoursDarkStatusWarningDefault = "#ffbd5d";
+export var SemanticColoursDarkStatusWarningSurface = "#704819";
+export var SemanticColoursDarkStatusWarningSurfaceHover = "#b27330";
+export var SemanticColoursDarkStatusWarningOnsurface = "#fff2df";
+export var SemanticColoursDarkStatusWarningOnsurfaceHover = "#ffe5be";
+export var SemanticColoursDarkStatusWarningSurfaceBorder = "#b27330";
+export var SemanticColoursDarkStatusWarningOnsurfaceBorder = "#ffe5be";
+export var SemanticColoursDarkStatusInfoDefault = "#384df6";
+export var SemanticColoursDarkStatusInfoSurface = "#1a2371";
+export var SemanticColoursDarkStatusInfoSurfaceHover = "#24319d";
+export var SemanticColoursDarkStatusInfoOnsurface = "#d7dbfd";
+export var SemanticColoursDarkStatusInfoOnsurfaceHover = "#d7dbfd";
+export var SemanticColoursDarkStatusInfoSurfaceBorder = "#24319d";
+export var SemanticColoursDarkStatusInfoOnsurfaceBorder = "#afb8fb";
+export var SemanticColoursDarkStatusGenericDefault = "#9a9a9a";
+export var SemanticColoursDarkStatusGenericSurface = "#3e3e3e";
+export var SemanticColoursDarkStatusGenericOnsurface = "#f4f4f4";
+export var SemanticColoursDarkStatusGenericSurfaceBorder = "#6c6c6c";
+export var SemanticColoursDarkStatusGenericOnsurfaceBorder = "#eeeeee";
+export var SemanticColoursDarkStatusDisabledDefault = "#6c6c6c";
+export var SemanticColoursDarkStatusDisabledSurface = "#eeeeee";
+export var SemanticColoursDarkInteractivePrimaryActive = "#30606b";
+export var SemanticColoursDarkInteractivePrimaryHover = "#00282b";
+export var SemanticColoursDarkInteractivePrimaryPressed = "#214148";
+export var SemanticColoursDarkInteractivePrimaryOnsurface = "#ffffff";
+export var SemanticColoursDarkInteractivePrimaryDisabled = "#6c6c6c";
+export var SemanticColoursDarkInteractiveSecondaryActive = "#eeeeee";
+export var SemanticColoursDarkInteractiveSecondaryHover = "#cbcbcb";
+export var SemanticColoursDarkInteractiveSecondaryPressed = "#ffffff";
+export var SemanticColoursDarkInteractiveSecondaryOnsurface = "#f4f4f4";
+export var SemanticColoursDarkInteractiveSecondaryDisabled = "#6c6c6c";
+export var SemanticColoursDarkInteractiveTertiaryActive = "#ffca7d";
+export var SemanticColoursDarkInteractiveTertiaryHover = "#e7a13c";
+export var SemanticColoursDarkInteractiveTertiaryPressed = "#b27330";
+export var SemanticColoursDarkInteractiveTertiaryOnsurface = "#222222";
+export var SemanticColoursDarkInteractiveTertiaryDisabled = "#6c6c6c";
+export var SemanticColoursDarkInteractiveUtilityActive = "#222222";
+export var SemanticColoursDarkInteractiveUtilityHover = "#00282b";
+export var SemanticColoursDarkInteractiveUtilityPressed = "#3e3e3e";
+export var SemanticColoursDarkInteractiveUtilityBorder = "#3e3e3e";
+export var SemanticColoursDarkInteractiveUtilityOnsurface = "#ffffff";
+export var SemanticColoursDarkInteractiveUtilityDisabled = "#6c6c6c";
+export var SemanticColoursDarkInteractiveLinkActive = "#9bcfdb";
+export var SemanticColoursDarkInteractiveLinkHover = "#79bfcf";
+export var SemanticColoursDarkInteractiveLinkActiveInverse = "#30606b";
+export var SemanticColoursDarkInteractiveLinkHoverInverse = "#00282b";
+export var SemanticColoursDarkInteractiveNotificationUnreadSurface = "#f4f4f4";
+export var SemanticColoursDarkInteractiveNotificationReadSurface = "#ffffff";
+export var SemanticColoursDarkInteractiveNotificationSurfaceHover = "#deeff3";
+export var SemanticColoursDarkInteractiveNotificationBorderHover = "#9bcfdb";
+export var SemanticColoursDarkInteractiveDisabledSurface = "#6c6c6c";
+export var SemanticColoursDarkInteractiveIconOnsurface = "#f4f4f4";
+export var SemanticColoursDarkInteractiveIconActive = "#30606b";
+export var SemanticColoursDarkSurfaceDefault = "#222222";
+export var SemanticColoursDarkSurfaceSecondary = "#101010";
+export var SemanticColoursDarkSurfaceTertiary = "#3e3e3e";
+export var SemanticColoursDarkSurfaceBorder = "#3e3e3e";
+export var SemanticColoursDarkSurfaceBorderInvert = "#eeeeee";
+export var SemanticColoursDarkSurfaceInvert = "#ffffff";
+export var SemanticColoursDarkSurfaceSecondaryInvert = "#f4f4f4";
+export var SemanticColoursDarkSurfaceTertiaryInvert = "#eeeeee";
+export var SemanticColoursDarkSurfaceBorderLight = "#3e3e3e";
+export var SemanticColoursDarkOnsurfaceCopy = "#ffffff";
+export var SemanticColoursDarkOnsurfaceCopyLight = "#eeeeee";
+export var SemanticColoursDarkOnsurfaceCopyDisabled = "#dfdfdf";
+export var SemanticColoursDarkOnsurfaceCopyDark = "#ffffff";
+export var SemanticColoursDarkOnsurfaceIcon = "#ffffff";
+export var SemanticColoursDarkOnsurfaceIconDisabled = "#dfdfdf";
+export var SemanticColoursDarkOnsurfaceCopyInvert = "#222222";
+export var SemanticColoursDarkOnsurfaceCopyLightInvert = "#3e3e3e";
+export var SemanticColoursDarkOnsurfaceIconInvert = "#222222";
+export var SemanticColoursDarkInputsSurfaceActive = "#ffffff";
+export var SemanticColoursDarkInputsSurfaceChecked = "#384df6";
+export var SemanticColoursDarkInputsSurfaceCheckedHover = "#24319d";
+export var SemanticColoursDarkInputsSurfaceBorder = "#9a9a9a";
+export var SemanticColoursDarkInputsSurfaceDisabled = "#f4f4f4";
+export var SemanticColoursDarkInputsOnsurfaceActive = "#f4f4f4";
+export var SemanticColoursDarkInputsOnsurfacePlaceholder = "#9a9a9a";
+export var SemanticColoursDarkInputsOnsurfaceDisabled = "#dfdfdf";
+export var SemanticColoursDarkInputsOnsurfaceFocus = "#384df6";
+export var SemanticColoursDarkInputsOnsurfaceFocusBorder = "#1a2371";
+export var SemanticColoursDarkInputsProgressEmpty = "#222222";
+export var SemanticColoursDarkInputsProgressSuccess = "#205628";
+export var SemanticColoursDarkInputsProgressError = "#842023";
+export var SemanticColoursDarkInputsProgressInfo = "#24319d";
+export var SemanticColoursDarkBrandPrimaryShadyforest = "#00282b";
+export var SemanticColoursDarkBrandPrimaryShadyforestLight = "#30606b";
+export var SemanticColoursDarkBrandPrimaryGoldrush = "#ffbd5d";
+export var SemanticColoursDarkBrandSecondaryTreetrunk = "#b27330";
+export var SemanticColoursDarkBrandSecondaryGlacierlake = "#58afc3";
+export var SemanticColoursDarkBrandSecondaryNewleaf = "#5bc16b";
+export var SemanticColoursDarkHighlightsCopy = "#ffe5be";
+export var SemanticColoursDarkHighlightsCopyAlt = "#e7c1e7";
+export var SemanticColoursDarkIllustrationShapesYellow = "#ffbd5d";
+export var SemanticColoursDarkIllustrationShapesBlue = "#384df6";
+export var SemanticColoursDarkIllustrationShapesGreen = "#32863e";
+export var SemanticColoursDarkIllustrationShapesRed = "#cf3237";
+export var SemanticColoursDarkTimeboxAlldayDefault = "#eeeeee";
+export var SemanticColoursDarkTimeboxAlldaySurface = "#101010";
+export var SemanticColoursDarkTimeboxAlldaySurfaceAlt = "#f4f4f4";
+export var SemanticColoursDarkTimeboxMorningDefault = "#ffd3b8";
+export var SemanticColoursDarkTimeboxMorningSurface = "#d17640";
+export var SemanticColoursDarkTimeboxMorningSurfaceAlt = "#ffd3b8";
+export var SemanticColoursDarkTimeboxAfternoonDefault = "#a7dfaf";
+export var SemanticColoursDarkTimeboxAfternoonSurface = "#296e33";
+export var SemanticColoursDarkTimeboxAfternoonSurfaceAlt = "#a7dfaf";
+export var SemanticColoursDarkTimeboxEveningDefault = "#e7c1e7";
+export var SemanticColoursDarkTimeboxEveningSurface = "#9f539f";
+export var SemanticColoursDarkTimeboxEveningSurfaceAlt = "#e7c1e7";
+export var IconsIllustrationsValueIconXs = 16;
+export var IconsIllustrationsValueIconSm = 20;
+export var IconsIllustrationsValueIconMed = 24;
+export var IconsIllustrationsValueIconLg = 32;
+export var IconsIllustrationsValueIconXl = 40;
+export var IconsIllustrationsValueIconXxl = 48;
+export var IconsIllustrationsValueIconXxxl = 56;
+export var IconsIllustrationsValueIllustrationXs = 48;
+export var IconsIllustrationsValueIllustrationSm = 72;
+export var IconsIllustrationsValueIllustrationMd = 108;
+export var IconsIllustrationsValueIllustrationLg = 156;
+export var IconsIllustrationsValueIllustrationXl = 200;
+export var MotionMode1Veryfast = 0.20000000298023224;
+export var MotionMode1Fast = 0.33000001311302185;
+export var MotionMode1Medium = 0.5;
+export var MotionMode1Slow = 1;
+export var MotionMode1Veryslow = 2;
+export var BordersMode1BorderWidth1 = 1;
+export var BordersMode1BorderWidth2 = 2;
+export var BordersMode1BorderWidth3 = 4;
+export var BordersMode1BorderWidth4 = 6;
+export var BordersMode1BorderRadiusNone = { type: "number" };
+export var BordersMode1BorderRadiusXs = 2;
+export var BordersMode1BorderRadiusSm = 4;
+export var BordersMode1BorderRadiusMd = 6;
+export var BordersMode1BorderRadiusLg = 8;
+export var BordersMode1BorderRadiusXl = 12;
+export var BordersMode1BorderRadiusXxl = 16;
+export var BordersMode1BorderRadiusXxxl = 24;
+export var BordersMode1BorderRadiusRounded = 999;
+export var ComponentSizingNormalButtonRadius = 6;
+export var ComponentSizingNormalButtonHorPadding = 24;
+export var ComponentSizingNormalButtonVerPadding = 10;
+export var ComponentSizingNormalButtonGap = 8;
+export var ComponentSizingNormalUtilityButtonRadius = 4;
+export var ComponentSizingNormalUtilityButtonHorPadding = 12;
+export var ComponentSizingNormalUtilityButtonVerPadding = 10;
+export var ComponentSizingNormalUtilityButtonGap = 4;
+export var ComponentSizingNormalUtilityButtonIconPadding = 8;
+export var ComponentSizingNormalInputHorPadding = 10;
+export var ComponentSizingNormalInputHeight = 40;
+export var ComponentSizingNormalInputRadius = 6;
+export var ComponentSizingNormalInputGap = 8;
+export var ComponentSizingNormalInputSuffixPrefixHorPadding = 8;
+export var ComponentSizingNormalInputSuffixPrefixVerPadding = 11;
+export var ComponentSizingNormalRowHorPadding = 24;
+export var ComponentSizingNormalRowVerPadding = 20;
+export var ComponentSizingNormalRowGap = 8;
+export var ComponentSizingNormalRowLabelGap = 4;
+export var ComponentSizingNormalActionRowHorPadding = 24;
+export var ComponentSizingNormalActionRowVerPadding = 16;
+export var ComponentSizingNormalActionRowGap = 16;
+export var ComponentSizingNormalBadgeLeftPadding = 8;
+export var ComponentSizingNormalBadgeRightPadding = 4;
+export var ComponentSizingNormalBadgeVerPadding = 4;
+export var ComponentSizingNormalBadgeGap = 4;
+export var ComponentSizingNormalBadgeRadius = 999;
+export var ComponentSizingNormalBreadcrumbHorPadding = 16;
+export var ComponentSizingNormalBreadcrumbVerPadding = 16;
+export var ComponentSizingNormalBreadcrumbGap = 8;
+export var ComponentSizingNormalMenuVerPadding = 4;
+export var ComponentSizingNormalMenuItemVerPadding = 12;
+export var ComponentSizingNormalMenuItemHorPadding = 16;
+export var ComponentSizingNormalMenuItemGap = 12;
+export var ComponentSizingNormalProgressGap = 8;
+export var ComponentSizingNormalMessageHorPadding = 16;
+export var ComponentSizingNormalMessageVerPadding = 16;
+export var ComponentSizingNormalMessageGap = 8;
+export var ComponentSizingNormalMessageActionLeftPadding = 16;
+export var ComponentSizingNormalToastHorPadding = 16;
+export var ComponentSizingNormalToastVerPadding = 8;
+export var ComponentSizingNormalToastGap = 16;
+export var ComponentSizingNormalToastContentGap = 8;
+export var ComponentSizingNormalAvatarWidth = 32;
+export var ComponentSizingNormalAvatarHeight = 32;
+export var ComponentSizingNormalAvatarRadius = 6;
+export var ComponentSizingNormalTableCellLeadPadding = 40;
+export var ComponentSizingNormalTableCellTrailPadding = 40;
+export var ComponentSizingNormalTableCellVerPadding = 16;
+export var ComponentSizingNormalTableCellHorPadding = { type: "number" };
+export var ComponentSizingNormalTableCellGap = 12;
+export var ComponentSizingNormalTableCellMinHeight = 64;
+export var ComponentSizingNormalSwitchVerPadding = 2;
+export var ComponentSizingNormalSwitchHorPadding = 2;
+export var ComponentSizingNormalSwitchWidth = 48;
+export var ComponentSizingNormalSwitchHeight = 24;
+export var ComponentSizingNormalSwitchThumbDiameter = 20;
+export var ComponentSizingNormalSwitchRadius = 999;
+export var ComponentSizingNormalTabVerPadding = 16;
+export var ComponentSizingNormalTabHorPadding = 24;
+export var ComponentSizingNormalTabGap = 4;
+export var ComponentSizingNormalHeaderVerPadding = 40;
+export var ComponentSizingNormalHeaderHorPadding = 48;
+export var ComponentSizingSmallButtonRadius = 6;
+export var ComponentSizingSmallButtonHorPadding = 16;
+export var ComponentSizingSmallButtonVerPadding = 6;
+export var ComponentSizingSmallButtonGap = 8;
+export var ComponentSizingSmallUtilityButtonRadius = 4;
+export var ComponentSizingSmallUtilityButtonHorPadding = 8;
+export var ComponentSizingSmallUtilityButtonVerPadding = 6;
+export var ComponentSizingSmallUtilityButtonGap = 4;
+export var ComponentSizingSmallUtilityButtonIconPadding = 4;
+export var ComponentSizingSmallInputHorPadding = 10;
+export var ComponentSizingSmallInputHeight = 32;
+export var ComponentSizingSmallInputRadius = 4;
+export var ComponentSizingSmallInputGap = 8;
+export var ComponentSizingSmallInputSuffixPrefixHorPadding = 8;
+export var ComponentSizingSmallInputSuffixPrefixVerPadding = 7;
+export var ComponentSizingSmallRowHorPadding = 16;
+export var ComponentSizingSmallRowVerPadding = 12;
+export var ComponentSizingSmallRowGap = 8;
+export var ComponentSizingSmallRowLabelGap = 4;
+export var ComponentSizingSmallActionRowHorPadding = 24;
+export var ComponentSizingSmallActionRowVerPadding = 16;
+export var ComponentSizingSmallActionRowGap = 16;
+export var ComponentSizingSmallBadgeLeftPadding = 8;
+export var ComponentSizingSmallBadgeRightPadding = 4;
+export var ComponentSizingSmallBadgeVerPadding = 4;
+export var ComponentSizingSmallBadgeGap = 4;
+export var ComponentSizingSmallBadgeRadius = 999;
+export var ComponentSizingSmallBreadcrumbHorPadding = 12;
+export var ComponentSizingSmallBreadcrumbVerPadding = 12;
+export var ComponentSizingSmallBreadcrumbGap = 8;
+export var ComponentSizingSmallMenuVerPadding = 4;
+export var ComponentSizingSmallMenuItemVerPadding = 12;
+export var ComponentSizingSmallMenuItemHorPadding = 16;
+export var ComponentSizingSmallMenuItemGap = 12;
+export var ComponentSizingSmallProgressGap = 8;
+export var ComponentSizingSmallMessageHorPadding = 16;
+export var ComponentSizingSmallMessageVerPadding = 16;
+export var ComponentSizingSmallMessageGap = 8;
+export var ComponentSizingSmallMessageActionLeftPadding = 12;
+export var ComponentSizingSmallToastHorPadding = 16;
+export var ComponentSizingSmallToastVerPadding = 8;
+export var ComponentSizingSmallToastGap = 16;
+export var ComponentSizingSmallToastContentGap = 8;
+export var ComponentSizingSmallAvatarWidth = 24;
+export var ComponentSizingSmallAvatarHeight = 24;
+export var ComponentSizingSmallAvatarRadius = 6;
+export var ComponentSizingSmallTableCellLeadPadding = 24;
+export var ComponentSizingSmallTableCellTrailPadding = 24;
+export var ComponentSizingSmallTableCellVerPadding = 8;
+export var ComponentSizingSmallTableCellHorPadding = { type: "number" };
+export var ComponentSizingSmallTableCellGap = 8;
+export var ComponentSizingSmallTableCellMinHeight = 48;
+export var ComponentSizingSmallSwitchVerPadding = 2;
+export var ComponentSizingSmallSwitchHorPadding = 2;
+export var ComponentSizingSmallSwitchWidth = 48;
+export var ComponentSizingSmallSwitchHeight = 24;
+export var ComponentSizingSmallSwitchThumbDiameter = 20;
+export var ComponentSizingSmallSwitchRadius = 999;
+export var ComponentSizingSmallTabVerPadding = 12;
+export var ComponentSizingSmallTabHorPadding = 16;
+export var ComponentSizingSmallTabGap = 4;
+export var ComponentSizingSmallHeaderVerPadding = 16;
+export var ComponentSizingSmallHeaderHorPadding = 16;
+export var ComponentSizingLargeButtonRadius = 6;
+export var ComponentSizingLargeButtonHorPadding = 24;
+export var ComponentSizingLargeButtonVerPadding = 10;
+export var ComponentSizingLargeButtonGap = 8;
+export var ComponentSizingLargeUtilityButtonRadius = 4;
+export var ComponentSizingLargeUtilityButtonHorPadding = 12;
+export var ComponentSizingLargeUtilityButtonVerPadding = 10;
+export var ComponentSizingLargeUtilityButtonGap = 4;
+export var ComponentSizingLargeUtilityButtonIconPadding = 8;
+export var ComponentSizingLargeInputHorPadding = 10;
+export var ComponentSizingLargeInputHeight = 40;
+export var ComponentSizingLargeInputRadius = 6;
+export var ComponentSizingLargeInputGap = 8;
+export var ComponentSizingLargeInputSuffixPrefixHorPadding = 8;
+export var ComponentSizingLargeInputSuffixPrefixVerPadding = 11;
+export var ComponentSizingLargeRowHorPadding = 32;
+export var ComponentSizingLargeRowVerPadding = 24;
+export var ComponentSizingLargeRowGap = 8;
+export var ComponentSizingLargeRowLabelGap = 4;
+export var ComponentSizingLargeActionRowHorPadding = 32;
+export var ComponentSizingLargeActionRowVerPadding = 24;
+export var ComponentSizingLargeActionRowGap = 16;
+export var ComponentSizingLargeBadgeLeftPadding = 8;
+export var ComponentSizingLargeBadgeRightPadding = 4;
+export var ComponentSizingLargeBadgeVerPadding = 4;
+export var ComponentSizingLargeBadgeGap = 4;
+export var ComponentSizingLargeBadgeRadius = 999;
+export var ComponentSizingLargeBreadcrumbHorPadding = 16;
+export var ComponentSizingLargeBreadcrumbVerPadding = 16;
+export var ComponentSizingLargeBreadcrumbGap = 8;
+export var ComponentSizingLargeMenuVerPadding = 4;
+export var ComponentSizingLargeMenuItemVerPadding = 12;
+export var ComponentSizingLargeMenuItemHorPadding = 16;
+export var ComponentSizingLargeMenuItemGap = 12;
+export var ComponentSizingLargeProgressGap = 8;
+export var ComponentSizingLargeMessageHorPadding = 16;
+export var ComponentSizingLargeMessageVerPadding = 16;
+export var ComponentSizingLargeMessageGap = 8;
+export var ComponentSizingLargeMessageActionLeftPadding = 16;
+export var ComponentSizingLargeToastHorPadding = 16;
+export var ComponentSizingLargeToastVerPadding = 8;
+export var ComponentSizingLargeToastGap = 16;
+export var ComponentSizingLargeToastContentGap = 8;
+export var ComponentSizingLargeAvatarWidth = 32;
+export var ComponentSizingLargeAvatarHeight = 32;
+export var ComponentSizingLargeAvatarRadius = 6;
+export var ComponentSizingLargeTableCellLeadPadding = 40;
+export var ComponentSizingLargeTableCellTrailPadding = 40;
+export var ComponentSizingLargeTableCellVerPadding = 24;
+export var ComponentSizingLargeTableCellHorPadding = { type: "number" };
+export var ComponentSizingLargeTableCellGap = 16;
+export var ComponentSizingLargeTableCellMinHeight = 80;
+export var ComponentSizingLargeSwitchVerPadding = 2;
+export var ComponentSizingLargeSwitchHorPadding = 2;
+export var ComponentSizingLargeSwitchWidth = 48;
+export var ComponentSizingLargeSwitchHeight = 24;
+export var ComponentSizingLargeSwitchThumbDiameter = 20;
+export var ComponentSizingLargeSwitchRadius = 999;
+export var ComponentSizingLargeTabVerPadding = 16;
+export var ComponentSizingLargeTabHorPadding = 24;
+export var ComponentSizingLargeTabGap = 4;
+export var ComponentSizingLargeHeaderVerPadding = 48;
+export var ComponentSizingLargeHeaderHorPadding = 56;
+export var TypographyWideFontSizeDisplay1 = 72;
+export var TypographyWideFontSizeDisplay2 = 56;
+export var TypographyWideFontSizeDisplay3 = 40;
+export var TypographyWideFontSizeHeading1 = 40;
+export var TypographyWideFontSizeHeading2 = Size8;
+export var TypographyMediumFontSizeDisplay1 = 64;
+export var TypographyMediumFontSizeDisplay2 = 52;
+export var TypographyMediumFontSizeDisplay3 = 40;
+export var TypographyMediumFontSizeHeading1 = 40;
+export var TypographyMediumFontSizeHeading2 = Size6;
+export var TypographyNarrowFontSizeDisplay1 = 48;
+export var TypographyNarrowFontSizeDisplay2 = 40;
+export var TypographyNarrowFontSizeDisplay3 = 32;
+export var TypographyNarrowFontSizeHeading1 = 32;
+export var TypographyNarrowFontSizeHeading2 = Size6;
+export var TypographyWideFontSizeBody1 = 16;
+export var TypographyMediumFontSizeBody1 = 16;
+export var TypographyWideFontSizeHeading3 = Size4;
+export var TypographyWideFontSizeSubHeading1 = 20;
+export var TypographyWideFontSizeSubHeading2 = 16;
+export var TypographyWideFontSizeSubHeading3 = 14;
+export var TypographyWideFontSizeBody2 = 14;
+export var TypographyWideFontSizeBody3 = 12;
+export var TypographyWideFontSizeBody4 = 12;
+export var TypographyWideFontSizeBody5 = 12;
+export var TypographyWideFontSizeMessage = 14;
+export var TypographyWideFontSizeOverline1 = 12;
+export var TypographyWideFontSizeOverline2 = 12;
+export var TypographyWideFontSizeOverline3 = 12;
+export var TypographyWideFontSizeLabel1 = 16;
+export var TypographyWideFontSizeLabel2 = 14;
+export var TypographyWideFontSizeLabel3 = 12;
+export var TypographyWideFontSizeLink1 = 16;
+export var TypographyWideFontSizeLink2 = 14;
+export var TypographyWideFontSizeLink3 = 12;
+export var TypographyWideFontSizeDigits1 = 96;
+export var TypographyWideFontSizeDigits2 = 48;
+export var TypographyWideFontSizeDigits3 = 16;
+export var TypographyMediumFontSizeHeading3 = Size4;
+export var TypographyMediumFontSizeSubHeading1 = 20;
+export var TypographyMediumFontSizeSubHeading2 = 16;
+export var TypographyMediumFontSizeSubHeading3 = 14;
+export var TypographyMediumFontSizeBody2 = 14;
+export var TypographyMediumFontSizeBody3 = 12;
+export var TypographyMediumFontSizeBody4 = 12;
+export var TypographyMediumFontSizeBody5 = 12;
+export var TypographyMediumFontSizeMessage = 14;
+export var TypographyMediumFontSizeOverline1 = 12;
+export var TypographyMediumFontSizeOverline2 = 12;
+export var TypographyMediumFontSizeOverline3 = 12;
+export var TypographyMediumFontSizeLabel1 = 16;
+export var TypographyMediumFontSizeLabel2 = 14;
+export var TypographyMediumFontSizeLabel3 = 12;
+export var TypographyMediumFontSizeLink1 = 16;
+export var TypographyMediumFontSizeLink2 = 14;
+export var TypographyMediumFontSizeLink3 = 12;
+export var TypographyMediumFontSizeDigits1 = 96;
+export var TypographyMediumFontSizeDigits2 = 48;
+export var TypographyMediumFontSizeDigits3 = 16;
+export var TypographyNarrowFontSizeHeading3 = Size4;
+export var TypographyNarrowFontSizeSubHeading1 = 20;
+export var TypographyNarrowFontSizeSubHeading2 = 16;
+export var TypographyNarrowFontSizeSubHeading3 = 14;
+export var TypographyNarrowFontSizeBody1 = 12;
+export var TypographyNarrowFontSizeBody2 = 14;
+export var TypographyNarrowFontSizeBody3 = 16;
+export var TypographyNarrowFontSizeBody4 = 18;
+export var TypographyNarrowFontSizeBody5 = 20;
+export var TypographyNarrowFontSizeMessage = 14;
+export var TypographyNarrowFontSizeOverline1 = 12;
+export var TypographyNarrowFontSizeOverline2 = 12;
+export var TypographyNarrowFontSizeOverline3 = 12;
+export var TypographyNarrowFontSizeLabel1 = 16;
+export var TypographyNarrowFontSizeLabel2 = 14;
+export var TypographyNarrowFontSizeLabel3 = 12;
+export var TypographyNarrowFontSizeLink1 = 16;
+export var TypographyNarrowFontSizeLink2 = 14;
+export var TypographyNarrowFontSizeLink3 = 12;
+export var TypographyNarrowFontSizeDigits1 = 96;
+export var TypographyNarrowFontSizeDigits2 = 48;
+export var TypographyNarrowFontSizeDigits3 = 16;
+/* the @secondcloset/web-components exports a colors object and we can support with design tokens
+ * so that it remains consistent with the design system and we can update the design tokens in one place
+ * current
+ * import { colors } from '@secondcloset/web-components';
+ * short future
+ * import { colors } from '@gobolt/genesis';
+ * long future - we replace the colors object with the design tokens theme which will include colors
+ * import { theme } from '@gobolt/genesis';
+ */
+export var colors = {
+    PRIMARY: ColorSky600, // bolt green
+    PRIMARY_LIGHT: ColorSky500,
+    PRIMARY_EXTRA_LIGHT: ColorSky300,
+    BLUE: ColorBlue600,
+    BLUE_LIGHT: ColorBlue400,
+    BLUE_EXTRA_LIGHT: ColorBlue200,
+    RED: ColorRed600,
+    RED_LIGHT: ColorRed400,
+    RED_EXTRA_LIGHT: ColorRed200,
+    YELLOW: ColorYellow600,
+    YELLOW_LIGHT: ColorYellow400,
+    YELLOW_EXTRA_LIGHT: ColorYellow200,
+    ORANGE: ColorOrange600,
+    ORANGE_LIGHT: ColorOrange400,
+    ORANGE_EXTRA_LIGHT: ColorOrange200,
+    GREEN: ColorGreen600,
+    GREEN_LIGHT: ColorGreen400,
+    GREEN_EXTRA_LIGHT: ColorGreen200,
+    PURPLE: ColorPurple600,
+    PURPLE_LIGHT: ColorPurple400,
+    PURPLE_EXTRA_LIGHT: ColorPurple200,
+    BLACK: ColorGrayBlack,
+    CHARCOAL: ColorGray900,
+    GREY_DARK: ColorGray800,
+    GREY: ColorGray600,
+    GREY_LIGHT: ColorGray100,
+    GREY_BACKGROUND: ColorGray200,
+    WHITE: ColorGrayWhite,
+    WHITE_OFF: ColorGray100,
 };