thread-ui 0.8.1 → 0.10.0

package/dist/styled-system/tokens/index.js

@@ -75,198 +75,6 @@ const tokens = {
     "value": "500ms",
     "variable": "var(--thread-ui-durations-slowest)"
   },
-  "fontWeights.thin": {
-    "value": "100",
-    "variable": "var(--thread-ui-font-weights-thin)"
-  },
-  "fontWeights.extralight": {
-    "value": "200",
-    "variable": "var(--thread-ui-font-weights-extralight)"
-  },
-  "fontWeights.light": {
-    "value": "300",
-    "variable": "var(--thread-ui-font-weights-light)"
-  },
-  "fontWeights.normal": {
-    "value": "400",
-    "variable": "var(--thread-ui-font-weights-normal)"
-  },
-  "fontWeights.medium": {
-    "value": "500",
-    "variable": "var(--thread-ui-font-weights-medium)"
-  },
-  "fontWeights.semibold": {
-    "value": "600",
-    "variable": "var(--thread-ui-font-weights-semibold)"
-  },
-  "fontWeights.bold": {
-    "value": "700",
-    "variable": "var(--thread-ui-font-weights-bold)"
-  },
-  "fontWeights.extrabold": {
-    "value": "800",
-    "variable": "var(--thread-ui-font-weights-extrabold)"
-  },
-  "fontWeights.black": {
-    "value": "900",
-    "variable": "var(--thread-ui-font-weights-black)"
-  },
-  "lineHeights.none": {
-    "value": "1",
-    "variable": "var(--thread-ui-line-heights-none)"
-  },
-  "lineHeights.tight": {
-    "value": "1.25",
-    "variable": "var(--thread-ui-line-heights-tight)"
-  },
-  "lineHeights.snug": {
-    "value": "1.375",
-    "variable": "var(--thread-ui-line-heights-snug)"
-  },
-  "lineHeights.normal": {
-    "value": "1.5",
-    "variable": "var(--thread-ui-line-heights-normal)"
-  },
-  "lineHeights.relaxed": {
-    "value": "1.625",
-    "variable": "var(--thread-ui-line-heights-relaxed)"
-  },
-  "lineHeights.loose": {
-    "value": "2",
-    "variable": "var(--thread-ui-line-heights-loose)"
-  },
-  "fonts.sans": {
-    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-    "variable": "var(--thread-ui-fonts-sans)"
-  },
-  "fonts.serif": {
-    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
-    "variable": "var(--thread-ui-fonts-serif)"
-  },
-  "fonts.mono": {
-    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
-    "variable": "var(--thread-ui-fonts-mono)"
-  },
-  "letterSpacings.tighter": {
-    "value": "-0.05em",
-    "variable": "var(--thread-ui-letter-spacings-tighter)"
-  },
-  "letterSpacings.tight": {
-    "value": "-0.025em",
-    "variable": "var(--thread-ui-letter-spacings-tight)"
-  },
-  "letterSpacings.normal": {
-    "value": "0em",
-    "variable": "var(--thread-ui-letter-spacings-normal)"
-  },
-  "letterSpacings.wide": {
-    "value": "0.025em",
-    "variable": "var(--thread-ui-letter-spacings-wide)"
-  },
-  "letterSpacings.wider": {
-    "value": "0.05em",
-    "variable": "var(--thread-ui-letter-spacings-wider)"
-  },
-  "letterSpacings.widest": {
-    "value": "0.1em",
-    "variable": "var(--thread-ui-letter-spacings-widest)"
-  },
-  "fontSizes.2xs": {
-    "value": "0.5rem",
-    "variable": "var(--thread-ui-font-sizes-2xs)"
-  },
-  "fontSizes.xs": {
-    "value": "0.75rem",
-    "variable": "var(--thread-ui-font-sizes-xs)"
-  },
-  "fontSizes.sm": {
-    "value": "0.875rem",
-    "variable": "var(--thread-ui-font-sizes-sm)"
-  },
-  "fontSizes.md": {
-    "value": "1rem",
-    "variable": "var(--thread-ui-font-sizes-md)"
-  },
-  "fontSizes.lg": {
-    "value": "1.125rem",
-    "variable": "var(--thread-ui-font-sizes-lg)"
-  },
-  "fontSizes.xl": {
-    "value": "1.25rem",
-    "variable": "var(--thread-ui-font-sizes-xl)"
-  },
-  "fontSizes.2xl": {
-    "value": "1.5rem",
-    "variable": "var(--thread-ui-font-sizes-2xl)"
-  },
-  "fontSizes.3xl": {
-    "value": "1.875rem",
-    "variable": "var(--thread-ui-font-sizes-3xl)"
-  },
-  "fontSizes.4xl": {
-    "value": "2.25rem",
-    "variable": "var(--thread-ui-font-sizes-4xl)"
-  },
-  "fontSizes.5xl": {
-    "value": "3rem",
-    "variable": "var(--thread-ui-font-sizes-5xl)"
-  },
-  "fontSizes.6xl": {
-    "value": "3.75rem",
-    "variable": "var(--thread-ui-font-sizes-6xl)"
-  },
-  "fontSizes.7xl": {
-    "value": "4.5rem",
-    "variable": "var(--thread-ui-font-sizes-7xl)"
-  },
-  "fontSizes.8xl": {
-    "value": "6rem",
-    "variable": "var(--thread-ui-font-sizes-8xl)"
-  },
-  "fontSizes.9xl": {
-    "value": "8rem",
-    "variable": "var(--thread-ui-font-sizes-9xl)"
-  },
-  "shadows.2xs": {
-    "value": "0 1px rgb(0 0 0 / 0.05)",
-    "variable": "var(--thread-ui-shadows-2xs)"
-  },
-  "shadows.xs": {
-    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    "variable": "var(--thread-ui-shadows-xs)"
-  },
-  "shadows.sm": {
-    "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-    "variable": "var(--thread-ui-shadows-sm)"
-  },
-  "shadows.md": {
-    "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    "variable": "var(--thread-ui-shadows-md)"
-  },
-  "shadows.lg": {
-    "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    "variable": "var(--thread-ui-shadows-lg)"
-  },
-  "shadows.xl": {
-    "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-    "variable": "var(--thread-ui-shadows-xl)"
-  },
-  "shadows.2xl": {
-    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-    "variable": "var(--thread-ui-shadows-2xl)"
-  },
-  "shadows.inset-2xs": {
-    "value": "inset 0 1px rgb(0 0 0 / 0.05)",
-    "variable": "var(--thread-ui-shadows-inset-2xs)"
-  },
-  "shadows.inset-xs": {
-    "value": "inset 0 1px 1px rgb(0 0 0 / 0.05)",
-    "variable": "var(--thread-ui-shadows-inset-xs)"
-  },
-  "shadows.inset-sm": {
-    "value": "inset 0 2px 4px rgb(0 0 0 / 0.05)",
-    "variable": "var(--thread-ui-shadows-inset-sm)"
-  },
   "blurs.xs": {
     "value": "4px",
     "variable": "var(--thread-ui-blurs-xs)"
@@ -295,150 +103,6 @@ const tokens = {
     "value": "64px",
     "variable": "var(--thread-ui-blurs-3xl)"
   },
-  "spacing.0": {
-    "value": "0rem",
-    "variable": "var(--thread-ui-spacing-0)"
-  },
-  "spacing.1": {
-    "value": "0.25rem",
-    "variable": "var(--thread-ui-spacing-1)"
-  },
-  "spacing.2": {
-    "value": "0.5rem",
-    "variable": "var(--thread-ui-spacing-2)"
-  },
-  "spacing.3": {
-    "value": "0.75rem",
-    "variable": "var(--thread-ui-spacing-3)"
-  },
-  "spacing.4": {
-    "value": "1rem",
-    "variable": "var(--thread-ui-spacing-4)"
-  },
-  "spacing.5": {
-    "value": "1.25rem",
-    "variable": "var(--thread-ui-spacing-5)"
-  },
-  "spacing.6": {
-    "value": "1.5rem",
-    "variable": "var(--thread-ui-spacing-6)"
-  },
-  "spacing.7": {
-    "value": "1.75rem",
-    "variable": "var(--thread-ui-spacing-7)"
-  },
-  "spacing.8": {
-    "value": "2rem",
-    "variable": "var(--thread-ui-spacing-8)"
-  },
-  "spacing.9": {
-    "value": "2.25rem",
-    "variable": "var(--thread-ui-spacing-9)"
-  },
-  "spacing.10": {
-    "value": "2.5rem",
-    "variable": "var(--thread-ui-spacing-10)"
-  },
-  "spacing.11": {
-    "value": "2.75rem",
-    "variable": "var(--thread-ui-spacing-11)"
-  },
-  "spacing.12": {
-    "value": "3rem",
-    "variable": "var(--thread-ui-spacing-12)"
-  },
-  "spacing.14": {
-    "value": "3.5rem",
-    "variable": "var(--thread-ui-spacing-14)"
-  },
-  "spacing.16": {
-    "value": "4rem",
-    "variable": "var(--thread-ui-spacing-16)"
-  },
-  "spacing.20": {
-    "value": "5rem",
-    "variable": "var(--thread-ui-spacing-20)"
-  },
-  "spacing.24": {
-    "value": "6rem",
-    "variable": "var(--thread-ui-spacing-24)"
-  },
-  "spacing.28": {
-    "value": "7rem",
-    "variable": "var(--thread-ui-spacing-28)"
-  },
-  "spacing.32": {
-    "value": "8rem",
-    "variable": "var(--thread-ui-spacing-32)"
-  },
-  "spacing.36": {
-    "value": "9rem",
-    "variable": "var(--thread-ui-spacing-36)"
-  },
-  "spacing.40": {
-    "value": "10rem",
-    "variable": "var(--thread-ui-spacing-40)"
-  },
-  "spacing.44": {
-    "value": "11rem",
-    "variable": "var(--thread-ui-spacing-44)"
-  },
-  "spacing.48": {
-    "value": "12rem",
-    "variable": "var(--thread-ui-spacing-48)"
-  },
-  "spacing.52": {
-    "value": "13rem",
-    "variable": "var(--thread-ui-spacing-52)"
-  },
-  "spacing.56": {
-    "value": "14rem",
-    "variable": "var(--thread-ui-spacing-56)"
-  },
-  "spacing.60": {
-    "value": "15rem",
-    "variable": "var(--thread-ui-spacing-60)"
-  },
-  "spacing.64": {
-    "value": "16rem",
-    "variable": "var(--thread-ui-spacing-64)"
-  },
-  "spacing.72": {
-    "value": "18rem",
-    "variable": "var(--thread-ui-spacing-72)"
-  },
-  "spacing.80": {
-    "value": "20rem",
-    "variable": "var(--thread-ui-spacing-80)"
-  },
-  "spacing.96": {
-    "value": "24rem",
-    "variable": "var(--thread-ui-spacing-96)"
-  },
-  "spacing.0.5": {
-    "value": "0.125rem",
-    "variable": "var(--thread-ui-spacing-0\\.5)"
-  },
-  "spacing.1.5": {
-    "value": "0.375rem",
-    "variable": "var(--thread-ui-spacing-1\\.5)"
-  },
-  "spacing.2.5": {
-    "value": "0.625rem",
-    "variable": "var(--thread-ui-spacing-2\\.5)"
-  },
-  "spacing.3.5": {
-    "value": "0.875rem",
-    "variable": "var(--thread-ui-spacing-3\\.5)"
-  },
-  "spacing.4.5": {
-    "value": "1.125rem",
-    "variable": "var(--thread-ui-spacing-4\\.5)"
-  },
-  "spacing.5.5": {
-    "value": "1.375rem",
-    "variable": "var(--thread-ui-spacing-5\\.5)"
-  },
   "sizes.0": {
     "value": "0rem",
     "variable": "var(--thread-ui-sizes-0)"
@@ -1727,45 +1391,225 @@ const tokens = {
     "value": "var(--thread-success-main)",
     "variable": "var(--thread-ui-colors-success-main)"
   },
-  "colors.success.dark": {
-    "value": "var(--thread-success-dark)",
-    "variable": "var(--thread-ui-colors-success-dark)"
+  "colors.success.dark": {
+    "value": "var(--thread-success-dark)",
+    "variable": "var(--thread-ui-colors-success-dark)"
+  },
+  "colors.warning.light": {
+    "value": "var(--thread-warning-light)",
+    "variable": "var(--thread-ui-colors-warning-light)"
+  },
+  "colors.warning.main": {
+    "value": "var(--thread-warning-main)",
+    "variable": "var(--thread-ui-colors-warning-main)"
+  },
+  "colors.warning.dark": {
+    "value": "var(--thread-warning-dark)",
+    "variable": "var(--thread-ui-colors-warning-dark)"
+  },
+  "colors.error.light": {
+    "value": "var(--thread-error-light)",
+    "variable": "var(--thread-ui-colors-error-light)"
+  },
+  "colors.error.main": {
+    "value": "var(--thread-error-main)",
+    "variable": "var(--thread-ui-colors-error-main)"
+  },
+  "colors.error.dark": {
+    "value": "var(--thread-error-dark)",
+    "variable": "var(--thread-ui-colors-error-dark)"
+  },
+  "colors.info.light": {
+    "value": "var(--thread-info-light)",
+    "variable": "var(--thread-ui-colors-info-light)"
+  },
+  "colors.info.main": {
+    "value": "var(--thread-info-main)",
+    "variable": "var(--thread-ui-colors-info-main)"
+  },
+  "colors.info.dark": {
+    "value": "var(--thread-info-dark)",
+    "variable": "var(--thread-ui-colors-info-dark)"
+  },
+  "colors.scrim": {
+    "value": "var(--thread-scrim)",
+    "variable": "var(--thread-ui-colors-scrim)"
+  },
+  "spacing.0": {
+    "value": "0rem",
+    "variable": "var(--thread-ui-spacing-0)"
+  },
+  "spacing.1": {
+    "value": "0.25rem",
+    "variable": "var(--thread-ui-spacing-1)"
+  },
+  "spacing.2": {
+    "value": "0.5rem",
+    "variable": "var(--thread-ui-spacing-2)"
+  },
+  "spacing.3": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-spacing-3)"
+  },
+  "spacing.4": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-spacing-4)"
+  },
+  "spacing.5": {
+    "value": "1.25rem",
+    "variable": "var(--thread-ui-spacing-5)"
+  },
+  "spacing.6": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-spacing-6)"
+  },
+  "spacing.7": {
+    "value": "1.75rem",
+    "variable": "var(--thread-ui-spacing-7)"
+  },
+  "spacing.8": {
+    "value": "2rem",
+    "variable": "var(--thread-ui-spacing-8)"
+  },
+  "spacing.9": {
+    "value": "2.25rem",
+    "variable": "var(--thread-ui-spacing-9)"
+  },
+  "spacing.10": {
+    "value": "2.5rem",
+    "variable": "var(--thread-ui-spacing-10)"
+  },
+  "spacing.11": {
+    "value": "2.75rem",
+    "variable": "var(--thread-ui-spacing-11)"
+  },
+  "spacing.12": {
+    "value": "3rem",
+    "variable": "var(--thread-ui-spacing-12)"
+  },
+  "spacing.14": {
+    "value": "3.5rem",
+    "variable": "var(--thread-ui-spacing-14)"
+  },
+  "spacing.16": {
+    "value": "4rem",
+    "variable": "var(--thread-ui-spacing-16)"
+  },
+  "spacing.20": {
+    "value": "5rem",
+    "variable": "var(--thread-ui-spacing-20)"
+  },
+  "spacing.24": {
+    "value": "6rem",
+    "variable": "var(--thread-ui-spacing-24)"
+  },
+  "spacing.28": {
+    "value": "7rem",
+    "variable": "var(--thread-ui-spacing-28)"
+  },
+  "spacing.32": {
+    "value": "8rem",
+    "variable": "var(--thread-ui-spacing-32)"
+  },
+  "spacing.36": {
+    "value": "9rem",
+    "variable": "var(--thread-ui-spacing-36)"
+  },
+  "spacing.40": {
+    "value": "10rem",
+    "variable": "var(--thread-ui-spacing-40)"
+  },
+  "spacing.44": {
+    "value": "11rem",
+    "variable": "var(--thread-ui-spacing-44)"
+  },
+  "spacing.48": {
+    "value": "12rem",
+    "variable": "var(--thread-ui-spacing-48)"
+  },
+  "spacing.52": {
+    "value": "13rem",
+    "variable": "var(--thread-ui-spacing-52)"
+  },
+  "spacing.56": {
+    "value": "14rem",
+    "variable": "var(--thread-ui-spacing-56)"
+  },
+  "spacing.60": {
+    "value": "15rem",
+    "variable": "var(--thread-ui-spacing-60)"
+  },
+  "spacing.64": {
+    "value": "16rem",
+    "variable": "var(--thread-ui-spacing-64)"
+  },
+  "spacing.72": {
+    "value": "18rem",
+    "variable": "var(--thread-ui-spacing-72)"
+  },
+  "spacing.80": {
+    "value": "20rem",
+    "variable": "var(--thread-ui-spacing-80)"
+  },
+  "spacing.96": {
+    "value": "24rem",
+    "variable": "var(--thread-ui-spacing-96)"
+  },
+  "spacing.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--thread-ui-spacing-0\\.5)"
+  },
+  "spacing.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--thread-ui-spacing-1\\.5)"
+  },
+  "spacing.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--thread-ui-spacing-2\\.5)"
+  },
+  "spacing.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--thread-ui-spacing-3\\.5)"
   },
-  "colors.warning.light": {
-    "value": "var(--thread-warning-light)",
-    "variable": "var(--thread-ui-colors-warning-light)"
+  "spacing.4.5": {
+    "value": "1.125rem",
+    "variable": "var(--thread-ui-spacing-4\\.5)"
   },
-  "colors.warning.main": {
-    "value": "var(--thread-warning-main)",
-    "variable": "var(--thread-ui-colors-warning-main)"
+  "spacing.5.5": {
+    "value": "1.375rem",
+    "variable": "var(--thread-ui-spacing-5\\.5)"
   },
-  "colors.warning.dark": {
-    "value": "var(--thread-warning-dark)",
-    "variable": "var(--thread-ui-colors-warning-dark)"
+  "spacing.none": {
+    "value": "var(--thread-spacing-none)",
+    "variable": "var(--thread-ui-spacing-none)"
   },
-  "colors.error.light": {
-    "value": "var(--thread-error-light)",
-    "variable": "var(--thread-ui-colors-error-light)"
+  "spacing.xxs": {
+    "value": "var(--thread-spacing-xxs)",
+    "variable": "var(--thread-ui-spacing-xxs)"
   },
-  "colors.error.main": {
-    "value": "var(--thread-error-main)",
-    "variable": "var(--thread-ui-colors-error-main)"
+  "spacing.xs": {
+    "value": "var(--thread-spacing-xs)",
+    "variable": "var(--thread-ui-spacing-xs)"
   },
-  "colors.error.dark": {
-    "value": "var(--thread-error-dark)",
-    "variable": "var(--thread-ui-colors-error-dark)"
+  "spacing.sm": {
+    "value": "var(--thread-spacing-sm)",
+    "variable": "var(--thread-ui-spacing-sm)"
   },
-  "colors.info.light": {
-    "value": "var(--thread-info-light)",
-    "variable": "var(--thread-ui-colors-info-light)"
+  "spacing.md": {
+    "value": "var(--thread-spacing-md)",
+    "variable": "var(--thread-ui-spacing-md)"
   },
-  "colors.info.main": {
-    "value": "var(--thread-info-main)",
-    "variable": "var(--thread-ui-colors-info-main)"
+  "spacing.lg": {
+    "value": "var(--thread-spacing-lg)",
+    "variable": "var(--thread-ui-spacing-lg)"
   },
-  "colors.info.dark": {
-    "value": "var(--thread-info-dark)",
-    "variable": "var(--thread-ui-colors-info-dark)"
+  "spacing.xl": {
+    "value": "var(--thread-spacing-xl)",
+    "variable": "var(--thread-ui-spacing-xl)"
+  },
+  "spacing.xxl": {
+    "value": "var(--thread-spacing-xxl)",
+    "variable": "var(--thread-ui-spacing-xxl)"
   },
   "radii.xs": {
     "value": "0.125rem",
@@ -1815,6 +1659,278 @@ const tokens = {
     "value": "var(--thread-border-size-lg)",
     "variable": "var(--thread-ui-border-widths-lg)"
   },
+  "shadows.2xs": {
+    "value": "0 1px rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-2xs)"
+  },
+  "shadows.xs": {
+    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-xs)"
+  },
+  "shadows.xl": {
+    "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "variable": "var(--thread-ui-shadows-xl)"
+  },
+  "shadows.2xl": {
+    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "variable": "var(--thread-ui-shadows-2xl)"
+  },
+  "shadows.inset-2xs": {
+    "value": "inset 0 1px rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-inset-2xs)"
+  },
+  "shadows.inset-xs": {
+    "value": "inset 0 1px 1px rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-inset-xs)"
+  },
+  "shadows.inset-sm": {
+    "value": "inset 0 2px 4px rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-inset-sm)"
+  },
+  "shadows.sm": {
+    "value": "var(--thread-shadow-sm)",
+    "variable": "var(--thread-ui-shadows-sm)"
+  },
+  "shadows.md": {
+    "value": "var(--thread-shadow-md)",
+    "variable": "var(--thread-ui-shadows-md)"
+  },
+  "shadows.lg": {
+    "value": "var(--thread-shadow-lg)",
+    "variable": "var(--thread-ui-shadows-lg)"
+  },
+  "zIndex.base": {
+    "value": "var(--thread-z-index-base)",
+    "variable": "var(--thread-ui-z-index-base)"
+  },
+  "zIndex.sticky": {
+    "value": "var(--thread-z-index-sticky)",
+    "variable": "var(--thread-ui-z-index-sticky)"
+  },
+  "zIndex.overlay": {
+    "value": "var(--thread-z-index-overlay)",
+    "variable": "var(--thread-ui-z-index-overlay)"
+  },
+  "zIndex.modal": {
+    "value": "var(--thread-z-index-modal)",
+    "variable": "var(--thread-ui-z-index-modal)"
+  },
+  "zIndex.system": {
+    "value": "var(--thread-z-index-system)",
+    "variable": "var(--thread-ui-z-index-system)"
+  },
+  "fonts.sans": {
+    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+    "variable": "var(--thread-ui-fonts-sans)"
+  },
+  "fonts.serif": {
+    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "variable": "var(--thread-ui-fonts-serif)"
+  },
+  "fonts.body": {
+    "value": "var(--thread-font-family-body)",
+    "variable": "var(--thread-ui-fonts-body)"
+  },
+  "fonts.heading": {
+    "value": "var(--thread-font-family-heading)",
+    "variable": "var(--thread-ui-fonts-heading)"
+  },
+  "fonts.mono": {
+    "value": "var(--thread-font-family-mono)",
+    "variable": "var(--thread-ui-fonts-mono)"
+  },
+  "fontSizes.2xs": {
+    "value": "0.5rem",
+    "variable": "var(--thread-ui-font-sizes-2xs)"
+  },
+  "fontSizes.xs": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-font-sizes-xs)"
+  },
+  "fontSizes.sm": {
+    "value": "0.875rem",
+    "variable": "var(--thread-ui-font-sizes-sm)"
+  },
+  "fontSizes.md": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-font-sizes-md)"
+  },
+  "fontSizes.lg": {
+    "value": "1.125rem",
+    "variable": "var(--thread-ui-font-sizes-lg)"
+  },
+  "fontSizes.xl": {
+    "value": "1.25rem",
+    "variable": "var(--thread-ui-font-sizes-xl)"
+  },
+  "fontSizes.2xl": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-font-sizes-2xl)"
+  },
+  "fontSizes.3xl": {
+    "value": "1.875rem",
+    "variable": "var(--thread-ui-font-sizes-3xl)"
+  },
+  "fontSizes.4xl": {
+    "value": "2.25rem",
+    "variable": "var(--thread-ui-font-sizes-4xl)"
+  },
+  "fontSizes.5xl": {
+    "value": "3rem",
+    "variable": "var(--thread-ui-font-sizes-5xl)"
+  },
+  "fontSizes.6xl": {
+    "value": "3.75rem",
+    "variable": "var(--thread-ui-font-sizes-6xl)"
+  },
+  "fontSizes.7xl": {
+    "value": "4.5rem",
+    "variable": "var(--thread-ui-font-sizes-7xl)"
+  },
+  "fontSizes.8xl": {
+    "value": "6rem",
+    "variable": "var(--thread-ui-font-sizes-8xl)"
+  },
+  "fontSizes.9xl": {
+    "value": "8rem",
+    "variable": "var(--thread-ui-font-sizes-9xl)"
+  },
+  "fontSizes.heading.sm": {
+    "value": "var(--thread-font-size-heading-sm)",
+    "variable": "var(--thread-ui-font-sizes-heading-sm)"
+  },
+  "fontSizes.heading.md": {
+    "value": "var(--thread-font-size-heading-md)",
+    "variable": "var(--thread-ui-font-sizes-heading-md)"
+  },
+  "fontSizes.heading.lg": {
+    "value": "var(--thread-font-size-heading-lg)",
+    "variable": "var(--thread-ui-font-sizes-heading-lg)"
+  },
+  "fontSizes.heading.xl": {
+    "value": "var(--thread-font-size-heading-xl)",
+    "variable": "var(--thread-ui-font-sizes-heading-xl)"
+  },
+  "fontSizes.body.xxs": {
+    "value": "var(--thread-font-size-body-xxs)",
+    "variable": "var(--thread-ui-font-sizes-body-xxs)"
+  },
+  "fontSizes.body.xs": {
+    "value": "var(--thread-font-size-body-xs)",
+    "variable": "var(--thread-ui-font-sizes-body-xs)"
+  },
+  "fontSizes.body.sm": {
+    "value": "var(--thread-font-size-body-sm)",
+    "variable": "var(--thread-ui-font-sizes-body-sm)"
+  },
+  "fontSizes.body.md": {
+    "value": "var(--thread-font-size-body-md)",
+    "variable": "var(--thread-ui-font-sizes-body-md)"
+  },
+  "fontSizes.body.lg": {
+    "value": "var(--thread-font-size-body-lg)",
+    "variable": "var(--thread-ui-font-sizes-body-lg)"
+  },
+  "fontSizes.body.xl": {
+    "value": "var(--thread-font-size-body-xl)",
+    "variable": "var(--thread-ui-font-sizes-body-xl)"
+  },
+  "fontWeights.thin": {
+    "value": "100",
+    "variable": "var(--thread-ui-font-weights-thin)"
+  },
+  "fontWeights.extralight": {
+    "value": "200",
+    "variable": "var(--thread-ui-font-weights-extralight)"
+  },
+  "fontWeights.light": {
+    "value": "300",
+    "variable": "var(--thread-ui-font-weights-light)"
+  },
+  "fontWeights.normal": {
+    "value": "400",
+    "variable": "var(--thread-ui-font-weights-normal)"
+  },
+  "fontWeights.extrabold": {
+    "value": "800",
+    "variable": "var(--thread-ui-font-weights-extrabold)"
+  },
+  "fontWeights.black": {
+    "value": "900",
+    "variable": "var(--thread-ui-font-weights-black)"
+  },
+  "fontWeights.regular": {
+    "value": "var(--thread-font-weight-regular)",
+    "variable": "var(--thread-ui-font-weights-regular)"
+  },
+  "fontWeights.medium": {
+    "value": "var(--thread-font-weight-medium)",
+    "variable": "var(--thread-ui-font-weights-medium)"
+  },
+  "fontWeights.semibold": {
+    "value": "var(--thread-font-weight-semibold)",
+    "variable": "var(--thread-ui-font-weights-semibold)"
+  },
+  "fontWeights.bold": {
+    "value": "var(--thread-font-weight-bold)",
+    "variable": "var(--thread-ui-font-weights-bold)"
+  },
+  "lineHeights.none": {
+    "value": "1",
+    "variable": "var(--thread-ui-line-heights-none)"
+  },
+  "lineHeights.snug": {
+    "value": "1.375",
+    "variable": "var(--thread-ui-line-heights-snug)"
+  },
+  "lineHeights.relaxed": {
+    "value": "1.625",
+    "variable": "var(--thread-ui-line-heights-relaxed)"
+  },
+  "lineHeights.tighter": {
+    "value": "var(--thread-line-height-tighter)",
+    "variable": "var(--thread-ui-line-heights-tighter)"
+  },
+  "lineHeights.tight": {
+    "value": "var(--thread-line-height-tight)",
+    "variable": "var(--thread-ui-line-heights-tight)"
+  },
+  "lineHeights.normal": {
+    "value": "var(--thread-line-height-normal)",
+    "variable": "var(--thread-ui-line-heights-normal)"
+  },
+  "lineHeights.loose": {
+    "value": "var(--thread-line-height-loose)",
+    "variable": "var(--thread-ui-line-heights-loose)"
+  },
+  "lineHeights.looser": {
+    "value": "var(--thread-line-height-looser)",
+    "variable": "var(--thread-ui-line-heights-looser)"
+  },
+  "letterSpacings.tighter": {
+    "value": "-0.05em",
+    "variable": "var(--thread-ui-letter-spacings-tighter)"
+  },
+  "letterSpacings.wider": {
+    "value": "0.05em",
+    "variable": "var(--thread-ui-letter-spacings-wider)"
+  },
+  "letterSpacings.widest": {
+    "value": "0.1em",
+    "variable": "var(--thread-ui-letter-spacings-widest)"
+  },
+  "letterSpacings.tight": {
+    "value": "var(--thread-letter-spacing-tight)",
+    "variable": "var(--thread-ui-letter-spacings-tight)"
+  },
+  "letterSpacings.normal": {
+    "value": "var(--thread-letter-spacing-normal)",
+    "variable": "var(--thread-ui-letter-spacings-normal)"
+  },
+  "letterSpacings.wide": {
+    "value": "var(--thread-letter-spacing-wide)",
+    "variable": "var(--thread-ui-letter-spacings-wide)"
+  },
   "breakpoints.sm": {
     "value": "640px",
     "variable": "var(--thread-ui-breakpoints-sm)"
@@ -1835,9 +1951,13 @@ const tokens = {
     "value": "1536px",
     "variable": "var(--thread-ui-breakpoints-2xl)"
   },
-  "colors.background": {
-    "value": "var(--thread-background)",
-    "variable": "var(--thread-ui-colors-background)"
+  "colors.canvas": {
+    "value": "var(--thread-canvas)",
+    "variable": "var(--thread-ui-colors-canvas)"
+  },
+  "colors.inset": {
+    "value": "var(--thread-inset)",
+    "variable": "var(--thread-ui-colors-inset)"
   },
   "colors.surface": {
     "value": "var(--thread-surface)",
@@ -1847,9 +1967,29 @@ const tokens = {
     "value": "var(--thread-elevated)",
     "variable": "var(--thread-ui-colors-elevated)"
   },
-  "colors.structure": {
-    "value": "var(--thread-structure)",
-    "variable": "var(--thread-ui-colors-structure)"
+  "colors.overlay": {
+    "value": "var(--thread-overlay)",
+    "variable": "var(--thread-ui-colors-overlay)"
+  },
+  "colors.active": {
+    "value": "var(--thread-active)",
+    "variable": "var(--thread-ui-colors-active)"
+  },
+  "colors.hover": {
+    "value": "var(--thread-hover)",
+    "variable": "var(--thread-ui-colors-hover)"
+  },
+  "colors.structure.subtle": {
+    "value": "var(--thread-structure-subtle)",
+    "variable": "var(--thread-ui-colors-structure-subtle)"
+  },
+  "colors.structure.default": {
+    "value": "var(--thread-structure-default)",
+    "variable": "var(--thread-ui-colors-structure-default)"
+  },
+  "colors.structure.strong": {
+    "value": "var(--thread-structure-strong)",
+    "variable": "var(--thread-ui-colors-structure-strong)"
   },
   "colors.text.standard": {
     "value": "var(--thread-text-standard)",
@@ -2011,6 +2151,38 @@ const tokens = {
     "value": "calc(var(--thread-ui-spacing-5\\.5) * -1)",
     "variable": "var(--thread-ui-spacing-5\\.5)"
   },
+  "spacing.-none": {
+    "value": "calc(var(--thread-ui-spacing-none) * -1)",
+    "variable": "var(--thread-ui-spacing-none)"
+  },
+  "spacing.-xxs": {
+    "value": "calc(var(--thread-ui-spacing-xxs) * -1)",
+    "variable": "var(--thread-ui-spacing-xxs)"
+  },
+  "spacing.-xs": {
+    "value": "calc(var(--thread-ui-spacing-xs) * -1)",
+    "variable": "var(--thread-ui-spacing-xs)"
+  },
+  "spacing.-sm": {
+    "value": "calc(var(--thread-ui-spacing-sm) * -1)",
+    "variable": "var(--thread-ui-spacing-sm)"
+  },
+  "spacing.-md": {
+    "value": "calc(var(--thread-ui-spacing-md) * -1)",
+    "variable": "var(--thread-ui-spacing-md)"
+  },
+  "spacing.-lg": {
+    "value": "calc(var(--thread-ui-spacing-lg) * -1)",
+    "variable": "var(--thread-ui-spacing-lg)"
+  },
+  "spacing.-xl": {
+    "value": "calc(var(--thread-ui-spacing-xl) * -1)",
+    "variable": "var(--thread-ui-spacing-xl)"
+  },
+  "spacing.-xxl": {
+    "value": "calc(var(--thread-ui-spacing-xxl) * -1)",
+    "variable": "var(--thread-ui-spacing-xxl)"
+  },
   "colors.colorPalette": {
     "value": "var(--thread-ui-colors-color-palette)",
     "variable": "var(--thread-ui-colors-color-palette)"
@@ -2071,6 +2243,18 @@ const tokens = {
     "value": "var(--thread-ui-colors-color-palette-dark)",
     "variable": "var(--thread-ui-colors-color-palette-dark)"
   },
+  "colors.colorPalette.subtle": {
+    "value": "var(--thread-ui-colors-color-palette-subtle)",
+    "variable": "var(--thread-ui-colors-color-palette-subtle)"
+  },
+  "colors.colorPalette.default": {
+    "value": "var(--thread-ui-colors-color-palette-default)",
+    "variable": "var(--thread-ui-colors-color-palette-default)"
+  },
+  "colors.colorPalette.strong": {
+    "value": "var(--thread-ui-colors-color-palette-strong)",
+    "variable": "var(--thread-ui-colors-color-palette-strong)"
+  },
   "colors.colorPalette.standard": {
     "value": "var(--thread-ui-colors-color-palette-standard)",
     "variable": "var(--thread-ui-colors-color-palette-standard)"