@homebound/beam 3.6.0 → 3.8.0

package/dist/Css.json

@@ -2,6 +2,7 @@
   "increment": 8,
   "breakpoints": {"ifPrint":"@media print","ifSm":"@media screen and (max-width: 599px)","ifMd":"@media screen and (min-width: 600px) and (max-width: 1024px)","ifSmOrMd":"@media screen and (max-width: 1024px)","ifMdAndUp":"@media screen and (min-width: 600px)","ifMdAndDown":"@media screen and (max-width: 1024px)","ifLg":"@media screen and (min-width: 1025px)","ifMdOrLg":"@media screen and (min-width: 600px)"},
   "typography": ["xs2","xs2Sb","xs","xsSb","sm","smSb","md","mdSb","lg","xl","xl2"],
+  "tokens": {"ButtonCautionDisabledBg":"--b-button-caution-disabled-bg","ButtonCautionDisabledFg":"--b-button-caution-disabled-fg","ButtonDangerDisabledBg":"--b-button-danger-disabled-bg","ButtonDangerDisabledFg":"--b-button-danger-disabled-fg","ButtonGhostDisabledFg":"--b-button-ghost-disabled-fg","ButtonGhostFg":"--b-button-ghost-fg","ButtonPrimaryDisabledBg":"--b-button-primary-disabled-bg","ButtonPrimaryDisabledFg":"--b-button-primary-disabled-fg","ButtonTertiaryFg":"--b-button-tertiary-fg","ButtonTertiaryFgPressed":"--b-button-tertiary-fg-pressed","Danger":"--b-danger","DangerPressed":"--b-danger-pressed","FieldBgDefault":"--b-field-bg-default","FieldBgDisabled":"--b-field-bg-disabled","FieldBgHover":"--b-field-bg-hover","FieldBorderDefault":"--b-field-border-default","FieldBorderError":"--b-field-border-error","FieldBorderFocus":"--b-field-border-focus","FieldBorderHover":"--b-field-border-hover","FieldTextDisabled":"--b-field-text-disabled","FocusRingInset":"--b-focus-ring-inset","FocusRingMuted":"--b-focus-ring-muted","ListRowBgHover":"--b-list-row-bg-hover","LoaderSpinner":"--b-loader-spinner","LoaderTrack":"--b-loader-track","MenuItemBgHover":"--b-menu-item-bg-hover","NavItemBgActive":"--b-nav-item-bg-active","NavItemBgHover":"--b-nav-item-bg-hover","NavItemBgPressed":"--b-nav-item-bg-pressed","NavText":"--b-nav-text","NavTextActive":"--b-nav-text-active","NavTextDisabled":"--b-nav-text-disabled","NavTextFocusVisible":"--b-nav-text-focus-visible","NavTextPressed":"--b-nav-text-pressed","NeutralFillHoverStrong":"--b-neutral-fill-hover-strong","NeutralFillHoverSubtle":"--b-neutral-fill-hover-subtle","NeutralFillPressed":"--b-neutral-fill-pressed","NeutralSurfacePressed":"--b-neutral-surface-pressed","OnPrimary":"--b-on-primary","OnSurface":"--b-on-surface","OnSurfaceMuted":"--b-on-surface-muted","PopoverSurface":"--b-popover-surface","Primary":"--b-primary","PrimaryHover":"--b-primary-hover","PrimaryPressed":"--b-primary-pressed","Scrim":"--b-scrim","SelectionIndicator":"--b-selection-indicator","StatusSuccessFg":"--b-status-success-fg","Surface":"--b-surface","TextDisabled":"--b-text-disabled","TextHelper":"--b-text-helper","TextLabel":"--b-text-label","TextLinkDefault":"--b-text-link-default","TextLinkDisabled":"--b-text-link-disabled","TextLinkHover":"--b-text-link-hover","TextLinkPressed":"--b-text-link-pressed","TextPlaceholder":"--b-text-placeholder","TextSelection":"--b-text-selection"},
   "abbreviations": {
     "ba": {"kind":"static","defs":{"borderStyle":"solid","borderWidth":"1px"}},
     "bt": {"kind":"static","defs":{"borderTopStyle":"solid","borderTopWidth":"1px"}},
@@ -9,7 +10,7 @@
     "bb": {"kind":"static","defs":{"borderBottomStyle":"solid","borderBottomWidth":"1px"}},
     "bl": {"kind":"static","defs":{"borderLeftStyle":"solid","borderLeftWidth":"1px"}},
     "bn": {"kind":"static","defs":{"borderStyle":"none","borderWidth":"0"}},
-    "bcWhite": {"kind":"static","defs":{"borderColor":"rgba(255,255,255,1)"}},
+    "bcWhite": {"kind":"static","defs":{"borderColor":"rgba(255, 255, 255, 1)"}},
     "bcTransparent": {"kind":"static","defs":{"borderColor":"rgba(0,0,0,0)"}},
     "bcGray50": {"kind":"static","defs":{"borderColor":"rgba(255, 253, 253, 1)"}},
     "bcGray100": {"kind":"static","defs":{"borderColor":"rgba(247, 245, 245, 1)"}},
@@ -104,48 +105,48 @@
     "ctn": {"kind":"static","defs":{"containerType":"normal"}},
     "ct": {"kind":"variable","props":["containerType"],"incremented":false},
     "cn": {"kind":"variable","props":["containerName"],"incremented":false},
-    "top0": {"kind":"static","defs":{"top":"0px"}},
-    "top1": {"kind":"static","defs":{"top":"8px"}},
-    "top2": {"kind":"static","defs":{"top":"16px"}},
-    "top3": {"kind":"static","defs":{"top":"24px"}},
-    "top4": {"kind":"static","defs":{"top":"32px"}},
-    "top5": {"kind":"static","defs":{"top":"40px"}},
-    "top6": {"kind":"static","defs":{"top":"48px"}},
-    "top7": {"kind":"static","defs":{"top":"56px"}},
-    "top8": {"kind":"static","defs":{"top":"64px"}},
+    "top0": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 0)"}},
+    "top1": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 1)"}},
+    "top2": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 2)"}},
+    "top3": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 3)"}},
+    "top4": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 4)"}},
+    "top5": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 5)"}},
+    "top6": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 6)"}},
+    "top7": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 7)"}},
+    "top8": {"kind":"static","defs":{"top":"calc(var(--t-spacing) * 8)"}},
     "top": {"kind":"variable","props":["top"],"incremented":true},
     "topPx": {"kind":"delegate","target":"top"},
-    "right0": {"kind":"static","defs":{"right":"0px"}},
-    "right1": {"kind":"static","defs":{"right":"8px"}},
-    "right2": {"kind":"static","defs":{"right":"16px"}},
-    "right3": {"kind":"static","defs":{"right":"24px"}},
-    "right4": {"kind":"static","defs":{"right":"32px"}},
-    "right5": {"kind":"static","defs":{"right":"40px"}},
-    "right6": {"kind":"static","defs":{"right":"48px"}},
-    "right7": {"kind":"static","defs":{"right":"56px"}},
-    "right8": {"kind":"static","defs":{"right":"64px"}},
+    "right0": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 0)"}},
+    "right1": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 1)"}},
+    "right2": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 2)"}},
+    "right3": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 3)"}},
+    "right4": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 4)"}},
+    "right5": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 5)"}},
+    "right6": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 6)"}},
+    "right7": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 7)"}},
+    "right8": {"kind":"static","defs":{"right":"calc(var(--t-spacing) * 8)"}},
     "right": {"kind":"variable","props":["right"],"incremented":true},
     "rightPx": {"kind":"delegate","target":"right"},
-    "bottom0": {"kind":"static","defs":{"bottom":"0px"}},
-    "bottom1": {"kind":"static","defs":{"bottom":"8px"}},
-    "bottom2": {"kind":"static","defs":{"bottom":"16px"}},
-    "bottom3": {"kind":"static","defs":{"bottom":"24px"}},
-    "bottom4": {"kind":"static","defs":{"bottom":"32px"}},
-    "bottom5": {"kind":"static","defs":{"bottom":"40px"}},
-    "bottom6": {"kind":"static","defs":{"bottom":"48px"}},
-    "bottom7": {"kind":"static","defs":{"bottom":"56px"}},
-    "bottom8": {"kind":"static","defs":{"bottom":"64px"}},
+    "bottom0": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 0)"}},
+    "bottom1": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 1)"}},
+    "bottom2": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 2)"}},
+    "bottom3": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 3)"}},
+    "bottom4": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 4)"}},
+    "bottom5": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 5)"}},
+    "bottom6": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 6)"}},
+    "bottom7": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 7)"}},
+    "bottom8": {"kind":"static","defs":{"bottom":"calc(var(--t-spacing) * 8)"}},
     "bottom": {"kind":"variable","props":["bottom"],"incremented":true},
     "bottomPx": {"kind":"delegate","target":"bottom"},
-    "left0": {"kind":"static","defs":{"left":"0px"}},
-    "left1": {"kind":"static","defs":{"left":"8px"}},
-    "left2": {"kind":"static","defs":{"left":"16px"}},
-    "left3": {"kind":"static","defs":{"left":"24px"}},
-    "left4": {"kind":"static","defs":{"left":"32px"}},
-    "left5": {"kind":"static","defs":{"left":"40px"}},
-    "left6": {"kind":"static","defs":{"left":"48px"}},
-    "left7": {"kind":"static","defs":{"left":"56px"}},
-    "left8": {"kind":"static","defs":{"left":"64px"}},
+    "left0": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 0)"}},
+    "left1": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 1)"}},
+    "left2": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 2)"}},
+    "left3": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 3)"}},
+    "left4": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 4)"}},
+    "left5": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 5)"}},
+    "left6": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 6)"}},
+    "left7": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 7)"}},
+    "left8": {"kind":"static","defs":{"left":"calc(var(--t-spacing) * 8)"}},
     "left": {"kind":"variable","props":["left"],"incremented":true},
     "leftPx": {"kind":"delegate","target":"left"},
     "cursorPointer": {"kind":"static","defs":{"cursor":"pointer"}},
@@ -279,48 +280,48 @@
     "gc": {"kind":"variable","props":["gridColumn"],"incremented":false},
     "gar": {"kind":"variable","props":["gridAutoRows"],"incremented":false},
     "gac": {"kind":"variable","props":["gridAutoColumns"],"incremented":false},
-    "gap0": {"kind":"static","defs":{"gap":"0px"}},
-    "gap1": {"kind":"static","defs":{"gap":"8px"}},
-    "gap2": {"kind":"static","defs":{"gap":"16px"}},
-    "gap3": {"kind":"static","defs":{"gap":"24px"}},
-    "gap4": {"kind":"static","defs":{"gap":"32px"}},
-    "gap5": {"kind":"static","defs":{"gap":"40px"}},
-    "gap6": {"kind":"static","defs":{"gap":"48px"}},
-    "gap7": {"kind":"static","defs":{"gap":"56px"}},
-    "gap8": {"kind":"static","defs":{"gap":"64px"}},
+    "gap0": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 0)"}},
+    "gap1": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 1)"}},
+    "gap2": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 2)"}},
+    "gap3": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 3)"}},
+    "gap4": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 4)"}},
+    "gap5": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 5)"}},
+    "gap6": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 6)"}},
+    "gap7": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 7)"}},
+    "gap8": {"kind":"static","defs":{"gap":"calc(var(--t-spacing) * 8)"}},
     "gap": {"kind":"variable","props":["gap"],"incremented":true},
     "gapPx": {"kind":"delegate","target":"gap"},
-    "rg0": {"kind":"static","defs":{"rowGap":"0px"}},
-    "rg1": {"kind":"static","defs":{"rowGap":"8px"}},
-    "rg2": {"kind":"static","defs":{"rowGap":"16px"}},
-    "rg3": {"kind":"static","defs":{"rowGap":"24px"}},
-    "rg4": {"kind":"static","defs":{"rowGap":"32px"}},
-    "rg5": {"kind":"static","defs":{"rowGap":"40px"}},
-    "rg6": {"kind":"static","defs":{"rowGap":"48px"}},
-    "rg7": {"kind":"static","defs":{"rowGap":"56px"}},
-    "rg8": {"kind":"static","defs":{"rowGap":"64px"}},
+    "rg0": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 0)"}},
+    "rg1": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 1)"}},
+    "rg2": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 2)"}},
+    "rg3": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 3)"}},
+    "rg4": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 4)"}},
+    "rg5": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 5)"}},
+    "rg6": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 6)"}},
+    "rg7": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 7)"}},
+    "rg8": {"kind":"static","defs":{"rowGap":"calc(var(--t-spacing) * 8)"}},
     "rg": {"kind":"variable","props":["rowGap"],"incremented":true},
     "rgPx": {"kind":"delegate","target":"rg"},
-    "cg0": {"kind":"static","defs":{"columnGap":"0px"}},
-    "cg1": {"kind":"static","defs":{"columnGap":"8px"}},
-    "cg2": {"kind":"static","defs":{"columnGap":"16px"}},
-    "cg3": {"kind":"static","defs":{"columnGap":"24px"}},
-    "cg4": {"kind":"static","defs":{"columnGap":"32px"}},
-    "cg5": {"kind":"static","defs":{"columnGap":"40px"}},
-    "cg6": {"kind":"static","defs":{"columnGap":"48px"}},
-    "cg7": {"kind":"static","defs":{"columnGap":"56px"}},
-    "cg8": {"kind":"static","defs":{"columnGap":"64px"}},
+    "cg0": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 0)"}},
+    "cg1": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 1)"}},
+    "cg2": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 2)"}},
+    "cg3": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 3)"}},
+    "cg4": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 4)"}},
+    "cg5": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 5)"}},
+    "cg6": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 6)"}},
+    "cg7": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 7)"}},
+    "cg8": {"kind":"static","defs":{"columnGap":"calc(var(--t-spacing) * 8)"}},
     "cg": {"kind":"variable","props":["columnGap"],"incremented":true},
     "cgPx": {"kind":"delegate","target":"cg"},
-    "h0": {"kind":"static","defs":{"height":"0px"}},
-    "h1": {"kind":"static","defs":{"height":"8px"}},
-    "h2": {"kind":"static","defs":{"height":"16px"}},
-    "h3": {"kind":"static","defs":{"height":"24px"}},
-    "h4": {"kind":"static","defs":{"height":"32px"}},
-    "h5": {"kind":"static","defs":{"height":"40px"}},
-    "h6": {"kind":"static","defs":{"height":"48px"}},
-    "h7": {"kind":"static","defs":{"height":"56px"}},
-    "h8": {"kind":"static","defs":{"height":"64px"}},
+    "h0": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 0)"}},
+    "h1": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 1)"}},
+    "h2": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 2)"}},
+    "h3": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 3)"}},
+    "h4": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 4)"}},
+    "h5": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 5)"}},
+    "h6": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 6)"}},
+    "h7": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 7)"}},
+    "h8": {"kind":"static","defs":{"height":"calc(var(--t-spacing) * 8)"}},
     "ha": {"kind":"static","defs":{"height":"auto"}},
     "h": {"kind":"variable","props":["height"],"incremented":true},
     "hPx": {"kind":"delegate","target":"h"},
@@ -397,7 +398,7 @@
     "relative": {"kind":"static","defs":{"position":"relative"}},
     "sticky": {"kind":"static","defs":{"position":"sticky"}},
     "position": {"kind":"variable","props":["position"],"incremented":false},
-    "white": {"kind":"static","defs":{"color":"rgba(255,255,255,1)"}},
+    "white": {"kind":"static","defs":{"color":"rgba(255, 255, 255, 1)"}},
     "transparent": {"kind":"static","defs":{"color":"rgba(0,0,0,0)"}},
     "gray50": {"kind":"static","defs":{"color":"rgba(255, 253, 253, 1)"}},
     "gray100": {"kind":"static","defs":{"color":"rgba(247, 245, 245, 1)"}},
@@ -470,7 +471,7 @@
     "orange800": {"kind":"static","defs":{"color":"rgba(154, 52, 18, 1)"}},
     "orange900": {"kind":"static","defs":{"color":"rgba(124, 45, 18, 1)"}},
     "color": {"kind":"variable","props":["color"],"incremented":false},
-    "bgWhite": {"kind":"static","defs":{"backgroundColor":"rgba(255,255,255,1)"}},
+    "bgWhite": {"kind":"static","defs":{"backgroundColor":"rgba(255, 255, 255, 1)"}},
     "bgTransparent": {"kind":"static","defs":{"backgroundColor":"rgba(0,0,0,0)"}},
     "bgGray50": {"kind":"static","defs":{"backgroundColor":"rgba(255, 253, 253, 1)"}},
     "bgGray100": {"kind":"static","defs":{"backgroundColor":"rgba(247, 245, 245, 1)"}},
@@ -543,7 +544,7 @@
     "bgOrange800": {"kind":"static","defs":{"backgroundColor":"rgba(154, 52, 18, 1)"}},
     "bgOrange900": {"kind":"static","defs":{"backgroundColor":"rgba(124, 45, 18, 1)"}},
     "bgColor": {"kind":"variable","props":["backgroundColor"],"incremented":false},
-    "fWhite": {"kind":"static","defs":{"fill":"rgba(255,255,255,1)"}},
+    "fWhite": {"kind":"static","defs":{"fill":"rgba(255, 255, 255, 1)"}},
     "fTransparent": {"kind":"static","defs":{"fill":"rgba(0,0,0,0)"}},
     "fGray50": {"kind":"static","defs":{"fill":"rgba(255, 253, 253, 1)"}},
     "fGray100": {"kind":"static","defs":{"fill":"rgba(247, 245, 245, 1)"}},
@@ -616,165 +617,165 @@
     "fOrange800": {"kind":"static","defs":{"fill":"rgba(154, 52, 18, 1)"}},
     "fOrange900": {"kind":"static","defs":{"fill":"rgba(124, 45, 18, 1)"}},
     "fill": {"kind":"variable","props":["fill"],"incremented":false},
-    "mt0": {"kind":"static","defs":{"marginTop":"0px"}},
-    "mt1": {"kind":"static","defs":{"marginTop":"8px"}},
-    "mt2": {"kind":"static","defs":{"marginTop":"16px"}},
-    "mt3": {"kind":"static","defs":{"marginTop":"24px"}},
-    "mt4": {"kind":"static","defs":{"marginTop":"32px"}},
-    "mt5": {"kind":"static","defs":{"marginTop":"40px"}},
-    "mt6": {"kind":"static","defs":{"marginTop":"48px"}},
-    "mt7": {"kind":"static","defs":{"marginTop":"56px"}},
-    "mt8": {"kind":"static","defs":{"marginTop":"64px"}},
+    "mt0": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 0)"}},
+    "mt1": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 1)"}},
+    "mt2": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 2)"}},
+    "mt3": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 3)"}},
+    "mt4": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 4)"}},
+    "mt5": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 5)"}},
+    "mt6": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 6)"}},
+    "mt7": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 7)"}},
+    "mt8": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 8)"}},
     "mta": {"kind":"static","defs":{"marginTop":"auto"}},
     "mt": {"kind":"variable","props":["marginTop"],"incremented":true},
     "mtPx": {"kind":"delegate","target":"mt"},
-    "mr0": {"kind":"static","defs":{"marginRight":"0px"}},
-    "mr1": {"kind":"static","defs":{"marginRight":"8px"}},
-    "mr2": {"kind":"static","defs":{"marginRight":"16px"}},
-    "mr3": {"kind":"static","defs":{"marginRight":"24px"}},
-    "mr4": {"kind":"static","defs":{"marginRight":"32px"}},
-    "mr5": {"kind":"static","defs":{"marginRight":"40px"}},
-    "mr6": {"kind":"static","defs":{"marginRight":"48px"}},
-    "mr7": {"kind":"static","defs":{"marginRight":"56px"}},
-    "mr8": {"kind":"static","defs":{"marginRight":"64px"}},
+    "mr0": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 0)"}},
+    "mr1": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 1)"}},
+    "mr2": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 2)"}},
+    "mr3": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 3)"}},
+    "mr4": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 4)"}},
+    "mr5": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 5)"}},
+    "mr6": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 6)"}},
+    "mr7": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 7)"}},
+    "mr8": {"kind":"static","defs":{"marginRight":"calc(var(--t-spacing) * 8)"}},
     "mra": {"kind":"static","defs":{"marginRight":"auto"}},
     "mr": {"kind":"variable","props":["marginRight"],"incremented":true},
     "mrPx": {"kind":"delegate","target":"mr"},
-    "mb0": {"kind":"static","defs":{"marginBottom":"0px"}},
-    "mb1": {"kind":"static","defs":{"marginBottom":"8px"}},
-    "mb2": {"kind":"static","defs":{"marginBottom":"16px"}},
-    "mb3": {"kind":"static","defs":{"marginBottom":"24px"}},
-    "mb4": {"kind":"static","defs":{"marginBottom":"32px"}},
-    "mb5": {"kind":"static","defs":{"marginBottom":"40px"}},
-    "mb6": {"kind":"static","defs":{"marginBottom":"48px"}},
-    "mb7": {"kind":"static","defs":{"marginBottom":"56px"}},
-    "mb8": {"kind":"static","defs":{"marginBottom":"64px"}},
+    "mb0": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 0)"}},
+    "mb1": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 1)"}},
+    "mb2": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 2)"}},
+    "mb3": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 3)"}},
+    "mb4": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 4)"}},
+    "mb5": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 5)"}},
+    "mb6": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 6)"}},
+    "mb7": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 7)"}},
+    "mb8": {"kind":"static","defs":{"marginBottom":"calc(var(--t-spacing) * 8)"}},
     "mba": {"kind":"static","defs":{"marginBottom":"auto"}},
     "mb": {"kind":"variable","props":["marginBottom"],"incremented":true},
     "mbPx": {"kind":"delegate","target":"mb"},
-    "ml0": {"kind":"static","defs":{"marginLeft":"0px"}},
-    "ml1": {"kind":"static","defs":{"marginLeft":"8px"}},
-    "ml2": {"kind":"static","defs":{"marginLeft":"16px"}},
-    "ml3": {"kind":"static","defs":{"marginLeft":"24px"}},
-    "ml4": {"kind":"static","defs":{"marginLeft":"32px"}},
-    "ml5": {"kind":"static","defs":{"marginLeft":"40px"}},
-    "ml6": {"kind":"static","defs":{"marginLeft":"48px"}},
-    "ml7": {"kind":"static","defs":{"marginLeft":"56px"}},
-    "ml8": {"kind":"static","defs":{"marginLeft":"64px"}},
+    "ml0": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 0)"}},
+    "ml1": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 1)"}},
+    "ml2": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 2)"}},
+    "ml3": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 3)"}},
+    "ml4": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 4)"}},
+    "ml5": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 5)"}},
+    "ml6": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 6)"}},
+    "ml7": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 7)"}},
+    "ml8": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 8)"}},
     "mla": {"kind":"static","defs":{"marginLeft":"auto"}},
     "ml": {"kind":"variable","props":["marginLeft"],"incremented":true},
     "mlPx": {"kind":"delegate","target":"ml"},
-    "mx0": {"kind":"static","defs":{"marginLeft":"0px","marginRight":"0px"}},
-    "mx1": {"kind":"static","defs":{"marginLeft":"8px","marginRight":"8px"}},
-    "mx2": {"kind":"static","defs":{"marginLeft":"16px","marginRight":"16px"}},
-    "mx3": {"kind":"static","defs":{"marginLeft":"24px","marginRight":"24px"}},
-    "mx4": {"kind":"static","defs":{"marginLeft":"32px","marginRight":"32px"}},
-    "mx5": {"kind":"static","defs":{"marginLeft":"40px","marginRight":"40px"}},
-    "mx6": {"kind":"static","defs":{"marginLeft":"48px","marginRight":"48px"}},
-    "mx7": {"kind":"static","defs":{"marginLeft":"56px","marginRight":"56px"}},
-    "mx8": {"kind":"static","defs":{"marginLeft":"64px","marginRight":"64px"}},
+    "mx0": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 0)","marginRight":"calc(var(--t-spacing) * 0)"}},
+    "mx1": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 1)","marginRight":"calc(var(--t-spacing) * 1)"}},
+    "mx2": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 2)","marginRight":"calc(var(--t-spacing) * 2)"}},
+    "mx3": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 3)","marginRight":"calc(var(--t-spacing) * 3)"}},
+    "mx4": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 4)","marginRight":"calc(var(--t-spacing) * 4)"}},
+    "mx5": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 5)","marginRight":"calc(var(--t-spacing) * 5)"}},
+    "mx6": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 6)","marginRight":"calc(var(--t-spacing) * 6)"}},
+    "mx7": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 7)","marginRight":"calc(var(--t-spacing) * 7)"}},
+    "mx8": {"kind":"static","defs":{"marginLeft":"calc(var(--t-spacing) * 8)","marginRight":"calc(var(--t-spacing) * 8)"}},
     "mxa": {"kind":"static","defs":{"marginLeft":"auto","marginRight":"auto"}},
     "mx": {"kind":"variable","props":["marginLeft","marginRight"],"incremented":true},
     "mxPx": {"kind":"delegate","target":"mx"},
-    "my0": {"kind":"static","defs":{"marginTop":"0px","marginBottom":"0px"}},
-    "my1": {"kind":"static","defs":{"marginTop":"8px","marginBottom":"8px"}},
-    "my2": {"kind":"static","defs":{"marginTop":"16px","marginBottom":"16px"}},
-    "my3": {"kind":"static","defs":{"marginTop":"24px","marginBottom":"24px"}},
-    "my4": {"kind":"static","defs":{"marginTop":"32px","marginBottom":"32px"}},
-    "my5": {"kind":"static","defs":{"marginTop":"40px","marginBottom":"40px"}},
-    "my6": {"kind":"static","defs":{"marginTop":"48px","marginBottom":"48px"}},
-    "my7": {"kind":"static","defs":{"marginTop":"56px","marginBottom":"56px"}},
-    "my8": {"kind":"static","defs":{"marginTop":"64px","marginBottom":"64px"}},
+    "my0": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 0)","marginBottom":"calc(var(--t-spacing) * 0)"}},
+    "my1": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 1)","marginBottom":"calc(var(--t-spacing) * 1)"}},
+    "my2": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 2)","marginBottom":"calc(var(--t-spacing) * 2)"}},
+    "my3": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 3)","marginBottom":"calc(var(--t-spacing) * 3)"}},
+    "my4": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 4)","marginBottom":"calc(var(--t-spacing) * 4)"}},
+    "my5": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 5)","marginBottom":"calc(var(--t-spacing) * 5)"}},
+    "my6": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 6)","marginBottom":"calc(var(--t-spacing) * 6)"}},
+    "my7": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 7)","marginBottom":"calc(var(--t-spacing) * 7)"}},
+    "my8": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 8)","marginBottom":"calc(var(--t-spacing) * 8)"}},
     "mya": {"kind":"static","defs":{"marginTop":"auto","marginBottom":"auto"}},
     "my": {"kind":"variable","props":["marginTop","marginBottom"],"incremented":true},
     "myPx": {"kind":"delegate","target":"my"},
-    "m0": {"kind":"static","defs":{"marginTop":"0px","marginBottom":"0px","marginRight":"0px","marginLeft":"0px"}},
-    "m1": {"kind":"static","defs":{"marginTop":"8px","marginBottom":"8px","marginRight":"8px","marginLeft":"8px"}},
-    "m2": {"kind":"static","defs":{"marginTop":"16px","marginBottom":"16px","marginRight":"16px","marginLeft":"16px"}},
-    "m3": {"kind":"static","defs":{"marginTop":"24px","marginBottom":"24px","marginRight":"24px","marginLeft":"24px"}},
-    "m4": {"kind":"static","defs":{"marginTop":"32px","marginBottom":"32px","marginRight":"32px","marginLeft":"32px"}},
-    "m5": {"kind":"static","defs":{"marginTop":"40px","marginBottom":"40px","marginRight":"40px","marginLeft":"40px"}},
-    "m6": {"kind":"static","defs":{"marginTop":"48px","marginBottom":"48px","marginRight":"48px","marginLeft":"48px"}},
-    "m7": {"kind":"static","defs":{"marginTop":"56px","marginBottom":"56px","marginRight":"56px","marginLeft":"56px"}},
-    "m8": {"kind":"static","defs":{"marginTop":"64px","marginBottom":"64px","marginRight":"64px","marginLeft":"64px"}},
+    "m0": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 0)","marginBottom":"calc(var(--t-spacing) * 0)","marginRight":"calc(var(--t-spacing) * 0)","marginLeft":"calc(var(--t-spacing) * 0)"}},
+    "m1": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 1)","marginBottom":"calc(var(--t-spacing) * 1)","marginRight":"calc(var(--t-spacing) * 1)","marginLeft":"calc(var(--t-spacing) * 1)"}},
+    "m2": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 2)","marginBottom":"calc(var(--t-spacing) * 2)","marginRight":"calc(var(--t-spacing) * 2)","marginLeft":"calc(var(--t-spacing) * 2)"}},
+    "m3": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 3)","marginBottom":"calc(var(--t-spacing) * 3)","marginRight":"calc(var(--t-spacing) * 3)","marginLeft":"calc(var(--t-spacing) * 3)"}},
+    "m4": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 4)","marginBottom":"calc(var(--t-spacing) * 4)","marginRight":"calc(var(--t-spacing) * 4)","marginLeft":"calc(var(--t-spacing) * 4)"}},
+    "m5": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 5)","marginBottom":"calc(var(--t-spacing) * 5)","marginRight":"calc(var(--t-spacing) * 5)","marginLeft":"calc(var(--t-spacing) * 5)"}},
+    "m6": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 6)","marginBottom":"calc(var(--t-spacing) * 6)","marginRight":"calc(var(--t-spacing) * 6)","marginLeft":"calc(var(--t-spacing) * 6)"}},
+    "m7": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 7)","marginBottom":"calc(var(--t-spacing) * 7)","marginRight":"calc(var(--t-spacing) * 7)","marginLeft":"calc(var(--t-spacing) * 7)"}},
+    "m8": {"kind":"static","defs":{"marginTop":"calc(var(--t-spacing) * 8)","marginBottom":"calc(var(--t-spacing) * 8)","marginRight":"calc(var(--t-spacing) * 8)","marginLeft":"calc(var(--t-spacing) * 8)"}},
     "ma": {"kind":"static","defs":{"marginTop":"auto","marginBottom":"auto","marginRight":"auto","marginLeft":"auto"}},
     "m": {"kind":"variable","props":["marginTop","marginBottom","marginRight","marginLeft"],"incremented":true},
     "mPx": {"kind":"delegate","target":"m"},
-    "pt0": {"kind":"static","defs":{"paddingTop":"0px"}},
-    "pt1": {"kind":"static","defs":{"paddingTop":"8px"}},
-    "pt2": {"kind":"static","defs":{"paddingTop":"16px"}},
-    "pt3": {"kind":"static","defs":{"paddingTop":"24px"}},
-    "pt4": {"kind":"static","defs":{"paddingTop":"32px"}},
-    "pt5": {"kind":"static","defs":{"paddingTop":"40px"}},
-    "pt6": {"kind":"static","defs":{"paddingTop":"48px"}},
-    "pt7": {"kind":"static","defs":{"paddingTop":"56px"}},
-    "pt8": {"kind":"static","defs":{"paddingTop":"64px"}},
+    "pt0": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 0)"}},
+    "pt1": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 1)"}},
+    "pt2": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 2)"}},
+    "pt3": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 3)"}},
+    "pt4": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 4)"}},
+    "pt5": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 5)"}},
+    "pt6": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 6)"}},
+    "pt7": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 7)"}},
+    "pt8": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 8)"}},
     "pt": {"kind":"variable","props":["paddingTop"],"incremented":true},
     "ptPx": {"kind":"delegate","target":"pt"},
-    "pr0": {"kind":"static","defs":{"paddingRight":"0px"}},
-    "pr1": {"kind":"static","defs":{"paddingRight":"8px"}},
-    "pr2": {"kind":"static","defs":{"paddingRight":"16px"}},
-    "pr3": {"kind":"static","defs":{"paddingRight":"24px"}},
-    "pr4": {"kind":"static","defs":{"paddingRight":"32px"}},
-    "pr5": {"kind":"static","defs":{"paddingRight":"40px"}},
-    "pr6": {"kind":"static","defs":{"paddingRight":"48px"}},
-    "pr7": {"kind":"static","defs":{"paddingRight":"56px"}},
-    "pr8": {"kind":"static","defs":{"paddingRight":"64px"}},
+    "pr0": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 0)"}},
+    "pr1": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 1)"}},
+    "pr2": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 2)"}},
+    "pr3": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 3)"}},
+    "pr4": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 4)"}},
+    "pr5": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 5)"}},
+    "pr6": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 6)"}},
+    "pr7": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 7)"}},
+    "pr8": {"kind":"static","defs":{"paddingRight":"calc(var(--t-spacing) * 8)"}},
     "pr": {"kind":"variable","props":["paddingRight"],"incremented":true},
     "prPx": {"kind":"delegate","target":"pr"},
-    "pb0": {"kind":"static","defs":{"paddingBottom":"0px"}},
-    "pb1": {"kind":"static","defs":{"paddingBottom":"8px"}},
-    "pb2": {"kind":"static","defs":{"paddingBottom":"16px"}},
-    "pb3": {"kind":"static","defs":{"paddingBottom":"24px"}},
-    "pb4": {"kind":"static","defs":{"paddingBottom":"32px"}},
-    "pb5": {"kind":"static","defs":{"paddingBottom":"40px"}},
-    "pb6": {"kind":"static","defs":{"paddingBottom":"48px"}},
-    "pb7": {"kind":"static","defs":{"paddingBottom":"56px"}},
-    "pb8": {"kind":"static","defs":{"paddingBottom":"64px"}},
+    "pb0": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 0)"}},
+    "pb1": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 1)"}},
+    "pb2": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 2)"}},
+    "pb3": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 3)"}},
+    "pb4": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 4)"}},
+    "pb5": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 5)"}},
+    "pb6": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 6)"}},
+    "pb7": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 7)"}},
+    "pb8": {"kind":"static","defs":{"paddingBottom":"calc(var(--t-spacing) * 8)"}},
     "pb": {"kind":"variable","props":["paddingBottom"],"incremented":true},
     "pbPx": {"kind":"delegate","target":"pb"},
-    "pl0": {"kind":"static","defs":{"paddingLeft":"0px"}},
-    "pl1": {"kind":"static","defs":{"paddingLeft":"8px"}},
-    "pl2": {"kind":"static","defs":{"paddingLeft":"16px"}},
-    "pl3": {"kind":"static","defs":{"paddingLeft":"24px"}},
-    "pl4": {"kind":"static","defs":{"paddingLeft":"32px"}},
-    "pl5": {"kind":"static","defs":{"paddingLeft":"40px"}},
-    "pl6": {"kind":"static","defs":{"paddingLeft":"48px"}},
-    "pl7": {"kind":"static","defs":{"paddingLeft":"56px"}},
-    "pl8": {"kind":"static","defs":{"paddingLeft":"64px"}},
+    "pl0": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 0)"}},
+    "pl1": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 1)"}},
+    "pl2": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 2)"}},
+    "pl3": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 3)"}},
+    "pl4": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 4)"}},
+    "pl5": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 5)"}},
+    "pl6": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 6)"}},
+    "pl7": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 7)"}},
+    "pl8": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 8)"}},
     "pl": {"kind":"variable","props":["paddingLeft"],"incremented":true},
     "plPx": {"kind":"delegate","target":"pl"},
-    "px0": {"kind":"static","defs":{"paddingLeft":"0px","paddingRight":"0px"}},
-    "px1": {"kind":"static","defs":{"paddingLeft":"8px","paddingRight":"8px"}},
-    "px2": {"kind":"static","defs":{"paddingLeft":"16px","paddingRight":"16px"}},
-    "px3": {"kind":"static","defs":{"paddingLeft":"24px","paddingRight":"24px"}},
-    "px4": {"kind":"static","defs":{"paddingLeft":"32px","paddingRight":"32px"}},
-    "px5": {"kind":"static","defs":{"paddingLeft":"40px","paddingRight":"40px"}},
-    "px6": {"kind":"static","defs":{"paddingLeft":"48px","paddingRight":"48px"}},
-    "px7": {"kind":"static","defs":{"paddingLeft":"56px","paddingRight":"56px"}},
-    "px8": {"kind":"static","defs":{"paddingLeft":"64px","paddingRight":"64px"}},
+    "px0": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 0)","paddingRight":"calc(var(--t-spacing) * 0)"}},
+    "px1": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 1)","paddingRight":"calc(var(--t-spacing) * 1)"}},
+    "px2": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 2)","paddingRight":"calc(var(--t-spacing) * 2)"}},
+    "px3": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 3)","paddingRight":"calc(var(--t-spacing) * 3)"}},
+    "px4": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 4)","paddingRight":"calc(var(--t-spacing) * 4)"}},
+    "px5": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 5)","paddingRight":"calc(var(--t-spacing) * 5)"}},
+    "px6": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 6)","paddingRight":"calc(var(--t-spacing) * 6)"}},
+    "px7": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 7)","paddingRight":"calc(var(--t-spacing) * 7)"}},
+    "px8": {"kind":"static","defs":{"paddingLeft":"calc(var(--t-spacing) * 8)","paddingRight":"calc(var(--t-spacing) * 8)"}},
     "px": {"kind":"variable","props":["paddingLeft","paddingRight"],"incremented":true},
     "pxPx": {"kind":"delegate","target":"px"},
-    "py0": {"kind":"static","defs":{"paddingTop":"0px","paddingBottom":"0px"}},
-    "py1": {"kind":"static","defs":{"paddingTop":"8px","paddingBottom":"8px"}},
-    "py2": {"kind":"static","defs":{"paddingTop":"16px","paddingBottom":"16px"}},
-    "py3": {"kind":"static","defs":{"paddingTop":"24px","paddingBottom":"24px"}},
-    "py4": {"kind":"static","defs":{"paddingTop":"32px","paddingBottom":"32px"}},
-    "py5": {"kind":"static","defs":{"paddingTop":"40px","paddingBottom":"40px"}},
-    "py6": {"kind":"static","defs":{"paddingTop":"48px","paddingBottom":"48px"}},
-    "py7": {"kind":"static","defs":{"paddingTop":"56px","paddingBottom":"56px"}},
-    "py8": {"kind":"static","defs":{"paddingTop":"64px","paddingBottom":"64px"}},
+    "py0": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 0)","paddingBottom":"calc(var(--t-spacing) * 0)"}},
+    "py1": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 1)","paddingBottom":"calc(var(--t-spacing) * 1)"}},
+    "py2": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 2)","paddingBottom":"calc(var(--t-spacing) * 2)"}},
+    "py3": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 3)","paddingBottom":"calc(var(--t-spacing) * 3)"}},
+    "py4": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 4)","paddingBottom":"calc(var(--t-spacing) * 4)"}},
+    "py5": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 5)","paddingBottom":"calc(var(--t-spacing) * 5)"}},
+    "py6": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 6)","paddingBottom":"calc(var(--t-spacing) * 6)"}},
+    "py7": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 7)","paddingBottom":"calc(var(--t-spacing) * 7)"}},
+    "py8": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 8)","paddingBottom":"calc(var(--t-spacing) * 8)"}},
     "py": {"kind":"variable","props":["paddingTop","paddingBottom"],"incremented":true},
     "pyPx": {"kind":"delegate","target":"py"},
-    "p0": {"kind":"static","defs":{"paddingTop":"0px","paddingBottom":"0px","paddingRight":"0px","paddingLeft":"0px"}},
-    "p1": {"kind":"static","defs":{"paddingTop":"8px","paddingBottom":"8px","paddingRight":"8px","paddingLeft":"8px"}},
-    "p2": {"kind":"static","defs":{"paddingTop":"16px","paddingBottom":"16px","paddingRight":"16px","paddingLeft":"16px"}},
-    "p3": {"kind":"static","defs":{"paddingTop":"24px","paddingBottom":"24px","paddingRight":"24px","paddingLeft":"24px"}},
-    "p4": {"kind":"static","defs":{"paddingTop":"32px","paddingBottom":"32px","paddingRight":"32px","paddingLeft":"32px"}},
-    "p5": {"kind":"static","defs":{"paddingTop":"40px","paddingBottom":"40px","paddingRight":"40px","paddingLeft":"40px"}},
-    "p6": {"kind":"static","defs":{"paddingTop":"48px","paddingBottom":"48px","paddingRight":"48px","paddingLeft":"48px"}},
-    "p7": {"kind":"static","defs":{"paddingTop":"56px","paddingBottom":"56px","paddingRight":"56px","paddingLeft":"56px"}},
-    "p8": {"kind":"static","defs":{"paddingTop":"64px","paddingBottom":"64px","paddingRight":"64px","paddingLeft":"64px"}},
+    "p0": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 0)","paddingBottom":"calc(var(--t-spacing) * 0)","paddingRight":"calc(var(--t-spacing) * 0)","paddingLeft":"calc(var(--t-spacing) * 0)"}},
+    "p1": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 1)","paddingBottom":"calc(var(--t-spacing) * 1)","paddingRight":"calc(var(--t-spacing) * 1)","paddingLeft":"calc(var(--t-spacing) * 1)"}},
+    "p2": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 2)","paddingBottom":"calc(var(--t-spacing) * 2)","paddingRight":"calc(var(--t-spacing) * 2)","paddingLeft":"calc(var(--t-spacing) * 2)"}},
+    "p3": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 3)","paddingBottom":"calc(var(--t-spacing) * 3)","paddingRight":"calc(var(--t-spacing) * 3)","paddingLeft":"calc(var(--t-spacing) * 3)"}},
+    "p4": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 4)","paddingBottom":"calc(var(--t-spacing) * 4)","paddingRight":"calc(var(--t-spacing) * 4)","paddingLeft":"calc(var(--t-spacing) * 4)"}},
+    "p5": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 5)","paddingBottom":"calc(var(--t-spacing) * 5)","paddingRight":"calc(var(--t-spacing) * 5)","paddingLeft":"calc(var(--t-spacing) * 5)"}},
+    "p6": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 6)","paddingBottom":"calc(var(--t-spacing) * 6)","paddingRight":"calc(var(--t-spacing) * 6)","paddingLeft":"calc(var(--t-spacing) * 6)"}},
+    "p7": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 7)","paddingBottom":"calc(var(--t-spacing) * 7)","paddingRight":"calc(var(--t-spacing) * 7)","paddingLeft":"calc(var(--t-spacing) * 7)"}},
+    "p8": {"kind":"static","defs":{"paddingTop":"calc(var(--t-spacing) * 8)","paddingBottom":"calc(var(--t-spacing) * 8)","paddingRight":"calc(var(--t-spacing) * 8)","paddingLeft":"calc(var(--t-spacing) * 8)"}},
     "p": {"kind":"variable","props":["paddingTop","paddingBottom","paddingRight","paddingLeft"],"incremented":true},
     "pPx": {"kind":"delegate","target":"p"},
     "tal": {"kind":"static","defs":{"textAlign":"left"}},
@@ -859,15 +860,15 @@
     "maxwmaxc": {"kind":"static","defs":{"maxWidth":"max-content"}},
     "maxw": {"kind":"variable","props":["maxWidth"],"incremented":false},
     "maxwPx": {"kind":"delegate","target":"maxw"},
-    "w0": {"kind":"static","defs":{"width":"0px"}},
-    "w1": {"kind":"static","defs":{"width":"8px"}},
-    "w2": {"kind":"static","defs":{"width":"16px"}},
-    "w3": {"kind":"static","defs":{"width":"24px"}},
-    "w4": {"kind":"static","defs":{"width":"32px"}},
-    "w5": {"kind":"static","defs":{"width":"40px"}},
-    "w6": {"kind":"static","defs":{"width":"48px"}},
-    "w7": {"kind":"static","defs":{"width":"56px"}},
-    "w8": {"kind":"static","defs":{"width":"64px"}},
+    "w0": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 0)"}},
+    "w1": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 1)"}},
+    "w2": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 2)"}},
+    "w3": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 3)"}},
+    "w4": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 4)"}},
+    "w5": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 5)"}},
+    "w6": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 6)"}},
+    "w7": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 7)"}},
+    "w8": {"kind":"static","defs":{"width":"calc(var(--t-spacing) * 8)"}},
     "wa": {"kind":"static","defs":{"width":"auto"}},
     "w": {"kind":"variable","props":["width"],"incremented":true},
     "wPx": {"kind":"delegate","target":"w"},
@@ -900,8 +901,8 @@
     "bsh0": {"kind":"static","defs":{"boxShadow":"none"}},
     "bshBasic": {"kind":"static","defs":{"boxShadow":"0px 4px 8px rgba(53, 53, 53, 0.08), 0px 2px 16px rgba(53, 53, 53, 0.03);"}},
     "bshHover": {"kind":"static","defs":{"boxShadow":"0px 4px 8px rgba(53, 53, 53, 0.1), 0px 2px 24px rgba(53, 53, 53, 0.08);"}},
-    "bshFocus": {"kind":"static","defs":{"boxShadow":"0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"}},
-    "bshDanger": {"kind":"static","defs":{"boxShadow":"0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"}},
+    "bshFocus": {"kind":"static","defs":{"boxShadow":"0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"}},
+    "bshDanger": {"kind":"static","defs":{"boxShadow":"0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"}},
     "bshModal": {"kind":"static","defs":{"boxShadow":"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"}},
     "boxShadow": {"kind":"variable","props":["boxShadow"],"incremented":false},
     "buttonBase": {"kind":"static","defs":{"fontWeight":600,"fontSize":"14px","lineHeight":"20px","outline":0,"borderRadius":"8px","display":"inline-flex","alignItems":"center","whiteSpace":"nowrap","transition":"background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"}},