@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
1 lines • 6.94 kB
Source Map (JSON)
{"version":3,"sources":["webpack://./src/index.css"],"names":[],"mappings":"AAQA;EAPE,oBAAoB;EACpB,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,gCAAgC;EAChC,0CAA0C;EAC1C,gCAAgC;EAChC,0CAA0C;EAC1C,0BAA0B;EAC1B,+CAA+C;EAC/C,6BAA6B;EAC7B,kDAAkD;EAClD,uCAAuC;EACvC,gDAAgD;EAChD,yCAAyC;EACzC,kDAAkD;EAClD,qCAAqC;EACrC,gDAAgD;EAChD,sCAAsC;EACtC,+CAA+C;EAC/C,0CAA0C;EAC1C,qDAAqD;EACrD,uCAAuC;EACvC,yCAAyC;EACzC,qCAAqC;EACrC,kDAAkD;EAClD,oCAAoC;EACpC,6CAA6C;EAC7C,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,sCAAsC;EACtC,qCAAqC;EACrC,sCAAsC;EACtC,sCAAsC;EACtC,qCAAqC;EACrC,8BAA8B;EAC9B,kDAAkD;EAClD,+CAA+C;EAC/C,wDAAwD;EACxD,8CAA8C;EAC9C,uDAAuD;EACvD,6CAA6C;EAC7C,4CAA4C;EAC5C,qBAAqB;EACrB,oBAAoB;EACpB,qBAAqB;EACrB,uBAAuB;EACvB,qBAAqB;EACrB,oBAAoB;EACpB,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;EACpB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,8BAA8B;EAC9B,iCAAiC;EACjC,qCAAqC;AACvC;;AA0BA;EAvBE,0CAA0C;EAC1C,iCAAiC;EACjC,oCAAoC;EACpC,sCAAsC;EACtC,uCAAuC;EACvC,yCAAyC;EACzC,uCAAuC;EACvC,gDAAgD;EAChD,yCAAyC;EACzC,2CAA2C;EAC3C,qCAAqC;EACrC,gDAAgD;EAChD,sCAAsC;EACtC,wCAAwC;EACxC,0CAA0C;EAC1C,qDAAqD;EACrD,uCAAuC;EACvC,yCAAyC;EACzC,qCAAqC;EACrC,kDAAkD;EAClD,oCAAoC;EACpC,6CAA6C;EAC7C,sCAAsC;EACtC,qCAAqC;EACrC,oCAAoC;EACpC,uCAAuC;EACvC,qCAAqC;EACrC,qCAAqC;EACrC,qCAAqC;EACrC,sCAAsC;EACtC,uCAAuC;EACvC,yCAAyC;EACzC,+CAA+C;EAC/C,wDAAwD;EACxD,8CAA8C;EAC9C,gDAAgD;EAChD,8CAA8C;EAC9C,4CAA4C;AAC9C","sourcesContent":["/*\r\n * @arolariu/components — Design Tokens\r\n * Base UI + Mira-inspired style + Blue theme + Large radius (0.875rem)\r\n *\r\n * This file defines the CSS custom properties used across all component modules.\r\n * Consumers can override any token by redefining the custom property in their own CSS.\r\n */\r\n\r\n:root {\r\n /* Radius scale */\r\n --ac-radius: 0.875rem;\r\n --ac-radius-xs: calc(var(--ac-radius) * 0.4);\r\n --ac-radius-sm: calc(var(--ac-radius) * 0.6);\r\n --ac-radius-md: calc(var(--ac-radius) * 0.8);\r\n --ac-radius-lg: var(--ac-radius);\r\n --ac-radius-xl: calc(var(--ac-radius) * 1.4);\r\n\r\n /* Core semantic tokens — Light mode */\r\n --ac-background: oklch(1 0 0);\r\n --ac-foreground: oklch(0.145 0.004 285.823);\r\n --ac-card: oklch(1 0 0);\r\n --ac-card-foreground: oklch(0.145 0.004 285.823);\r\n --ac-popover: oklch(1 0 0);\r\n --ac-popover-foreground: oklch(0.145 0.004 285.823);\r\n --ac-primary: oklch(0.488 0.243 264.376);\r\n --ac-primary-foreground: oklch(0.97 0.014 254.604);\r\n --ac-secondary: oklch(0.967 0.001 286.375);\r\n --ac-secondary-foreground: oklch(0.21 0.006 285.885);\r\n --ac-muted: oklch(0.967 0.001 286.375);\r\n --ac-muted-foreground: oklch(0.556 0.002 285.938);\r\n --ac-accent: oklch(0.967 0.001 286.375);\r\n --ac-accent-foreground: oklch(0.21 0.006 285.885);\r\n --ac-destructive: oklch(0.577 0.245 27.325);\r\n --ac-destructive-foreground: oklch(0.577 0.245 27.325);\r\n --ac-success: oklch(0.627 0.194 149.214);\r\n --ac-success-foreground: oklch(0.985 0 0);\r\n --ac-warning: oklch(0.769 0.188 70.08);\r\n --ac-warning-foreground: oklch(0.145 0.004 285.823);\r\n --ac-info: oklch(0.488 0.243 264.376);\r\n --ac-info-foreground: oklch(0.97 0.014 254.604);\r\n --ac-border: oklch(0.922 0.004 286.32);\r\n --ac-input: oklch(0.922 0.004 286.32);\r\n --ac-ring: oklch(0.488 0.243 264.376);\r\n\r\n /* Chart tokens */\r\n --ac-chart-1: oklch(0.646 0.222 41.116);\r\n --ac-chart-2: oklch(0.6 0.118 184.714);\r\n --ac-chart-3: oklch(0.398 0.07 227.392);\r\n --ac-chart-4: oklch(0.828 0.189 84.429);\r\n --ac-chart-5: oklch(0.769 0.188 70.08);\r\n\r\n /* Sidebar tokens */\r\n --ac-sidebar: oklch(0.985 0 0);\r\n --ac-sidebar-foreground: oklch(0.145 0.004 285.823);\r\n --ac-sidebar-primary: oklch(0.488 0.243 264.376);\r\n --ac-sidebar-primary-foreground: oklch(0.97 0.014 254.604);\r\n --ac-sidebar-accent: oklch(0.967 0.001 286.375);\r\n --ac-sidebar-accent-foreground: oklch(0.21 0.006 285.885);\r\n --ac-sidebar-border: oklch(0.922 0.004 286.32);\r\n --ac-sidebar-ring: oklch(0.488 0.243 264.376);\r\n\r\n /* Mira sizing scale — compact density */\r\n --ac-size-xs: 1.25rem; /* 20px — h-5 */\r\n --ac-size-sm: 1.5rem; /* 24px — h-6 */\r\n --ac-size-md: 1.75rem; /* 28px — h-7 */\r\n --ac-size-default: 2rem; /* 32px — h-8 */\r\n --ac-size-lg: 2.25rem; /* 36px */\r\n\r\n /* Typography scale — Mira compact */\r\n --ac-text-xs: 0.75rem;\r\n --ac-text-sm: 0.8125rem;\r\n --ac-text-base: 0.875rem;\r\n --ac-text-lg: 1rem;\r\n --ac-text-xl: 1.125rem;\r\n\r\n /* Spacing scale */\r\n --ac-space-1: 0.25rem;\r\n --ac-space-2: 0.5rem;\r\n --ac-space-3: 0.75rem;\r\n --ac-space-4: 1rem;\r\n --ac-space-6: 1.5rem;\r\n --ac-space-8: 2rem;\r\n\r\n /* Transitions */\r\n --ac-transition-fast: 100ms ease;\r\n --ac-transition-normal: 150ms ease;\r\n --ac-transition-slow: 200ms ease-in-out;\r\n}\r\n\r\n/* Dark mode tokens */\r\n.dark,\r\n[data-theme=\"dark\"] {\r\n --ac-background: oklch(0.145 0.004 285.823);\r\n --ac-foreground: oklch(0.985 0 0);\r\n --ac-card: oklch(0.145 0.004 285.823);\r\n --ac-card-foreground: oklch(0.985 0 0);\r\n --ac-popover: oklch(0.145 0.004 285.823);\r\n --ac-popover-foreground: oklch(0.985 0 0);\r\n --ac-primary: oklch(0.424 0.199 265.638);\r\n --ac-primary-foreground: oklch(0.97 0.014 254.604);\r\n --ac-secondary: oklch(0.269 0.006 285.885);\r\n --ac-secondary-foreground: oklch(0.985 0 0);\r\n --ac-muted: oklch(0.269 0.006 285.885);\r\n --ac-muted-foreground: oklch(0.708 0.002 286.067);\r\n --ac-accent: oklch(0.269 0.006 285.885);\r\n --ac-accent-foreground: oklch(0.985 0 0);\r\n --ac-destructive: oklch(0.704 0.191 22.216);\r\n --ac-destructive-foreground: oklch(0.704 0.191 22.216);\r\n --ac-success: oklch(0.527 0.164 149.214);\r\n --ac-success-foreground: oklch(0.985 0 0);\r\n --ac-warning: oklch(0.669 0.158 70.08);\r\n --ac-warning-foreground: oklch(0.145 0.004 285.823);\r\n --ac-info: oklch(0.424 0.199 265.638);\r\n --ac-info-foreground: oklch(0.97 0.014 254.604);\r\n --ac-border: oklch(0.269 0.006 285.885);\r\n --ac-input: oklch(0.269 0.006 285.885);\r\n --ac-ring: oklch(0.424 0.199 265.638);\r\n\r\n --ac-chart-1: oklch(0.488 0.243 264.376);\r\n --ac-chart-2: oklch(0.696 0.17 162.48);\r\n --ac-chart-3: oklch(0.769 0.188 70.08);\r\n --ac-chart-4: oklch(0.627 0.265 303.9);\r\n --ac-chart-5: oklch(0.645 0.246 16.439);\r\n\r\n --ac-sidebar: oklch(0.205 0.006 285.885);\r\n --ac-sidebar-foreground: oklch(0.985 0 0);\r\n --ac-sidebar-primary: oklch(0.424 0.199 265.638);\r\n --ac-sidebar-primary-foreground: oklch(0.97 0.014 254.604);\r\n --ac-sidebar-accent: oklch(0.269 0.006 285.885);\r\n --ac-sidebar-accent-foreground: oklch(0.985 0 0);\r\n --ac-sidebar-border: oklch(0.269 0.006 285.885);\r\n --ac-sidebar-ring: oklch(0.424 0.199 265.638);\r\n}\r\n\r\n/* Note: No global * reset — consumers manage their own border/box-sizing defaults */\r\n"],"sourceRoot":""}