@gobolt/genesis 0.0.7

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

@@ -0,0 +1,896 @@
+import { Size1 as a, Size2 as d, Size3 as p, Size4 as S, Size5 as z, Size6 as c, Size7 as f, Size8 as C, Size10 as s, Size12 as b, Size13 as m, Size14 as u, Size16 as F, Size18 as H, Size20 as W, Size24 as T, Size27 as k, Size28 as w, Size30 as B, Size32 as D, Size34 as v, Size35 as M, Size39 as N, Size43 as R, Size50 as G, Size64 as L, Size05 as O, Size15 as E, Size025 as A, Size25 as P, ColorSky800 as i, ColorGray800 as l, ColorYellow800 as r, ColorYellow900 as g, BorderRadiusNone as Y, BorderRadiusXs as x, BorderRadiusSm as X, BorderRadiusMd as K, BorderRadiusLg as j, BorderRadiusXl as q, BorderRadiusXxl as I, BorderRadiusXxxl as J, BorderRadiusRounded as Q, TypographyPrimaryFontFamily as U, ColorRed100 as V, ColorRed200 as Z, ColorRed300 as _, ColorRed400 as $, ColorRed500 as ee, ColorRed600 as oe, ColorRed700 as ie, ColorRed800 as re, ColorRed900 as te, ColorOrange100 as ne, ColorOrange200 as le, ColorOrange300 as ge, ColorOrange400 as ae, ColorOrange500 as de, ColorOrange600 as pe, ColorOrange700 as Se, ColorOrange800 as he, ColorOrange900 as ye, ColorYellow100 as ze, ColorYellow200 as ce, ColorYellow300 as fe, ColorYellow400 as Ce, ColorYellow500 as se, ColorYellow600 as be, ColorYellow700 as me, ColorGreen100 as ue, ColorGreen200 as Fe, ColorGreen300 as He, ColorGreen400 as We, ColorGreen500 as Te, ColorGreen600 as ke, ColorGreen700 as we, ColorGreen800 as Be, ColorGreen900 as De, ColorSky100 as ve, ColorSky200 as Me, ColorSky300 as Ne, ColorSky400 as Re, ColorSky500 as Ge, ColorSky600 as Le, ColorSky700 as Oe, ColorSky900 as Ee, ColorBlue100 as Ae, ColorBlue200 as Pe, ColorBlue300 as Ye, ColorBlue400 as xe, ColorBlue500 as Xe, ColorBlue600 as Ke, ColorBlue700 as je, ColorBlue800 as qe, ColorBlue900 as Ie, ColorPurple100 as Je, ColorPurple200 as Qe, ColorPurple300 as Ue, ColorPurple400 as Ve, ColorPurple500 as Ze, ColorPurple600 as _e, ColorPurple700 as $e, ColorPurple800 as eo, ColorPurple900 as oo, ColorGray100 as io, ColorGray200 as ro, ColorGray300 as to, ColorGray400 as no, ColorGray500 as lo, ColorGray600 as go, ColorGray700 as ao, ColorGray900 as po, ColorGrayBlack as So, ColorGrayWhite as ho, TypographyWideFontSizeDisplay1 as yo, TypographyWideFontSizeDisplay2 as zo, TypographyWideFontSizeDisplay3 as co, TypographyWideFontSizeHeading1 as fo, TypographyWideFontSizeHeading2 as Co, TypographyWideFontSizeHeading3 as so, TypographyWideFontSizeSubHeading1 as bo, TypographyWideFontSizeSubHeading2 as mo, TypographyWideFontSizeSubHeading3 as uo, TypographyWideFontSizeBody1 as Fo, TypographyWideFontSizeBody2 as Ho, TypographyWideFontSizeBody3 as Wo, TypographyWideFontSizeBody4 as To, TypographyWideFontSizeBody5 as ko, TypographyWideFontSizeMessage as wo, TypographyWideFontSizeOverline1 as Bo, TypographyWideFontSizeOverline2 as Do, TypographyWideFontSizeOverline3 as vo, TypographyWideFontSizeLabel1 as Mo, TypographyWideFontSizeLabel2 as No, TypographyWideFontSizeLabel3 as Ro, TypographyWideFontSizeLink1 as Go, TypographyWideFontSizeLink2 as Lo, TypographyWideFontSizeLink3 as Oo, TypographyWideFontSizeDigits1 as Eo, TypographyWideFontSizeDigits2 as Ao, TypographyWideFontSizeDigits3 as Po, TypographyMediumFontSizeDisplay1 as Yo, TypographyMediumFontSizeDisplay2 as xo, TypographyMediumFontSizeDisplay3 as Xo, TypographyMediumFontSizeHeading1 as Ko, TypographyMediumFontSizeHeading2 as jo, TypographyMediumFontSizeHeading3 as qo, TypographyMediumFontSizeSubHeading1 as Io, TypographyMediumFontSizeSubHeading2 as Jo, TypographyMediumFontSizeSubHeading3 as Qo, TypographyMediumFontSizeBody1 as Uo, TypographyMediumFontSizeBody2 as Vo, TypographyMediumFontSizeBody3 as Zo, TypographyMediumFontSizeBody4 as _o, TypographyMediumFontSizeBody5 as $o, TypographyMediumFontSizeMessage as ei, TypographyMediumFontSizeOverline1 as oi, TypographyMediumFontSizeOverline2 as ii, TypographyMediumFontSizeOverline3 as ri, TypographyMediumFontSizeLabel1 as ti, TypographyMediumFontSizeLabel2 as ni, TypographyMediumFontSizeLabel3 as li, TypographyMediumFontSizeLink1 as gi, TypographyMediumFontSizeLink2 as ai, TypographyMediumFontSizeLink3 as di, TypographyMediumFontSizeDigits1 as pi, TypographyMediumFontSizeDigits2 as Si, TypographyMediumFontSizeDigits3 as hi, TypographyNarrowFontSizeDisplay1 as yi, TypographyNarrowFontSizeDisplay2 as zi, TypographyNarrowFontSizeDisplay3 as ci, TypographyNarrowFontSizeHeading1 as fi, TypographyNarrowFontSizeHeading2 as Ci, TypographyNarrowFontSizeHeading3 as si, TypographyNarrowFontSizeSubHeading1 as bi, TypographyNarrowFontSizeSubHeading2 as mi, TypographyNarrowFontSizeSubHeading3 as ui, TypographyNarrowFontSizeBody1 as Fi, TypographyNarrowFontSizeBody2 as Hi, TypographyNarrowFontSizeBody3 as Wi, TypographyNarrowFontSizeBody4 as Ti, TypographyNarrowFontSizeBody5 as ki, TypographyNarrowFontSizeMessage as wi, TypographyNarrowFontSizeOverline1 as Bi, TypographyNarrowFontSizeOverline2 as Di, TypographyNarrowFontSizeOverline3 as vi, TypographyNarrowFontSizeLabel1 as Mi, TypographyNarrowFontSizeLabel2 as Ni, TypographyNarrowFontSizeLabel3 as Ri, TypographyNarrowFontSizeLink1 as Gi, TypographyNarrowFontSizeLink2 as Li, TypographyNarrowFontSizeLink3 as Oi, TypographyNarrowFontSizeDigits1 as Ei, TypographyNarrowFontSizeDigits2 as Ai, TypographyNarrowFontSizeDigits3 as Pi } from "../design-tokens/variables.js";
+const Yi = {
+  wide: 1280,
+  medium: 1024,
+  narrow: 480
+}, h = {
+  BorderRadiusNone: Y,
+  BorderRadiusXs: x,
+  BorderRadiusSm: X,
+  BorderRadiusMd: K,
+  BorderRadiusLg: j,
+  BorderRadiusXl: q,
+  BorderRadiusXxl: I,
+  BorderRadiusXxxl: J,
+  BorderRadiusRounded: Q
+}, t = {
+  Size1: a,
+  // 4px
+  Size2: d,
+  // 8px
+  Size3: p,
+  // 12px
+  Size4: S,
+  // 16px
+  Size5: z,
+  // 20px
+  Size6: c,
+  // 24px
+  Size7: f,
+  // 28px
+  Size8: C,
+  // 32px
+  Size10: s,
+  // 40px
+  Size12: b,
+  // 48px
+  Size13: m,
+  // 52px
+  Size14: u,
+  // 56px
+  Size16: F,
+  // 64px
+  Size18: H,
+  // 72px
+  Size20: W,
+  // 80px
+  Size24: T,
+  // 96px
+  Size27: k,
+  // 108px
+  Size28: w,
+  // 112px
+  Size30: B,
+  // 120px
+  Size32: D,
+  // 128px
+  Size34: v,
+  // 136px
+  Size35: M,
+  // 140px
+  Size39: N,
+  // 156px
+  Size43: R,
+  // 172px
+  Size50: G,
+  // 200px
+  Size64: L,
+  // 256px
+  Size05: O,
+  // 2px
+  Size15: E,
+  // 6px
+  Size025: A,
+  // 1px
+  Size25: P,
+  // 10px
+  xs: a,
+  // 4px
+  sm: d,
+  // 8px
+  md: p,
+  // 12px
+  lg: S
+  // 16px
+}, Ui = {
+  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"
+}, xi = {
+  display1: {
+    fontSize: yo,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: zo,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: co,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: fo,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: Co,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: so,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: bo,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: mo,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: uo,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: Fo,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: Ho,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: Wo,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: To,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: ko,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: wo,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: Bo,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: Do,
+    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: No,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: Ro,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: Go,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: Lo,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: Oo,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: Eo,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: Ao,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: Po,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, Xi = {
+  display1: {
+    fontSize: Yo,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: xo,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: Xo,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: Ko,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: jo,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: qo,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: Io,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: Jo,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: Qo,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: Uo,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: Vo,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: Zo,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: _o,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: $o,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: ei,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: oi,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: ii,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline3: {
+    fontSize: ri,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label1: {
+    fontSize: ti,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label2: {
+    fontSize: ni,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: li,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: gi,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: ai,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: di,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: pi,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: Si,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: hi,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, Ki = {
+  display1: {
+    fontSize: yi,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display2: {
+    fontSize: zi,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  display3: {
+    fontSize: ci,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading1: {
+    fontSize: fi,
+    lineHeight: "2rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading2: {
+    fontSize: Ci,
+    lineHeight: "1.75rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  heading3: {
+    fontSize: si,
+    lineHeight: "1.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  subHeading1: {
+    fontSize: bi,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading2: {
+    fontSize: mi,
+    lineHeight: "1.25rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  subHeading3: {
+    fontSize: ui,
+    lineHeight: "1rem",
+    fontWeight: 600,
+    letterSpacing: "0"
+  },
+  body1: {
+    fontSize: Fi,
+    lineHeight: "1.5rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body2: {
+    fontSize: Hi,
+    lineHeight: "1.25rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body3: {
+    fontSize: Wi,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body4: {
+    fontSize: Ti,
+    lineHeight: "0.875rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  body5: {
+    fontSize: ki,
+    lineHeight: "0.75rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  message: {
+    fontSize: wi,
+    lineHeight: "1rem",
+    fontWeight: 400,
+    letterSpacing: "0"
+  },
+  overline1: {
+    fontSize: Bi,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline2: {
+    fontSize: Di,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  overline3: {
+    fontSize: vi,
+    lineHeight: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label1: {
+    fontSize: Mi,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label2: {
+    fontSize: Ni,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  label3: {
+    fontSize: Ri,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link1: {
+    fontSize: Gi,
+    lineHeight: "1.5rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link2: {
+    fontSize: Li,
+    lineHeight: "1.25rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  link3: {
+    fontSize: Oi,
+    lineHeight: "1rem",
+    fontWeight: 500,
+    letterSpacing: "0"
+  },
+  digits1: {
+    fontSize: Ei,
+    lineHeight: "3.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits2: {
+    fontSize: Ai,
+    lineHeight: "3rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  },
+  digits3: {
+    fontSize: Pi,
+    lineHeight: "2.5rem",
+    fontWeight: 700,
+    letterSpacing: "0"
+  }
+}, ji = {
+  fontFamily: U,
+  wide: xi,
+  medium: Xi,
+  narrow: Ki
+}, e = {
+  red: {
+    100: V,
+    200: Z,
+    300: _,
+    400: $,
+    500: ee,
+    600: oe,
+    700: ie,
+    800: re,
+    900: te
+  },
+  orange: {
+    100: ne,
+    200: le,
+    300: ge,
+    400: ae,
+    500: de,
+    600: pe,
+    700: Se,
+    800: he,
+    900: ye
+  },
+  yellow: {
+    100: ze,
+    200: ce,
+    300: fe,
+    400: Ce,
+    500: se,
+    600: be,
+    700: me,
+    800: r,
+    900: g
+  },
+  green: {
+    100: ue,
+    200: Fe,
+    300: He,
+    400: We,
+    500: Te,
+    600: ke,
+    700: we,
+    800: Be,
+    900: De
+  },
+  sky: {
+    100: ve,
+    200: Me,
+    300: Ne,
+    400: Re,
+    500: Ge,
+    600: Le,
+    700: Oe,
+    800: i,
+    900: Ee
+  },
+  blue: {
+    100: Ae,
+    200: Pe,
+    300: Ye,
+    400: xe,
+    500: Xe,
+    600: Ke,
+    700: je,
+    800: qe,
+    900: Ie
+  },
+  purple: {
+    100: Je,
+    200: Qe,
+    300: Ue,
+    400: Ve,
+    500: Ze,
+    600: _e,
+    700: $e,
+    800: eo,
+    900: oo
+  },
+  gray: {
+    100: io,
+    200: ro,
+    300: to,
+    400: no,
+    500: lo,
+    600: go,
+    700: ao,
+    800: l,
+    900: po,
+    black: So,
+    white: ho
+  }
+}, qi = {
+  padding: {
+    verPadding: t.Size25,
+    // 25px
+    horPadding: t.Size6
+    // 10px
+  },
+  gap: t.Size2,
+  // 8px
+  radius: h.BorderRadiusMd
+  // 6px
+}, o = "#FFFFFF", n = {
+  color: "#6C6C6C",
+  backgroundColor: "#EEEEEE",
+  borderColor: "#CBCBCB"
+}, Ii = {
+  primary: {
+    active: {
+      color: o,
+      backgroundColor: "#30606B",
+      borderColor: "#30606B"
+    },
+    hover: {
+      color: o,
+      backgroundColor: "#00282B",
+      borderColor: "#00282B"
+    },
+    pressed: {
+      color: o,
+      backgroundColor: "#214148",
+      borderColor: "#214148"
+    },
+    focussed: {
+      color: o,
+      backgroundColor: "#30606B",
+      borderColor: "#30606B",
+      ringColor: "#384DF6"
+    },
+    disabled: n
+  },
+  secondary: {
+    active: {
+      color: "#3E3E3E",
+      backgroundColor: "#FFFFFF",
+      borderColor: "#3E3E3E"
+    },
+    hover: {
+      color: o,
+      backgroundColor: "#222222",
+      borderColor: "#222222"
+    },
+    pressed: {
+      color: o,
+      backgroundColor: "#101010",
+      borderColor: "#9A9A9A"
+    },
+    focussed: {
+      color: "#3E3E3E",
+      backgroundColor: "#FFFFFF",
+      borderColor: "#9A9A9A",
+      ringColor: "#384DF6"
+    },
+    disabled: n
+  },
+  tertiary: {
+    active: {
+      color: "#222222",
+      backgroundColor: "#FFCA7D",
+      borderColor: "##FFCA7D"
+    },
+    hover: {
+      color: "#222222",
+      backgroundColor: "#E7A13C",
+      borderColor: "#E7A13C"
+    },
+    pressed: {
+      color: "#222222",
+      backgroundColor: "#B27330",
+      borderColor: "#B27330"
+    },
+    focussed: {
+      color: "#222222",
+      backgroundColor: "#FFCA7D",
+      borderColor: "#FFCA7D",
+      ringColor: "#384DF6"
+    },
+    disabled: n
+  }
+}, Ji = {
+  primary: {
+    active: {
+      color: e.gray.white,
+      backgroundColor: "#1A3D44",
+      borderColor: "#1A3D44"
+    },
+    hover: {
+      color: e.gray.white,
+      backgroundColor: "#0D1F22",
+      borderColor: "#0D1F22"
+    },
+    pressed: {
+      color: e.gray.white,
+      backgroundColor: "#0D1F22",
+      borderColor: "#0D1F22"
+    },
+    focussed: {
+      color: e.gray.white,
+      backgroundColor: "#0D1F22",
+      borderColor: "#0D1F22",
+      ringColor: "#384DF6"
+    },
+    disabled: {
+      color: e.gray[600],
+      backgroundColor: "#2C2C2C",
+      borderColor: "#2C2C2C"
+    }
+  },
+  secondary: {
+    active: {
+      color: e.gray.white,
+      backgroundColor: "#4D4D4D",
+      borderColor: "#4D4D4D"
+    },
+    hover: {
+      color: e.gray.white,
+      backgroundColor: "#666666",
+      borderColor: "#666666"
+    },
+    pressed: {
+      color: e.gray.white,
+      backgroundColor: i,
+      borderColor: i
+    },
+    focussed: {
+      color: e.gray.white,
+      backgroundColor: i,
+      borderColor: i,
+      ringColor: "#384DF6"
+    },
+    disabled: {
+      color: e.gray[600],
+      backgroundColor: l,
+      borderColor: l
+    }
+  },
+  tertiary: {
+    active: {
+      color: e.gray.white,
+      backgroundColor: "#8B6B3C",
+      borderColor: "#8B6B3C"
+    },
+    hover: {
+      color: e.gray.white,
+      backgroundColor: "#735929",
+      borderColor: "#735929"
+    },
+    pressed: {
+      color: e.gray.white,
+      backgroundColor: r,
+      borderColor: r
+    },
+    focussed: {
+      color: e.gray.white,
+      backgroundColor: r,
+      borderColor: r,
+      ringColor: "#384DF6"
+    },
+    disabled: {
+      color: e.gray[600],
+      backgroundColor: g,
+      borderColor: g
+    }
+  }
+}, y = {
+  breakpoints: Yi,
+  sizing: t,
+  borderRadius: h,
+  typography: ji,
+  allColors: e,
+  components: {
+    button: qi
+  }
+}, Vi = {
+  ...y,
+  colors: Ii,
+  mode: "light"
+}, Zi = {
+  ...y,
+  colors: Ji,
+  mode: "dark"
+};
+export {
+  Ui as TypographySizeKey,
+  y as baseTokens,
+  Yi as breakpoints,
+  Zi as darkTheme,
+  Vi as lightTheme,
+  t as sizing
+};