@ecopages/radiant-ui 0.1.0-beta.0 → 0.1.0-beta.2

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 (75) hide show
  1. package/README.md +4 -2
  2. package/dist/components/ui/alert/alert.css +56 -23
  3. package/dist/components/ui/breadcrumb/breadcrumb.css +85 -36
  4. package/dist/components/ui/carousel/carousel.css +465 -166
  5. package/dist/components/ui/checkbox/checkbox.css +196 -49
  6. package/dist/components/ui/combobox/combobox.css +213 -60
  7. package/dist/components/ui/dialog/dialog.css +176 -49
  8. package/dist/components/ui/disclosure/disclosure.css +228 -100
  9. package/dist/components/ui/feed/feed.css +30 -10
  10. package/dist/components/ui/field/field.css +18 -22
  11. package/dist/components/ui/form/form.css +7 -8
  12. package/dist/components/ui/grid/grid.css +172 -43
  13. package/dist/components/ui/input/input.css +126 -30
  14. package/dist/components/ui/label/label.css +20 -6
  15. package/dist/components/ui/listbox/listbox.css +137 -19
  16. package/dist/components/ui/menu-button/index.js +1 -1
  17. package/dist/components/ui/menu-button/index.js.map +4 -4
  18. package/dist/components/ui/menu-button/menu-button.css +158 -38
  19. package/dist/components/ui/menu-button/menu-button.script.d.ts +7 -7
  20. package/dist/components/ui/menubar/index.js +1 -1
  21. package/dist/components/ui/menubar/index.js.map +2 -2
  22. package/dist/components/ui/menubar/menubar.css +207 -39
  23. package/dist/components/ui/meter/meter.css +50 -13
  24. package/dist/components/ui/navigation-menu/navigation-menu.css +281 -85
  25. package/dist/components/ui/radio-group/radio-group.css +179 -40
  26. package/dist/components/ui/shared/floating-position.d.ts +37 -0
  27. package/dist/components/ui/shared/floating-position.test.d.ts +1 -0
  28. package/dist/components/ui/shared/placement.d.ts +2 -0
  29. package/dist/components/ui/sidebar/sidebar.css +407 -189
  30. package/dist/components/ui/slider/slider.css +220 -47
  31. package/dist/components/ui/spinbutton/spinbutton.css +65 -15
  32. package/dist/components/ui/switch/switch.css +164 -43
  33. package/dist/components/ui/tabs/tabs.css +145 -24
  34. package/dist/components/ui/textarea/textarea.css +128 -31
  35. package/dist/components/ui/toast/toast.css +388 -255
  36. package/dist/components/ui/toolbar/toolbar.css +118 -11
  37. package/dist/components/ui/tooltip/index.js +1 -1
  38. package/dist/components/ui/tooltip/index.js.map +4 -4
  39. package/dist/components/ui/tooltip/tooltip.css +119 -21
  40. package/dist/components/ui/tooltip/tooltip.script.d.ts +6 -6
  41. package/dist/components/ui/tree/tree.css +180 -49
  42. package/dist/components/ui/treegrid/treegrid.css +190 -72
  43. package/dist/components/ui/window-splitter/window-splitter.css +144 -31
  44. package/dist/index.js +1 -1
  45. package/dist/index.js.map +4 -4
  46. package/dist/styles/components/button.css +299 -113
  47. package/dist/styles/radiant-ui-core.css +828 -7
  48. package/dist/styles/radiant-ui.css +1497 -8
  49. package/dist/styles/styles.css +5830 -36
  50. package/dist/styles/tailwind.css +1607 -27
  51. package/dist/styles/themes/aurora.css +637 -15
  52. package/dist/styles/themes/default-compact-soft.css +580 -15
  53. package/dist/styles/themes/default.css +641 -2
  54. package/dist/styles/themes/glacier.css +637 -15
  55. package/dist/styles/tokens/colors/aurora.css +1 -73
  56. package/dist/styles/tokens/colors/basalt.css +1 -36
  57. package/dist/styles/tokens/colors/glacier.css +1 -45
  58. package/dist/styles/tokens/colors/palettes.css +1 -3
  59. package/dist/styles/tokens/elevation/default.css +11 -19
  60. package/dist/styles/tokens/elevation/flat.css +11 -19
  61. package/dist/styles/tokens/motion/default.css +6 -17
  62. package/dist/styles/tokens/motion/snappy.css +6 -17
  63. package/dist/styles/tokens/presets/colors/index.css +446 -4
  64. package/dist/styles/tokens/radius/default.css +17 -31
  65. package/dist/styles/tokens/radius/edgy.css +17 -32
  66. package/dist/styles/tokens/radius/sharp.css +20 -2
  67. package/dist/styles/tokens/radius/soft.css +17 -31
  68. package/dist/styles/tokens/semantic.css +445 -79
  69. package/dist/styles/tokens/spacing/compact.css +16 -21
  70. package/dist/styles/tokens/spacing/default.css +16 -21
  71. package/dist/styles/tokens/spacing/scale-bridge.css +1 -17
  72. package/dist/styles/tokens/spacing/wide.css +16 -21
  73. package/dist/styles/tokens/system.css +21 -33
  74. package/dist/styles/tokens/typography/default.css +23 -33
  75. package/package.json +5 -6
@@ -1,23 +1,18 @@
1
- @import './scale-bridge.css';
2
-
3
- /**
4
- * Wide spacing pack.
5
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
6
2
  :root {
7
- --space-1: 0.375rem;
8
- --space-2: 0.625rem;
9
- --space-3: 0.875rem;
10
- --space-4: 1.25rem;
11
- --space-5: 1.5rem;
12
- --space-6: 1.875rem;
13
- --space-8: 2.5rem;
14
- --space-10: 3rem;
15
- --space-12: 3.75rem;
16
- --space-16: 5rem;
17
-
18
- --space-control-x: var(--space-4);
19
- --space-control-y: var(--space-3);
20
- --space-inline: var(--space-3);
21
- --space-stack: var(--space-6);
22
- --space-inset: var(--space-6);
3
+ --space-1: 0.375rem;
4
+ --space-2: 0.625rem;
5
+ --space-3: 0.875rem;
6
+ --space-4: 1.25rem;
7
+ --space-5: 1.5rem;
8
+ --space-6: 1.875rem;
9
+ --space-8: 2.5rem;
10
+ --space-10: 3rem;
11
+ --space-12: 3.75rem;
12
+ --space-16: 5rem;
13
+ --space-control-x: var(--space-4);
14
+ --space-control-y: var(--space-3);
15
+ --space-inline: var(--space-3);
16
+ --space-stack: var(--space-6);
17
+ --space-inset: var(--space-6);
23
18
  }
@@ -1,36 +1,24 @@
1
- /**
2
- * Structural system tokens (Tier 3) — shared across all themes.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --border-width-hairline: 1px;
6
- --border-width-thin: 1px;
7
- --border-width-thick: 2px;
8
-
9
- --focus-ring-width: 2px;
10
- --focus-ring-offset: 2px;
11
-
12
- --opacity-disabled: 0.5;
13
- --opacity-muted: 0.6;
14
-
15
- --z-dropdown: 10;
16
- --z-popover: 20;
17
- --z-overlay: 30;
18
- --z-modal: 40;
19
- --z-toast: 50;
20
-
21
- --size-control-sm: 2rem;
22
- --size-control-md: 2.5rem;
23
- --size-control-lg: 3rem;
24
- --size-icon-sm: 1rem;
25
- --size-icon-md: 1.25rem;
3
+ --border-width-hairline: 1px;
4
+ --border-width-thin: 1px;
5
+ --border-width-thick: 2px;
6
+ --focus-ring-width: 2px;
7
+ --focus-ring-offset: 2px;
8
+ --opacity-disabled: 0.5;
9
+ --opacity-muted: 0.6;
10
+ --z-dropdown: 10;
11
+ --z-popover: 20;
12
+ --z-overlay: 30;
13
+ --z-modal: 40;
14
+ --z-toast: 50;
15
+ --size-control-sm: 2rem;
16
+ --size-control-md: 2.5rem;
17
+ --size-control-lg: 3rem;
18
+ --size-icon-sm: 1rem;
19
+ --size-icon-md: 1.25rem;
26
20
  }
27
-
28
- @theme {
29
- --opacity-disabled: var(--opacity-disabled);
30
- --opacity-muted: var(--opacity-muted);
31
- --z-index-dropdown: var(--z-dropdown);
32
- --z-index-popover: var(--z-popover);
33
- --z-index-overlay: var(--z-overlay);
34
- --z-index-modal: var(--z-modal);
35
- --z-index-toast: var(--z-toast);
21
+ :root, :host {
22
+ --opacity-disabled: var(--opacity-disabled);
23
+ --opacity-muted: var(--opacity-muted);
36
24
  }
@@ -1,37 +1,27 @@
1
- /**
2
- * Default typography pack.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --font-sans:
6
- ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
3
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
7
4
  sans-serif;
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
9
-
10
- --text-xs: 0.75rem;
11
- --text-sm: 0.875rem;
12
- --text-body: 1rem;
13
- --text-lg: 1.125rem;
14
- --text-label: 0.875rem;
15
- --text-control: 0.875rem;
16
-
17
- --leading-body: 1.5;
18
- --leading-relaxed: 1.625;
19
- --leading-compact: 1.25;
20
-
21
- --weight-regular: 400;
22
- --weight-medium: 500;
23
- --weight-semibold: 600;
24
-
25
- --tracking-wide: 0.025em;
5
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
6
+ --text-xs: 0.75rem;
7
+ --text-sm: 0.875rem;
8
+ --text-body: 1rem;
9
+ --text-lg: 1.125rem;
10
+ --text-label: 0.875rem;
11
+ --text-control: 0.875rem;
12
+ --leading-body: 1.5;
13
+ --leading-relaxed: 1.625;
14
+ --leading-compact: 1.25;
15
+ --weight-regular: 400;
16
+ --weight-medium: 500;
17
+ --weight-semibold: 600;
18
+ --tracking-wide: 0.025em;
26
19
  }
27
-
28
- @theme {
29
- --font-sans: var(--font-sans);
30
- --font-mono: var(--font-mono);
31
- --text-xs: var(--text-xs);
32
- --text-sm: var(--text-sm);
33
- --text-body: var(--text-body);
34
- --text-lg: var(--text-lg);
35
- --font-weight-medium: var(--weight-medium);
36
- --font-weight-semibold: var(--weight-semibold);
20
+ :root, :host {
21
+ --font-sans: var(--font-sans);
22
+ --font-mono: var(--font-mono);
23
+ --text-xs: var(--text-xs);
24
+ --text-sm: var(--text-sm);
25
+ --text-body: var(--text-body);
26
+ --text-lg: var(--text-lg);
37
27
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ecopages/radiant-ui",
3
- "version": "0.1.0-beta.0",
3
+ "version": "0.1.0-beta.2",
4
4
  "description": "Accessible light-DOM UI components built with @ecopages/radiant, documented in Storybook",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -14,9 +14,6 @@
14
14
  "**/*.css",
15
15
  "**/index.js"
16
16
  ],
17
- "dependencies": {
18
- "@floating-ui/dom": "^1.8.0"
19
- },
20
17
  "peerDependencies": {
21
18
  "@ecopages/jsx": ">=0.3.0-beta.4",
22
19
  "@ecopages/radiant": ">=0.3.0-beta.4",
@@ -31,6 +28,7 @@
31
28
  "@storybook/addon-a11y": "^10.5.2",
32
29
  "@storybook/addon-docs": "^10.5.2",
33
30
  "@storybook/addon-vitest": "^10.5.2",
31
+ "@tailwindcss/postcss": "^4.3.3",
34
32
  "@tailwindcss/vite": "^4.1.11",
35
33
  "@types/node": "^24.13.2",
36
34
  "@vitest/browser": "^4.1.10",
@@ -39,16 +37,17 @@
39
37
  "esbuild": "^0.28.1",
40
38
  "oxlint": "^1.71.0",
41
39
  "playwright": "^1.61.1",
40
+ "postcss": "^8.5.24",
42
41
  "storybook": "^10.5.2",
43
42
  "tailwindcss": "^4.1.11",
44
43
  "tsx": "^4.20.6",
45
44
  "typescript": "~7.0.2",
46
45
  "vite": "^8.1.1",
47
46
  "vitest": "^4.1.10",
47
+ "@ecopages/vite-plugin-radiant": "0.1.0-beta.1",
48
+ "@ecopages/storybook-radiant-vite": "0.1.0-beta.0",
48
49
  "@ecopages/jsx": "0.3.0-beta.4",
49
50
  "@ecopages/radiant": "0.3.0-beta.4",
50
- "@ecopages/storybook-radiant-vite": "0.1.0-beta.0",
51
- "@ecopages/vite-plugin-radiant": "0.1.0-beta.0",
52
51
  "@ecopages/signals": "0.3.0-beta.4"
53
52
  },
54
53
  "exports": {