@duskmoon-dev/core 1.8.0 → 1.10.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/dist/components/appbar.css +2 -2
- package/dist/components/autocomplete.css +1 -1
- package/dist/components/card.css +4 -4
- package/dist/components/cascader.css +1 -1
- package/dist/components/collapse.css +1 -1
- package/dist/components/datepicker.css +2 -2
- package/dist/components/dialog.css +1 -1
- package/dist/components/drawer.css +1 -1
- package/dist/components/file-upload.css +1 -1
- package/dist/components/form-group.css +33 -1
- package/dist/components/index.css +349 -42
- package/dist/components/modal.css +1 -1
- package/dist/components/multi-select.css +1 -1
- package/dist/components/navigation.css +2 -2
- package/dist/components/nested-menu.css +261 -0
- package/dist/components/popover.css +28 -16
- package/dist/components/snackbar.css +1 -1
- package/dist/components/time-input.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/tooltip.css +2 -2
- package/dist/components/tree-select.css +1 -1
- package/dist/esm/components/appbar.js +2 -2
- package/dist/esm/components/autocomplete.js +1 -1
- package/dist/esm/components/card.js +4 -4
- package/dist/esm/components/cascader.js +1 -1
- package/dist/esm/components/collapse.js +1 -1
- package/dist/esm/components/datepicker.js +2 -2
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/drawer.js +1 -1
- package/dist/esm/components/file-upload.js +1 -1
- package/dist/esm/components/form-group.js +33 -1
- package/dist/esm/components/modal.js +1 -1
- package/dist/esm/components/multi-select.js +1 -1
- package/dist/esm/components/navigation.js +2 -2
- package/dist/esm/components/nested-menu.js +268 -0
- package/dist/esm/components/popover.js +28 -16
- package/dist/esm/components/snackbar.js +1 -1
- package/dist/esm/components/time-input.js +1 -1
- package/dist/esm/components/toast.js +1 -1
- package/dist/esm/components/tooltip.js +2 -2
- package/dist/esm/components/tree-select.js +1 -1
- package/dist/index.css +439 -91
- package/dist/index.min.css +1 -0
- package/dist/themes/moonlight.css +34 -16
- package/dist/themes/ocean.css +16 -7
- package/dist/themes/sunset.css +5 -4
- package/dist/themes/sunshine.css +24 -22
- package/package.json +1 -1
|
@@ -114,14 +114,15 @@
|
|
|
114
114
|
* SHAPE & DEPTH
|
|
115
115
|
* ============================================ */
|
|
116
116
|
|
|
117
|
-
|
|
118
|
-
--radius-
|
|
119
|
-
--radius-
|
|
120
|
-
--
|
|
121
|
-
--size-
|
|
122
|
-
--
|
|
123
|
-
--
|
|
124
|
-
--
|
|
117
|
+
/* Moonlight: sleek, minimal, slightly angular */
|
|
118
|
+
--radius-selector: 0.125rem;
|
|
119
|
+
--radius-field: 0.375rem;
|
|
120
|
+
--radius-box: 1rem;
|
|
121
|
+
--size-selector: 0.125rem;
|
|
122
|
+
--size-field: 0.125rem;
|
|
123
|
+
--border: 1px;
|
|
124
|
+
--depth: 0.8;
|
|
125
|
+
--noise: 0.6;
|
|
125
126
|
|
|
126
127
|
/* ============================================
|
|
127
128
|
* SURFACE VARIANT
|
|
@@ -143,6 +144,14 @@
|
|
|
143
144
|
|
|
144
145
|
--color-shadow: oklch(0% 0 0);
|
|
145
146
|
--color-scrim: oklch(0% 0 0 / 60%);
|
|
147
|
+
|
|
148
|
+
/* Dark-mode shadows: stronger opacity for depth on dark surfaces */
|
|
149
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
|
|
150
|
+
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
|
|
151
|
+
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
|
|
152
|
+
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
|
|
153
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
|
|
154
|
+
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
|
|
146
155
|
}
|
|
147
156
|
|
|
148
157
|
/* System preference: prefers-color-scheme dark */
|
|
@@ -228,14 +237,15 @@
|
|
|
228
237
|
* SHAPE & DEPTH
|
|
229
238
|
* ============================================ */
|
|
230
239
|
|
|
231
|
-
|
|
232
|
-
--radius-
|
|
233
|
-
--radius-
|
|
234
|
-
--
|
|
235
|
-
--size-
|
|
236
|
-
--
|
|
237
|
-
--
|
|
238
|
-
--
|
|
240
|
+
/* Moonlight: sleek, minimal, slightly angular */
|
|
241
|
+
--radius-selector: 0.125rem;
|
|
242
|
+
--radius-field: 0.375rem;
|
|
243
|
+
--radius-box: 1rem;
|
|
244
|
+
--size-selector: 0.125rem;
|
|
245
|
+
--size-field: 0.125rem;
|
|
246
|
+
--border: 1px;
|
|
247
|
+
--depth: 0.8;
|
|
248
|
+
--noise: 0.6;
|
|
239
249
|
|
|
240
250
|
/* Surface Variant */
|
|
241
251
|
--color-surface-variant: oklch(30% 0.02 260);
|
|
@@ -248,6 +258,14 @@
|
|
|
248
258
|
/* Shadow & Scrim */
|
|
249
259
|
--color-shadow: oklch(0% 0 0);
|
|
250
260
|
--color-scrim: oklch(0% 0 0 / 60%);
|
|
261
|
+
|
|
262
|
+
/* Dark-mode shadows */
|
|
263
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
|
|
264
|
+
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
|
|
265
|
+
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
|
|
266
|
+
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
|
|
267
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
|
|
268
|
+
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
|
|
251
269
|
}
|
|
252
270
|
}
|
|
253
271
|
|
package/dist/themes/ocean.css
CHANGED
|
@@ -113,14 +113,15 @@
|
|
|
113
113
|
* SHAPE & DEPTH
|
|
114
114
|
* ============================================ */
|
|
115
115
|
|
|
116
|
-
|
|
117
|
-
--radius-
|
|
116
|
+
/* Ocean: smooth, flowing, generous curves */
|
|
117
|
+
--radius-selector: 0.25rem;
|
|
118
|
+
--radius-field: 0.75rem;
|
|
118
119
|
--radius-box: 1.5rem;
|
|
119
|
-
--size-selector: 0.
|
|
120
|
-
--size-field: 0.
|
|
121
|
-
--border:
|
|
122
|
-
--depth:
|
|
123
|
-
--noise: 0.
|
|
120
|
+
--size-selector: 0.125rem;
|
|
121
|
+
--size-field: 0.125rem;
|
|
122
|
+
--border: 1px;
|
|
123
|
+
--depth: 0.7;
|
|
124
|
+
--noise: 0.3;
|
|
124
125
|
|
|
125
126
|
/* ============================================
|
|
126
127
|
* SURFACE VARIANT
|
|
@@ -142,4 +143,12 @@
|
|
|
142
143
|
|
|
143
144
|
--color-shadow: oklch(0% 0 0);
|
|
144
145
|
--color-scrim: oklch(0% 0 0 / 60%);
|
|
146
|
+
|
|
147
|
+
/* Dark-mode shadows: stronger opacity for depth on dark surfaces */
|
|
148
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
|
|
149
|
+
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
|
|
150
|
+
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
|
|
151
|
+
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
|
|
152
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
|
|
153
|
+
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
|
|
145
154
|
}
|
package/dist/themes/sunset.css
CHANGED
|
@@ -113,13 +113,14 @@
|
|
|
113
113
|
* SHAPE & DEPTH
|
|
114
114
|
* ============================================ */
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
/* Sunset: warm, soft, organic feel */
|
|
117
|
+
--radius-selector: 0.1875rem;
|
|
117
118
|
--radius-field: 0.5rem;
|
|
118
|
-
--radius-box: 1.
|
|
119
|
+
--radius-box: 1.25rem;
|
|
119
120
|
--size-selector: 0.1875rem;
|
|
120
121
|
--size-field: 0.1875rem;
|
|
121
|
-
--border: 0.
|
|
122
|
-
--depth:
|
|
122
|
+
--border: 0.75px;
|
|
123
|
+
--depth: 0.9;
|
|
123
124
|
--noise: 0.7;
|
|
124
125
|
|
|
125
126
|
/* ============================================
|
package/dist/themes/sunshine.css
CHANGED
|
@@ -11,15 +11,15 @@
|
|
|
11
11
|
* BRAND COLORS
|
|
12
12
|
* ============================================ */
|
|
13
13
|
|
|
14
|
-
/* Primary Color Family - Warm
|
|
15
|
-
--color-primary: oklch(
|
|
16
|
-
--color-primary-content: oklch(
|
|
14
|
+
/* Primary Color Family - Warm Amber */
|
|
15
|
+
--color-primary: oklch(72% 0.17 75);
|
|
16
|
+
--color-primary-content: oklch(100% 0 0);
|
|
17
17
|
--color-primary-container: oklch(95% 0.035 95.91);
|
|
18
18
|
--color-on-primary-container: oklch(25% 0.03 95.91);
|
|
19
19
|
|
|
20
|
-
/* Secondary Color Family - Coral
|
|
21
|
-
--color-secondary: oklch(
|
|
22
|
-
--color-secondary-content: oklch(
|
|
20
|
+
/* Secondary Color Family - Coral Rose */
|
|
21
|
+
--color-secondary: oklch(62% 0.19 20);
|
|
22
|
+
--color-secondary-content: oklch(100% 0 0);
|
|
23
23
|
--color-secondary-container: oklch(94% 0.05 87.01);
|
|
24
24
|
--color-on-secondary-container: oklch(25% 0.05 87.01);
|
|
25
25
|
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
* NEUTRAL COLORS (Base Scale)
|
|
77
77
|
* ============================================ */
|
|
78
78
|
|
|
79
|
-
--color-base-100: oklch(100% 0.
|
|
80
|
-
--color-base-200: oklch(
|
|
81
|
-
--color-base-300: oklch(
|
|
79
|
+
--color-base-100: oklch(100% 0.005 255);
|
|
80
|
+
--color-base-200: oklch(95% 0.008 255);
|
|
81
|
+
--color-base-300: oklch(90% 0.01 255);
|
|
82
82
|
--color-base-400: oklch(55% 0.06 255);
|
|
83
83
|
--color-base-500: oklch(45% 0.05 255);
|
|
84
84
|
--color-base-600: oklch(35% 0.04 255);
|
|
@@ -106,15 +106,16 @@
|
|
|
106
106
|
* ============================================ */
|
|
107
107
|
|
|
108
108
|
--color-neutral: oklch(0% 0 0);
|
|
109
|
-
--color-neutral-content: oklch(80% 0.
|
|
109
|
+
--color-neutral-content: oklch(80% 0.015 50);
|
|
110
110
|
--color-neutral-variant: oklch(50% 0.02 260);
|
|
111
111
|
|
|
112
112
|
/* ============================================
|
|
113
113
|
* SHAPE & DEPTH
|
|
114
114
|
* ============================================ */
|
|
115
115
|
|
|
116
|
-
|
|
117
|
-
--radius-
|
|
116
|
+
/* Sunshine: rounded, bubbly, soft feel */
|
|
117
|
+
--radius-selector: 0.25rem;
|
|
118
|
+
--radius-field: 0.625rem;
|
|
118
119
|
--radius-box: 2rem;
|
|
119
120
|
--size-selector: 0.1875rem;
|
|
120
121
|
--size-field: 0.1875rem;
|
|
@@ -149,13 +150,13 @@
|
|
|
149
150
|
color-scheme: light;
|
|
150
151
|
|
|
151
152
|
/* Brand Colors */
|
|
152
|
-
--color-primary: oklch(
|
|
153
|
-
--color-primary-content: oklch(
|
|
153
|
+
--color-primary: oklch(72% 0.17 75);
|
|
154
|
+
--color-primary-content: oklch(100% 0 0);
|
|
154
155
|
--color-primary-container: oklch(95% 0.035 95.91);
|
|
155
156
|
--color-on-primary-container: oklch(25% 0.03 95.91);
|
|
156
157
|
|
|
157
|
-
--color-secondary: oklch(
|
|
158
|
-
--color-secondary-content: oklch(
|
|
158
|
+
--color-secondary: oklch(62% 0.19 20);
|
|
159
|
+
--color-secondary-content: oklch(100% 0 0);
|
|
159
160
|
--color-secondary-container: oklch(94% 0.05 87.01);
|
|
160
161
|
--color-on-secondary-container: oklch(25% 0.05 87.01);
|
|
161
162
|
|
|
@@ -198,9 +199,9 @@
|
|
|
198
199
|
--color-on-error-container: oklch(32% 0.10 25);
|
|
199
200
|
|
|
200
201
|
/* Neutral Colors */
|
|
201
|
-
--color-base-100: oklch(100% 0.
|
|
202
|
-
--color-base-200: oklch(
|
|
203
|
-
--color-base-300: oklch(
|
|
202
|
+
--color-base-100: oklch(100% 0.005 255);
|
|
203
|
+
--color-base-200: oklch(95% 0.008 255);
|
|
204
|
+
--color-base-300: oklch(90% 0.01 255);
|
|
204
205
|
--color-base-400: oklch(55% 0.06 255);
|
|
205
206
|
--color-base-500: oklch(45% 0.05 255);
|
|
206
207
|
--color-base-600: oklch(35% 0.04 255);
|
|
@@ -219,15 +220,16 @@
|
|
|
219
220
|
|
|
220
221
|
/* Neutral Colors */
|
|
221
222
|
--color-neutral: oklch(0% 0 0);
|
|
222
|
-
--color-neutral-content: oklch(80% 0.
|
|
223
|
+
--color-neutral-content: oklch(80% 0.015 50);
|
|
223
224
|
--color-neutral-variant: oklch(50% 0.02 260);
|
|
224
225
|
|
|
225
226
|
/* ============================================
|
|
226
227
|
* SHAPE & DEPTH
|
|
227
228
|
* ============================================ */
|
|
228
229
|
|
|
229
|
-
|
|
230
|
-
--radius-
|
|
230
|
+
/* Sunshine: rounded, bubbly, soft feel */
|
|
231
|
+
--radius-selector: 0.25rem;
|
|
232
|
+
--radius-field: 0.625rem;
|
|
231
233
|
--radius-box: 2rem;
|
|
232
234
|
--size-selector: 0.1875rem;
|
|
233
235
|
--size-field: 0.1875rem;
|
package/package.json
CHANGED