@aracreate/arm-ui 3.7.0 → 3.8.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.
- package/README.md +17 -4
- package/dist/chunk-HJKF66OV.js +2 -0
- package/dist/chunk-HJKF66OV.js.map +1 -0
- package/dist/chunk-OWU3I5NQ.mjs +2 -0
- package/dist/{chunk-LGJWNA6J.mjs.map → chunk-OWU3I5NQ.mjs.map} +1 -1
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/preset.js +1 -1
- package/dist/preset.mjs +1 -1
- package/dist/style.css +5 -1
- package/package.json +2 -3
- package/dist/chunk-LGJWNA6J.mjs +0 -2
- package/dist/chunk-TD6NGM5I.js +0 -2
- package/dist/chunk-TD6NGM5I.js.map +0 -1
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ the previously published types until the bump happens.
|
|
|
25
25
|
| Framework | React 19 (peer: `>=18`) |
|
|
26
26
|
| Bundler | `tsup` — ESM + CJS + `.d.ts` |
|
|
27
27
|
| Styling | UnoCSS, shipped as the `acPreset` preset and a pre-built `style.css` |
|
|
28
|
-
| Primitives | Radix
|
|
28
|
+
| Primitives | Radix Themes and `@radix-ui/react-icons`, re-exported from this package |
|
|
29
29
|
| Calendar grid | `react-big-calendar`, with brand overrides shipped separately |
|
|
30
30
|
| Catalogue | Storybook |
|
|
31
31
|
| Tests | Vitest — two configs (components, Storybook) — plus axe accessibility tests |
|
|
@@ -76,10 +76,23 @@ is the way to actually look at them.
|
|
|
76
76
|
| Shell | `Sidebar`, `Topbar`, `SearchOverlay` |
|
|
77
77
|
| Data display | `DataTableRow`, `MetricCard`, `AppCard`, `ActivityRow`, `AccentHeader`, `CardFooter`, `IconTile` |
|
|
78
78
|
| Feedback & state | `Toast`, `ConfirmDialog`, `Skeleton`, `EmptyCard`, `DashboardErrorCard` |
|
|
79
|
-
| Icons | `ProviderIcon`, `GoogleIcon`, `MicrosoftIcon` |
|
|
79
|
+
| Icons | `ProviderIcon`, `GoogleIcon`, `MicrosoftIcon`, plus the whole Radix icon set (`Cross2Icon`, `ChevronDownIcon`, …) |
|
|
80
|
+
| Basics | The Radix Themes components, re-exported — see below |
|
|
80
81
|
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
### The basics
|
|
83
|
+
|
|
84
|
+
`Button`, `Text`, `Flex`, `TextField`, `Dialog`, `Select` and the rest of the basic Radix Themes
|
|
85
|
+
components are exported from this package too — import them from `@aracreate/arm-ui`, not from
|
|
86
|
+
`@radix-ui/themes`. So are all the Radix icons.
|
|
87
|
+
|
|
88
|
+
They are the **identical Radix objects**, not wrappers, so behaviour and props are Radix's own and its
|
|
89
|
+
docs apply. `src/components/primitives.ts` is the list; a component becomes a real wrapper only when ARM
|
|
90
|
+
needs something Radix does not give, and that edit is then made here alone.
|
|
91
|
+
|
|
92
|
+
Two names differ from Radix. Radix `Link` is exported as **`TextLink`** (react-router's `Link` shares
|
|
93
|
+
files with it). `Skeleton` is this library's own, not Radix's. `Theme` is not exported at all —
|
|
94
|
+
`UIProvider` owns it. `primitives.test.ts` fails on any Radix export that is neither re-exported nor
|
|
95
|
+
named there, so upgrading Radix cannot add a component silently.
|
|
83
96
|
|
|
84
97
|
## Installation and setup in a consuming app
|
|
85
98
|
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},s=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of c(e))!d.call(o,t)&&t!==r&&a(o,t,{get:()=>e[t],enumerable:!(i=f(e,t))||i.enumerable});return o},u= exports.b =(o,e,r)=>(s(o,e,"default"),r&&s(r,e,"default"));var n={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},p= exports.d ={colors:n,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",highContrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},fadeIn:"animate-in fade-in",fadeOut:"animate-out fade-out",slideIn:"animate-in slide-in-from-bottom-2",slideOut:"animate-out slide-out-to-bottom-2",scaleIn:"animate-in zoom-in-95",scaleOut:"animate-out zoom-out-95"},accessibility:{srOnly:"sr-only",focusTrap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",highContrast:"forced-colors:border forced-colors:border-solid",reducedMotion:"motion-reduce:transition-none motion-reduce:animate-none",touchTarget:"min-h-11 min-w-11"}},y= exports.e =(o,e=500)=>{let r=n[o];return typeof r=="object"&&r!==null&&e in r?r[String(e)]:n.primary[500]};exports.a = g; exports.b = u; exports.c = n; exports.d = p; exports.e = y;
|
|
2
|
+
//# sourceMappingURL=chunk-HJKF66OV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/chunk-HJKF66OV.js","../src/lib/theme.ts"],"names":["colors","theme","getColor","colorName","shade","colorGroup"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/chunk-HJKF66OV.js","sourcesContent":[null,"// Simplified single color palette\nconst colors = {\n // Primary brand colors\n primary: {\n 50: \"#fef7e6\",\n 100: \"#fdecc0\",\n 200: \"#fbd886\",\n 300: \"#f9c44c\",\n 400: \"#f7b01f\",\n 500: \"#F9BF3B\", // Main primary\n 600: \"#e6a82d\",\n 700: \"#cc8f1f\",\n 800: \"#b37611\",\n 900: \"#995d03\",\n },\n\n // Secondary colors\n secondary: {\n 50: \"#f8fafc\",\n 100: \"#f1f5f9\",\n 200: \"#e2e8f0\",\n 300: \"#cbd5e1\",\n 400: \"#94a3b8\",\n 500: \"#64748b\",\n 600: \"#475569\",\n 700: \"#334155\",\n 800: \"#1e293b\",\n 900: \"#0f172a\",\n },\n\n // Semantic colors\n success: {\n 50: \"#f0fdf4\",\n 100: \"#dcfce7\",\n 200: \"#bbf7d0\",\n 300: \"#86efac\",\n 400: \"#4ade80\",\n 500: \"#22c55e\",\n 600: \"#16a34a\",\n 700: \"#15803d\",\n 800: \"#166534\",\n 900: \"#14532d\",\n },\n\n error: {\n 50: \"#fef2f2\",\n 100: \"#fee2e2\",\n 200: \"#fecaca\",\n 300: \"#fca5a5\",\n 400: \"#f87171\",\n 500: \"#ef4444\",\n 600: \"#dc2626\",\n 700: \"#b91c1c\",\n 800: \"#991b1b\",\n 900: \"#7f1d1d\",\n },\n\n warning: {\n 50: \"#fffbeb\",\n 100: \"#fef3c7\",\n 200: \"#fde68a\",\n 300: \"#fcd34d\",\n 400: \"#fbbf24\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n 700: \"#b45309\",\n 800: \"#92400e\",\n 900: \"#78350f\",\n },\n\n info: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n },\n\n // Neutral colors\n neutral: {\n 50: \"#fafafa\",\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n\n // Background and surface colors\n background: {\n primary: \"#ffffff\",\n secondary: \"#f8fafc\",\n tertiary: \"#f1f5f9\",\n },\n\n // Text colors\n text: {\n primary: \"#0f172a\",\n secondary: \"#475569\",\n tertiary: \"#64748b\",\n disabled: \"#94a3b8\",\n },\n\n // Border colors\n border: {\n primary: \"#e2e8f0\",\n secondary: \"#cbd5e1\",\n focus: \"#3b82f6\",\n error: \"#ef4444\",\n },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n // Single color palette\n colors,\n\n // Enhanced base component styles with accessibility focus\n base: {\n // Transitions with reduced motion support\n transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n // Enhanced focus states meeting WCAG 2.1 AA standards\n focus:\n \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n // Disabled states with proper contrast\n disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n // Interactive states\n interactive: \"cursor-pointer select-none\",\n\n // High contrast mode support\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n },\n\n // Enhanced size system with consistent spacing\n sizes: {\n xs: {\n text: \"text-xs\",\n padding: \"px-2 py-1\",\n height: \"h-6\",\n icon: \"h-3 w-3\",\n gap: \"gap-1\",\n },\n sm: {\n text: \"text-sm\",\n padding: \"px-3 py-1.5\",\n height: \"h-8\",\n icon: \"h-4 w-4\",\n gap: \"gap-1.5\",\n },\n md: {\n text: \"text-base\",\n padding: \"px-4 py-2\",\n height: \"h-10\",\n icon: \"h-5 w-5\",\n gap: \"gap-2\",\n },\n lg: {\n text: \"text-lg\",\n padding: \"px-5 py-2.5\",\n height: \"h-12\",\n icon: \"h-6 w-6\",\n gap: \"gap-2.5\",\n },\n xl: {\n text: \"text-xl\",\n padding: \"px-6 py-3\",\n height: \"h-14\",\n icon: \"h-7 w-7\",\n gap: \"gap-3\",\n },\n },\n\n // Enhanced variants with accessibility support — Radix 1-12 scale\n variants: {\n primary: {\n // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n solid:\n \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n outline:\n \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n },\n secondary: {\n // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n solid:\n \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n outline:\n \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n ghost:\n \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n },\n destructive: {\n solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n outline:\n \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n },\n success: {\n solid:\n \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n outline:\n \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n },\n warning: {\n // text-neutral-12 (static dark): amber-9 also too bright for white text\n solid:\n \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n outline:\n \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n },\n info: {\n solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n outline:\n \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n },\n },\n\n // Enhanced border radius system\n radius: {\n none: \"rounded-none\",\n xs: \"rounded-xs\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n \"2xl\": \"rounded-2xl\",\n \"3xl\": \"rounded-3xl\",\n full: \"rounded-full\",\n },\n\n // Enhanced spacing system\n spacing: {\n none: \"gap-0\",\n xs: \"gap-1\",\n sm: \"gap-2\",\n md: \"gap-3\",\n lg: \"gap-4\",\n xl: \"gap-6\",\n \"2xl\": \"gap-8\",\n \"3xl\": \"gap-12\",\n },\n\n // Typography scale\n typography: {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n base: \"text-base leading-6\",\n lg: \"text-lg leading-7\",\n xl: \"text-xl leading-8\",\n \"2xl\": \"text-2xl leading-9\",\n \"3xl\": \"text-3xl leading-10\",\n },\n\n // Animation system with reduced motion support\n animations: {\n // Durations\n duration: {\n fast: \"duration-150\",\n normal: \"duration-200\",\n slow: \"duration-300\",\n },\n\n // Easing functions\n easing: {\n linear: \"ease-linear\",\n in: \"ease-in\",\n out: \"ease-out\",\n inOut: \"ease-in-out\",\n },\n\n // Common animations\n fadeIn: \"animate-in fade-in\",\n fadeOut: \"animate-out fade-out\",\n slideIn: \"animate-in slide-in-from-bottom-2\",\n slideOut: \"animate-out slide-out-to-bottom-2\",\n scaleIn: \"animate-in zoom-in-95\",\n scaleOut: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n srOnly: \"sr-only\",\n\n // Focus management\n focusTrap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reducedMotion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touchTarget: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const getColor = (\n colorName: keyof typeof colors,\n shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n const colorGroup = colors[colorName];\n\n if (typeof colorGroup === \"object\" && colorGroup !== null && shade in colorGroup) {\n return (colorGroup as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},s=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of c(e))!d.call(o,t)&&t!==r&&a(o,t,{get:()=>e[t],enumerable:!(i=f(e,t))||i.enumerable});return o},u=(o,e,r)=>(s(o,e,"default"),r&&s(r,e,"default"));var n={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},p={colors:n,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",highContrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},fadeIn:"animate-in fade-in",fadeOut:"animate-out fade-out",slideIn:"animate-in slide-in-from-bottom-2",slideOut:"animate-out slide-out-to-bottom-2",scaleIn:"animate-in zoom-in-95",scaleOut:"animate-out zoom-out-95"},accessibility:{srOnly:"sr-only",focusTrap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",highContrast:"forced-colors:border forced-colors:border-solid",reducedMotion:"motion-reduce:transition-none motion-reduce:animate-none",touchTarget:"min-h-11 min-w-11"}},y=(o,e=500)=>{let r=n[o];return typeof r=="object"&&r!==null&&e in r?r[String(e)]:n.primary[500]};export{g as a,u as b,n as c,p as d,y as e};
|
|
2
|
+
//# sourceMappingURL=chunk-OWU3I5NQ.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/theme.ts"],"sourcesContent":["// Simplified single color palette\nconst colors = {\n // Primary brand colors\n primary: {\n 50: \"#fef7e6\",\n 100: \"#fdecc0\",\n 200: \"#fbd886\",\n 300: \"#f9c44c\",\n 400: \"#f7b01f\",\n 500: \"#F9BF3B\", // Main primary\n 600: \"#e6a82d\",\n 700: \"#cc8f1f\",\n 800: \"#b37611\",\n 900: \"#995d03\",\n },\n\n // Secondary colors\n secondary: {\n 50: \"#f8fafc\",\n 100: \"#f1f5f9\",\n 200: \"#e2e8f0\",\n 300: \"#cbd5e1\",\n 400: \"#94a3b8\",\n 500: \"#64748b\",\n 600: \"#475569\",\n 700: \"#334155\",\n 800: \"#1e293b\",\n 900: \"#0f172a\",\n },\n\n // Semantic colors\n success: {\n 50: \"#f0fdf4\",\n 100: \"#dcfce7\",\n 200: \"#bbf7d0\",\n 300: \"#86efac\",\n 400: \"#4ade80\",\n 500: \"#22c55e\",\n 600: \"#16a34a\",\n 700: \"#15803d\",\n 800: \"#166534\",\n 900: \"#14532d\",\n },\n\n error: {\n 50: \"#fef2f2\",\n 100: \"#fee2e2\",\n 200: \"#fecaca\",\n 300: \"#fca5a5\",\n 400: \"#f87171\",\n 500: \"#ef4444\",\n 600: \"#dc2626\",\n 700: \"#b91c1c\",\n 800: \"#991b1b\",\n 900: \"#7f1d1d\",\n },\n\n warning: {\n 50: \"#fffbeb\",\n 100: \"#fef3c7\",\n 200: \"#fde68a\",\n 300: \"#fcd34d\",\n 400: \"#fbbf24\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n 700: \"#b45309\",\n 800: \"#92400e\",\n 900: \"#78350f\",\n },\n\n info: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n },\n\n // Neutral colors\n neutral: {\n 50: \"#fafafa\",\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n\n // Background and surface colors\n background: {\n primary: \"#ffffff\",\n secondary: \"#f8fafc\",\n tertiary: \"#f1f5f9\",\n },\n\n // Text colors\n text: {\n primary: \"#0f172a\",\n secondary: \"#475569\",\n tertiary: \"#64748b\",\n disabled: \"#94a3b8\",\n },\n\n // Border colors\n border: {\n primary: \"#e2e8f0\",\n secondary: \"#cbd5e1\",\n focus: \"#3b82f6\",\n error: \"#ef4444\",\n },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n // Single color palette\n colors,\n\n // Enhanced base component styles with accessibility focus\n base: {\n // Transitions with reduced motion support\n transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n // Enhanced focus states meeting WCAG 2.1 AA standards\n focus:\n \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n // Disabled states with proper contrast\n disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n // Interactive states\n interactive: \"cursor-pointer select-none\",\n\n // High contrast mode support\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n },\n\n // Enhanced size system with consistent spacing\n sizes: {\n xs: {\n text: \"text-xs\",\n padding: \"px-2 py-1\",\n height: \"h-6\",\n icon: \"h-3 w-3\",\n gap: \"gap-1\",\n },\n sm: {\n text: \"text-sm\",\n padding: \"px-3 py-1.5\",\n height: \"h-8\",\n icon: \"h-4 w-4\",\n gap: \"gap-1.5\",\n },\n md: {\n text: \"text-base\",\n padding: \"px-4 py-2\",\n height: \"h-10\",\n icon: \"h-5 w-5\",\n gap: \"gap-2\",\n },\n lg: {\n text: \"text-lg\",\n padding: \"px-5 py-2.5\",\n height: \"h-12\",\n icon: \"h-6 w-6\",\n gap: \"gap-2.5\",\n },\n xl: {\n text: \"text-xl\",\n padding: \"px-6 py-3\",\n height: \"h-14\",\n icon: \"h-7 w-7\",\n gap: \"gap-3\",\n },\n },\n\n // Enhanced variants with accessibility support — Radix 1-12 scale\n variants: {\n primary: {\n // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n solid:\n \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n outline:\n \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n },\n secondary: {\n // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n solid:\n \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n outline:\n \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n ghost:\n \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n },\n destructive: {\n solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n outline:\n \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n },\n success: {\n solid:\n \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n outline:\n \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n },\n warning: {\n // text-neutral-12 (static dark): amber-9 also too bright for white text\n solid:\n \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n outline:\n \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n },\n info: {\n solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n outline:\n \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n },\n },\n\n // Enhanced border radius system\n radius: {\n none: \"rounded-none\",\n xs: \"rounded-xs\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n \"2xl\": \"rounded-2xl\",\n \"3xl\": \"rounded-3xl\",\n full: \"rounded-full\",\n },\n\n // Enhanced spacing system\n spacing: {\n none: \"gap-0\",\n xs: \"gap-1\",\n sm: \"gap-2\",\n md: \"gap-3\",\n lg: \"gap-4\",\n xl: \"gap-6\",\n \"2xl\": \"gap-8\",\n \"3xl\": \"gap-12\",\n },\n\n // Typography scale\n typography: {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n base: \"text-base leading-6\",\n lg: \"text-lg leading-7\",\n xl: \"text-xl leading-8\",\n \"2xl\": \"text-2xl leading-9\",\n \"3xl\": \"text-3xl leading-10\",\n },\n\n // Animation system with reduced motion support\n animations: {\n // Durations\n duration: {\n fast: \"duration-150\",\n normal: \"duration-200\",\n slow: \"duration-300\",\n },\n\n // Easing functions\n easing: {\n linear: \"ease-linear\",\n in: \"ease-in\",\n out: \"ease-out\",\n inOut: \"ease-in-out\",\n },\n\n // Common animations\n fadeIn: \"animate-in fade-in\",\n fadeOut: \"animate-out fade-out\",\n slideIn: \"animate-in slide-in-from-bottom-2\",\n slideOut: \"animate-out slide-out-to-bottom-2\",\n scaleIn: \"animate-in zoom-in-95\",\n scaleOut: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n srOnly: \"sr-only\",\n\n // Focus management\n focusTrap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reducedMotion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touchTarget: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const getColor = (\n colorName: keyof typeof colors,\n shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n const colorGroup = colors[colorName];\n\n if (typeof colorGroup === \"object\" && colorGroup !== null && shade in colorGroup) {\n return (colorGroup as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"],"mappings":"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","names":["colors","theme","getColor","colorName","shade","colorGroup"]}
|
|
1
|
+
{"version":3,"sources":["../src/lib/theme.ts"],"sourcesContent":["// Simplified single color palette\nconst colors = {\n // Primary brand colors\n primary: {\n 50: \"#fef7e6\",\n 100: \"#fdecc0\",\n 200: \"#fbd886\",\n 300: \"#f9c44c\",\n 400: \"#f7b01f\",\n 500: \"#F9BF3B\", // Main primary\n 600: \"#e6a82d\",\n 700: \"#cc8f1f\",\n 800: \"#b37611\",\n 900: \"#995d03\",\n },\n\n // Secondary colors\n secondary: {\n 50: \"#f8fafc\",\n 100: \"#f1f5f9\",\n 200: \"#e2e8f0\",\n 300: \"#cbd5e1\",\n 400: \"#94a3b8\",\n 500: \"#64748b\",\n 600: \"#475569\",\n 700: \"#334155\",\n 800: \"#1e293b\",\n 900: \"#0f172a\",\n },\n\n // Semantic colors\n success: {\n 50: \"#f0fdf4\",\n 100: \"#dcfce7\",\n 200: \"#bbf7d0\",\n 300: \"#86efac\",\n 400: \"#4ade80\",\n 500: \"#22c55e\",\n 600: \"#16a34a\",\n 700: \"#15803d\",\n 800: \"#166534\",\n 900: \"#14532d\",\n },\n\n error: {\n 50: \"#fef2f2\",\n 100: \"#fee2e2\",\n 200: \"#fecaca\",\n 300: \"#fca5a5\",\n 400: \"#f87171\",\n 500: \"#ef4444\",\n 600: \"#dc2626\",\n 700: \"#b91c1c\",\n 800: \"#991b1b\",\n 900: \"#7f1d1d\",\n },\n\n warning: {\n 50: \"#fffbeb\",\n 100: \"#fef3c7\",\n 200: \"#fde68a\",\n 300: \"#fcd34d\",\n 400: \"#fbbf24\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n 700: \"#b45309\",\n 800: \"#92400e\",\n 900: \"#78350f\",\n },\n\n info: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n },\n\n // Neutral colors\n neutral: {\n 50: \"#fafafa\",\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n\n // Background and surface colors\n background: {\n primary: \"#ffffff\",\n secondary: \"#f8fafc\",\n tertiary: \"#f1f5f9\",\n },\n\n // Text colors\n text: {\n primary: \"#0f172a\",\n secondary: \"#475569\",\n tertiary: \"#64748b\",\n disabled: \"#94a3b8\",\n },\n\n // Border colors\n border: {\n primary: \"#e2e8f0\",\n secondary: \"#cbd5e1\",\n focus: \"#3b82f6\",\n error: \"#ef4444\",\n },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n // Single color palette\n colors,\n\n // Enhanced base component styles with accessibility focus\n base: {\n // Transitions with reduced motion support\n transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n // Enhanced focus states meeting WCAG 2.1 AA standards\n focus:\n \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n // Disabled states with proper contrast\n disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n // Interactive states\n interactive: \"cursor-pointer select-none\",\n\n // High contrast mode support\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n },\n\n // Enhanced size system with consistent spacing\n sizes: {\n xs: {\n text: \"text-xs\",\n padding: \"px-2 py-1\",\n height: \"h-6\",\n icon: \"h-3 w-3\",\n gap: \"gap-1\",\n },\n sm: {\n text: \"text-sm\",\n padding: \"px-3 py-1.5\",\n height: \"h-8\",\n icon: \"h-4 w-4\",\n gap: \"gap-1.5\",\n },\n md: {\n text: \"text-base\",\n padding: \"px-4 py-2\",\n height: \"h-10\",\n icon: \"h-5 w-5\",\n gap: \"gap-2\",\n },\n lg: {\n text: \"text-lg\",\n padding: \"px-5 py-2.5\",\n height: \"h-12\",\n icon: \"h-6 w-6\",\n gap: \"gap-2.5\",\n },\n xl: {\n text: \"text-xl\",\n padding: \"px-6 py-3\",\n height: \"h-14\",\n icon: \"h-7 w-7\",\n gap: \"gap-3\",\n },\n },\n\n // Enhanced variants with accessibility support — Radix 1-12 scale\n variants: {\n primary: {\n // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n solid:\n \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n outline:\n \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n },\n secondary: {\n // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n solid:\n \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n outline:\n \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n ghost:\n \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n },\n destructive: {\n solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n outline:\n \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n },\n success: {\n solid:\n \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n outline:\n \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n },\n warning: {\n // text-neutral-12 (static dark): amber-9 also too bright for white text\n solid:\n \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n outline:\n \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n },\n info: {\n solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n outline:\n \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n },\n },\n\n // Enhanced border radius system\n radius: {\n none: \"rounded-none\",\n xs: \"rounded-xs\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n \"2xl\": \"rounded-2xl\",\n \"3xl\": \"rounded-3xl\",\n full: \"rounded-full\",\n },\n\n // Enhanced spacing system\n spacing: {\n none: \"gap-0\",\n xs: \"gap-1\",\n sm: \"gap-2\",\n md: \"gap-3\",\n lg: \"gap-4\",\n xl: \"gap-6\",\n \"2xl\": \"gap-8\",\n \"3xl\": \"gap-12\",\n },\n\n // Typography scale\n typography: {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n base: \"text-base leading-6\",\n lg: \"text-lg leading-7\",\n xl: \"text-xl leading-8\",\n \"2xl\": \"text-2xl leading-9\",\n \"3xl\": \"text-3xl leading-10\",\n },\n\n // Animation system with reduced motion support\n animations: {\n // Durations\n duration: {\n fast: \"duration-150\",\n normal: \"duration-200\",\n slow: \"duration-300\",\n },\n\n // Easing functions\n easing: {\n linear: \"ease-linear\",\n in: \"ease-in\",\n out: \"ease-out\",\n inOut: \"ease-in-out\",\n },\n\n // Common animations\n fadeIn: \"animate-in fade-in\",\n fadeOut: \"animate-out fade-out\",\n slideIn: \"animate-in slide-in-from-bottom-2\",\n slideOut: \"animate-out slide-out-to-bottom-2\",\n scaleIn: \"animate-in zoom-in-95\",\n scaleOut: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n srOnly: \"sr-only\",\n\n // Focus management\n focusTrap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n highContrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reducedMotion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touchTarget: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const getColor = (\n colorName: keyof typeof colors,\n shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n const colorGroup = colors[colorName];\n\n if (typeof colorGroup === \"object\" && colorGroup !== null && shade in colorGroup) {\n return (colorGroup as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"],"mappings":"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","names":["colors","theme","getColor","colorName","shade","colorGroup"]}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { ThemeProps } from '@radix-ui/themes';
|
|
2
|
+
export { AccessibleIcon, AccessibleIconProps, AlertDialog, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, Box, BoxProps, Button, ButtonProps, Callout, Card, CardProps, Checkbox, CheckboxCards, CheckboxGroup, CheckboxProps, Code, CodeProps, Container, ContainerProps, ContextMenu, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Portal, PortalProps, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Slider, SliderProps, Slot, Slottable, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Table, Tabs, Text, TextArea, TextAreaProps, TextField, Link as TextLink, LinkProps as TextLinkProps, TextProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/themes';
|
|
3
|
+
export * from '@radix-ui/react-icons';
|
|
1
4
|
import * as react from 'react';
|
|
2
5
|
import react__default, { CSSProperties, ReactNode } from 'react';
|
|
3
6
|
import { HeaderProps, ToolbarProps } from 'react-big-calendar';
|
|
4
7
|
export { View } from 'react-big-calendar';
|
|
5
8
|
import { ClassValue } from 'clsx';
|
|
6
|
-
import { ThemeProps } from '@radix-ui/themes';
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* Skeleton — loading placeholder. Generalizes the local `Skel` helper and the
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { ThemeProps } from '@radix-ui/themes';
|
|
2
|
+
export { AccessibleIcon, AccessibleIconProps, AlertDialog, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, Box, BoxProps, Button, ButtonProps, Callout, Card, CardProps, Checkbox, CheckboxCards, CheckboxGroup, CheckboxProps, Code, CodeProps, Container, ContainerProps, ContextMenu, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Portal, PortalProps, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Slider, SliderProps, Slot, Slottable, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Table, Tabs, Text, TextArea, TextAreaProps, TextField, Link as TextLink, LinkProps as TextLinkProps, TextProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/themes';
|
|
3
|
+
export * from '@radix-ui/react-icons';
|
|
1
4
|
import * as react from 'react';
|
|
2
5
|
import react__default, { CSSProperties, ReactNode } from 'react';
|
|
3
6
|
import { HeaderProps, ToolbarProps } from 'react-big-calendar';
|
|
4
7
|
export { View } from 'react-big-calendar';
|
|
5
8
|
import { ClassValue } from 'clsx';
|
|
6
|
-
import { ThemeProps } from '@radix-ui/themes';
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* Skeleton — loading placeholder. Generalizes the local `Skel` helper and the
|