@gobolt/genesis 0.1.5 → 0.2.0

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

@@ -1,1095 +0,0 @@
-import { Size1 as g, BorderRadiusMd as F, Size2 as c, Size6 as m, Size5 as H, BorderRadiusSm as W, Size25 as T, ColorGrayWhite as s, ColorGrayBlack as k, ColorGray900 as w, ColorGray800 as B, ColorGray700 as y, ColorGray600 as E, ColorGray500 as h, ColorGray400 as x, ColorGray300 as D, ColorGray200 as M, ColorGray100 as l, ColorPurple900 as N, ColorPurple800 as A, ColorPurple700 as R, ColorPurple600 as G, ColorPurple500 as L, ColorPurple400 as O, ColorPurple300 as P, ColorPurple200 as Y, ColorPurple100 as X, ColorBlue900 as I, ColorBlue800 as K, ColorBlue700 as V, ColorBlue600 as j, ColorBlue500 as q, ColorBlue400 as J, ColorBlue300 as Q, ColorBlue200 as U, ColorBlue100 as Z, ColorSky900 as S, ColorSky800 as _, ColorSky700 as f, ColorSky600 as $, ColorSky500 as ee, ColorSky400 as ie, ColorSky300 as re, ColorSky200 as oe, ColorSky100 as te, ColorGreen900 as ne, ColorGreen800 as ae, ColorGreen700 as le, ColorGreen600 as ge, ColorGreen500 as ce, ColorGreen400 as pe, ColorGreen300 as de, ColorGreen200 as se, ColorGreen100 as ye, ColorYellow900 as he, ColorYellow800 as Se, ColorYellow700 as fe, ColorYellow600 as ue, ColorYellow500 as u, ColorYellow400 as ze, ColorYellow300 as Ce, ColorYellow200 as ve, ColorYellow100 as be, ColorOrange900 as Fe, ColorOrange800 as me, ColorOrange700 as He, ColorOrange600 as We, ColorOrange500 as Te, ColorOrange400 as ke, ColorOrange300 as we, ColorOrange200 as Be, ColorOrange100 as Ee, ColorRed900 as xe, ColorRed800 as De, ColorRed700 as Me, ColorRed600 as Ne, ColorRed500 as Ae, ColorRed400 as Re, ColorRed300 as Ge, ColorRed200 as Le, ColorRed100 as Oe, TypographyNarrowFontSizeDigits3 as Pe, TypographyNarrowFontSizeDigits2 as Ye, TypographyNarrowFontSizeDigits1 as Xe, TypographyNarrowFontSizeLink3 as Ie, TypographyNarrowFontSizeLink2 as Ke, TypographyNarrowFontSizeLink1 as Ve, TypographyNarrowFontSizeLabel3 as je, TypographyNarrowFontSizeLabel2 as qe, TypographyNarrowFontSizeLabel1 as Je, TypographyNarrowFontSizeOverline3 as Qe, TypographyNarrowFontSizeOverline2 as Ue, TypographyNarrowFontSizeOverline1 as Ze, TypographyNarrowFontSizeMessage as _e, TypographyNarrowFontSizeBody5 as $e, TypographyNarrowFontSizeBody4 as ei, TypographyNarrowFontSizeBody3 as ii, TypographyNarrowFontSizeBody2 as ri, TypographyNarrowFontSizeBody1 as oi, TypographyNarrowFontSizeSubHeading3 as ti, TypographyNarrowFontSizeSubHeading2 as ni, TypographyNarrowFontSizeSubHeading1 as ai, TypographyNarrowFontSizeHeading3 as li, TypographyNarrowFontSizeHeading2 as gi, TypographyNarrowFontSizeHeading1 as ci, TypographyNarrowFontSizeDisplay3 as pi, TypographyNarrowFontSizeDisplay2 as di, TypographyNarrowFontSizeDisplay1 as si, TypographyMediumFontSizeDigits3 as yi, TypographyMediumFontSizeDigits2 as hi, TypographyMediumFontSizeDigits1 as Si, TypographyMediumFontSizeLink3 as fi, TypographyMediumFontSizeLink2 as ui, TypographyMediumFontSizeLink1 as zi, TypographyMediumFontSizeLabel3 as Ci, TypographyMediumFontSizeLabel2 as vi, TypographyMediumFontSizeLabel1 as bi, TypographyMediumFontSizeOverline3 as Fi, TypographyMediumFontSizeOverline2 as mi, TypographyMediumFontSizeOverline1 as Hi, TypographyMediumFontSizeMessage as Wi, TypographyMediumFontSizeBody5 as Ti, TypographyMediumFontSizeBody4 as ki, TypographyMediumFontSizeBody3 as wi, TypographyMediumFontSizeBody2 as Bi, TypographyMediumFontSizeBody1 as Ei, TypographyMediumFontSizeSubHeading3 as xi, TypographyMediumFontSizeSubHeading2 as Di, TypographyMediumFontSizeSubHeading1 as Mi, TypographyMediumFontSizeHeading3 as Ni, TypographyMediumFontSizeHeading2 as Ai, TypographyMediumFontSizeHeading1 as Ri, TypographyMediumFontSizeDisplay3 as Gi, TypographyMediumFontSizeDisplay2 as Li, TypographyMediumFontSizeDisplay1 as Oi, TypographyWideFontSizeDigits3 as Pi, TypographyWideFontSizeDigits2 as Yi, TypographyWideFontSizeDigits1 as Xi, TypographyWideFontSizeLink3 as Ii, TypographyWideFontSizeLink2 as Ki, TypographyWideFontSizeLink1 as Vi, TypographyWideFontSizeLabel3 as ji, TypographyWideFontSizeLabel2 as qi, TypographyWideFontSizeLabel1 as Ji, TypographyWideFontSizeOverline3 as Qi, TypographyWideFontSizeOverline2 as Ui, TypographyWideFontSizeOverline1 as Zi, TypographyWideFontSizeMessage as _i, TypographyWideFontSizeBody5 as $i, TypographyWideFontSizeBody4 as er, TypographyWideFontSizeBody3 as ir, TypographyWideFontSizeBody2 as rr, TypographyWideFontSizeBody1 as or, TypographyWideFontSizeSubHeading3 as tr, TypographyWideFontSizeSubHeading2 as nr, TypographyWideFontSizeSubHeading1 as ar, TypographyWideFontSizeHeading3 as lr, TypographyWideFontSizeHeading2 as gr, TypographyWideFontSizeHeading1 as cr, TypographyWideFontSizeDisplay3 as pr, TypographyWideFontSizeDisplay2 as dr, TypographyWideFontSizeDisplay1 as sr, TypographyPrimaryFontFamily as yr, BorderRadiusRounded as hr, BorderRadiusXxxl as Sr, BorderRadiusXxl as fr, BorderRadiusXl as ur, BorderRadiusLg as zr, BorderRadiusXs as Cr, BorderRadiusNone as vr, Size4 as p, Size3 as d, Size025 as br, Size15 as Fr, Size05 as mr, Size64 as Hr, Size50 as Wr, Size43 as Tr, Size39 as kr, Size35 as wr, Size34 as Br, Size32 as Er, Size30 as xr, Size28 as Dr, Size27 as Mr, Size24 as Nr, Size20 as Ar, Size18 as Rr, Size16 as Gr, Size14 as Lr, Size13 as Or, Size12 as Pr, Size10 as Yr, Size8 as Xr, Size7 as Ir } from "../design-tokens/variables.js";
-const Kr = {
-  wide: 1280,
-  medium: 1024,
-  narrow: 480
-}, a = {
-  BorderRadiusNone: vr,
-  BorderRadiusXs: Cr,
-  BorderRadiusSm: W,
-  BorderRadiusMd: F,
-  BorderRadiusLg: zr,
-  BorderRadiusXl: ur,
-  BorderRadiusXxl: fr,
-  BorderRadiusXxxl: Sr,
-  BorderRadiusRounded: hr
-}, o = {
-  Size1: g,
-  // 4px
-  Size2: c,
-  // 8px
-  Size3: d,
-  // 12px
-  Size4: p,
-  // 16px
-  Size5: H,
-  // 20px
-  Size6: m,
-  // 24px
-  Size7: Ir,
-  // 28px
-  Size8: Xr,
-  // 32px
-  Size10: Yr,
-  // 40px
-  Size12: Pr,
-  // 48px
-  Size13: Or,
-  // 52px
-  Size14: Lr,
-  // 56px
-  Size16: Gr,
-  // 64px
-  Size18: Rr,
-  // 72px
-  Size20: Ar,
-  // 80px
-  Size24: Nr,
-  // 96px
-  Size27: Mr,
-  // 108px
-  Size28: Dr,
-  // 112px
-  Size30: xr,
-  // 120px
-  Size32: Er,
-  // 128px
-  Size34: Br,
-  // 136px
-  Size35: wr,
-  // 140px
-  Size39: kr,
-  // 156px
-  Size43: Tr,
-  // 172px
-  Size50: Wr,
-  // 200px
-  Size64: Hr,
-  // 256px
-  Size05: mr,
-  // 2px
-  Size15: Fr,
-  // 6px
-  Size025: br,
-  // 1px
-  Size25: T,
-  // 10px
-  xs: g,
-  // 4px
-  sm: c,
-  // 8px
-  md: d,
-  // 12px
-  lg: p,
-  // 16px
-  typography1: 12,
-  typography2: 14,
-  typography3: 16
-}, lo = {
-  display1: "display1",
-  display2: "display2",
-  display3: "display3",
-  heading1: "heading1",
-  heading2: "heading2",
-  heading3: "heading3",
-  subHeading1: "subHeading1",
-  subHeading2: "subHeading2",
-  subHeading3: "subHeading3",
-  body1: "body1",
-  body2: "body2",
-  body3: "body3",
-  body4: "body4",
-  body5: "body5",
-  message: "message",
-  overline1: "overline1",
-  overline2: "overline2",
-  overline3: "overline3",
-  label1: "label1",
-  label2: "label2",
-  label3: "label3",
-  link1: "link1",
-  link2: "link2",
-  link3: "link3",
-  digits1: "digits1",
-  digits2: "digits2",
-  digits3: "digits3"
-}, Vr = {
-  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: cr,
-    lineHeight: "2rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading2: {
-    fontSize: gr,
-    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: or,
-    lineHeight: "1.5rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body2: {
-    fontSize: rr,
-    lineHeight: "1.25rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body3: {
-    fontSize: ir,
-    lineHeight: "1rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body4: {
-    fontSize: er,
-    lineHeight: "0.875rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body5: {
-    fontSize: $i,
-    lineHeight: "0.75rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  message: {
-    fontSize: _i,
-    lineHeight: "23px",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  overline1: {
-    fontSize: Zi,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline2: {
-    fontSize: Ui,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline3: {
-    fontSize: Qi,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label1: {
-    fontSize: Ji,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label2: {
-    fontSize: qi,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label3: {
-    fontSize: ji,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link1: {
-    fontSize: Vi,
-    lineHeight: "1.5rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link2: {
-    fontSize: Ki,
-    lineHeight: "1.25rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link3: {
-    fontSize: Ii,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  digits1: {
-    fontSize: Xi,
-    lineHeight: "3.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  digits2: {
-    fontSize: Yi,
-    lineHeight: "3rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  digits3: {
-    fontSize: Pi,
-    lineHeight: "2.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  }
-}, jr = {
-  display1: {
-    fontSize: Oi,
-    lineHeight: "3.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  display2: {
-    fontSize: Li,
-    lineHeight: "3rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  display3: {
-    fontSize: Gi,
-    lineHeight: "2.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading1: {
-    fontSize: Ri,
-    lineHeight: "2rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading2: {
-    fontSize: Ai,
-    lineHeight: "1.75rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading3: {
-    fontSize: Ni,
-    lineHeight: "1.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  subHeading1: {
-    fontSize: Mi,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  subHeading2: {
-    fontSize: Di,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  subHeading3: {
-    fontSize: xi,
-    lineHeight: "1rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  body1: {
-    fontSize: Ei,
-    lineHeight: "1.5rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body2: {
-    fontSize: Bi,
-    lineHeight: "1.25rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body3: {
-    fontSize: wi,
-    lineHeight: "1rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body4: {
-    fontSize: ki,
-    lineHeight: "0.875rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body5: {
-    fontSize: Ti,
-    lineHeight: "0.75rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  message: {
-    fontSize: Wi,
-    lineHeight: "23px",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  overline1: {
-    fontSize: Hi,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline2: {
-    fontSize: mi,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline3: {
-    fontSize: Fi,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label1: {
-    fontSize: bi,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label2: {
-    fontSize: vi,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label3: {
-    fontSize: Ci,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link1: {
-    fontSize: zi,
-    lineHeight: "1.5rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link2: {
-    fontSize: ui,
-    lineHeight: "1.25rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link3: {
-    fontSize: fi,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  digits1: {
-    fontSize: Si,
-    lineHeight: "3.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  digits2: {
-    fontSize: hi,
-    lineHeight: "3rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  digits3: {
-    fontSize: yi,
-    lineHeight: "2.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  }
-}, qr = {
-  display1: {
-    fontSize: si,
-    lineHeight: "3.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  display2: {
-    fontSize: di,
-    lineHeight: "3rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  display3: {
-    fontSize: pi,
-    lineHeight: "2.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading1: {
-    fontSize: ci,
-    lineHeight: "2rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading2: {
-    fontSize: gi,
-    lineHeight: "1.75rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading3: {
-    fontSize: li,
-    lineHeight: "1.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  subHeading1: {
-    fontSize: ai,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  subHeading2: {
-    fontSize: ni,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  subHeading3: {
-    fontSize: ti,
-    lineHeight: "1rem",
-    fontWeight: 600,
-    letterSpacing: "0"
-  },
-  body1: {
-    fontSize: oi,
-    lineHeight: "1.5rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body2: {
-    fontSize: ri,
-    lineHeight: "1.25rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body3: {
-    fontSize: ii,
-    lineHeight: "1rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body4: {
-    fontSize: ei,
-    lineHeight: "0.875rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  body5: {
-    fontSize: $e,
-    lineHeight: "0.75rem",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  message: {
-    fontSize: _e,
-    lineHeight: "23px",
-    fontWeight: 400,
-    letterSpacing: "0"
-  },
-  overline1: {
-    fontSize: Ze,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline2: {
-    fontSize: Ue,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline3: {
-    fontSize: Qe,
-    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: Ke,
-    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: Pe,
-    lineHeight: "2.5rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  }
-}, Jr = {
-  fontFamily: yr,
-  wide: Vr,
-  medium: jr,
-  narrow: qr
-}, i = {
-  red: {
-    100: Oe,
-    200: Le,
-    300: Ge,
-    400: Re,
-    500: Ae,
-    600: Ne,
-    700: Me,
-    800: De,
-    900: xe
-  },
-  orange: {
-    100: Ee,
-    200: Be,
-    300: we,
-    400: ke,
-    500: Te,
-    600: We,
-    700: He,
-    800: me,
-    900: Fe
-  },
-  yellow: {
-    100: be,
-    200: ve,
-    300: Ce,
-    400: ze,
-    500: u,
-    600: ue,
-    700: fe,
-    800: Se,
-    900: he
-  },
-  green: {
-    100: ye,
-    200: se,
-    300: de,
-    400: pe,
-    500: ce,
-    600: ge,
-    700: le,
-    800: ae,
-    900: ne
-  },
-  sky: {
-    100: te,
-    200: oe,
-    300: re,
-    400: ie,
-    500: ee,
-    600: $,
-    700: f,
-    800: _,
-    900: S
-  },
-  blue: {
-    100: Z,
-    200: U,
-    300: Q,
-    400: J,
-    500: q,
-    600: j,
-    700: V,
-    800: K,
-    900: I
-  },
-  purple: {
-    100: X,
-    200: Y,
-    300: P,
-    400: O,
-    500: L,
-    600: G,
-    700: R,
-    800: A,
-    900: N
-  },
-  gray: {
-    100: l,
-    200: M,
-    300: D,
-    400: x,
-    500: h,
-    600: E,
-    700: y,
-    800: B,
-    900: w,
-    black: k,
-    white: s
-  }
-}, Qr = {
-  padding: {
-    verPadding: o.Size25,
-    // 25px
-    horPadding: o.Size6
-    // 10px
-  },
-  gap: o.Size2,
-  // 8px
-  radius: a.BorderRadiusMd
-  // 6px
-}, Ur = {
-  padding: {
-    verPadding: 10,
-    horPadding: 12
-  },
-  gap: o.Size2,
-  // 8px
-  radius: a.BorderRadiusSm
-  // 6px
-}, Zr = {
-  suffixPrefixVerPadding: 11,
-  // special case - see sizing in FIGMA
-  suffixPrefixHorPadding: o.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"
-    }
-  }
-}, z = {
-  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: e.transparent,
-      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: 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
-  },
-  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: u,
-      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: f,
-      hover: S,
-      disabled: l,
-      current: "#384DF6"
-    },
-    ...e.interactive
-  },
-  inputs: {
-    surface: {
-      active: s,
-      border: h,
-      disabled: l,
-      checked: "#384DF6",
-      "checked-hover": "#24319D"
-    },
-    onsurface: {
-      active: "#222222",
-      focus: "#384DF6",
-      placeholder: "#6C6C6C",
-      "icon-disabled": "#6C6C6C"
-    }
-  },
-  surface: {
-    border: "#CBCBCB",
-    secondary: "#F4F4F4",
-    tertiary: "#EEEEEE",
-    "border-light": "#DFDFDF"
-  },
-  transparent: "transparent",
-  onsurface: {
-    copy: "#3E3E3E",
-    "copy-light": y,
-    "copy-dark": "#222222",
-    "copy-disabled": "#6C6C6C"
-  }
-}, _r = z;
-i.gray.white, i.gray.white, i.gray.white, i.gray.white, i.gray[600], i.gray.white, i.gray.white, i.gray.white, i.gray.white, i.gray[600], i.gray.white, i.gray.white, i.gray.white, i.gray.white, i.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;
-const $r = {
-  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"
-  }
-}, eo = {
-  instant: 0,
-  veryfast: 0.15,
-  fast: 0.33,
-  medium: 0.5,
-  slow: 1,
-  veryslow: 2
-}, io = {
-  "ver-padding": 4,
-  "right-padding": 8,
-  "left-padding": 8,
-  radius: 50
-}, ro = {
-  "ver-padding": o.Size1,
-  "hor-padding": o.Size2,
-  radius: a.BorderRadiusMd,
-  gap: o.Size1
-}, oo = {
-  "ver-padding": o.Size5,
-  "hor-padding": o.Size6,
-  gap: o.Size2
-}, to = {
-  button: Qr,
-  utilityButton: Ur,
-  input: Zr,
-  row: oo,
-  badge: io,
-  popover: ro
-}, no = (v, b) => v.status[b].default, C = {
-  breakpoints: Kr,
-  sizing: o,
-  borderRadius: a,
-  typography: Jr,
-  allColors: i,
-  components: to,
-  motion: eo,
-  shadows: $r,
-  getStatusColor: no
-}, go = {
-  ...C,
-  colors: z,
-  mode: "light"
-}, co = {
-  ...C,
-  colors: _r,
-  mode: "dark"
-};
-export {
-  lo as TypographySizeKey,
-  C as baseTokens,
-  Kr as breakpoints,
-  co as darkTheme,
-  go as lightTheme,
-  o as sizing
-};