@nswds/tokens 3.2.0 → 3.4.0

package/dist/js/border/global.js

@@ -0,0 +1,6 @@
+export const borderWidth = {
+  thin: '0.0625rem',
+  thick: '0.125rem',
+  thicker: '0.25rem',
+  default: '0.0625rem',
+}

package/dist/js/shadow/global.js

@@ -0,0 +1,16 @@
+export const boxShadow = {
+  thin: 'inset 0 0 0 0.0625rem',
+  thick: 'inset 0 0 0 0.125rem',
+  thicker: 'inset 0 0 0 0.25rem',
+}
+export const shadowColor = {
+  5: 'rgb(0 0 0 / 0.05)',
+  10: 'rgb(0 0 0 / 0.1)',
+  25: 'rgb(0 0 0 / 0.25)',
+}
+export const shadow = {
+  sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+  md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+  lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+  xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+}

package/dist/js/typography/global.js

@@ -26,6 +26,7 @@ export const fontWeight = {
   medium: 500,
   semibold: 600,
   bold: 700,
+  extrabold: 800,
 }
 export const lineHeight = {
   none: 1,

package/dist/js/typography/semantic.js

@@ -0,0 +1,72 @@
+export const heading1 = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '2.25rem',
+  fontWeight: 800,
+  lineHeight: 1.2,
+  letterSpacing: '-0.0125em',
+}
+export const heading2 = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '1.5rem',
+  fontWeight: 700,
+  lineHeight: 1.3333333,
+  letterSpacing: '0em',
+}
+export const heading3 = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '1.25rem',
+  fontWeight: 600,
+  lineHeight: 1.6,
+  letterSpacing: '0em',
+}
+export const heading4 = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '1rem',
+  fontWeight: 600,
+  lineHeight: 1.5,
+  letterSpacing: '0em',
+}
+export const body = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '1rem',
+  fontWeight: 400,
+  lineHeight: 1.75,
+  letterSpacing: '0em',
+}
+export const bodySm = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '0.875rem',
+  fontWeight: 400,
+  lineHeight: 1.75,
+  letterSpacing: '0em',
+}
+export const lead = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '1.25rem',
+  fontWeight: 400,
+  lineHeight: 1.6,
+  letterSpacing: '0em',
+}
+export const caption = {
+  fontFamily:
+    "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  fontSize: '0.75rem',
+  fontWeight: 400,
+  lineHeight: 1.5,
+  letterSpacing: '0.025em',
+}
+export const code = {
+  fontFamily:
+    "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
+  fontSize: '0.875rem',
+  fontWeight: 400,
+  lineHeight: 1.5,
+  letterSpacing: '0em',
+}

package/dist/json/border/global.json

@@ -0,0 +1,8 @@
+{
+  "border-width": {
+    "border-width-thin": "0.0625rem",
+    "border-width-thick": "0.125rem",
+    "border-width-thicker": "0.25rem",
+    "border-width-default": "0.0625rem"
+  }
+}

package/dist/json/shadow/global.json

@@ -0,0 +1,18 @@
+{
+  "box-shadow": {
+    "box-shadow-thin": "inset 0 0 0 0.0625rem",
+    "box-shadow-thick": "inset 0 0 0 0.125rem",
+    "box-shadow-thicker": "inset 0 0 0 0.25rem"
+  },
+  "shadow-color": {
+    "shadow-color-5": "rgb(0 0 0 / 0.05)",
+    "shadow-color-10": "rgb(0 0 0 / 0.1)",
+    "shadow-color-25": "rgb(0 0 0 / 0.25)"
+  },
+  "shadow": {
+    "shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+  }
+}

package/dist/json/typography/global.json

@@ -24,7 +24,8 @@
     "font-weight-regular": 400,
     "font-weight-medium": 500,
     "font-weight-semibold": 600,
-    "font-weight-bold": 700
+    "font-weight-bold": 700,
+    "font-weight-extrabold": 800
   },
   "line-height": {
     "line-height-none": 1,

package/dist/json/typography/semantic.json

@@ -0,0 +1,65 @@
+{
+  "heading-1": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "2.25rem",
+    "fontWeight": 800,
+    "lineHeight": 1.2,
+    "letterSpacing": "-0.0125em"
+  },
+  "heading-2": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "1.5rem",
+    "fontWeight": 700,
+    "lineHeight": 1.3333333,
+    "letterSpacing": "0em"
+  },
+  "heading-3": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "1.25rem",
+    "fontWeight": 600,
+    "lineHeight": 1.6,
+    "letterSpacing": "0em"
+  },
+  "heading-4": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "1rem",
+    "fontWeight": 600,
+    "lineHeight": 1.5,
+    "letterSpacing": "0em"
+  },
+  "body": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "1rem",
+    "fontWeight": 400,
+    "lineHeight": 1.75,
+    "letterSpacing": "0em"
+  },
+  "body-sm": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "0.875rem",
+    "fontWeight": 400,
+    "lineHeight": 1.75,
+    "letterSpacing": "0em"
+  },
+  "lead": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "1.25rem",
+    "fontWeight": 400,
+    "lineHeight": 1.6,
+    "letterSpacing": "0em"
+  },
+  "caption": {
+    "fontFamily": "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "fontSize": "0.75rem",
+    "fontWeight": 400,
+    "lineHeight": 1.5,
+    "letterSpacing": "0.025em"
+  },
+  "code": {
+    "fontFamily": "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
+    "fontSize": "0.875rem",
+    "fontWeight": 400,
+    "lineHeight": 1.5,
+    "letterSpacing": "0em"
+  }
+}

package/dist/less/border/global.less

@@ -0,0 +1,4 @@
+@border-width-thin: 0.0625rem; // Thin border (0.0625rem / 1px at the default root) — hairlines, dividers, and default control borders.
+@border-width-thick: 0.125rem; // Thick border (0.125rem / 2px at the default root) — emphasis borders and selected states.
+@border-width-thicker: 0.25rem; // Thicker border (0.25rem / 4px at the default root) — focus rings and high-emphasis outlines.
+@border-width-default: 0.0625rem; // Default border width — aliases thin so the system-wide default can be retuned in one place.

package/dist/less/shadow/global.less

@@ -0,0 +1,10 @@
+@box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) — border-via-shadow that does not affect layout; renders with currentColor.
+@box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) — emphasis/selected outline; renders with currentColor.
+@box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) — focus indication; renders with currentColor.
+@shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha — the faintest elevation tint. Step name is the alpha percentage.
+@shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha — the standard elevation tint. Step name is the alpha percentage.
+@shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha — strong elevation for overlays/modals. Step name is the alpha percentage.
+@shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.
+@shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.
+@shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.
+@shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.

package/dist/less/typography/global.less

@@ -19,6 +19,7 @@
 @font-weight-medium: 500; // Medium (500) — subtle emphasis, labels, and navigation.
 @font-weight-semibold: 600; // Semibold (600) — headings and strong emphasis.
 @font-weight-bold: 700; // Bold (700) — highest emphasis; key figures and primary headings.
+@font-weight-extrabold: 800; // Extrabold (800) — hero/display headings (the prose scale uses 800 for h1).
 @line-height-none: 1; // Solid (1) — display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).
 @line-height-tight: 1.2; // Tight (1.2) — large headings (36/30 in the prose scale).
 @line-height-snug: 1.3333333; // Snug (1.3333333) — mid-size headings (32/24, 40/30 in the prose scale).

package/dist/less/typography/semantic.less

@@ -0,0 +1,45 @@
+@typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-heading-1-font-size: 2.25rem;
+@typography-heading-1-font-weight: 800;
+@typography-heading-1-line-height: 1.2;
+@typography-heading-1-letter-spacing: -0.0125em;
+@typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-heading-2-font-size: 1.5rem;
+@typography-heading-2-font-weight: 700;
+@typography-heading-2-line-height: 1.3333333;
+@typography-heading-2-letter-spacing: 0em;
+@typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-heading-3-font-size: 1.25rem;
+@typography-heading-3-font-weight: 600;
+@typography-heading-3-line-height: 1.6;
+@typography-heading-3-letter-spacing: 0em;
+@typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-heading-4-font-size: 1rem;
+@typography-heading-4-font-weight: 600;
+@typography-heading-4-line-height: 1.5;
+@typography-heading-4-letter-spacing: 0em;
+@typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-body-font-size: 1rem;
+@typography-body-font-weight: 400;
+@typography-body-line-height: 1.75;
+@typography-body-letter-spacing: 0em;
+@typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-body-sm-font-size: 0.875rem;
+@typography-body-sm-font-weight: 400;
+@typography-body-sm-line-height: 1.75;
+@typography-body-sm-letter-spacing: 0em;
+@typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-lead-font-size: 1.25rem;
+@typography-lead-font-weight: 400;
+@typography-lead-line-height: 1.6;
+@typography-lead-letter-spacing: 0em;
+@typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+@typography-caption-font-size: 0.75rem;
+@typography-caption-font-weight: 400;
+@typography-caption-line-height: 1.5;
+@typography-caption-letter-spacing: 0.025em;
+@typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+@typography-code-font-size: 0.875rem;
+@typography-code-font-weight: 400;
+@typography-code-line-height: 1.5;
+@typography-code-letter-spacing: 0em;

package/dist/scss/border/global.scss

@@ -0,0 +1,4 @@
+$border-width-thin: 0.0625rem; // Thin border (0.0625rem / 1px at the default root) — hairlines, dividers, and default control borders.
+$border-width-thick: 0.125rem; // Thick border (0.125rem / 2px at the default root) — emphasis borders and selected states.
+$border-width-thicker: 0.25rem; // Thicker border (0.25rem / 4px at the default root) — focus rings and high-emphasis outlines.
+$border-width-default: 0.0625rem; // Default border width — aliases thin so the system-wide default can be retuned in one place.

package/dist/scss/shadow/global.scss

@@ -0,0 +1,10 @@
+$box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) — border-via-shadow that does not affect layout; renders with currentColor.
+$box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) — emphasis/selected outline; renders with currentColor.
+$box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) — focus indication; renders with currentColor.
+$shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha — the faintest elevation tint. Step name is the alpha percentage.
+$shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha — the standard elevation tint. Step name is the alpha percentage.
+$shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha — strong elevation for overlays/modals. Step name is the alpha percentage.
+$shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.
+$shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.
+$shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.
+$shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.

package/dist/scss/typography/global.scss

@@ -19,6 +19,7 @@ $font-weight-regular: 400; // Regular (400) — default body text weight.
 $font-weight-medium: 500; // Medium (500) — subtle emphasis, labels, and navigation.
 $font-weight-semibold: 600; // Semibold (600) — headings and strong emphasis.
 $font-weight-bold: 700; // Bold (700) — highest emphasis; key figures and primary headings.
+$font-weight-extrabold: 800; // Extrabold (800) — hero/display headings (the prose scale uses 800 for h1).
 $line-height-none: 1; // Solid (1) — display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).
 $line-height-tight: 1.2; // Tight (1.2) — large headings (36/30 in the prose scale).
 $line-height-snug: 1.3333333; // Snug (1.3333333) — mid-size headings (32/24, 40/30 in the prose scale).

package/dist/scss/typography/semantic.scss

@@ -0,0 +1,45 @@
+$typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-heading-1-font-size: 2.25rem;
+$typography-heading-1-font-weight: 800;
+$typography-heading-1-line-height: 1.2;
+$typography-heading-1-letter-spacing: -0.0125em;
+$typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-heading-2-font-size: 1.5rem;
+$typography-heading-2-font-weight: 700;
+$typography-heading-2-line-height: 1.3333333;
+$typography-heading-2-letter-spacing: 0em;
+$typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-heading-3-font-size: 1.25rem;
+$typography-heading-3-font-weight: 600;
+$typography-heading-3-line-height: 1.6;
+$typography-heading-3-letter-spacing: 0em;
+$typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-heading-4-font-size: 1rem;
+$typography-heading-4-font-weight: 600;
+$typography-heading-4-line-height: 1.5;
+$typography-heading-4-letter-spacing: 0em;
+$typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-body-font-size: 1rem;
+$typography-body-font-weight: 400;
+$typography-body-line-height: 1.75;
+$typography-body-letter-spacing: 0em;
+$typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-body-sm-font-size: 0.875rem;
+$typography-body-sm-font-weight: 400;
+$typography-body-sm-line-height: 1.75;
+$typography-body-sm-letter-spacing: 0em;
+$typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-lead-font-size: 1.25rem;
+$typography-lead-font-weight: 400;
+$typography-lead-line-height: 1.6;
+$typography-lead-letter-spacing: 0em;
+$typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$typography-caption-font-size: 0.75rem;
+$typography-caption-font-weight: 400;
+$typography-caption-line-height: 1.5;
+$typography-caption-letter-spacing: 0.025em;
+$typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+$typography-code-font-size: 0.875rem;
+$typography-code-font-weight: 400;
+$typography-code-line-height: 1.5;
+$typography-code-letter-spacing: 0em;

package/dist/tailwind/border/global.css

@@ -0,0 +1,6 @@
+@theme {
+  --border-width-thin: 0.0625rem;
+  --border-width-thick: 0.125rem;
+  --border-width-thicker: 0.25rem;
+  --border-width-default: 0.0625rem;
+}

package/dist/tailwind/shadow/global.css

@@ -0,0 +1,12 @@
+@theme {
+  --inset-shadow-thin: inset 0 0 0 0.0625rem;
+  --inset-shadow-thick: inset 0 0 0 0.125rem;
+  --inset-shadow-thicker: inset 0 0 0 0.25rem;
+  --shadow-color-5: rgb(0 0 0 / 0.05);
+  --shadow-color-10: rgb(0 0 0 / 0.1);
+  --shadow-color-25: rgb(0 0 0 / 0.25);
+  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+}

package/dist/tailwind/typography/global.css

@@ -20,6 +20,7 @@
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+  --font-weight-extrabold: 800;
   --leading-none: 1;
   --leading-tight: 1.2;
   --leading-snug: 1.3333333;

package/dist/tokens/border.base.json

@@ -0,0 +1,33 @@
+{
+  "border-width": {
+    "thin": {
+      "$type": "dimension",
+      "$description": "Thin border (0.0625rem / 1px at the default root) — hairlines, dividers, and default control borders.",
+      "$value": {
+        "value": 0.0625,
+        "unit": "rem"
+      }
+    },
+    "thick": {
+      "$type": "dimension",
+      "$description": "Thick border (0.125rem / 2px at the default root) — emphasis borders and selected states.",
+      "$value": {
+        "value": 0.125,
+        "unit": "rem"
+      }
+    },
+    "thicker": {
+      "$type": "dimension",
+      "$description": "Thicker border (0.25rem / 4px at the default root) — focus rings and high-emphasis outlines.",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "default": {
+      "$type": "dimension",
+      "$description": "Default border width — aliases thin so the system-wide default can be retuned in one place.",
+      "$value": "{border-width.thin}"
+    }
+  }
+}

package/dist/tokens/global/border/canonical.json

@@ -0,0 +1,33 @@
+{
+  "border-width": {
+    "thin": {
+      "$type": "dimension",
+      "$description": "Thin border (0.0625rem / 1px at the default root) — hairlines, dividers, and default control borders.",
+      "$value": {
+        "value": 0.0625,
+        "unit": "rem"
+      }
+    },
+    "thick": {
+      "$type": "dimension",
+      "$description": "Thick border (0.125rem / 2px at the default root) — emphasis borders and selected states.",
+      "$value": {
+        "value": 0.125,
+        "unit": "rem"
+      }
+    },
+    "thicker": {
+      "$type": "dimension",
+      "$description": "Thicker border (0.25rem / 4px at the default root) — focus rings and high-emphasis outlines.",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "default": {
+      "$type": "dimension",
+      "$description": "Default border width — aliases thin so the system-wide default can be retuned in one place.",
+      "$value": "{border-width.thin}"
+    }
+  }
+}