@nswds/tokens 3.2.0 → 3.4.0

package/dist/css/border/global.css

@@ -0,0 +1,6 @@
+:root {
+  --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/css/shadow/global.css

@@ -0,0 +1,12 @@
+:root {
+  --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/css/typography/global.css

@@ -20,6 +20,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/css/typography/semantic.css

@@ -0,0 +1,56 @@
+:root {
+  --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-1: 800 2.25rem/1.2 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-2: 700 1.5rem/1.3333333 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-3: 600 1.25rem/1.6 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-heading-4: 600 1rem/1.5 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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: 400 1rem/1.75 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-body-sm: 400 0.875rem/1.75 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-lead: 400 1.25rem/1.6 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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-caption: 400 0.75rem/1.5 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --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;
+  --typography-code: 400 0.875rem/1.5 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+}