@gobolt/genesis 0.2.12 → 0.2.14

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

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