@gobolt/genesis 0.2.5 → 0.2.6

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

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