@gobolt/genesis 0.1.6 → 0.2.0

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

@@ -1,1154 +0,0 @@
-import { Size1 as g, BorderRadiusMd as T, Size2 as c, Size6 as k, Size5 as w, BorderRadiusSm as B, Size25 as E, ColorGrayWhite as s, ColorGrayBlack as x, ColorGray900 as D, ColorGray800 as M, ColorGray700 as y, ColorGray600 as N, ColorGray500 as h, ColorGray400 as A, ColorGray300 as u, ColorGray200 as R, ColorGray100 as l, 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 K, ColorBlue900 as V, ColorBlue800 as j, ColorBlue700 as q, ColorBlue600 as J, ColorBlue500 as Q, ColorBlue400 as f, ColorBlue300 as U, ColorBlue200 as Z, ColorBlue100 as $, ColorSky900 as S, ColorSky800 as ee, ColorSky700 as v, ColorSky600 as re, ColorSky500 as oe, ColorSky400 as ie, ColorSky300 as te, ColorSky200 as ne, ColorSky100 as ae, ColorGreen900 as le, ColorGreen800 as ge, ColorGreen700 as ce, ColorGreen600 as de, ColorGreen500 as pe, ColorGreen400 as z, ColorGreen300 as se, ColorGreen200 as ye, ColorGreen100 as he, ColorYellow900 as ue, ColorYellow800 as fe, ColorYellow700 as Se, ColorYellow600 as ve, ColorYellow500 as C, ColorYellow400 as ze, ColorYellow300 as Ce, ColorYellow200 as be, ColorYellow100 as Fe, ColorOrange900 as me, 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, ColorRed500 as b, 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 Ke, TypographyNarrowFontSizeLabel3 as Ve, TypographyNarrowFontSizeLabel2 as je, TypographyNarrowFontSizeLabel1 as qe, TypographyNarrowFontSizeOverline3 as Je, 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 gr, TypographyNarrowFontSizeHeading1 as cr, TypographyNarrowFontSizeDisplay3 as dr, TypographyNarrowFontSizeDisplay2 as pr, TypographyNarrowFontSizeDisplay1 as sr, TypographyMediumFontSizeDigits3 as yr, TypographyMediumFontSizeDigits2 as hr, TypographyMediumFontSizeDigits1 as ur, TypographyMediumFontSizeLink3 as fr, TypographyMediumFontSizeLink2 as Sr, TypographyMediumFontSizeLink1 as vr, TypographyMediumFontSizeLabel3 as zr, TypographyMediumFontSizeLabel2 as Cr, TypographyMediumFontSizeLabel1 as br, TypographyMediumFontSizeOverline3 as Fr, TypographyMediumFontSizeOverline2 as mr, 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 Kr, TypographyWideFontSizeLabel3 as Vr, TypographyWideFontSizeLabel2 as jr, TypographyWideFontSizeLabel1 as qr, TypographyWideFontSizeOverline3 as Jr, 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 go, TypographyWideFontSizeHeading1 as co, TypographyWideFontSizeDisplay3 as po, TypographyWideFontSizeDisplay2 as so, TypographyWideFontSizeDisplay1 as yo, TypographyPrimaryFontFamily as ho, BorderRadiusRounded as uo, BorderRadiusXxxl as fo, BorderRadiusXxl as So, BorderRadiusXl as vo, BorderRadiusLg as zo, BorderRadiusXs as Co, BorderRadiusNone as bo, Size4 as d, Size3 as p, Size025 as Fo, Size15 as mo, 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 Ko, Size1_5 as Vo } from "../design-tokens/variables.js";
-const jo = {
-  wide: 1280,
-  medium: 1024,
-  narrow: 480
-}, a = {
-  BorderRadiusNone: bo,
-  BorderRadiusXs: Co,
-  BorderRadiusSm: B,
-  BorderRadiusMd: T,
-  BorderRadiusLg: zo,
-  BorderRadiusXl: vo,
-  BorderRadiusXxl: So,
-  BorderRadiusXxxl: fo,
-  BorderRadiusRounded: uo
-}, i = {
-  Size1: g,
-  // 4px
-  Size1_5: Vo,
-  // 6px
-  Size2: c,
-  // 8px
-  Size2_5: Ko,
-  // 10px
-  Size3: p,
-  // 12px
-  Size4: d,
-  // 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: mo,
-  // 6px
-  Size025: Fo,
-  // 1px
-  Size25: E,
-  // 10px
-  xs: g,
-  // 4px
-  sm: c,
-  // 8px
-  md: p,
-  // 12px
-  lg: d,
-  // 16px
-  typography1: 12,
-  typography2: 14,
-  typography3: 16
-}, pi = {
-  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"
-}, qo = {
-  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: co,
-    lineHeight: "2rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  heading2: {
-    fontSize: go,
-    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: Jr,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label1: {
-    fontSize: qr,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label2: {
-    fontSize: jr,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label3: {
-    fontSize: Vr,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link1: {
-    fontSize: Kr,
-    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"
-  }
-}, Jo = {
-  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: mr,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  overline3: {
-    fontSize: Fr,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label1: {
-    fontSize: br,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label2: {
-    fontSize: Cr,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label3: {
-    fontSize: zr,
-    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: fr,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  digits1: {
-    fontSize: ur,
-    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: pr,
-    lineHeight: "3rem",
-    fontWeight: 700,
-    letterSpacing: "0"
-  },
-  display3: {
-    fontSize: dr,
-    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: 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: Je,
-    lineHeight: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label1: {
-    fontSize: qe,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label2: {
-    fontSize: je,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  label3: {
-    fontSize: Ve,
-    lineHeight: "1rem",
-    fontWeight: 500,
-    letterSpacing: "0"
-  },
-  link1: {
-    fontSize: Ke,
-    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: qo,
-  medium: Jo,
-  narrow: Qo
-}, o = {
-  red: {
-    100: Le,
-    200: Pe,
-    300: Ge,
-    400: Re,
-    500: b,
-    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: me
-  },
-  yellow: {
-    100: Fe,
-    200: be,
-    300: Ce,
-    400: ze,
-    500: C,
-    600: ve,
-    700: Se,
-    800: fe,
-    900: ue
-  },
-  green: {
-    100: he,
-    200: ye,
-    300: se,
-    400: z,
-    500: pe,
-    600: de,
-    700: ce,
-    800: ge,
-    900: le
-  },
-  sky: {
-    100: ae,
-    200: ne,
-    300: te,
-    400: ie,
-    500: oe,
-    600: re,
-    700: v,
-    800: ee,
-    900: S
-  },
-  blue: {
-    100: $,
-    200: Z,
-    300: U,
-    400: f,
-    500: Q,
-    600: J,
-    700: q,
-    800: j,
-    900: V
-  },
-  purple: {
-    100: K,
-    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: h,
-    600: N,
-    700: y,
-    800: M,
-    900: D,
-    black: x,
-    white: s
-  }
-}, 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"
-    }
-  }
-}, F = {
-  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: C,
-      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: v,
-      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"
-    },
-    progress: {
-      empty: u,
-      success: z,
-      error: b,
-      info: f
-    }
-  },
-  surface: {
-    border: "#CBCBCB",
-    secondary: "#F4F4F4",
-    tertiary: "#EEEEEE",
-    "border-light": "#DFDFDF"
-  },
-  transparent: "transparent",
-  onsurface: {
-    copy: "#3E3E3E",
-    "copy-light": y,
-    "copy-dark": "#222222",
-    "copy-disabled": "#6C6C6C"
-  }
-}, oi = F;
-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
-}, gi = {
-  button: Zo,
-  utilityButton: $o,
-  iconButton: ei,
-  input: ri,
-  row: li,
-  badge: ni,
-  popover: ai
-}, ci = (H, W) => H.status[W].default, m = {
-  breakpoints: jo,
-  sizing: i,
-  borderRadius: a,
-  typography: Uo,
-  allColors: o,
-  components: gi,
-  motion: ti,
-  shadows: ii,
-  getStatusColor: ci
-}, si = {
-  ...m,
-  colors: F,
-  mode: "light"
-}, yi = {
-  ...m,
-  colors: oi,
-  mode: "dark"
-};
-export {
-  pi as TypographySizeKey,
-  m as baseTokens,
-  jo as breakpoints,
-  yi as darkTheme,
-  si as lightTheme,
-  i as sizing
-};