@gobolt/genesis 0.0.11 → 0.1.0

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

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