@gobolt/genesis 0.0.7 → 0.0.8

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