@gobolt/genesis 0.1.3 → 0.1.6

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

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