@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.
- package/README.md +4 -2
- package/dist/components/ui/alert/alert.css +56 -23
- package/dist/components/ui/breadcrumb/breadcrumb.css +85 -36
- package/dist/components/ui/carousel/carousel.css +465 -166
- package/dist/components/ui/checkbox/checkbox.css +196 -49
- package/dist/components/ui/combobox/combobox.css +213 -60
- package/dist/components/ui/dialog/dialog.css +176 -49
- package/dist/components/ui/disclosure/disclosure.css +228 -100
- package/dist/components/ui/feed/feed.css +30 -10
- package/dist/components/ui/field/field.css +18 -22
- package/dist/components/ui/form/form.css +7 -8
- package/dist/components/ui/grid/grid.css +172 -43
- package/dist/components/ui/input/input.css +126 -30
- package/dist/components/ui/label/label.css +20 -6
- package/dist/components/ui/listbox/listbox.css +137 -19
- package/dist/components/ui/menu-button/index.js +1 -1
- package/dist/components/ui/menu-button/index.js.map +4 -4
- package/dist/components/ui/menu-button/menu-button.css +158 -38
- package/dist/components/ui/menu-button/menu-button.script.d.ts +7 -7
- package/dist/components/ui/menubar/index.js +1 -1
- package/dist/components/ui/menubar/index.js.map +2 -2
- package/dist/components/ui/menubar/menubar.css +207 -39
- package/dist/components/ui/meter/meter.css +50 -13
- package/dist/components/ui/navigation-menu/navigation-menu.css +281 -85
- package/dist/components/ui/radio-group/radio-group.css +179 -40
- package/dist/components/ui/shared/floating-position.d.ts +37 -0
- package/dist/components/ui/shared/floating-position.test.d.ts +1 -0
- package/dist/components/ui/shared/placement.d.ts +2 -0
- package/dist/components/ui/sidebar/sidebar.css +407 -189
- package/dist/components/ui/slider/slider.css +220 -47
- package/dist/components/ui/spinbutton/spinbutton.css +65 -15
- package/dist/components/ui/switch/switch.css +164 -43
- package/dist/components/ui/tabs/tabs.css +145 -24
- package/dist/components/ui/textarea/textarea.css +128 -31
- package/dist/components/ui/toast/toast.css +388 -255
- package/dist/components/ui/toolbar/toolbar.css +118 -11
- package/dist/components/ui/tooltip/index.js +1 -1
- package/dist/components/ui/tooltip/index.js.map +4 -4
- package/dist/components/ui/tooltip/tooltip.css +119 -21
- package/dist/components/ui/tooltip/tooltip.script.d.ts +6 -6
- package/dist/components/ui/tree/tree.css +180 -49
- package/dist/components/ui/treegrid/treegrid.css +190 -72
- package/dist/components/ui/window-splitter/window-splitter.css +144 -31
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/styles/components/button.css +299 -113
- package/dist/styles/radiant-ui-core.css +828 -7
- package/dist/styles/radiant-ui.css +1497 -8
- package/dist/styles/styles.css +5830 -36
- package/dist/styles/tailwind.css +1607 -27
- package/dist/styles/themes/aurora.css +637 -15
- package/dist/styles/themes/default-compact-soft.css +580 -15
- package/dist/styles/themes/default.css +641 -2
- package/dist/styles/themes/glacier.css +637 -15
- package/dist/styles/tokens/colors/aurora.css +1 -73
- package/dist/styles/tokens/colors/basalt.css +1 -36
- package/dist/styles/tokens/colors/glacier.css +1 -45
- package/dist/styles/tokens/colors/palettes.css +1 -3
- package/dist/styles/tokens/elevation/default.css +11 -19
- package/dist/styles/tokens/elevation/flat.css +11 -19
- package/dist/styles/tokens/motion/default.css +6 -17
- package/dist/styles/tokens/motion/snappy.css +6 -17
- package/dist/styles/tokens/presets/colors/index.css +446 -4
- package/dist/styles/tokens/radius/default.css +17 -31
- package/dist/styles/tokens/radius/edgy.css +17 -32
- package/dist/styles/tokens/radius/sharp.css +20 -2
- package/dist/styles/tokens/radius/soft.css +17 -31
- package/dist/styles/tokens/semantic.css +445 -79
- package/dist/styles/tokens/spacing/compact.css +16 -21
- package/dist/styles/tokens/spacing/default.css +16 -21
- package/dist/styles/tokens/spacing/scale-bridge.css +1 -17
- package/dist/styles/tokens/spacing/wide.css +16 -21
- package/dist/styles/tokens/system.css +21 -33
- package/dist/styles/tokens/typography/default.css +23 -33
- 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,22 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
* Default elevation pack.
|
|
3
|
-
*/
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
4
2
|
:root {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
}
|