@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,73 +1 @@
1
- /**
2
- * Default color pack — raw OKLCH scales only (mode-agnostic).
3
- * Semantic roles live in semantic.css.
4
- */
5
- @theme {
6
- --color-black: oklch(0% 0 0);
7
- --color-white: oklch(100% 0 0);
8
-
9
- --color-havelock-blue-50: oklch(97.6% 0.013 233.68);
10
- --color-havelock-blue-100: oklch(94.6% 0.031 234.4);
11
- --color-havelock-blue-200: oklch(88.9% 0.061 238.79);
12
- --color-havelock-blue-300: oklch(83.3% 0.093 239.72);
13
- --color-havelock-blue-400: oklch(77.1% 0.129 241.58);
14
- --color-havelock-blue-500: oklch(70% 0.17 243.34);
15
- --color-havelock-blue-600: oklch(60.7% 0.156 249.36);
16
- --color-havelock-blue-700: oklch(49.4% 0.14 256.99);
17
- --color-havelock-blue-800: oklch(36.7% 0.121 265.27);
18
- --color-havelock-blue-900: oklch(24% 0.104 273.88);
19
- --color-havelock-blue-950: oklch(17.9% 0.097 278.01);
20
- --color-havelock-blue-975: oklch(15.1% 0.091 280.16);
21
-
22
- --color-hit-pink-50: oklch(97.4% 0.015 54.97);
23
- --color-hit-pink-100: oklch(95.7% 0.026 58.31);
24
- --color-hit-pink-200: oklch(92.4% 0.045 57.5);
25
- --color-hit-pink-300: oklch(89.2% 0.065 55.42);
26
- --color-hit-pink-400: oklch(85.2% 0.088 52.7);
27
- --color-hit-pink-500: oklch(80.1% 0.118 50.17);
28
- --color-hit-pink-600: oklch(71.2% 0.109 47.02);
29
- --color-hit-pink-700: oklch(57.8% 0.095 42.51);
30
- --color-hit-pink-800: oklch(42.1% 0.078 38.8);
31
- --color-hit-pink-900: oklch(26.1% 0.062 33.39);
32
- --color-hit-pink-950: oklch(18.5% 0.054 30.65);
33
- --color-hit-pink-975: oklch(15.2% 0.049 32.96);
34
-
35
- --color-fruit-salad-50: oklch(97.6% 0.009 150.47);
36
- --color-fruit-salad-100: oklch(93.9% 0.02 154.79);
37
- --color-fruit-salad-200: oklch(87.1% 0.046 152.04);
38
- --color-fruit-salad-300: oklch(79.9% 0.071 150.42);
39
- --color-fruit-salad-400: oklch(72.7% 0.098 149.08);
40
- --color-fruit-salad-500: oklch(64.7% 0.127 147.75);
41
- --color-fruit-salad-600: oklch(55.4% 0.111 147.11);
42
- --color-fruit-salad-700: oklch(45.1% 0.092 146.25);
43
- --color-fruit-salad-800: oklch(33.9% 0.071 144.89);
44
- --color-fruit-salad-900: oklch(23.3% 0.054 144.32);
45
- --color-fruit-salad-950: oklch(17.4% 0.044 143.42);
46
- --color-fruit-salad-975: oklch(14.9% 0.04 143.25);
47
-
48
- --color-pale-sky-50: oklch(97.5% 0.002 228.43);
49
- --color-pale-sky-100: oklch(93% 0.003 247.81);
50
- --color-pale-sky-200: oklch(84% 0.009 247.91);
51
- --color-pale-sky-300: oklch(74.9% 0.013 255.53);
52
- --color-pale-sky-400: oklch(66% 0.016 251.22);
53
- --color-pale-sky-500: oklch(56.9% 0.021 255.6);
54
- --color-pale-sky-600: oklch(48.2% 0.022 255.62);
55
- --color-pale-sky-700: oklch(39.2% 0.023 258.37);
56
- --color-pale-sky-800: oklch(30.4% 0.024 261.16);
57
- --color-pale-sky-900: oklch(21.6% 0.024 259.28);
58
- --color-pale-sky-950: oklch(17.2% 0.026 259.11);
59
- --color-pale-sky-975: oklch(15% 0.026 263.06);
60
-
61
- --color-cardinal-50: oklch(97.4% 0.01 17.5);
62
- --color-cardinal-100: oklch(92.2% 0.03 20.31);
63
- --color-cardinal-200: oklch(81.3% 0.072 19.84);
64
- --color-cardinal-300: oklch(70.4% 0.115 19.71);
65
- --color-cardinal-400: oklch(59.9% 0.155 20.64);
66
- --color-cardinal-500: oklch(50.6% 0.19 21.41);
67
- --color-cardinal-600: oklch(42.2% 0.16 23.24);
68
- --color-cardinal-700: oklch(34.8% 0.132 24.75);
69
- --color-cardinal-800: oklch(27.5% 0.106 26.2);
70
- --color-cardinal-900: oklch(20.4% 0.081 26.95);
71
- --color-cardinal-950: oklch(16.9% 0.069 26.47);
72
- --color-cardinal-975: oklch(15% 0.062 29.23);
73
- }
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -1,36 +1 @@
1
- /**
2
- * Basalt color pack — cool neutrals + Carbon-like blue accent (IBM Carbon inspired).
3
- */
4
- @theme {
5
- --color-basalt-50: oklch(98.2% 0.004 265);
6
- --color-basalt-100: oklch(96% 0.006 265);
7
- --color-basalt-200: oklch(91.5% 0.008 265);
8
- --color-basalt-300: oklch(85% 0.01 265);
9
- --color-basalt-400: oklch(74% 0.012 265);
10
- --color-basalt-500: oklch(62% 0.014 265);
11
- --color-basalt-600: oklch(50% 0.014 265);
12
- --color-basalt-700: oklch(40% 0.012 265);
13
- --color-basalt-800: oklch(30% 0.01 265);
14
- --color-basalt-900: oklch(22% 0.008 265);
15
- --color-basalt-950: oklch(16% 0.006 265);
16
- --color-basalt-975: oklch(13% 0.005 265);
17
-
18
- --color-carbon-blue-50: oklch(97% 0.02 264);
19
- --color-carbon-blue-100: oklch(93% 0.04 264);
20
- --color-carbon-blue-200: oklch(86% 0.08 264);
21
- --color-carbon-blue-300: oklch(76% 0.12 264);
22
- --color-carbon-blue-400: oklch(64% 0.16 264);
23
- --color-carbon-blue-500: oklch(52% 0.19 264);
24
- --color-carbon-blue-600: oklch(45% 0.17 264);
25
- --color-carbon-blue-700: oklch(38% 0.14 264);
26
- --color-carbon-blue-800: oklch(30% 0.11 264);
27
- --color-carbon-blue-900: oklch(22% 0.08 264);
28
-
29
- --color-carbon-teal-400: oklch(72% 0.1 195);
30
- --color-carbon-teal-600: oklch(55% 0.09 195);
31
-
32
- --color-carbon-red-500: oklch(52% 0.2 25);
33
- --color-carbon-red-600: oklch(45% 0.18 25);
34
- --color-carbon-red-100: oklch(92% 0.04 25);
35
- --color-carbon-red-800: oklch(32% 0.12 25);
36
- }
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -1,45 +1 @@
1
- /**
2
- * Glacier color pack — matches apps/docs `theme.css` scales.
3
- */
4
- @theme {
5
- --color-night-sky-50: hsl(225 100% 98%);
6
- --color-night-sky-100: hsl(225 100% 95%);
7
- --color-night-sky-200: hsl(225 100% 90%);
8
- --color-night-sky-300: hsl(225 90% 80%);
9
- --color-night-sky-400: hsl(225 90% 70%);
10
- --color-night-sky-500: hsl(225 85% 55%);
11
- --color-night-sky-600: hsl(225 85% 45%);
12
- --color-night-sky-700: hsl(225 90% 35%);
13
- --color-night-sky-800: hsl(225 90% 25%);
14
- --color-night-sky-900: hsl(225 80% 15%);
15
- --color-night-sky-950: hsl(225 80% 10%);
16
-
17
- --color-scarlet-100: hsl(353 100% 89%);
18
- --color-scarlet-200: hsl(351 100% 81%);
19
- --color-scarlet-300: hsl(350 100% 72%);
20
- --color-scarlet-400: hsl(350 100% 63%);
21
- --color-scarlet-500: hsl(350 100% 54%);
22
- --color-scarlet-600: hsl(350 84% 44%);
23
- --color-scarlet-700: hsl(351 83% 35%);
24
- --color-scarlet-800: hsl(351 81% 25%);
25
- --color-scarlet-900: hsl(353 76% 15%);
26
- --color-scarlet-950: hsl(8 60% 5%);
27
-
28
- --color-glacier-white-50: hsl(220 20% 99%);
29
- --color-glacier-white-100: hsl(220 20% 97%);
30
- --color-glacier-white-200: hsl(220 20% 94%);
31
- --color-glacier-white-300: hsl(220 15% 90%);
32
- --color-glacier-white-400: hsl(220 12% 80%);
33
- --color-glacier-white-500: hsl(220 10% 72%);
34
- --color-glacier-white-600: hsl(220 8% 58%);
35
- --color-glacier-white-700: hsl(220 10% 35%);
36
- --color-glacier-white-800: hsl(220 12% 25%);
37
- --color-glacier-white-900: hsl(225 15% 5%);
38
- --color-glacier-white-950: hsl(225 20% 2%);
39
-
40
- --color-laser-lemon-300: hsl(60 100% 69%);
41
- --color-laser-lemon-800: hsl(59 93% 23%);
42
-
43
- --color-navy-blue-400: hsl(212 67% 58%);
44
- --color-navy-blue-700: hsl(212 71% 30%);
45
- }
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -1,3 +1 @@
1
- @import './glacier.css';
2
- @import './aurora.css';
3
- @import './basalt.css';
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -1,22 +1,14 @@
1
- /**
2
- * Default elevation pack.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --shadow-control: 0 1px 2px 0 rgb(0 0 0 / 0.05);
6
- --shadow-overlay: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
7
- --shadow-modal: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
8
-
9
- --sheen-highlight: color-mix(in oklab, white 8%, transparent);
10
- --sheen-shade: color-mix(in oklab, black 7%, transparent);
11
- --sheen-image: linear-gradient(to bottom, var(--sheen-highlight), transparent 55%, var(--sheen-shade));
3
+ --shadow-control: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4
+ --shadow-overlay: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
5
+ --shadow-modal: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
6
+ --sheen-highlight: color-mix(in oklab, white 8%, transparent);
7
+ --sheen-shade: color-mix(in oklab, black 7%, transparent);
8
+ --sheen-image: linear-gradient(to bottom, var(--sheen-highlight), transparent 55%, var(--sheen-shade));
12
9
  }
13
-
14
- @theme {
15
- --shadow-control: var(--shadow-control);
16
- --shadow-overlay: var(--shadow-overlay);
17
- --shadow-modal: var(--shadow-modal);
18
- --shadow-sm: var(--shadow-control);
19
- --shadow-md: var(--shadow-overlay);
20
- --shadow-lg: var(--shadow-overlay);
21
- --shadow-xl: var(--shadow-modal);
10
+ :root, :host {
11
+ --shadow-control: var(--shadow-control);
12
+ --shadow-overlay: var(--shadow-overlay);
13
+ --shadow-modal: var(--shadow-modal);
22
14
  }
@@ -1,22 +1,14 @@
1
- /**
2
- * Flat elevation pack — no drop shadows.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --shadow-control: none;
6
- --shadow-overlay: none;
7
- --shadow-modal: none;
8
-
9
- --sheen-highlight: color-mix(in oklab, white 14%, transparent);
10
- --sheen-shade: color-mix(in oklab, black 7%, transparent);
11
- --sheen-image: linear-gradient(to bottom, var(--sheen-highlight), transparent 55%, var(--sheen-shade));
3
+ --shadow-control: none;
4
+ --shadow-overlay: none;
5
+ --shadow-modal: none;
6
+ --sheen-highlight: color-mix(in oklab, white 14%, transparent);
7
+ --sheen-shade: color-mix(in oklab, black 7%, transparent);
8
+ --sheen-image: linear-gradient(to bottom, var(--sheen-highlight), transparent 55%, var(--sheen-shade));
12
9
  }
13
-
14
- @theme {
15
- --shadow-control: var(--shadow-control);
16
- --shadow-overlay: var(--shadow-overlay);
17
- --shadow-modal: var(--shadow-modal);
18
- --shadow-sm: var(--shadow-control);
19
- --shadow-md: var(--shadow-overlay);
20
- --shadow-lg: var(--shadow-overlay);
21
- --shadow-xl: var(--shadow-modal);
10
+ :root, :host {
11
+ --shadow-control: var(--shadow-control);
12
+ --shadow-overlay: var(--shadow-overlay);
13
+ --shadow-modal: var(--shadow-modal);
22
14
  }
@@ -1,19 +1,8 @@
1
- /**
2
- * Default motion pack.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --duration-fast: 150ms;
6
- --duration-normal: 200ms;
7
- --duration-slow: 300ms;
8
- --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
9
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
10
- }
11
-
12
- @theme {
13
- --transition-duration-fast: var(--duration-fast);
14
- --transition-duration-normal: var(--duration-normal);
15
- --transition-duration-slow: var(--duration-slow);
16
- --duration-150: var(--duration-fast);
17
- --duration-200: var(--duration-normal);
18
- --duration-300: var(--duration-slow);
3
+ --duration-fast: 150ms;
4
+ --duration-normal: 200ms;
5
+ --duration-slow: 300ms;
6
+ --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
7
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
19
8
  }
@@ -1,19 +1,8 @@
1
- /**
2
- * Snappy motion pack.
3
- */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
4
2
  :root {
5
- --duration-fast: 100ms;
6
- --duration-normal: 150ms;
7
- --duration-slow: 200ms;
8
- --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
9
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
10
- }
11
-
12
- @theme {
13
- --transition-duration-fast: var(--duration-fast);
14
- --transition-duration-normal: var(--duration-normal);
15
- --transition-duration-slow: var(--duration-slow);
16
- --duration-150: var(--duration-fast);
17
- --duration-200: var(--duration-normal);
18
- --duration-300: var(--duration-slow);
3
+ --duration-fast: 100ms;
4
+ --duration-normal: 150ms;
5
+ --duration-slow: 200ms;
6
+ --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
7
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
19
8
  }