@gobolt/genesis 0.0.10 → 0.0.11

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

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