@tinybigui/react 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +24 -28
  2. package/dist/index.cjs +1548 -16
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +1561 -3
  5. package/dist/index.d.ts +1561 -3
  6. package/dist/index.js +1534 -20
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +5 -2
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -31,6 +31,7 @@
31
31
  --md-sys-color-outline-variant: #cac4d0;
32
32
  --md-sys-color-background: #fffbfe;
33
33
  --md-sys-color-on-background: #1c1b1f;
34
+ --md-sys-color-scrim: #000000;
34
35
  --md-sys-typescale-font-family-plain:
35
36
  system-ui,
36
37
  -apple-system,
@@ -160,6 +161,7 @@
160
161
  --md-sys-color-outline-variant: #49454f;
161
162
  --md-sys-color-background: #1c1b1f;
162
163
  --md-sys-color-on-background: #e6e1e5;
164
+ --md-sys-color-scrim: #000000;
163
165
  }
164
166
  @media (prefers-color-scheme: dark) {
165
167
  :root:not(.light) {
@@ -192,6 +194,7 @@
192
194
  --md-sys-color-outline-variant: #49454f;
193
195
  --md-sys-color-background: #1c1b1f;
194
196
  --md-sys-color-on-background: #e6e1e5;
197
+ --md-sys-color-scrim: #000000;
195
198
  }
196
199
  }
197
200
  body {
@@ -200,14 +203,14 @@ body {
200
203
  margin: 0;
201
204
  font-family: var(--md-sys-typescale-font-family-plain);
202
205
  }
203
- @theme { --color-primary: var(--md-sys-color-primary); --color-on-primary: var(--md-sys-color-on-primary); --color-primary-container: var(--md-sys-color-primary-container); --color-on-primary-container: var(--md-sys-color-on-primary-container); --color-secondary: var(--md-sys-color-secondary); --color-on-secondary: var(--md-sys-color-on-secondary); --color-secondary-container: var(--md-sys-color-secondary-container); --color-on-secondary-container: var(--md-sys-color-on-secondary-container); --color-tertiary: var(--md-sys-color-tertiary); --color-on-tertiary: var(--md-sys-color-on-tertiary); --color-tertiary-container: var(--md-sys-color-tertiary-container); --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container); --color-error: var(--md-sys-color-error); --color-on-error: var(--md-sys-color-on-error); --color-error-container: var(--md-sys-color-error-container); --color-on-error-container: var(--md-sys-color-on-error-container); --color-surface: var(--md-sys-color-surface); --color-on-surface: var(--md-sys-color-on-surface); --color-surface-variant: var(--md-sys-color-surface-variant); --color-on-surface-variant: var(--md-sys-color-on-surface-variant); --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest); --color-surface-container-low: var(--md-sys-color-surface-container-low); --color-surface-container: var(--md-sys-color-surface-container); --color-surface-container-high: var(--md-sys-color-surface-container-high); --color-surface-container-highest: var(--md-sys-color-surface-container-highest); --color-outline: var(--md-sys-color-outline); --color-outline-variant: var(--md-sys-color-outline-variant); --color-background: var(--md-sys-color-background); --color-on-background: var(--md-sys-color-on-background); --shadow-elevation-0: var(--md-sys-elevation-level-0); --shadow-elevation-1: var(--md-sys-elevation-level-1); --shadow-elevation-2: var(--md-sys-elevation-level-2); --shadow-elevation-3: var(--md-sys-elevation-level-3); --shadow-elevation-4: var(--md-sys-elevation-level-4); --shadow-elevation-5: var(--md-sys-elevation-level-5); }
206
+ @theme { --color-primary: var(--md-sys-color-primary); --color-on-primary: var(--md-sys-color-on-primary); --color-primary-container: var(--md-sys-color-primary-container); --color-on-primary-container: var(--md-sys-color-on-primary-container); --color-secondary: var(--md-sys-color-secondary); --color-on-secondary: var(--md-sys-color-on-secondary); --color-secondary-container: var(--md-sys-color-secondary-container); --color-on-secondary-container: var(--md-sys-color-on-secondary-container); --color-tertiary: var(--md-sys-color-tertiary); --color-on-tertiary: var(--md-sys-color-on-tertiary); --color-tertiary-container: var(--md-sys-color-tertiary-container); --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container); --color-error: var(--md-sys-color-error); --color-on-error: var(--md-sys-color-on-error); --color-error-container: var(--md-sys-color-error-container); --color-on-error-container: var(--md-sys-color-on-error-container); --color-surface: var(--md-sys-color-surface); --color-on-surface: var(--md-sys-color-on-surface); --color-surface-variant: var(--md-sys-color-surface-variant); --color-on-surface-variant: var(--md-sys-color-on-surface-variant); --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest); --color-surface-container-low: var(--md-sys-color-surface-container-low); --color-surface-container: var(--md-sys-color-surface-container); --color-surface-container-high: var(--md-sys-color-surface-container-high); --color-surface-container-highest: var(--md-sys-color-surface-container-highest); --color-outline: var(--md-sys-color-outline); --color-outline-variant: var(--md-sys-color-outline-variant); --color-background: var(--md-sys-color-background); --color-on-background: var(--md-sys-color-on-background); --color-scrim: var(--md-sys-color-scrim); --shadow-elevation-0: var(--md-sys-elevation-level-0); --shadow-elevation-1: var(--md-sys-elevation-level-1); --shadow-elevation-2: var(--md-sys-elevation-level-2); --shadow-elevation-3: var(--md-sys-elevation-level-3); --shadow-elevation-4: var(--md-sys-elevation-level-4); --shadow-elevation-5: var(--md-sys-elevation-level-5); }
204
207
  @keyframes ripple {
205
208
  to {
206
209
  transform: translate(-50%, -50%) scale(1);
207
210
  opacity: 0;
208
211
  }
209
212
  }
210
- @theme { --animate-ripple: ripple 450ms cubic-bezier(0.2, 0, 0, 1); --opacity-8: 0.08; --opacity-12: 0.12; --opacity-38: 0.38; }
213
+ @theme { --animate-ripple: ripple 450ms cubic-bezier(0.2, 0, 0, 1); --opacity-8: 0.08; --opacity-12: 0.12; --opacity-32: 0.32; --opacity-38: 0.38; --font-size-display-large: var(--md-sys-typescale-display-large-size); --line-height-display-large: var(--md-sys-typescale-display-large-line-height); --font-size-display-medium: var(--md-sys-typescale-display-medium-size); --line-height-display-medium: var(--md-sys-typescale-display-medium-line-height); --font-size-display-small: var(--md-sys-typescale-display-small-size); --line-height-display-small: var(--md-sys-typescale-display-small-line-height); --font-size-headline-large: var(--md-sys-typescale-headline-large-size); --line-height-headline-large: var(--md-sys-typescale-headline-large-line-height); --font-size-headline-medium: var(--md-sys-typescale-headline-medium-size); --line-height-headline-medium: var(--md-sys-typescale-headline-medium-line-height); --font-size-headline-small: var(--md-sys-typescale-headline-small-size); --line-height-headline-small: var(--md-sys-typescale-headline-small-line-height); --font-size-title-large: var(--md-sys-typescale-title-large-size); --line-height-title-large: var(--md-sys-typescale-title-large-line-height); --font-size-title-medium: var(--md-sys-typescale-title-medium-size); --line-height-title-medium: var(--md-sys-typescale-title-medium-line-height); --font-size-title-small: var(--md-sys-typescale-title-small-size); --line-height-title-small: var(--md-sys-typescale-title-small-line-height); --font-size-body-large: var(--md-sys-typescale-body-large-size); --line-height-body-large: var(--md-sys-typescale-body-large-line-height); --font-size-body-medium: var(--md-sys-typescale-body-medium-size); --line-height-body-medium: var(--md-sys-typescale-body-medium-line-height); --font-size-body-small: var(--md-sys-typescale-body-small-size); --line-height-body-small: var(--md-sys-typescale-body-small-line-height); --font-size-label-large: var(--md-sys-typescale-label-large-size); --line-height-label-large: var(--md-sys-typescale-label-large-line-height); --font-size-label-medium: var(--md-sys-typescale-label-medium-size); --line-height-label-medium: var(--md-sys-typescale-label-medium-line-height); --font-size-label-small: var(--md-sys-typescale-label-small-size); --line-height-label-small: var(--md-sys-typescale-label-small-line-height); --transition-duration-short1: var(--md-sys-motion-duration-short1); --transition-duration-short2: var(--md-sys-motion-duration-short2); --transition-duration-short3: var(--md-sys-motion-duration-short3); --transition-duration-short4: var(--md-sys-motion-duration-short4); --transition-duration-medium1: var(--md-sys-motion-duration-medium1); --transition-duration-medium2: var(--md-sys-motion-duration-medium2); --transition-duration-medium3: var(--md-sys-motion-duration-medium3); --transition-duration-medium4: var(--md-sys-motion-duration-medium4); --transition-duration-long1: var(--md-sys-motion-duration-long1); --transition-duration-long2: var(--md-sys-motion-duration-long2); --transition-duration-long3: var(--md-sys-motion-duration-long3); --transition-duration-long4: var(--md-sys-motion-duration-long4); --ease-standard: var(--md-sys-motion-easing-standard); --ease-emphasized: var(--md-sys-motion-easing-emphasized); --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate); --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate); --spacing-appbar-small: 4rem; --spacing-appbar-medium: 7rem; --spacing-appbar-large: 9.5rem; --spacing-drawer: 22.5rem; --radius-xs: var(--md-sys-shape-corner-extra-small); --radius-sm: var(--md-sys-shape-corner-small); --radius-md: var(--md-sys-shape-corner-medium); --radius-lg: var(--md-sys-shape-corner-large); --radius-xl: var(--md-sys-shape-corner-extra-large); --radius-full: var(--md-sys-shape-corner-full); }
211
214
 
212
215
  /* src/styles.css */
213
216
  /*# sourceMappingURL=styles.css.map */
package/dist/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../tokens/src/tokens.css"],"sourcesContent":["/**\n * @tinybigui/tokens\n * Material Design 3 Design Tokens\n * \n * This file contains CSS variables for MD3 design tokens.\n * These tokens will be generated from Material Color Utilities\n * and other MD3 specifications.\n */\n\n/* Import Tailwind CSS v4 */\n@import \"tailwindcss\";\n\n:root {\n /* ==========================================================================\n COLOR TOKENS\n Material Design 3 color system with light/dark mode support\n Complete set of 18 semantic color roles for light and dark themes\n ========================================================================== */\n\n /* Primary */\n --md-sys-color-primary: #6750a4;\n --md-sys-color-on-primary: #ffffff;\n --md-sys-color-primary-container: #eaddff;\n --md-sys-color-on-primary-container: #21005d;\n\n /* Secondary */\n --md-sys-color-secondary: #625b71;\n --md-sys-color-on-secondary: #ffffff;\n --md-sys-color-secondary-container: #e8def8;\n --md-sys-color-on-secondary-container: #1d192b;\n\n /* Tertiary */\n --md-sys-color-tertiary: #7d5260;\n --md-sys-color-on-tertiary: #ffffff;\n --md-sys-color-tertiary-container: #ffd8e4;\n --md-sys-color-on-tertiary-container: #31111d;\n\n /* Error */\n --md-sys-color-error: #b3261e;\n --md-sys-color-on-error: #ffffff;\n --md-sys-color-error-container: #f9dedc;\n --md-sys-color-on-error-container: #410e0b;\n\n /* Surface */\n --md-sys-color-surface: #fffbfe;\n --md-sys-color-on-surface: #1c1b1f;\n --md-sys-color-surface-variant: #e7e0ec;\n --md-sys-color-on-surface-variant: #49454f;\n\n /* Surface containers (MD3 elevation system) */\n --md-sys-color-surface-container-lowest: #ffffff;\n --md-sys-color-surface-container-low: #f7f2fa;\n --md-sys-color-surface-container: #f3edf7;\n --md-sys-color-surface-container-high: #ece6f0;\n --md-sys-color-surface-container-highest: #e6e0e9;\n\n /* Outline */\n --md-sys-color-outline: #79747e;\n --md-sys-color-outline-variant: #cac4d0;\n\n /* Background */\n --md-sys-color-background: #fffbfe;\n --md-sys-color-on-background: #1c1b1f;\n\n /* ==========================================================================\n TYPOGRAPHY TOKENS\n Material Design 3 Type Scale - 5 categories, 3 sizes each (15 total)\n ========================================================================== */\n\n /* Font families */\n --md-sys-typescale-font-family-plain:\n system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family-plain);\n\n /* Display - Large expressive text */\n --md-sys-typescale-display-large-size: 3.5625rem; /* 57px */\n --md-sys-typescale-display-large-line-height: 4rem; /* 64px */\n --md-sys-typescale-display-large-weight: 400;\n --md-sys-typescale-display-large-tracking: -0.25px;\n\n --md-sys-typescale-display-medium-size: 2.8125rem; /* 45px */\n --md-sys-typescale-display-medium-line-height: 3.25rem; /* 52px */\n --md-sys-typescale-display-medium-weight: 400;\n --md-sys-typescale-display-medium-tracking: 0;\n\n --md-sys-typescale-display-small-size: 2.25rem; /* 36px */\n --md-sys-typescale-display-small-line-height: 2.75rem; /* 44px */\n --md-sys-typescale-display-small-weight: 400;\n --md-sys-typescale-display-small-tracking: 0;\n\n /* Headline - High-emphasis text */\n --md-sys-typescale-headline-large-size: 2rem; /* 32px */\n --md-sys-typescale-headline-large-line-height: 2.5rem; /* 40px */\n --md-sys-typescale-headline-large-weight: 400;\n --md-sys-typescale-headline-large-tracking: 0;\n\n --md-sys-typescale-headline-medium-size: 1.75rem; /* 28px */\n --md-sys-typescale-headline-medium-line-height: 2.25rem; /* 36px */\n --md-sys-typescale-headline-medium-weight: 400;\n --md-sys-typescale-headline-medium-tracking: 0;\n\n --md-sys-typescale-headline-small-size: 1.5rem; /* 24px */\n --md-sys-typescale-headline-small-line-height: 2rem; /* 32px */\n --md-sys-typescale-headline-small-weight: 400;\n --md-sys-typescale-headline-small-tracking: 0;\n\n /* Title - Medium-emphasis text */\n --md-sys-typescale-title-large-size: 1.375rem; /* 22px */\n --md-sys-typescale-title-large-line-height: 1.75rem; /* 28px */\n --md-sys-typescale-title-large-weight: 400;\n --md-sys-typescale-title-large-tracking: 0;\n\n --md-sys-typescale-title-medium-size: 1rem; /* 16px */\n --md-sys-typescale-title-medium-line-height: 1.5rem; /* 24px */\n --md-sys-typescale-title-medium-weight: 500;\n --md-sys-typescale-title-medium-tracking: 0.15px;\n\n --md-sys-typescale-title-small-size: 0.875rem; /* 14px */\n --md-sys-typescale-title-small-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-title-small-weight: 500;\n --md-sys-typescale-title-small-tracking: 0.1px;\n\n /* Body - Plain text */\n --md-sys-typescale-body-large-size: 1rem; /* 16px */\n --md-sys-typescale-body-large-line-height: 1.5rem; /* 24px */\n --md-sys-typescale-body-large-weight: 400;\n --md-sys-typescale-body-large-tracking: 0.5px;\n\n --md-sys-typescale-body-medium-size: 0.875rem; /* 14px */\n --md-sys-typescale-body-medium-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-body-medium-weight: 400;\n --md-sys-typescale-body-medium-tracking: 0.25px;\n\n --md-sys-typescale-body-small-size: 0.75rem; /* 12px */\n --md-sys-typescale-body-small-line-height: 1rem; /* 16px */\n --md-sys-typescale-body-small-weight: 400;\n --md-sys-typescale-body-small-tracking: 0.4px;\n\n /* Label - UI labels, buttons */\n --md-sys-typescale-label-large-size: 0.875rem; /* 14px */\n --md-sys-typescale-label-large-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-label-large-weight: 500;\n --md-sys-typescale-label-large-tracking: 0.1px;\n\n --md-sys-typescale-label-medium-size: 0.75rem; /* 12px */\n --md-sys-typescale-label-medium-line-height: 1rem; /* 16px */\n --md-sys-typescale-label-medium-weight: 500;\n --md-sys-typescale-label-medium-tracking: 0.5px;\n\n --md-sys-typescale-label-small-size: 0.6875rem; /* 11px */\n --md-sys-typescale-label-small-line-height: 1rem; /* 16px */\n --md-sys-typescale-label-small-weight: 500;\n --md-sys-typescale-label-small-tracking: 0.5px;\n\n /* ==========================================================================\n SHAPE TOKENS\n Material Design 3 corner radius system\n ========================================================================== */\n\n --md-sys-shape-corner-none: 0;\n --md-sys-shape-corner-extra-small: 0.25rem;\n --md-sys-shape-corner-small: 0.5rem;\n --md-sys-shape-corner-medium: 0.75rem;\n --md-sys-shape-corner-large: 1rem;\n --md-sys-shape-corner-extra-large: 1.75rem;\n --md-sys-shape-corner-full: 624.9375rem;\n\n /* ==========================================================================\n ELEVATION TOKENS\n Material Design 3 elevation system (box shadows)\n ========================================================================== */\n\n --md-sys-elevation-level-0: none;\n --md-sys-elevation-level-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);\n\n /* ==========================================================================\n MOTION TOKENS\n Material Design 3 motion system (duration and easing)\n ========================================================================== */\n\n --md-sys-motion-duration-short1: 50ms;\n --md-sys-motion-duration-short2: 100ms;\n --md-sys-motion-duration-short3: 150ms;\n --md-sys-motion-duration-short4: 200ms;\n --md-sys-motion-duration-medium1: 250ms;\n --md-sys-motion-duration-medium2: 300ms;\n --md-sys-motion-duration-medium3: 350ms;\n --md-sys-motion-duration-medium4: 400ms;\n --md-sys-motion-duration-long1: 450ms;\n --md-sys-motion-duration-long2: 500ms;\n --md-sys-motion-duration-long3: 550ms;\n --md-sys-motion-duration-long4: 600ms;\n\n --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);\n --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);\n}\n\n/* ==========================================================================\n DARK MODE (Placeholder)\n ========================================================================== */\n\n/* Dark mode with class selector (for manual toggling, e.g., Storybook) */\n.dark {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n}\n\n/* System/OS dark mode preference (activates when no .light class is present) */\n@media (prefers-color-scheme: dark) {\n :root:not(.light) {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n }\n}\n\n/* ==========================================================================\n GLOBAL STYLES\n Apply MD3 surface colors to body element\n ========================================================================== */\n\nbody {\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n margin: 0;\n font-family: var(--md-sys-typescale-font-family-plain);\n}\n\n/* ==========================================================================\n TAILWIND V4 INTEGRATION\n Maps MD3 design tokens to Tailwind utility classes\n ========================================================================== */\n\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Color Utilities\n Maps MD3 semantic color roles to Tailwind color utilities\n Usage: bg-primary, text-on-primary, border-outline, etc. */\n\n /* Primary colors */\n --color-primary: var(--md-sys-color-primary);\n --color-on-primary: var(--md-sys-color-on-primary);\n --color-primary-container: var(--md-sys-color-primary-container);\n --color-on-primary-container: var(--md-sys-color-on-primary-container);\n\n /* Secondary colors */\n --color-secondary: var(--md-sys-color-secondary);\n --color-on-secondary: var(--md-sys-color-on-secondary);\n --color-secondary-container: var(--md-sys-color-secondary-container);\n --color-on-secondary-container: var(--md-sys-color-on-secondary-container);\n\n /* Tertiary colors */\n --color-tertiary: var(--md-sys-color-tertiary);\n --color-on-tertiary: var(--md-sys-color-on-tertiary);\n --color-tertiary-container: var(--md-sys-color-tertiary-container);\n --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);\n\n /* Error colors */\n --color-error: var(--md-sys-color-error);\n --color-on-error: var(--md-sys-color-on-error);\n --color-error-container: var(--md-sys-color-error-container);\n --color-on-error-container: var(--md-sys-color-on-error-container);\n\n /* Surface colors */\n --color-surface: var(--md-sys-color-surface);\n --color-on-surface: var(--md-sys-color-on-surface);\n --color-surface-variant: var(--md-sys-color-surface-variant);\n --color-on-surface-variant: var(--md-sys-color-on-surface-variant);\n\n /* Surface containers */\n --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);\n --color-surface-container-low: var(--md-sys-color-surface-container-low);\n --color-surface-container: var(--md-sys-color-surface-container);\n --color-surface-container-high: var(--md-sys-color-surface-container-high);\n --color-surface-container-highest: var(--md-sys-color-surface-container-highest);\n\n /* Outline colors */\n --color-outline: var(--md-sys-color-outline);\n --color-outline-variant: var(--md-sys-color-outline-variant);\n\n /* Background colors */\n --color-background: var(--md-sys-color-background);\n --color-on-background: var(--md-sys-color-on-background);\n\n /* Elevation/Shadow utilities\n Maps MD3 elevation levels to Tailwind box-shadow utilities\n Usage: shadow-elevation-1, shadow-elevation-2, etc. */\n --shadow-elevation-0: var(--md-sys-elevation-level-0);\n --shadow-elevation-1: var(--md-sys-elevation-level-1);\n --shadow-elevation-2: var(--md-sys-elevation-level-2);\n --shadow-elevation-3: var(--md-sys-elevation-level-3);\n --shadow-elevation-4: var(--md-sys-elevation-level-4);\n --shadow-elevation-5: var(--md-sys-elevation-level-5);\n}\n\n/* ==========================================================================\n ANIMATIONS\n Material Design 3 motion specs for ripple and other animations\n ========================================================================== */\n\n@keyframes ripple {\n to {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n }\n}\n\n/* Extend Tailwind theme with MD3 animations and opacity values */\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Animations */\n --animate-ripple: ripple 450ms cubic-bezier(0.2, 0, 0, 1);\n\n /* Opacity values for MD3 state layers */\n --opacity-8: 0.08;\n --opacity-12: 0.12;\n --opacity-38: 0.38;\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../tokens/src/tokens.css"],"sourcesContent":["/**\n * @tinybigui/tokens\n * Material Design 3 Design Tokens\n * \n * This file contains CSS variables for MD3 design tokens.\n * These tokens will be generated from Material Color Utilities\n * and other MD3 specifications.\n */\n\n/* Import Tailwind CSS v4 */\n@import \"tailwindcss\";\n\n:root {\n /* ==========================================================================\n COLOR TOKENS\n Material Design 3 color system with light/dark mode support\n Complete set of 18 semantic color roles for light and dark themes\n ========================================================================== */\n\n /* Primary */\n --md-sys-color-primary: #6750a4;\n --md-sys-color-on-primary: #ffffff;\n --md-sys-color-primary-container: #eaddff;\n --md-sys-color-on-primary-container: #21005d;\n\n /* Secondary */\n --md-sys-color-secondary: #625b71;\n --md-sys-color-on-secondary: #ffffff;\n --md-sys-color-secondary-container: #e8def8;\n --md-sys-color-on-secondary-container: #1d192b;\n\n /* Tertiary */\n --md-sys-color-tertiary: #7d5260;\n --md-sys-color-on-tertiary: #ffffff;\n --md-sys-color-tertiary-container: #ffd8e4;\n --md-sys-color-on-tertiary-container: #31111d;\n\n /* Error */\n --md-sys-color-error: #b3261e;\n --md-sys-color-on-error: #ffffff;\n --md-sys-color-error-container: #f9dedc;\n --md-sys-color-on-error-container: #410e0b;\n\n /* Surface */\n --md-sys-color-surface: #fffbfe;\n --md-sys-color-on-surface: #1c1b1f;\n --md-sys-color-surface-variant: #e7e0ec;\n --md-sys-color-on-surface-variant: #49454f;\n\n /* Surface containers (MD3 elevation system) */\n --md-sys-color-surface-container-lowest: #ffffff;\n --md-sys-color-surface-container-low: #f7f2fa;\n --md-sys-color-surface-container: #f3edf7;\n --md-sys-color-surface-container-high: #ece6f0;\n --md-sys-color-surface-container-highest: #e6e0e9;\n\n /* Outline */\n --md-sys-color-outline: #79747e;\n --md-sys-color-outline-variant: #cac4d0;\n\n /* Background */\n --md-sys-color-background: #fffbfe;\n --md-sys-color-on-background: #1c1b1f;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n\n /* ==========================================================================\n TYPOGRAPHY TOKENS\n Material Design 3 Type Scale - 5 categories, 3 sizes each (15 total)\n ========================================================================== */\n\n /* Font families */\n --md-sys-typescale-font-family-plain:\n system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family-plain);\n\n /* Display - Large expressive text */\n --md-sys-typescale-display-large-size: 3.5625rem; /* 57px */\n --md-sys-typescale-display-large-line-height: 4rem; /* 64px */\n --md-sys-typescale-display-large-weight: 400;\n --md-sys-typescale-display-large-tracking: -0.25px;\n\n --md-sys-typescale-display-medium-size: 2.8125rem; /* 45px */\n --md-sys-typescale-display-medium-line-height: 3.25rem; /* 52px */\n --md-sys-typescale-display-medium-weight: 400;\n --md-sys-typescale-display-medium-tracking: 0;\n\n --md-sys-typescale-display-small-size: 2.25rem; /* 36px */\n --md-sys-typescale-display-small-line-height: 2.75rem; /* 44px */\n --md-sys-typescale-display-small-weight: 400;\n --md-sys-typescale-display-small-tracking: 0;\n\n /* Headline - High-emphasis text */\n --md-sys-typescale-headline-large-size: 2rem; /* 32px */\n --md-sys-typescale-headline-large-line-height: 2.5rem; /* 40px */\n --md-sys-typescale-headline-large-weight: 400;\n --md-sys-typescale-headline-large-tracking: 0;\n\n --md-sys-typescale-headline-medium-size: 1.75rem; /* 28px */\n --md-sys-typescale-headline-medium-line-height: 2.25rem; /* 36px */\n --md-sys-typescale-headline-medium-weight: 400;\n --md-sys-typescale-headline-medium-tracking: 0;\n\n --md-sys-typescale-headline-small-size: 1.5rem; /* 24px */\n --md-sys-typescale-headline-small-line-height: 2rem; /* 32px */\n --md-sys-typescale-headline-small-weight: 400;\n --md-sys-typescale-headline-small-tracking: 0;\n\n /* Title - Medium-emphasis text */\n --md-sys-typescale-title-large-size: 1.375rem; /* 22px */\n --md-sys-typescale-title-large-line-height: 1.75rem; /* 28px */\n --md-sys-typescale-title-large-weight: 400;\n --md-sys-typescale-title-large-tracking: 0;\n\n --md-sys-typescale-title-medium-size: 1rem; /* 16px */\n --md-sys-typescale-title-medium-line-height: 1.5rem; /* 24px */\n --md-sys-typescale-title-medium-weight: 500;\n --md-sys-typescale-title-medium-tracking: 0.15px;\n\n --md-sys-typescale-title-small-size: 0.875rem; /* 14px */\n --md-sys-typescale-title-small-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-title-small-weight: 500;\n --md-sys-typescale-title-small-tracking: 0.1px;\n\n /* Body - Plain text */\n --md-sys-typescale-body-large-size: 1rem; /* 16px */\n --md-sys-typescale-body-large-line-height: 1.5rem; /* 24px */\n --md-sys-typescale-body-large-weight: 400;\n --md-sys-typescale-body-large-tracking: 0.5px;\n\n --md-sys-typescale-body-medium-size: 0.875rem; /* 14px */\n --md-sys-typescale-body-medium-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-body-medium-weight: 400;\n --md-sys-typescale-body-medium-tracking: 0.25px;\n\n --md-sys-typescale-body-small-size: 0.75rem; /* 12px */\n --md-sys-typescale-body-small-line-height: 1rem; /* 16px */\n --md-sys-typescale-body-small-weight: 400;\n --md-sys-typescale-body-small-tracking: 0.4px;\n\n /* Label - UI labels, buttons */\n --md-sys-typescale-label-large-size: 0.875rem; /* 14px */\n --md-sys-typescale-label-large-line-height: 1.25rem; /* 20px */\n --md-sys-typescale-label-large-weight: 500;\n --md-sys-typescale-label-large-tracking: 0.1px;\n\n --md-sys-typescale-label-medium-size: 0.75rem; /* 12px */\n --md-sys-typescale-label-medium-line-height: 1rem; /* 16px */\n --md-sys-typescale-label-medium-weight: 500;\n --md-sys-typescale-label-medium-tracking: 0.5px;\n\n --md-sys-typescale-label-small-size: 0.6875rem; /* 11px */\n --md-sys-typescale-label-small-line-height: 1rem; /* 16px */\n --md-sys-typescale-label-small-weight: 500;\n --md-sys-typescale-label-small-tracking: 0.5px;\n\n /* ==========================================================================\n SHAPE TOKENS\n Material Design 3 corner radius system\n ========================================================================== */\n\n --md-sys-shape-corner-none: 0;\n --md-sys-shape-corner-extra-small: 0.25rem;\n --md-sys-shape-corner-small: 0.5rem;\n --md-sys-shape-corner-medium: 0.75rem;\n --md-sys-shape-corner-large: 1rem;\n --md-sys-shape-corner-extra-large: 1.75rem;\n --md-sys-shape-corner-full: 624.9375rem;\n\n /* ==========================================================================\n ELEVATION TOKENS\n Material Design 3 elevation system (box shadows)\n ========================================================================== */\n\n --md-sys-elevation-level-0: none;\n --md-sys-elevation-level-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);\n\n /* ==========================================================================\n MOTION TOKENS\n Material Design 3 motion system (duration and easing)\n ========================================================================== */\n\n --md-sys-motion-duration-short1: 50ms;\n --md-sys-motion-duration-short2: 100ms;\n --md-sys-motion-duration-short3: 150ms;\n --md-sys-motion-duration-short4: 200ms;\n --md-sys-motion-duration-medium1: 250ms;\n --md-sys-motion-duration-medium2: 300ms;\n --md-sys-motion-duration-medium3: 350ms;\n --md-sys-motion-duration-medium4: 400ms;\n --md-sys-motion-duration-long1: 450ms;\n --md-sys-motion-duration-long2: 500ms;\n --md-sys-motion-duration-long3: 550ms;\n --md-sys-motion-duration-long4: 600ms;\n\n --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);\n --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);\n}\n\n/* ==========================================================================\n DARK MODE (Placeholder)\n ========================================================================== */\n\n/* Dark mode with class selector (for manual toggling, e.g., Storybook) */\n.dark {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n}\n\n/* System/OS dark mode preference (activates when no .light class is present) */\n@media (prefers-color-scheme: dark) {\n :root:not(.light) {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n }\n}\n\n/* ==========================================================================\n GLOBAL STYLES\n Apply MD3 surface colors to body element\n ========================================================================== */\n\nbody {\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n margin: 0;\n font-family: var(--md-sys-typescale-font-family-plain);\n}\n\n/* ==========================================================================\n TAILWIND V4 INTEGRATION\n Maps MD3 design tokens to Tailwind utility classes\n ========================================================================== */\n\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Color Utilities\n Maps MD3 semantic color roles to Tailwind color utilities\n Usage: bg-primary, text-on-primary, border-outline, etc. */\n\n /* Primary colors */\n --color-primary: var(--md-sys-color-primary);\n --color-on-primary: var(--md-sys-color-on-primary);\n --color-primary-container: var(--md-sys-color-primary-container);\n --color-on-primary-container: var(--md-sys-color-on-primary-container);\n\n /* Secondary colors */\n --color-secondary: var(--md-sys-color-secondary);\n --color-on-secondary: var(--md-sys-color-on-secondary);\n --color-secondary-container: var(--md-sys-color-secondary-container);\n --color-on-secondary-container: var(--md-sys-color-on-secondary-container);\n\n /* Tertiary colors */\n --color-tertiary: var(--md-sys-color-tertiary);\n --color-on-tertiary: var(--md-sys-color-on-tertiary);\n --color-tertiary-container: var(--md-sys-color-tertiary-container);\n --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);\n\n /* Error colors */\n --color-error: var(--md-sys-color-error);\n --color-on-error: var(--md-sys-color-on-error);\n --color-error-container: var(--md-sys-color-error-container);\n --color-on-error-container: var(--md-sys-color-on-error-container);\n\n /* Surface colors */\n --color-surface: var(--md-sys-color-surface);\n --color-on-surface: var(--md-sys-color-on-surface);\n --color-surface-variant: var(--md-sys-color-surface-variant);\n --color-on-surface-variant: var(--md-sys-color-on-surface-variant);\n\n /* Surface containers */\n --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);\n --color-surface-container-low: var(--md-sys-color-surface-container-low);\n --color-surface-container: var(--md-sys-color-surface-container);\n --color-surface-container-high: var(--md-sys-color-surface-container-high);\n --color-surface-container-highest: var(--md-sys-color-surface-container-highest);\n\n /* Outline colors */\n --color-outline: var(--md-sys-color-outline);\n --color-outline-variant: var(--md-sys-color-outline-variant);\n\n /* Background colors */\n --color-background: var(--md-sys-color-background);\n --color-on-background: var(--md-sys-color-on-background);\n\n /* Scrim color */\n --color-scrim: var(--md-sys-color-scrim);\n\n /* Elevation/Shadow utilities\n Maps MD3 elevation levels to Tailwind box-shadow utilities\n Usage: shadow-elevation-1, shadow-elevation-2, etc. */\n --shadow-elevation-0: var(--md-sys-elevation-level-0);\n --shadow-elevation-1: var(--md-sys-elevation-level-1);\n --shadow-elevation-2: var(--md-sys-elevation-level-2);\n --shadow-elevation-3: var(--md-sys-elevation-level-3);\n --shadow-elevation-4: var(--md-sys-elevation-level-4);\n --shadow-elevation-5: var(--md-sys-elevation-level-5);\n}\n\n/* ==========================================================================\n ANIMATIONS\n Material Design 3 motion specs for ripple and other animations\n ========================================================================== */\n\n@keyframes ripple {\n to {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n }\n}\n\n/* Extend Tailwind theme with MD3 animations and opacity values */\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Animations */\n --animate-ripple: ripple 450ms cubic-bezier(0.2, 0, 0, 1);\n\n /* Opacity values for MD3 state layers */\n --opacity-8: 0.08;\n --opacity-12: 0.12;\n --opacity-32: 0.32;\n --opacity-38: 0.38;\n\n /* Typography utilities\n Maps MD3 type scale to Tailwind font-size/line-height utilities\n Usage: text-title-large, text-headline-small, text-display-small, etc.\n These produce font-size + line-height pairs via Tailwind v4 @theme */\n\n /* Display scale */\n --font-size-display-large: var(--md-sys-typescale-display-large-size);\n --line-height-display-large: var(--md-sys-typescale-display-large-line-height);\n --font-size-display-medium: var(--md-sys-typescale-display-medium-size);\n --line-height-display-medium: var(--md-sys-typescale-display-medium-line-height);\n --font-size-display-small: var(--md-sys-typescale-display-small-size);\n --line-height-display-small: var(--md-sys-typescale-display-small-line-height);\n\n /* Headline scale */\n --font-size-headline-large: var(--md-sys-typescale-headline-large-size);\n --line-height-headline-large: var(--md-sys-typescale-headline-large-line-height);\n --font-size-headline-medium: var(--md-sys-typescale-headline-medium-size);\n --line-height-headline-medium: var(--md-sys-typescale-headline-medium-line-height);\n --font-size-headline-small: var(--md-sys-typescale-headline-small-size);\n --line-height-headline-small: var(--md-sys-typescale-headline-small-line-height);\n\n /* Title scale */\n --font-size-title-large: var(--md-sys-typescale-title-large-size);\n --line-height-title-large: var(--md-sys-typescale-title-large-line-height);\n --font-size-title-medium: var(--md-sys-typescale-title-medium-size);\n --line-height-title-medium: var(--md-sys-typescale-title-medium-line-height);\n --font-size-title-small: var(--md-sys-typescale-title-small-size);\n --line-height-title-small: var(--md-sys-typescale-title-small-line-height);\n\n /* Body scale */\n --font-size-body-large: var(--md-sys-typescale-body-large-size);\n --line-height-body-large: var(--md-sys-typescale-body-large-line-height);\n --font-size-body-medium: var(--md-sys-typescale-body-medium-size);\n --line-height-body-medium: var(--md-sys-typescale-body-medium-line-height);\n --font-size-body-small: var(--md-sys-typescale-body-small-size);\n --line-height-body-small: var(--md-sys-typescale-body-small-line-height);\n\n /* Label scale */\n --font-size-label-large: var(--md-sys-typescale-label-large-size);\n --line-height-label-large: var(--md-sys-typescale-label-large-line-height);\n --font-size-label-medium: var(--md-sys-typescale-label-medium-size);\n --line-height-label-medium: var(--md-sys-typescale-label-medium-line-height);\n --font-size-label-small: var(--md-sys-typescale-label-small-size);\n --line-height-label-small: var(--md-sys-typescale-label-small-line-height);\n\n /* Motion utilities\n Maps MD3 motion duration tokens to Tailwind transition-duration utilities\n Usage: duration-short2, duration-medium2, duration-long1, etc. */\n --transition-duration-short1: var(--md-sys-motion-duration-short1);\n --transition-duration-short2: var(--md-sys-motion-duration-short2);\n --transition-duration-short3: var(--md-sys-motion-duration-short3);\n --transition-duration-short4: var(--md-sys-motion-duration-short4);\n --transition-duration-medium1: var(--md-sys-motion-duration-medium1);\n --transition-duration-medium2: var(--md-sys-motion-duration-medium2);\n --transition-duration-medium3: var(--md-sys-motion-duration-medium3);\n --transition-duration-medium4: var(--md-sys-motion-duration-medium4);\n --transition-duration-long1: var(--md-sys-motion-duration-long1);\n --transition-duration-long2: var(--md-sys-motion-duration-long2);\n --transition-duration-long3: var(--md-sys-motion-duration-long3);\n --transition-duration-long4: var(--md-sys-motion-duration-long4);\n\n /* Easing utilities\n Maps MD3 easing tokens to Tailwind transition-timing-function utilities\n Usage: ease-standard, ease-emphasized, etc. */\n --ease-standard: var(--md-sys-motion-easing-standard);\n --ease-emphasized: var(--md-sys-motion-easing-emphasized);\n --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate);\n --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate);\n\n /* Spacing utilities for MD3 component heights\n Usage: h-appbar-small (64px), h-appbar-medium (112px), h-appbar-large (152px) */\n --spacing-appbar-small: 4rem; /* 64px */\n --spacing-appbar-medium: 7rem; /* 112px */\n --spacing-appbar-large: 9.5rem; /* 152px */\n\n /* Drawer width: MD3 spec = 360dp */\n --spacing-drawer: 22.5rem; /* 360px */\n\n /* Shape radius utilities for MD3 components */\n --radius-xs: var(--md-sys-shape-corner-extra-small); /* 4px */\n --radius-sm: var(--md-sys-shape-corner-small); /* 8px */\n --radius-md: var(--md-sys-shape-corner-medium); /* 12px */\n --radius-lg: var(--md-sys-shape-corner-large); /* 16px */\n --radius-xl: var(--md-sys-shape-corner-extra-large); /* 28px */\n --radius-full: var(--md-sys-shape-corner-full);\n}\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tinybigui/react",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Material Design 3 React components built with Tailwind CSS",
5
5
  "keywords": [
6
6
  "react",
@@ -88,7 +88,7 @@
88
88
  "typescript": "^5.7.2",
89
89
  "typescript-eslint": "^8.51.0",
90
90
  "vitest-axe": "^0.1.0",
91
- "@tinybigui/tokens": "0.1.0"
91
+ "@tinybigui/tokens": "0.2.0"
92
92
  },
93
93
  "peerDependencies": {
94
94
  "react": "^18.0.0 || ^19.0.0",