@gobolt/genesis 0.0.7 → 0.0.9

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

@@ -1,88 +1,91 @@
-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";
+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 = {
   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,
+}, p = {
+  BorderRadiusNone: q,
+  BorderRadiusXs: J,
+  BorderRadiusSm: Q,
+  BorderRadiusMd: U,
+  BorderRadiusLg: Z,
+  BorderRadiusXl: _,
+  BorderRadiusXxl: $,
+  BorderRadiusXxxl: ee,
+  BorderRadiusRounded: oe
+}, i = {
+  Size1: c,
   // 4px
-  Size2: d,
+  Size2: y,
   // 8px
-  Size3: p,
+  Size3: h,
   // 12px
   Size4: S,
   // 16px
-  Size5: z,
+  Size5: m,
   // 20px
-  Size6: c,
+  Size6: F,
   // 24px
-  Size7: f,
+  Size7: v,
   // 28px
-  Size8: C,
+  Size8: H,
   // 32px
-  Size10: s,
+  Size10: W,
   // 40px
-  Size12: b,
+  Size12: T,
   // 48px
-  Size13: m,
+  Size13: k,
   // 52px
-  Size14: u,
+  Size14: B,
   // 56px
-  Size16: F,
+  Size16: w,
   // 64px
-  Size18: H,
+  Size18: D,
   // 72px
-  Size20: W,
+  Size20: M,
   // 80px
-  Size24: T,
+  Size24: N,
   // 96px
-  Size27: k,
+  Size27: E,
   // 108px
-  Size28: w,
+  Size28: R,
   // 112px
-  Size30: B,
+  Size30: G,
   // 120px
-  Size32: D,
+  Size32: L,
   // 128px
-  Size34: v,
+  Size34: A,
   // 136px
-  Size35: M,
+  Size35: O,
   // 140px
-  Size39: N,
+  Size39: P,
   // 156px
-  Size43: R,
+  Size43: x,
   // 172px
-  Size50: G,
+  Size50: Y,
   // 200px
-  Size64: L,
+  Size64: X,
   // 256px
-  Size05: O,
+  Size05: I,
   // 2px
-  Size15: E,
+  Size15: K,
   // 6px
-  Size025: A,
+  Size025: V,
   // 1px
-  Size25: P,
+  Size25: j,
   // 10px
-  xs: a,
+  xs: c,
   // 4px
-  sm: d,
+  sm: y,
   // 8px
-  md: p,
+  md: h,
   // 12px
-  lg: S
+  lg: S,
   // 16px
-}, Ui = {
+  typography1: 12,
+  typography2: 14,
+  typography3: 16
+}, _i = {
   display1: "display1",
   display2: "display2",
   display3: "display3",
@@ -110,39 +113,39 @@ const Yi = {
   digits1: "digits1",
   digits2: "digits2",
   digits3: "digits3"
-}, xi = {
+}, Xi = {
   display1: {
-    fontSize: yo,
+    fontSize: So,
     lineHeight: "3.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   display2: {
-    fontSize: zo,
+    fontSize: so,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   display3: {
-    fontSize: co,
+    fontSize: fo,
     lineHeight: "2.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading1: {
-    fontSize: fo,
+    fontSize: uo,
     lineHeight: "2rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading2: {
-    fontSize: Co,
+    fontSize: zo,
     lineHeight: "1.75rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading3: {
-    fontSize: so,
+    fontSize: Co,
     lineHeight: "1.5rem",
     fontWeight: 700,
     letterSpacing: "0"
@@ -160,13 +163,13 @@ const Yi = {
     letterSpacing: "0"
   },
   subHeading3: {
-    fontSize: uo,
+    fontSize: Fo,
     lineHeight: "1rem",
     fontWeight: 600,
     letterSpacing: "0"
   },
   body1: {
-    fontSize: Fo,
+    fontSize: vo,
     lineHeight: "1.5rem",
     fontWeight: 400,
     letterSpacing: "0"
@@ -196,13 +199,13 @@ const Yi = {
     letterSpacing: "0"
   },
   message: {
-    fontSize: wo,
-    lineHeight: "1rem",
+    fontSize: Bo,
+    lineHeight: "23px",
     fontWeight: 400,
     letterSpacing: "0"
   },
   overline1: {
-    fontSize: Bo,
+    fontSize: wo,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
@@ -214,19 +217,19 @@ const Yi = {
     letterSpacing: "0"
   },
   overline3: {
-    fontSize: vo,
+    fontSize: Mo,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label1: {
-    fontSize: Mo,
+    fontSize: No,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label2: {
-    fontSize: No,
+    fontSize: Eo,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
@@ -250,30 +253,30 @@ const Yi = {
     letterSpacing: "0"
   },
   link3: {
-    fontSize: Oo,
+    fontSize: Ao,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   digits1: {
-    fontSize: Eo,
+    fontSize: Oo,
     lineHeight: "3.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   digits2: {
-    fontSize: Ao,
+    fontSize: Po,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   digits3: {
-    fontSize: Po,
+    fontSize: xo,
     lineHeight: "2.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   }
-}, Xi = {
+}, Ii = {
   display1: {
     fontSize: Yo,
     lineHeight: "3.5rem",
@@ -281,13 +284,13 @@ const Yi = {
     letterSpacing: "0"
   },
   display2: {
-    fontSize: xo,
+    fontSize: Xo,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   display3: {
-    fontSize: Xo,
+    fontSize: Io,
     lineHeight: "2.5rem",
     fontWeight: 700,
     letterSpacing: "0"
@@ -299,19 +302,19 @@ const Yi = {
     letterSpacing: "0"
   },
   heading2: {
-    fontSize: jo,
+    fontSize: Vo,
     lineHeight: "1.75rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading3: {
-    fontSize: qo,
+    fontSize: jo,
     lineHeight: "1.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   subHeading1: {
-    fontSize: Io,
+    fontSize: qo,
     lineHeight: "1.25rem",
     fontWeight: 600,
     letterSpacing: "0"
@@ -335,61 +338,61 @@ const Yi = {
     letterSpacing: "0"
   },
   body2: {
-    fontSize: Vo,
+    fontSize: Zo,
     lineHeight: "1.25rem",
     fontWeight: 400,
     letterSpacing: "0"
   },
   body3: {
-    fontSize: Zo,
+    fontSize: _o,
     lineHeight: "1rem",
     fontWeight: 400,
     letterSpacing: "0"
   },
   body4: {
-    fontSize: _o,
+    fontSize: $o,
     lineHeight: "0.875rem",
     fontWeight: 400,
     letterSpacing: "0"
   },
   body5: {
-    fontSize: $o,
+    fontSize: ei,
     lineHeight: "0.75rem",
     fontWeight: 400,
     letterSpacing: "0"
   },
   message: {
-    fontSize: ei,
-    lineHeight: "1rem",
+    fontSize: oi,
+    lineHeight: "23px",
     fontWeight: 400,
     letterSpacing: "0"
   },
   overline1: {
-    fontSize: oi,
+    fontSize: ii,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   overline2: {
-    fontSize: ii,
+    fontSize: ri,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   overline3: {
-    fontSize: ri,
+    fontSize: ti,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label1: {
-    fontSize: ti,
+    fontSize: ni,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label2: {
-    fontSize: ni,
+    fontSize: ai,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
@@ -407,25 +410,25 @@ const Yi = {
     letterSpacing: "0"
   },
   link2: {
-    fontSize: ai,
+    fontSize: di,
     lineHeight: "1.25rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   link3: {
-    fontSize: di,
+    fontSize: pi,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   digits1: {
-    fontSize: pi,
+    fontSize: ci,
     lineHeight: "3.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   digits2: {
-    fontSize: Si,
+    fontSize: yi,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
@@ -438,37 +441,37 @@ const Yi = {
   }
 }, Ki = {
   display1: {
-    fontSize: yi,
+    fontSize: Si,
     lineHeight: "3.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   display2: {
-    fontSize: zi,
+    fontSize: si,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   display3: {
-    fontSize: ci,
+    fontSize: fi,
     lineHeight: "2.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading1: {
-    fontSize: fi,
+    fontSize: ui,
     lineHeight: "2rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading2: {
-    fontSize: Ci,
+    fontSize: zi,
     lineHeight: "1.75rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   heading3: {
-    fontSize: si,
+    fontSize: Ci,
     lineHeight: "1.5rem",
     fontWeight: 700,
     letterSpacing: "0"
@@ -486,13 +489,13 @@ const Yi = {
     letterSpacing: "0"
   },
   subHeading3: {
-    fontSize: ui,
+    fontSize: Fi,
     lineHeight: "1rem",
     fontWeight: 600,
     letterSpacing: "0"
   },
   body1: {
-    fontSize: Fi,
+    fontSize: vi,
     lineHeight: "1.5rem",
     fontWeight: 400,
     letterSpacing: "0"
@@ -522,13 +525,13 @@ const Yi = {
     letterSpacing: "0"
   },
   message: {
-    fontSize: wi,
-    lineHeight: "1rem",
+    fontSize: Bi,
+    lineHeight: "23px",
     fontWeight: 400,
     letterSpacing: "0"
   },
   overline1: {
-    fontSize: Bi,
+    fontSize: wi,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
@@ -540,19 +543,19 @@ const Yi = {
     letterSpacing: "0"
   },
   overline3: {
-    fontSize: vi,
+    fontSize: Mi,
     lineHeight: "0.75rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label1: {
-    fontSize: Mi,
+    fontSize: Ni,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   label2: {
-    fontSize: Ni,
+    fontSize: Ei,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
@@ -576,321 +579,502 @@ const Yi = {
     letterSpacing: "0"
   },
   link3: {
-    fontSize: Oi,
+    fontSize: Ai,
     lineHeight: "1rem",
     fontWeight: 500,
     letterSpacing: "0"
   },
   digits1: {
-    fontSize: Ei,
+    fontSize: Oi,
     lineHeight: "3.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   digits2: {
-    fontSize: Ai,
+    fontSize: Pi,
     lineHeight: "3rem",
     fontWeight: 700,
     letterSpacing: "0"
   },
   digits3: {
-    fontSize: Pi,
+    fontSize: xi,
     lineHeight: "2.5rem",
     fontWeight: 700,
     letterSpacing: "0"
   }
-}, ji = {
-  fontFamily: U,
-  wide: xi,
-  medium: Xi,
+}, Vi = {
+  fontFamily: ie,
+  wide: Xi,
+  medium: Ii,
   narrow: Ki
-}, e = {
+}, o = {
   red: {
-    100: V,
-    200: Z,
-    300: _,
-    400: $,
-    500: ee,
-    600: oe,
-    700: ie,
-    800: re,
-    900: te
+    100: re,
+    200: te,
+    300: ne,
+    400: ae,
+    500: le,
+    600: ge,
+    700: de,
+    800: pe,
+    900: ce
   },
   orange: {
-    100: ne,
-    200: le,
-    300: ge,
-    400: ae,
-    500: de,
-    600: pe,
-    700: Se,
-    800: he,
-    900: ye
+    100: ye,
+    200: he,
+    300: Se,
+    400: se,
+    500: fe,
+    600: ue,
+    700: ze,
+    800: Ce,
+    900: be
   },
   yellow: {
-    100: ze,
-    200: ce,
-    300: fe,
-    400: Ce,
-    500: se,
-    600: be,
-    700: me,
-    800: r,
-    900: g
+    100: me,
+    200: Fe,
+    300: ve,
+    400: He,
+    500: s,
+    600: We,
+    700: Te,
+    800: t,
+    900: d
   },
   green: {
-    100: ue,
-    200: Fe,
-    300: He,
-    400: We,
-    500: Te,
-    600: ke,
-    700: we,
-    800: Be,
-    900: De
+    100: ke,
+    200: Be,
+    300: we,
+    400: De,
+    500: Me,
+    600: Ne,
+    700: Ee,
+    800: Re,
+    900: Ge
   },
   sky: {
-    100: ve,
-    200: Me,
-    300: Ne,
-    400: Re,
-    500: Ge,
-    600: Le,
-    700: Oe,
-    800: i,
-    900: Ee
+    100: Le,
+    200: Ae,
+    300: Oe,
+    400: Pe,
+    500: xe,
+    600: Ye,
+    700: f,
+    800: r,
+    900: Xe
   },
   blue: {
-    100: Ae,
-    200: Pe,
-    300: Ye,
-    400: xe,
-    500: Xe,
-    600: Ke,
-    700: je,
-    800: qe,
-    900: Ie
+    100: Ie,
+    200: Ke,
+    300: Ve,
+    400: je,
+    500: qe,
+    600: Je,
+    700: Qe,
+    800: Ue,
+    900: Ze
   },
   purple: {
-    100: Je,
-    200: Qe,
-    300: Ue,
-    400: Ve,
-    500: Ze,
-    600: _e,
-    700: $e,
-    800: eo,
-    900: oo
+    100: _e,
+    200: $e,
+    300: eo,
+    400: oo,
+    500: io,
+    600: ro,
+    700: to,
+    800: no,
+    900: ao
   },
   gray: {
-    100: io,
-    200: ro,
-    300: to,
-    400: no,
-    500: lo,
-    600: go,
-    700: ao,
-    800: l,
-    900: po,
-    black: So,
-    white: ho
+    100: g,
+    200: lo,
+    300: go,
+    400: po,
+    500: z,
+    600: C,
+    700: co,
+    800: n,
+    900: yo,
+    black: ho,
+    white: u
   }
-}, qi = {
+}, ji = {
   padding: {
-    verPadding: t.Size25,
+    verPadding: i.Size25,
     // 25px
-    horPadding: t.Size6
+    horPadding: i.Size6
     // 10px
   },
-  gap: t.Size2,
+  gap: i.Size2,
+  // 8px
+  radius: p.BorderRadiusMd
+  // 6px
+}, qi = {
+  padding: {
+    verPadding: i.Size2,
+    horPadding: i.Size2
+  },
+  gap: i.Size2,
   // 8px
-  radius: h.BorderRadiusMd
+  radius: p.BorderRadiusSm
   // 6px
-}, o = "#FFFFFF", n = {
+}, Ji = {
+  suffixPrefixVerPadding: 11,
+  // special case - see sizing in FIGMA
+  suffixPrefixHorPadding: i.Size2
+}, a = {
   color: "#6C6C6C",
   backgroundColor: "#EEEEEE",
   borderColor: "#CBCBCB"
-}, Ii = {
+}, l = {
+  color: "#CF3237",
+  backgroundColor: "#FFEBEE",
+  borderColor: "#FFEBEE"
+}, e = {
+  interactive: {
+    primary: {
+      active: "#30606B",
+      hover: "#00282B",
+      pressed: "#214148",
+      onsurface: "#FFFFFF"
+    },
+    secondary: {
+      active: "#9A9A9A",
+      hover: "#222222",
+      pressed: "#101010",
+      onsurface: "#3E3E3E"
+    },
+    tertiary: {
+      active: "#FFCA7D",
+      hover: "#E7A13C",
+      pressed: "#B27330",
+      onsurface: "#222222"
+    },
+    link: {
+      active: "#30606B"
+    },
+    utility: {
+      onsurface: "#222222",
+      border: "#CBCBCB"
+    }
+  },
+  inputs: {
+    onsurface: {
+      active: "#384DF6",
+      focus: "#384DF6"
+    }
+  },
+  onsurface: {
+    "copy-disabled": "#6C6C6C"
+  },
+  surface: {
+    border: "#CBCBCB"
+  },
+  transparent: "transparent"
+}, Qi = {
   primary: {
     active: {
-      color: o,
-      backgroundColor: "#30606B",
-      borderColor: "#30606B"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.active,
+      borderColor: e.interactive.primary.active
     },
     hover: {
-      color: o,
-      backgroundColor: "#00282B",
-      borderColor: "#00282B"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.hover,
+      borderColor: e.interactive.primary.hover
     },
     pressed: {
-      color: o,
-      backgroundColor: "#214148",
-      borderColor: "#214148"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.pressed,
+      borderColor: e.interactive.primary.pressed
     },
     focussed: {
-      color: o,
-      backgroundColor: "#30606B",
-      borderColor: "#30606B",
-      ringColor: "#384DF6"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.primary.active,
+      borderColor: e.interactive.primary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...l,
+      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: n
+    disabled: a
   },
   secondary: {
     active: {
-      color: "#3E3E3E",
-      backgroundColor: "#FFFFFF",
-      borderColor: "#3E3E3E"
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active
     },
     hover: {
-      color: o,
-      backgroundColor: "#222222",
-      borderColor: "#222222"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.secondary.hover,
+      borderColor: e.interactive.secondary.hover
     },
     pressed: {
-      color: o,
-      backgroundColor: "#101010",
-      borderColor: "#9A9A9A"
+      color: e.interactive.primary.onsurface,
+      backgroundColor: e.interactive.secondary.pressed,
+      borderColor: e.interactive.secondary.active
     },
     focussed: {
-      color: "#3E3E3E",
-      backgroundColor: "#FFFFFF",
-      borderColor: "#9A9A9A",
-      ringColor: "#384DF6"
+      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
     },
-    disabled: n
+    default: {
+      color: e.interactive.secondary.onsurface,
+      backgroundColor: e.transparent,
+      borderColor: e.interactive.secondary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    disabled: a
   },
   tertiary: {
     active: {
-      color: "#222222",
-      backgroundColor: "#FFCA7D",
-      borderColor: "##FFCA7D"
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active
     },
     hover: {
-      color: "#222222",
-      backgroundColor: "#E7A13C",
-      borderColor: "#E7A13C"
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.hover,
+      borderColor: e.interactive.tertiary.hover
     },
     pressed: {
-      color: "#222222",
-      backgroundColor: "#B27330",
-      borderColor: "#B27330"
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.pressed,
+      borderColor: e.interactive.tertiary.pressed
     },
     focussed: {
-      color: "#222222",
-      backgroundColor: "#FFCA7D",
-      borderColor: "#FFCA7D",
-      ringColor: "#384DF6"
+      color: e.interactive.tertiary.onsurface,
+      backgroundColor: e.interactive.tertiary.active,
+      borderColor: e.interactive.tertiary.active,
+      ringColor: e.inputs.onsurface.focus
+    },
+    error: {
+      ...l,
+      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: a
+  },
+  status: {
+    error: {
+      default: "#CF3237",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#AA292D",
+      surface: "#F9D4D5"
+    },
+    success: {
+      default: "#32863E",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#296E33",
+      surface: "#D3EFD7"
     },
-    disabled: n
+    warning: {
+      default: s,
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#704819",
+      surface: "#FFF2DF"
+    },
+    info: {
+      default: "#384DF6",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#2E3FCA",
+      surface: "#D7DBFD"
+    },
+    generic: {
+      default: "#9A9A9A",
+      ringColor: e.inputs.onsurface.focus,
+      onsurface: "#3E3E3E",
+      surface: "#F4F4F4"
+    }
+  },
+  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,
+      disabled: g,
+      current: "#384DF6"
+    },
+    ...e.interactive
+  },
+  inputs: {
+    surface: {
+      active: u,
+      border: z,
+      disabled: g,
+      checked: "#384DF6"
+    },
+    onsurface: {
+      active: "#222222",
+      focus: "#384DF6",
+      placeholder: "#6C6C6C",
+      "icon-disabled": "#6C6C6C"
+    }
+  },
+  surface: {
+    border: "#CBCBCB",
+    secondary: "#F4F4F4"
+  },
+  transparent: "transparent",
+  onsurface: {
+    copy: n,
+    "copy-light": C,
+    "copy-dark": "#222222",
+    "copy-disabled": "#6C6C6C"
   }
-}, Ji = {
+}, Ui = {
   primary: {
     active: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#1A3D44",
       borderColor: "#1A3D44"
     },
     hover: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#0D1F22",
       borderColor: "#0D1F22"
     },
     pressed: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#0D1F22",
       borderColor: "#0D1F22"
     },
     focussed: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#0D1F22",
       borderColor: "#0D1F22",
       ringColor: "#384DF6"
     },
     disabled: {
-      color: e.gray[600],
+      color: o.gray[600],
       backgroundColor: "#2C2C2C",
       borderColor: "#2C2C2C"
     }
   },
   secondary: {
     active: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#4D4D4D",
       borderColor: "#4D4D4D"
     },
     hover: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#666666",
       borderColor: "#666666"
     },
     pressed: {
-      color: e.gray.white,
-      backgroundColor: i,
-      borderColor: i
+      color: o.gray.white,
+      backgroundColor: r,
+      borderColor: r
     },
     focussed: {
-      color: e.gray.white,
-      backgroundColor: i,
-      borderColor: i,
+      color: o.gray.white,
+      backgroundColor: r,
+      borderColor: r,
       ringColor: "#384DF6"
     },
     disabled: {
-      color: e.gray[600],
-      backgroundColor: l,
-      borderColor: l
+      color: o.gray[600],
+      backgroundColor: n,
+      borderColor: n
     }
   },
   tertiary: {
     active: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#8B6B3C",
       borderColor: "#8B6B3C"
     },
     hover: {
-      color: e.gray.white,
+      color: o.gray.white,
       backgroundColor: "#735929",
       borderColor: "#735929"
     },
     pressed: {
-      color: e.gray.white,
-      backgroundColor: r,
-      borderColor: r
+      color: o.gray.white,
+      backgroundColor: t,
+      borderColor: t
     },
     focussed: {
-      color: e.gray.white,
-      backgroundColor: r,
-      borderColor: r,
+      color: o.gray.white,
+      backgroundColor: t,
+      borderColor: t,
       ringColor: "#384DF6"
     },
     disabled: {
-      color: e.gray[600],
-      backgroundColor: g,
-      borderColor: g
+      color: o.gray[600],
+      backgroundColor: d,
+      borderColor: d
     }
   }
-}, y = {
+}, b = {
   breakpoints: Yi,
-  sizing: t,
-  borderRadius: h,
-  typography: ji,
-  allColors: e,
+  sizing: i,
+  borderRadius: p,
+  typography: Vi,
+  allColors: o,
   components: {
-    button: qi
+    button: ji,
+    utilityButton: qi,
+    input: Ji
+  },
+  motion: {
+    veryfast: 0.15
   }
-}, Vi = {
-  ...y,
-  colors: Ii,
+}, $i = {
+  ...b,
+  colors: Qi,
   mode: "light"
-}, Zi = {
-  ...y,
-  colors: Ji,
+}, er = {
+  ...b,
+  colors: Ui,
   mode: "dark"
 };
 export {
-  Ui as TypographySizeKey,
-  y as baseTokens,
+  _i as TypographySizeKey,
+  b as baseTokens,
   Yi as breakpoints,
-  Zi as darkTheme,
-  Vi as lightTheme,
-  t as sizing
+  er as darkTheme,
+  $i as lightTheme,
+  i as sizing
 };