@libretexts/davis-core 1.0.0 → 1.2.0

package/dist/base.v4.css

@@ -0,0 +1,89 @@
+/**
+ * Davis Design System — Tailwind CSS v4 Base Styles
+ *
+ * AUTO-GENERATED from tokens.ts — DO NOT EDIT MANUALLY
+ * Run 'npm run generate:configs' to regenerate
+ *
+ * Base styles for Tailwind CSS v4 (without @layer directive).
+ * Contains typography defaults, heading hierarchy, focus management,
+ * and reduced motion support.
+ *
+ * Import this along with theme.css for full v4 support:
+ * @import "@libretexts/davis-core/theme.css";
+ * @import "@libretexts/davis-core/base.v4.css";
+ */
+
+/* ─── Typography Defaults ───────────────────────────────── */
+
+html {
+  font-family: 'Atkinson Hyperlegible', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 16px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ─── Heading Hierarchy (Major Third Scale) ─────────────────── */
+
+h1 {
+  font-size: 3.052rem;
+  line-height: 3.25rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+}
+
+h2 {
+  font-size: 2.441rem;
+  line-height: 2.75rem;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+h3 {
+  font-size: 1.953rem;
+  line-height: 2.25rem;
+  font-weight: 600;
+}
+
+h4 {
+  font-size: 1.563rem;
+  line-height: 2rem;
+  font-weight: 600;
+}
+
+h5 {
+  font-size: 1.250rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+}
+
+h6 {
+  font-size: 1.250rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+}
+
+/* ─── Focus Management ──────────────────────────────────────── */
+
+*:focus-visible {
+  outline: 2px solid #127BC4;
+  outline-offset: 2px;
+}
+
+*:focus:not(:focus-visible) {
+  outline: none;
+}
+
+/* ─── Reduced Motion ──────────────────────────────────────── */
+/* Disables transitions and animations for users who prefer    */
+/* reduced motion. Respects prefers-reduced-motion: reduce.    */
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

package/dist/theme.css

@@ -0,0 +1,258 @@
+/**
+ * Davis Design System — Tailwind CSS v4 Theme
+ *
+ * AUTO-GENERATED from tokens.ts — DO NOT EDIT MANUALLY
+ * Run 'npm run generate:configs' to regenerate
+ *
+ * Theme configuration for Tailwind CSS v4 using @theme directive.
+ * Import this file in your CSS to get all Davis design tokens.
+ */
+
+@theme {
+  /* ─── Typography ──────────────────────────────────────────── */
+
+  --font-sans: Atkinson Hyperlegible, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+
+  /* Major Third typographic scale (ratio 1.250, base 16px) */
+  --font-size-xs: 0.640rem;
+  --font-size-xs--line-height: 1rem;
+
+  --font-size-sm: 0.800rem;
+  --font-size-sm--line-height: 1.25rem;
+
+  --font-size-base: 1rem;
+  --font-size-base--line-height: 1.5rem;
+
+  --font-size-lg: 1.250rem;
+  --font-size-lg--line-height: 1.75rem;
+
+  --font-size-xl: 1.563rem;
+  --font-size-xl--line-height: 2rem;
+
+  --font-size-2xl: 1.953rem;
+  --font-size-2xl--line-height: 2.25rem;
+
+  --font-size-3xl: 2.441rem;
+  --font-size-3xl--line-height: 2.75rem;
+
+  --font-size-4xl: 3.052rem;
+  --font-size-4xl--line-height: 3.25rem;
+
+  /* ─── Colors ──────────────────────────────────────────────── */
+
+  /* Primary */
+  --color-primary-50: #ebf0f4;
+  --color-primary-100: #dbe7f0;
+  --color-primary-200: #bcd8eb;
+  --color-primary-300: #8dc2e7;
+  --color-primary-400: #4ca6e6;
+  --color-primary-500: #127BC4;
+  --color-primary-600: #106098;
+  --color-primary-700: #0f4b75;
+  --color-primary-800: #0d334e;
+  --color-primary-900: #0c2231;
+  --color-primary-950: #0b1923;
+  --color-primary: #127BC4;
+
+  /* Secondary */
+  --color-secondary-50: #e8eef2;
+  --color-secondary-100: #dbe7f0;
+  --color-secondary-200: #b4d3e9;
+  --color-secondary-300: #81bbe4;
+  --color-secondary-400: #369be2;
+  --color-secondary-500: #0F67A6;
+  --color-secondary-600: #0e5181;
+  --color-secondary-700: #0d3f63;
+  --color-secondary-800: #0c2e46;
+  --color-secondary-900: #0b1f2d;
+  --color-secondary-950: #0a161f;
+  --color-secondary: #0F67A6;
+
+  /* Tertiary */
+  --color-tertiary-50: #edf0f2;
+  --color-tertiary-100: #e3e8ed;
+  --color-tertiary-200: #c7d4e0;
+  --color-tertiary-300: #a6bed3;
+  --color-tertiary-400: #77a1c5;
+  --color-tertiary-500: #4076a4;
+  --color-tertiary-600: #335c80;
+  --color-tertiary-700: #294761;
+  --color-tertiary-800: #1f3242;
+  --color-tertiary-900: #16222c;
+  --color-tertiary-950: #11171d;
+  --color-tertiary: #4076a4;
+
+  /* Success */
+  --color-success-50: #eaf1eb;
+  --color-success-100: #dbebdf;
+  --color-success-200: #b6ddc0;
+  --color-success-300: #86d09a;
+  --color-success-400: #42c264;
+  --color-success-500: #207537;
+  --color-success-600: #1a5b2b;
+  --color-success-700: #164623;
+  --color-success-800: #13351c;
+  --color-success-900: #0f2415;
+  --color-success-950: #0c180f;
+  --color-success: #207537;
+
+  /* Warning */
+  --color-warning-50: #FFF7ED;
+  --color-warning-100: #FFEDD5;
+  --color-warning-200: #FED7AA;
+  --color-warning-300: #FDBA74;
+  --color-warning-400: #F59542;
+  --color-warning-500: #BB5C21;
+  --color-warning-600: #A14D1B;
+  --color-warning-700: #863E16;
+  --color-warning-800: #6C3214;
+  --color-warning-900: #592B14;
+  --color-warning-950: #30130A;
+  --color-warning: #BB5C21;
+
+  /* Danger */
+  --color-danger-50: #FEF2F2;
+  --color-danger-100: #FEE2E2;
+  --color-danger-200: #FECACA;
+  --color-danger-300: #FCA5A5;
+  --color-danger-400: #F07272;
+  --color-danger-500: #DC3838;
+  --color-danger-600: #C42828;
+  --color-danger-700: #A32222;
+  --color-danger-800: #872222;
+  --color-danger-900: #712222;
+  --color-danger-950: #3E0E0E;
+  --color-danger: #DC3838;
+
+  /* Neutral */
+  --color-neutral-50: #FAFAFA;
+  --color-neutral-100: #F4F4F5;
+  --color-neutral-200: #E4E4E7;
+  --color-neutral-300: #D4D4D8;
+  --color-neutral-400: #A1A1AA;
+  --color-neutral-500: #71717A;
+  --color-neutral-600: #52525B;
+  --color-neutral-700: #3F3F46;
+  --color-neutral-800: #27272A;
+  --color-neutral-900: #18181B;
+  --color-neutral-950: #09090B;
+  --color-neutral: #71717A;
+
+  /* Text */
+  --color-text-DEFAULT: #162032;
+  --color-text-neutral: #71717A;
+  --color-text-white: #FFFFFF;
+  --color-text: #162032;
+
+  /* Surface */
+  --color-surface: #FFFFFF;
+  --color-surface-muted: #F9FAFB;
+  --color-surface-subtle: #F4F4F5;
+
+  /* ─── Border Radius ───────────────────────────────────────── */
+
+  --radius-none: 0;
+  --radius-sm: 0.125rem;
+  --radius-DEFAULT: 0.375rem;
+  --radius: 0.375rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-3xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* ─── Shadows ─────────────────────────────────────────────── */
+
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.07), 0 1px 2px -1px rgb(0 0 0 / 0.07);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.05);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.07), 0 8px 10px -6px rgb(0 0 0 / 0.05);
+  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.15);
+  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --shadow-none: none;
+
+  /* ─── Focus Ring ──────────────────────────────────────────── */
+
+  --ring-color: #127BC4;
+
+  /* ─── Motion ─────────────────────────────────────────────── */
+
+  --davis-motion-duration-fast: 150ms;
+  --davis-motion-duration-default: 200ms;
+  --davis-motion-duration-slow: 300ms;
+
+  /* ─── Target Size (WCAG 2.2) ─────────────────────────────── */
+
+  --davis-target-size-minimum: 24px;
+  --davis-target-size-comfortable: 44px;
+
+  /* ─── Z-Index ──────────────────────────────────────────────── */
+
+  --z-index-dropdown: 1000;
+  --z-index-sticky: 1100;
+  --z-index-fixed: 1200;
+  --z-index-modalBackdrop: 1300;
+  --z-index-modal: 1400;
+  --z-index-popover: 1500;
+  --z-index-toast: 1600;
+  --z-index-tooltip: 1700;
+
+  /* ─── Opacity ──────────────────────────────────────────────── */
+
+  --opacity-disabled: 0.5;
+  --opacity-placeholder: 0.6;
+  --opacity-overlay: 0.5;
+  --opacity-hoverLight: 0.04;
+  --opacity-hoverMedium: 0.08;
+
+  /* ─── Border Width ─────────────────────────────────────────── */
+
+  --border-width-none: 0px;
+  --border-width-thin: 1px;
+  --border-width-medium: 2px;
+  --border-width-thick: 3px;
+
+  /* ─── Font Weight ──────────────────────────────────────────── */
+
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* ─── Letter Spacing ───────────────────────────────────────── */
+
+  --letter-spacing-tighter: -0.05em;
+  --letter-spacing-tight: -0.025em;
+  --letter-spacing-normal: 0em;
+  --letter-spacing-wide: 0.025em;
+  --letter-spacing-wider: 0.05em;
+  --letter-spacing-widest: 0.1em;
+
+  /* ─── Breakpoints ──────────────────────────────────────────── */
+
+  --breakpoint-sm: 640px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 1024px;
+  --breakpoint-xl: 1280px;
+  --breakpoint-2xl: 1536px;
+
+  /* ─── Icon Size ────────────────────────────────────────────── */
+
+  --icon-size-xs: 0.75rem;
+  --icon-size-sm: 1rem;
+  --icon-size-md: 1.25rem;
+  --icon-size-lg: 1.5rem;
+  --icon-size-xl: 2rem;
+
+  /* ─── Container / Content Width ────────────────────────────── */
+
+  --container-sm: 640px;
+  --container-md: 768px;
+  --container-lg: 1024px;
+  --container-xl: 1280px;
+  --container-2xl: 1536px;
+  --container-prose: 65ch;
+}

package/dist/tokens.d.ts

@@ -13,7 +13,7 @@
  * Colors: Full 50-950 shade ranges, WCAG AA verified against white
  * Spacing: 4px base grid (uses Tailwind default scale)
  */
-export declare const FONT_FAMILY_SANS: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"];
+export declare const FONT_FAMILY_SANS: readonly ["Atkinson Hyperlegible", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"];
 /**
  * Major Third typographic scale (ratio 1.250, base 16px)
  *
@@ -65,56 +65,56 @@ export declare const FONT_SIZE: {
  */
 export declare const COLORS: {
     readonly primary: {
-        readonly 50: "#EFF6FC";
-        readonly 100: "#DCEEF9";
-        readonly 200: "#B3D9F2";
-        readonly 300: "#80BDE8";
-        readonly 400: "#4A9ED9";
+        readonly 50: "#ebf0f4";
+        readonly 100: "#dbe7f0";
+        readonly 200: "#bcd8eb";
+        readonly 300: "#8dc2e7";
+        readonly 400: "#4ca6e6";
         readonly 500: "#127BC4";
-        readonly 600: "#0F6FA2";
-        readonly 700: "#0B4A76";
-        readonly 800: "#0A3D62";
-        readonly 900: "#083350";
-        readonly 950: "#052135";
+        readonly 600: "#106098";
+        readonly 700: "#0f4b75";
+        readonly 800: "#0d334e";
+        readonly 900: "#0c2231";
+        readonly 950: "#0b1923";
     };
     readonly secondary: {
-        readonly 50: "#F0FDFC";
-        readonly 100: "#CCFBF6";
-        readonly 200: "#9AF5ED";
-        readonly 300: "#5FE8DD";
-        readonly 400: "#2ECFCA";
-        readonly 500: "#0D8483";
-        readonly 600: "#0A6C6B";
-        readonly 700: "#0B5756";
-        readonly 800: "#0D4545";
-        readonly 900: "#103939";
-        readonly 950: "#052222";
+        readonly 50: "#e8eef2";
+        readonly 100: "#dbe7f0";
+        readonly 200: "#b4d3e9";
+        readonly 300: "#81bbe4";
+        readonly 400: "#369be2";
+        readonly 500: "#0F67A6";
+        readonly 600: "#0e5181";
+        readonly 700: "#0d3f63";
+        readonly 800: "#0c2e46";
+        readonly 900: "#0b1f2d";
+        readonly 950: "#0a161f";
     };
     readonly tertiary: {
-        readonly 50: "#EDEDFE";
-        readonly 100: "#E0E1FD";
-        readonly 200: "#C6C8FB";
-        readonly 300: "#A5A8F8";
-        readonly 400: "#8287F7";
-        readonly 500: "#5F65F5";
-        readonly 600: "#4A4FDB";
-        readonly 700: "#3B3FB8";
-        readonly 800: "#323695";
-        readonly 900: "#2C2F7A";
-        readonly 950: "#1B1D4D";
+        readonly 50: "#edf0f2";
+        readonly 100: "#e3e8ed";
+        readonly 200: "#c7d4e0";
+        readonly 300: "#a6bed3";
+        readonly 400: "#77a1c5";
+        readonly 500: "#4076a4";
+        readonly 600: "#335c80";
+        readonly 700: "#294761";
+        readonly 800: "#1f3242";
+        readonly 900: "#16222c";
+        readonly 950: "#11171d";
     };
     readonly success: {
-        readonly 50: "#EEFBF3";
-        readonly 100: "#D6F5E2";
-        readonly 200: "#B0EBC8";
-        readonly 300: "#7CD9A5";
-        readonly 400: "#4DC37E";
-        readonly 500: "#338650";
-        readonly 600: "#2A7043";
-        readonly 700: "#235A37";
-        readonly 800: "#1F482E";
-        readonly 900: "#1A3B27";
-        readonly 950: "#0D2116";
+        readonly 50: "#eaf1eb";
+        readonly 100: "#dbebdf";
+        readonly 200: "#b6ddc0";
+        readonly 300: "#86d09a";
+        readonly 400: "#42c264";
+        readonly 500: "#207537";
+        readonly 600: "#1a5b2b";
+        readonly 700: "#164623";
+        readonly 800: "#13351c";
+        readonly 900: "#0f2415";
+        readonly 950: "#0c180f";
     };
     readonly warning: {
         readonly 50: "#FFF7ED";
@@ -155,6 +155,11 @@ export declare const COLORS: {
         readonly 900: "#18181B";
         readonly 950: "#09090B";
     };
+    readonly text: {
+        readonly DEFAULT: "#162032";
+        readonly neutral: "#71717A";
+        readonly white: "#FFFFFF";
+    };
 };
 /** Surface tokens for backgrounds */
 export declare const SURFACE: {
@@ -281,4 +286,183 @@ export declare const FOCUS_RING: {
     readonly color: "#127BC4";
     readonly offset: "2px";
 };
+/**
+ * Motion tokens for transitions and animations.
+ * Used with `prefers-reduced-motion` to disable animations for users
+ * who are sensitive to motion.
+ */
+export declare const MOTION: {
+    readonly durationFast: "150ms";
+    readonly durationDefault: "200ms";
+    readonly durationSlow: "300ms";
+    readonly durationNone: "0ms";
+    readonly easeDefault: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
+};
+/**
+ * Minimum interactive target sizes per WCAG 2.2.
+ * - minimum: 24×24 CSS px — WCAG 2.5.8 Target Size (Minimum) (AA)
+ * - comfortable: 44×44 CSS px — WCAG 2.5.5 Target Size (Enhanced) (AAA)
+ */
+export declare const TARGET_SIZE: {
+    readonly minimum: "24px";
+    readonly comfortable: "44px";
+};
+/**
+ * Layered z-index scale to prevent z-index wars.
+ * Each layer reserves space for the category of UI it represents.
+ *
+ * | Token          | Value | Use                             |
+ * |----------------|-------|---------------------------------|
+ * | dropdown       | 1000  | Select menus, menu dropdowns    |
+ * | sticky         | 1100  | Sticky headers, toolbars        |
+ * | fixed          | 1200  | Fixed navbars, FABs             |
+ * | modalBackdrop  | 1300  | Modal/drawer backdrop overlay   |
+ * | modal          | 1400  | Modal dialogs, drawers          |
+ * | popover        | 1500  | Popovers, floating panels       |
+ * | toast          | 1600  | Toast notifications             |
+ * | tooltip        | 1700  | Tooltips (always on top)        |
+ */
+export declare const Z_INDEX: {
+    readonly dropdown: "1000";
+    readonly sticky: "1100";
+    readonly fixed: "1200";
+    readonly modalBackdrop: "1300";
+    readonly modal: "1400";
+    readonly popover: "1500";
+    readonly toast: "1600";
+    readonly tooltip: "1700";
+};
+/**
+ * Semantic opacity tokens for consistent transparency across components.
+ *
+ * | Token       | Value | Use                                 |
+ * |-------------|-------|-------------------------------------|
+ * | disabled    | 0.5   | Disabled controls and text          |
+ * | placeholder | 0.6   | Placeholder text in inputs          |
+ * | overlay     | 0.5   | Modal/drawer backdrop overlays      |
+ * | hoverLight  | 0.04  | Subtle hover background tint        |
+ * | hoverMedium | 0.08  | Medium hover background tint        |
+ */
+export declare const OPACITY: {
+    readonly disabled: "0.5";
+    readonly placeholder: "0.6";
+    readonly overlay: "0.5";
+    readonly hoverLight: "0.04";
+    readonly hoverMedium: "0.08";
+};
+/**
+ * Border width tokens for dividers, outlines, and component borders.
+ *
+ * | Token   | Value | Use                            |
+ * |---------|-------|--------------------------------|
+ * | none    | 0px   | No border                      |
+ * | thin    | 1px   | Default borders, dividers      |
+ * | medium  | 2px   | Emphasis borders, focus rings  |
+ * | thick   | 3px   | Heavy emphasis, active states  |
+ */
+export declare const BORDER_WIDTH: {
+    readonly none: "0px";
+    readonly thin: "1px";
+    readonly medium: "2px";
+    readonly thick: "3px";
+};
+/**
+ * Font weight tokens formalizing which weights the design system uses.
+ *
+ * | Token    | Value | Use                                |
+ * |----------|-------|------------------------------------|
+ * | light    | 300   | De-emphasized text                 |
+ * | regular  | 400   | Body text, default                 |
+ * | medium   | 500   | Labels, buttons, UI controls       |
+ * | semibold | 600   | Subheadings, emphasis              |
+ * | bold     | 700   | Headings, strong emphasis          |
+ */
+export declare const FONT_WEIGHT: {
+    readonly light: "300";
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+/**
+ * Letter spacing tokens for typographic refinement.
+ *
+ * | Token   | Value     | Use                              |
+ * |---------|-----------|----------------------------------|
+ * | tighter | -0.05em   | Large display text               |
+ * | tight   | -0.025em  | Headings                         |
+ * | normal  | 0em       | Body text (default)              |
+ * | wide    | 0.025em   | Buttons, labels                  |
+ * | wider   | 0.05em    | All-caps text, overlines         |
+ * | widest  | 0.1em     | Extreme letter-spaced styles     |
+ */
+export declare const LETTER_SPACING: {
+    readonly tighter: "-0.05em";
+    readonly tight: "-0.025em";
+    readonly normal: "0em";
+    readonly wide: "0.025em";
+    readonly wider: "0.05em";
+    readonly widest: "0.1em";
+};
+/**
+ * Responsive breakpoint tokens. Formalizes breakpoints for JS consumers,
+ * documentation, and server-side rendering logic.
+ *
+ * Matches Tailwind's default breakpoints.
+ *
+ * | Token | px   | Use                              |
+ * |-------|------|----------------------------------|
+ * | sm    | 640  | Large phones, landscape          |
+ * | md    | 768  | Tablets                          |
+ * | lg    | 1024 | Small laptops                    |
+ * | xl    | 1280 | Desktops                         |
+ * | 2xl   | 1536 | Large desktops                   |
+ */
+export declare const BREAKPOINTS: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+};
+/**
+ * Icon size tokens for consistent icon scaling across all components.
+ *
+ * | Token | px | Use                                    |
+ * |-------|-----|---------------------------------------|
+ * | xs    | 12  | Inline indicators, tiny badges        |
+ * | sm    | 16  | Small buttons, form helper icons      |
+ * | md    | 20  | Default buttons, menu items           |
+ * | lg    | 24  | Large buttons, card icons             |
+ * | xl    | 32  | Feature icons, empty states           |
+ */
+export declare const ICON_SIZE: {
+    readonly xs: "0.75rem";
+    readonly sm: "1rem";
+    readonly md: "1.25rem";
+    readonly lg: "1.5rem";
+    readonly xl: "2rem";
+};
+/**
+ * Max-width tokens for page containers and content areas.
+ *
+ * | Token | Value  | Use                              |
+ * |-------|--------|----------------------------------|
+ * | sm    | 640px  | Narrow content (auth forms)      |
+ * | md    | 768px  | Medium content                   |
+ * | lg    | 1024px | Default page content             |
+ * | xl    | 1280px | Wide page content                |
+ * | 2xl   | 1536px | Full-width page content          |
+ * | prose | 65ch   | Optimal reading width            |
+ */
+export declare const CONTAINER: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+    readonly prose: "65ch";
+};
 //# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,gBAAgB,wJAWnB,CAAC;AAEX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CASZ,CAAC;AAIX;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FT,CAAC;AAEX,qCAAqC;AACrC,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAIX;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAahB,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAIX;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,gBAAgB,wKAWnB,CAAC;AAEX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CASZ,CAAC;AAIX;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGT,CAAC;AAEX,qCAAqC;AACrC,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAIX;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAahB,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAIX;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAIX;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;CAQT,CAAC;AAIX;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAIX;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAIX;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAIX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;;;;;;;CAOjB,CAAC;AAIX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAIX;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}