@gobolt/genesis 0.2.0 → 0.2.2

package/dist/styles/theme/genesis-theme.js

@@ -0,0 +1,1125 @@
+import { ColorGray700 as s, ColorBlue400 as y, ColorRed500 as h, ColorGreen400 as f, ColorGray300 as u, ColorGray100 as l, ColorGray500 as S, ColorGrayWhite as v, ColorSky900 as C, ColorSky700 as z, ColorYellow500 as F, Size1 as c, BorderRadiusMd as T, Size2 as g, Size6 as k, Size5 as w, BorderRadiusSm as B, Size25 as E, ColorGrayBlack as x, ColorGray900 as D, ColorGray800 as M, ColorGray600 as N, ColorGray400 as A, ColorGray200 as R, ColorPurple900 as G, ColorPurple800 as P, ColorPurple700 as L, ColorPurple600 as O, ColorPurple500 as Y, ColorPurple400 as X, ColorPurple300 as I, ColorPurple200 as _, ColorPurple100 as V, ColorBlue900 as j, ColorBlue800 as q, ColorBlue700 as J, ColorBlue600 as K, ColorBlue500 as Q, ColorBlue300 as U, ColorBlue200 as Z, ColorBlue100 as $, ColorSky800 as ee, ColorSky600 as re, ColorSky500 as oe, ColorSky400 as ie, ColorSky300 as te, ColorSky200 as ne, ColorSky100 as ae, ColorGreen900 as le, ColorGreen800 as ce, ColorGreen700 as ge, ColorGreen600 as pe, ColorGreen500 as de, ColorGreen300 as se, ColorGreen200 as ye, ColorGreen100 as he, ColorYellow900 as fe, ColorYellow800 as ue, ColorYellow700 as Se, ColorYellow600 as ve, ColorYellow400 as Ce, ColorYellow300 as ze, ColorYellow200 as Fe, ColorYellow100 as me, ColorOrange900 as be, ColorOrange800 as He, ColorOrange700 as We, ColorOrange600 as Te, ColorOrange500 as ke, ColorOrange400 as we, ColorOrange300 as Be, ColorOrange200 as Ee, ColorOrange100 as xe, ColorRed900 as De, ColorRed800 as Me, ColorRed700 as Ne, ColorRed600 as Ae, ColorRed400 as Re, ColorRed300 as Ge, ColorRed200 as Pe, ColorRed100 as Le, TypographyNarrowFontSizeDigits3 as Oe, TypographyNarrowFontSizeDigits2 as Ye, TypographyNarrowFontSizeDigits1 as Xe, TypographyNarrowFontSizeLink3 as Ie, TypographyNarrowFontSizeLink2 as _e, TypographyNarrowFontSizeLink1 as Ve, TypographyNarrowFontSizeLabel3 as je, TypographyNarrowFontSizeLabel2 as qe, TypographyNarrowFontSizeLabel1 as Je, TypographyNarrowFontSizeOverline3 as Ke, TypographyNarrowFontSizeOverline2 as Qe, TypographyNarrowFontSizeOverline1 as Ue, TypographyNarrowFontSizeMessage as Ze, TypographyNarrowFontSizeBody5 as $e, TypographyNarrowFontSizeBody4 as er, TypographyNarrowFontSizeBody3 as rr, TypographyNarrowFontSizeBody2 as or, TypographyNarrowFontSizeBody1 as ir, TypographyNarrowFontSizeSubHeading3 as tr, TypographyNarrowFontSizeSubHeading2 as nr, TypographyNarrowFontSizeSubHeading1 as ar, TypographyNarrowFontSizeHeading3 as lr, TypographyNarrowFontSizeHeading2 as cr, TypographyNarrowFontSizeHeading1 as gr, TypographyNarrowFontSizeDisplay3 as pr, TypographyNarrowFontSizeDisplay2 as dr, TypographyNarrowFontSizeDisplay1 as sr, TypographyMediumFontSizeDigits3 as yr, TypographyMediumFontSizeDigits2 as hr, TypographyMediumFontSizeDigits1 as fr, TypographyMediumFontSizeLink3 as ur, TypographyMediumFontSizeLink2 as Sr, TypographyMediumFontSizeLink1 as vr, TypographyMediumFontSizeLabel3 as Cr, TypographyMediumFontSizeLabel2 as zr, TypographyMediumFontSizeLabel1 as Fr, TypographyMediumFontSizeOverline3 as mr, TypographyMediumFontSizeOverline2 as br, TypographyMediumFontSizeOverline1 as Hr, TypographyMediumFontSizeMessage as Wr, TypographyMediumFontSizeBody5 as Tr, TypographyMediumFontSizeBody4 as kr, TypographyMediumFontSizeBody3 as wr, TypographyMediumFontSizeBody2 as Br, TypographyMediumFontSizeBody1 as Er, TypographyMediumFontSizeSubHeading3 as xr, TypographyMediumFontSizeSubHeading2 as Dr, TypographyMediumFontSizeSubHeading1 as Mr, TypographyMediumFontSizeHeading3 as Nr, TypographyMediumFontSizeHeading2 as Ar, TypographyMediumFontSizeHeading1 as Rr, TypographyMediumFontSizeDisplay3 as Gr, TypographyMediumFontSizeDisplay2 as Pr, TypographyMediumFontSizeDisplay1 as Lr, TypographyWideFontSizeDigits3 as Or, TypographyWideFontSizeDigits2 as Yr, TypographyWideFontSizeDigits1 as Xr, TypographyWideFontSizeLink3 as Ir, TypographyWideFontSizeLink2 as _r, TypographyWideFontSizeLink1 as Vr, TypographyWideFontSizeLabel3 as jr, TypographyWideFontSizeLabel2 as qr, TypographyWideFontSizeLabel1 as Jr, TypographyWideFontSizeOverline3 as Kr, TypographyWideFontSizeOverline2 as Qr, TypographyWideFontSizeOverline1 as Ur, TypographyWideFontSizeMessage as Zr, TypographyWideFontSizeBody5 as $r, TypographyWideFontSizeBody4 as eo, TypographyWideFontSizeBody3 as ro, TypographyWideFontSizeBody2 as oo, TypographyWideFontSizeBody1 as io, TypographyWideFontSizeSubHeading3 as to, TypographyWideFontSizeSubHeading2 as no, TypographyWideFontSizeSubHeading1 as ao, TypographyWideFontSizeHeading3 as lo, TypographyWideFontSizeHeading2 as co, TypographyWideFontSizeHeading1 as go, TypographyWideFontSizeDisplay3 as po, TypographyWideFontSizeDisplay2 as so, TypographyWideFontSizeDisplay1 as yo, TypographyPrimaryFontFamily as ho, BorderRadiusRounded as fo, BorderRadiusXxxl as uo, BorderRadiusXxl as So, BorderRadiusXl as vo, BorderRadiusLg as Co, BorderRadiusXs as zo, BorderRadiusNone as Fo, Size4 as p, Size3 as d, Size025 as mo, Size15 as bo, Size05 as Ho, Size64 as Wo, Size50 as To, Size43 as ko, Size39 as wo, Size35 as Bo, Size34 as Eo, Size32 as xo, Size30 as Do, Size28 as Mo, Size27 as No, Size24 as Ao, Size20 as Ro, Size18 as Go, Size16 as Po, Size14 as Lo, Size13 as Oo, Size12 as Yo, Size10 as Xo, Size8 as Io, Size7 as _o, Size2_5 as Vo, Size1_5 as jo } from "../design-tokens/variables.js";
+const qo = {
+  wide: 1280,
+  medium: 1024,
+  narrow: 480
+}, a = {
+  BorderRadiusNone: Fo,
+  BorderRadiusXs: zo,
+  BorderRadiusSm: B,
+  BorderRadiusMd: T,
+  BorderRadiusLg: Co,
+  BorderRadiusXl: vo,
+  BorderRadiusXxl: So,
+  BorderRadiusXxxl: uo,
+  BorderRadiusRounded: fo
+}, i = {
+  Size1: c,
+  // 4px
+  Size1_5: jo,
+  // 6px
+  Size2: g,
+  // 8px
+  Size2_5: Vo,
+  // 10px
+  Size3: d,
+  // 12px
+  Size4: p,
+  // 16px
+  Size5: w,
+  // 20px
+  Size6: k,
+  // 24px
+  Size7: _o,
+  // 28px
+  Size8: Io,
+  // 32px
+  Size10: Xo,
+  // 40px
+  Size12: Yo,
+  // 48px
+  Size13: Oo,
+  // 52px
+  Size14: Lo,
+  // 56px
+  Size16: Po,
+  // 64px
+  Size18: Go,
+  // 72px
+  Size20: Ro,
+  // 80px
+  Size24: Ao,
+  // 96px
+  Size27: No,
+  // 108px
+  Size28: Mo,
+  // 112px
+  Size30: Do,
+  // 120px
+  Size32: xo,
+  // 128px
+  Size34: Eo,
+  // 136px
+  Size35: Bo,
+  // 140px
+  Size39: wo,
+  // 156px
+  Size43: ko,
+  // 172px
+  Size50: To,
+  // 200px
+  Size64: Wo,
+  // 256px
+  Size05: Ho,
+  // 2px
+  Size15: bo,
+  // 6px
+  Size025: mo,
+  // 1px
+  Size25: E,
+  // 10px
+  xs: c,
+  // 4px
+  sm: g,
+  // 8px
+  md: d,
+  // 12px
+  lg: p,
+  // 16px
+  typography1: 12,
+  typography2: 14,
+  typography3: 16
+}, Jo = {
+  display1: {
+    fontSize: yo,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: so,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: po,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: go,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: co,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: lo,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: ao,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: no,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: to,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: io,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: oo,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: ro,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: eo,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: $r,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: Zr,
+    lineHeight: "23px",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: Ur,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: Qr,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline3: {
+    fontSize: Kr,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label1: {
+    fontSize: Jr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label2: {
+    fontSize: qr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: jr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: Vr,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: _r,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: Ir,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: Xr,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: Yr,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: Or,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, Ko = {
+  display1: {
+    fontSize: Lr,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: Pr,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: Gr,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: Rr,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: Ar,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: Nr,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: Mr,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: Dr,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: xr,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: Er,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: Br,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: wr,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: kr,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: Tr,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: Wr,
+    lineHeight: "23px",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: Hr,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: br,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline3: {
+    fontSize: mr,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label1: {
+    fontSize: Fr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label2: {
+    fontSize: zr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: Cr,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: vr,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: Sr,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: ur,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: fr,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: hr,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: yr,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, Qo = {
+  display1: {
+    fontSize: sr,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: dr,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: pr,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: gr,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: cr,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: lr,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: ar,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: nr,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: tr,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: ir,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: or,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: rr,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: er,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: $e,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: Ze,
+    lineHeight: "23px",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: Ue,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: Qe,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline3: {
+    fontSize: Ke,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label1: {
+    fontSize: Je,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label2: {
+    fontSize: qe,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: je,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: Ve,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: _e,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: Ie,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: Xe,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: Ye,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: Oe,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, Uo = {
+  fontFamily: ho,
+  wide: Jo,
+  medium: Ko,
+  narrow: Qo
+}, o = {
+  red: {
+    100: Le,
+    200: Pe,
+    300: Ge,
+    400: Re,
+    500: h,
+    600: Ae,
+    700: Ne,
+    800: Me,
+    900: De
+  },
+  orange: {
+    100: xe,
+    200: Ee,
+    300: Be,
+    400: we,
+    500: ke,
+    600: Te,
+    700: We,
+    800: He,
+    900: be
+  },
+  yellow: {
+    100: me,
+    200: Fe,
+    300: ze,
+    400: Ce,
+    500: F,
+    600: ve,
+    700: Se,
+    800: ue,
+    900: fe
+  },
+  green: {
+    100: he,
+    200: ye,
+    300: se,
+    400: f,
+    500: de,
+    600: pe,
+    700: ge,
+    800: ce,
+    900: le
+  },
+  sky: {
+    100: ae,
+    200: ne,
+    300: te,
+    400: ie,
+    500: oe,
+    600: re,
+    700: z,
+    800: ee,
+    900: C
+  },
+  blue: {
+    100: $,
+    200: Z,
+    300: U,
+    400: y,
+    500: Q,
+    600: K,
+    700: J,
+    800: q,
+    900: j
+  },
+  purple: {
+    100: V,
+    200: _,
+    300: I,
+    400: X,
+    500: Y,
+    600: O,
+    700: L,
+    800: P,
+    900: G
+  },
+  gray: {
+    100: l,
+    200: R,
+    300: u,
+    400: A,
+    500: S,
+    600: N,
+    700: s,
+    800: M,
+    900: D,
+    black: x,
+    white: v
+  }
+}, Zo = {
+  padding: {
+    verPadding: i.Size25,
+    // 25px
+    horPadding: i.Size6
+    // 10px
+  },
+  gap: i.Size2,
+  // 8px
+  radius: a.BorderRadiusMd
+  // 6px
+}, $o = {
+  padding: {
+    verPadding: 10,
+    horPadding: 12
+  },
+  gap: i.Size2,
+  // 8px
+  radius: a.BorderRadiusSm
+  // 6px
+}, ei = {
+  padding: {
+    verPadding: 10,
+    horPadding: 12
+  },
+  gap: i.Size2,
+  // 8px
+  radius: a.BorderRadiusSm
+  // 6px
+}, ri = {
+  suffixPrefixVerPadding: 11,
+  // special case - see sizing in FIGMA
+  suffixPrefixHorPadding: i.Size2
+}, t = {
+  color: "#6C6C6C",
+  backgroundColor: "#EEEEEE",
+  borderColor: "#CBCBCB"
+}, n = {
+  color: "#CF3237",
+  backgroundColor: "#FFEBEE",
+  borderColor: "#FFEBEE"
+}, e = {
+  interactive: {
+    primary: {
+      active: "#30606B",
+      hover: "#00282B",
+      pressed: "#214148",
+      onsurface: "#FFFFFF"
+    },
+    secondary: {
+      active: "#9A9A9A",
+      hover: "#222222",
+      pressed: "#101010",
+      onsurface: "#3E3E3E"
+    },
+    tertiary: {
+      active: "#FFCA7D",
+      hover: "#E7A13C",
+      pressed: "#B27330",
+      onsurface: "#222222"
+    },
+    link: {
+      active: "#30606B"
+    },
+    utility: {
+      active: "#FFF",
+      onsurface: "#222222",
+      border: "#CBCBCB",
+      hover: "#DEEFF3",
+      pressed: "#CBCBCB"
+    }
+  },
+  inputs: {
+    onsurface: {
+      focus: "#384DF6"
+    }
+  },
+  transparent: "transparent"
+}, r = {
+  interactive: {
+    tertiary: {
+      active: "#FFCA7D",
+      hover: "#E7A13C",
+      pressed: "#B27330",
+      onsurface: "#222222"
+    }
+  }
+}, m = {
+  primary: {
+    active: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.active,
+      borderColor: e.interactive.primary.active
+    },
+    hover: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.hover,
+      borderColor: e.interactive.primary.hover
+    },
+    pressed: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.pressed,
+      borderColor: e.interactive.primary.pressed
+    },
+    focussed: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.active,
+      borderColor: e.interactive.primary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...n,
+      ringColor: e.inputs.onsurface.focus
+    },
+    default: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.active,
+      borderColor: e.interactive.primary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: t
+  },
+  secondary: {
+    active: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active
+    },
+    hover: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.secondary.hover,
+      borderColor: e.interactive.secondary.hover
+    },
+    pressed: {
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.secondary.pressed,
+      borderColor: e.interactive.secondary.active
+    },
+    focussed: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...n,
+      ringColor: e.inputs.onsurface.focus
+    },
+    default: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: t
+  },
+  tertiary: {
+    active: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active
+    },
+    hover: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.hover,
+      borderColor: e.interactive.tertiary.hover
+    },
+    pressed: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.pressed,
+      borderColor: e.interactive.tertiary.pressed
+    },
+    focussed: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...n,
+      ringColor: e.inputs.onsurface.focus
+    },
+    default: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: t
+  },
+  utility: {
+    active: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: "#FFF",
+      borderColor: e.interactive.secondary.active
+    },
+    hover: {
+      color: e.interactive.utility.onsurface,
+      backgroundColor: e.interactive.utility.hover,
+      borderColor: e.interactive.utility.border
+    },
+    pressed: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.interactive.utility.pressed,
+      borderColor: e.interactive.utility.pressed
+    },
+    focussed: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: "#FFF",
+      borderColor: e.interactive.secondary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...n,
+      ringColor: e.inputs.onsurface.focus
+    },
+    default: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: t
+  },
+  icon: {
+    active: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: "transparent",
+      borderColor: "transparent"
+    },
+    hover: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: "#DEEFF3",
+      borderColor: "transparent"
+    },
+    pressed: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: "#DEEFF3",
+      borderColor: "transparent"
+    },
+    selected: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: "#DEEFF3",
+      borderColor: "transparent"
+    },
+    focussed: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...n,
+      ringColor: e.inputs.onsurface.focus
+    },
+    default: {
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: t
+  },
+  status: {
+    error: {
+      default: "#CF3237",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#AA292D",
+      surface: "#F9D4D5",
+      "surface-hover": "#F3A9AB"
+    },
+    success: {
+      default: "#32863E",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#296E33",
+      surface: "#D3EFD7",
+      "surface-hover": "#A7DFAF"
+    },
+    warning: {
+      default: F,
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#704819",
+      surface: "#FFF2DF",
+      "surface-hover": "#FFE5BE"
+    },
+    info: {
+      default: "#384DF6",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#2E3FCA",
+      surface: "#D7DBFD"
+    },
+    generic: {
+      default: "#9A9A9A",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#3E3E3E",
+      surface: "#F4F4F4",
+      "surface-hover": "#F4F4F4"
+    },
+    hollow: {
+      default: "#9A9A9A",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#3E3E3E",
+      surface: "#F4F4F4",
+      "surface-hover": "#FFFFFF"
+    },
+    disabled: {
+      default: "#6C6C6C",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#EEEEEE",
+      surface: "#EEEEEE"
+    }
+  },
+  timebox: {
+    evening: {
+      default: "#9F539F"
+    }
+  },
+  interactive: {
+    primary: {
+      active: "#30606B",
+      hover: "#00282B",
+      pressed: "#214148",
+      onsurface: "#FFFFFF"
+    },
+    secondary: {
+      active: "#9A9A9A",
+      hover: "#222222",
+      pressed: "#101010",
+      onsurface: "#3E3E3E"
+    },
+    tertiary: {
+      active: "#FFCA7D",
+      hover: "#E7A13C",
+      pressed: "#B27330",
+      onsurface: "#222222"
+    },
+    link: {
+      active: z,
+      hover: C,
+      disabled: l,
+      current: "#384DF6"
+    },
+    ...e.interactive
+  },
+  inputs: {
+    surface: {
+      active: v,
+      border: S,
+      disabled: l,
+      checked: "#384DF6",
+      "checked-hover": "#24319D"
+    },
+    onsurface: {
+      active: "#222222",
+      focus: "#384DF6",
+      placeholder: "#6C6C6C",
+      "icon-disabled": "#6C6C6C"
+    },
+    progress: {
+      empty: u,
+      success: f,
+      error: h,
+      info: y
+    }
+  },
+  surface: {
+    border: "#CBCBCB",
+    secondary: "#F4F4F4",
+    tertiary: "#EEEEEE",
+    "border-light": "#DFDFDF"
+  },
+  transparent: "transparent",
+  onsurface: {
+    copy: "#3E3E3E",
+    "copy-light": s,
+    "copy-dark": "#222222",
+    "copy-disabled": "#6C6C6C"
+  }
+}, oi = m;
+o.gray.white, o.gray.white, o.gray.white, o.gray.white, o.gray[600], o.gray.white, o.gray.white, o.gray.white, o.gray.white, o.gray[600], o.gray.white, o.gray.white, o.gray.white, o.gray.white, o.gray[600], r.interactive.tertiary.onsurface, r.interactive.tertiary.active, r.interactive.tertiary.active, r.interactive.tertiary.onsurface, r.interactive.tertiary.hover, r.interactive.tertiary.hover, r.interactive.tertiary.onsurface, r.interactive.tertiary.pressed, r.interactive.tertiary.pressed, r.interactive.tertiary.onsurface, r.interactive.tertiary.active, r.interactive.tertiary.active, r.interactive.tertiary.onsurface, r.interactive.tertiary.active, r.interactive.tertiary.active, r.interactive.tertiary.onsurface, r.interactive.tertiary.onsurface, r.interactive.tertiary.onsurface, r.interactive.tertiary.pressed, r.interactive.tertiary.pressed, r.interactive.tertiary.onsurface, r.interactive.tertiary.active, r.interactive.tertiary.active, r.interactive.tertiary.onsurface, r.interactive.tertiary.active, r.interactive.tertiary.active;
+const ii = {
+  general: {
+    1: "box-shadow: 0px 4px 16px 0px #00000026",
+    2: "box-shadow: 0px 8px 24px -4px #00000026",
+    3: "box-shadow: 0px 2px 3px -1px #00000026",
+    4: "box-shadow: 4px 0px 7px -3px #0000001F"
+  },
+  actions: {
+    1: "box-shadow: 0px 2px 2px -1px #00000033",
+    2: "box-shadow: 0px 1px 2px 0px #00000026"
+  },
+  inputs: {
+    1: "box-shadow: 0px 1px 2px 0px #0000001F"
+  }
+}, ti = {
+  instant: 0,
+  veryfast: 0.15,
+  fast: 0.33,
+  medium: 0.5,
+  slow: 1,
+  veryslow: 2
+}, ni = {
+  "ver-padding": 4,
+  "right-padding": 8,
+  "left-padding": 8,
+  radius: 50
+}, ai = {
+  "ver-padding": i.Size1,
+  "hor-padding": i.Size2,
+  radius: a.BorderRadiusMd,
+  gap: i.Size1
+}, li = {
+  "ver-padding": i.Size5,
+  "hor-padding": i.Size6,
+  gap: i.Size2
+}, ci = {
+  button: Zo,
+  utilityButton: $o,
+  iconButton: ei,
+  input: ri,
+  row: li,
+  badge: ni,
+  popover: ai
+}, gi = (H, W) => H.status[W].default, b = {
+  breakpoints: qo,
+  sizing: i,
+  borderRadius: a,
+  typography: Uo,
+  allColors: o,
+  components: ci,
+  motion: ti,
+  shadows: ii,
+  getStatusColor: gi
+}, di = {
+  ...b,
+  colors: m,
+  mode: "light"
+}, si = {
+  ...b,
+  colors: oi,
+  mode: "dark"
+};
+export {
+  b as baseTokens,
+  qo as breakpoints,
+  si as darkTheme,
+  di as lightTheme,
+  i as sizing
+};