@rokkit/themes 1.0.0-next.132 → 1.0.0-next.135
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/LICENSE +21 -0
- package/README.md +68 -80
- package/build.mjs +148 -150
- package/dist/base.css +689 -623
- package/dist/glass.css +212 -203
- package/dist/index.css +1464 -1257
- package/dist/material.css +203 -171
- package/dist/minimal.css +171 -147
- package/dist/rokkit.css +189 -113
- package/package.json +11 -4
- package/src/base/breadcrumbs.css +28 -28
- package/src/base/button.css +10 -3
- package/src/base/card.css +17 -17
- package/src/base/carousel.css +67 -67
- package/src/base/display.css +8 -8
- package/src/base/floating-navigation.css +32 -8
- package/src/base/graph-paper.css +49 -49
- package/src/base/pill.css +35 -35
- package/src/base/progress.css +21 -21
- package/src/base/range.css +57 -57
- package/src/base/rating.css +20 -18
- package/src/base/reveal.css +16 -16
- package/src/base/search-filter.css +61 -61
- package/src/base/shine.css +7 -7
- package/src/base/stepper.css +75 -75
- package/src/base/switch.css +55 -55
- package/src/base/table.css +49 -49
- package/src/base/tilt.css +4 -4
- package/src/base/timeline.css +38 -38
- package/src/base/tree.css +48 -15
- package/src/glass/button.css +11 -10
- package/src/glass/card.css +16 -13
- package/src/glass/floating-action.css +13 -13
- package/src/glass/floating-navigation.css +2 -2
- package/src/glass/input.css +32 -30
- package/src/glass/list.css +21 -21
- package/src/glass/menu.css +16 -16
- package/src/glass/range.css +10 -10
- package/src/glass/search-filter.css +8 -8
- package/src/glass/select.css +32 -32
- package/src/glass/switch.css +6 -6
- package/src/glass/table.css +14 -14
- package/src/glass/tabs.css +3 -3
- package/src/glass/timeline.css +8 -8
- package/src/glass/toggle.css +7 -7
- package/src/glass/toolbar.css +15 -15
- package/src/glass/tree.css +27 -21
- package/src/material/button.css +12 -8
- package/src/material/card.css +1 -1
- package/src/material/input.css +30 -14
- package/src/material/list.css +27 -23
- package/src/material/menu.css +16 -16
- package/src/material/range.css +11 -11
- package/src/material/search-filter.css +8 -8
- package/src/material/select.css +31 -31
- package/src/material/switch.css +6 -6
- package/src/material/table.css +20 -16
- package/src/material/timeline.css +8 -8
- package/src/material/toggle.css +7 -7
- package/src/material/toolbar.css +17 -16
- package/src/material/tree.css +22 -19
- package/src/minimal/button.css +7 -4
- package/src/minimal/card.css +13 -11
- package/src/minimal/floating-action.css +11 -11
- package/src/minimal/floating-navigation.css +1 -1
- package/src/minimal/input.css +14 -10
- package/src/minimal/list.css +27 -23
- package/src/minimal/menu.css +15 -15
- package/src/minimal/range.css +10 -10
- package/src/minimal/search-filter.css +8 -8
- package/src/minimal/select.css +4 -2
- package/src/minimal/switch.css +6 -6
- package/src/minimal/table.css +17 -15
- package/src/minimal/tabs.css +5 -3
- package/src/minimal/timeline.css +7 -7
- package/src/minimal/toggle.css +7 -7
- package/src/minimal/toolbar.css +17 -16
- package/src/minimal/tree.css +26 -20
- package/src/rokkit/button.css +40 -11
- package/src/rokkit/card.css +16 -14
- package/src/rokkit/floating-navigation.css +2 -2
- package/src/rokkit/input.css +10 -6
- package/src/rokkit/list.css +7 -2
- package/src/rokkit/range.css +11 -11
- package/src/rokkit/search-filter.css +8 -8
- package/src/rokkit/select.css +41 -36
- package/src/rokkit/switch.css +6 -6
- package/src/rokkit/table.css +17 -15
- package/src/rokkit/tabs.css +11 -6
- package/src/rokkit/timeline.css +8 -8
- package/src/rokkit/tree.css +35 -9
package/dist/material.css
CHANGED
|
@@ -104,7 +104,8 @@
|
|
|
104
104
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
105
105
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
|
|
106
106
|
|
|
107
|
-
[data-style='material']
|
|
107
|
+
[data-style='material']
|
|
108
|
+
[data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
|
|
108
109
|
filter: brightness(1.08);
|
|
109
110
|
--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
110
111
|
}
|
|
@@ -138,16 +139,19 @@
|
|
|
138
139
|
Hover States
|
|
139
140
|
============================================================================= */
|
|
140
141
|
|
|
141
|
-
[data-style='material']
|
|
142
|
+
[data-style='material']
|
|
143
|
+
[data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
|
|
142
144
|
[data-style='material'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
|
|
143
145
|
--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
144
146
|
}
|
|
145
147
|
|
|
146
|
-
[data-style='material']
|
|
148
|
+
[data-style='material']
|
|
149
|
+
[data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
|
|
147
150
|
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
|
|
148
151
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="material"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
149
152
|
|
|
150
|
-
[data-style='material']
|
|
153
|
+
[data-style='material']
|
|
154
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
|
|
151
155
|
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
152
156
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="material"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
153
157
|
|
|
@@ -194,7 +198,9 @@
|
|
|
194
198
|
}[data-mode="dark"][data-style="material"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="material"] [data-input-root]:focus-within{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
|
|
195
199
|
|
|
196
200
|
/* Inputs inside wrapper */
|
|
197
|
-
[data-style='material']
|
|
201
|
+
[data-style='material']
|
|
202
|
+
[data-input-root]
|
|
203
|
+
input:not([type='checkbox'], [type='radio'], [type='color']),
|
|
198
204
|
[data-style='material'] [data-input-root] textarea,
|
|
199
205
|
[data-style='material'] [data-input-root] select {
|
|
200
206
|
width:100%;border-style:none;background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.625rem;padding-bottom:0.625rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
|
|
@@ -227,8 +233,14 @@
|
|
|
227
233
|
}[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
228
234
|
|
|
229
235
|
/* Label floats up when input has focus or value */
|
|
230
|
-
[data-style='material']
|
|
231
|
-
[data-
|
|
236
|
+
[data-style='material']
|
|
237
|
+
[data-field-root]:not([data-field-type='checkbox'])
|
|
238
|
+
[data-field]:has([data-input-root]:focus-within)
|
|
239
|
+
> label,
|
|
240
|
+
[data-style='material']
|
|
241
|
+
[data-field-root]:not([data-field-type='checkbox']):not([data-field-empty='true'])
|
|
242
|
+
[data-field]
|
|
243
|
+
> label {
|
|
232
244
|
font-size:0.75rem;line-height:1rem;
|
|
233
245
|
top: 0;
|
|
234
246
|
transform: translateY(-50%);
|
|
@@ -236,7 +248,10 @@
|
|
|
236
248
|
padding-inline: 0.25rem;
|
|
237
249
|
}
|
|
238
250
|
|
|
239
|
-
[data-style='material']
|
|
251
|
+
[data-style='material']
|
|
252
|
+
[data-field-root]:not([data-field-type='checkbox'])
|
|
253
|
+
[data-field]:has([data-input-root]:focus-within)
|
|
254
|
+
> label {
|
|
240
255
|
--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
|
|
241
256
|
}[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]:has([data-input-root]:focus-within)>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]:has([data-input-root]:focus-within)>label{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
|
|
242
257
|
|
|
@@ -274,7 +289,10 @@
|
|
|
274
289
|
--un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));
|
|
275
290
|
}[data-mode="dark"][data-style="material"] [data-field-state="fail"] [data-input-root],[data-mode="dark"] [data-style="material"] [data-field-state="fail"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));}
|
|
276
291
|
|
|
277
|
-
[data-style='material']
|
|
292
|
+
[data-style='material']
|
|
293
|
+
[data-field-root]:not([data-field-type='checkbox'])[data-field-state='fail']
|
|
294
|
+
[data-field]
|
|
295
|
+
> label {
|
|
278
296
|
--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
|
|
279
297
|
}[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"])[data-field-state="fail"] [data-field]>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"])[data-field-state="fail"] [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
|
|
280
298
|
|
|
@@ -293,7 +311,9 @@
|
|
|
293
311
|
font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
294
312
|
}[data-mode="dark"][data-style="material"] [data-checkbox-icon],[data-mode="dark"] [data-style="material"] [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
295
313
|
|
|
296
|
-
[data-style='material']
|
|
314
|
+
[data-style='material']
|
|
315
|
+
[data-checkbox-root][data-variant='custom']:has(input:checked)
|
|
316
|
+
[data-checkbox-icon] {
|
|
297
317
|
--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
|
|
298
318
|
}[data-mode="dark"][data-style="material"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon],[data-mode="dark"] [data-style="material"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
|
|
299
319
|
|
|
@@ -314,25 +334,25 @@
|
|
|
314
334
|
============================================================================= */
|
|
315
335
|
|
|
316
336
|
[data-style='material'] [data-toolbar] {
|
|
317
|
-
|
|
337
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
318
338
|
}[data-mode="dark"][data-style="material"] [data-toolbar],[data-mode="dark"] [data-style="material"] [data-toolbar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
319
339
|
|
|
320
340
|
/* Position-based borders removed - using shadows instead */
|
|
321
341
|
[data-style='material'] [data-toolbar][data-toolbar-position='top'],
|
|
322
342
|
[data-style='material'] [data-toolbar]:not([data-toolbar-position]) {
|
|
323
|
-
|
|
343
|
+
--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
324
344
|
}
|
|
325
345
|
|
|
326
346
|
[data-style='material'] [data-toolbar][data-toolbar-position='bottom'] {
|
|
327
|
-
|
|
347
|
+
--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
328
348
|
}
|
|
329
349
|
|
|
330
350
|
[data-style='material'] [data-toolbar][data-toolbar-position='left'] {
|
|
331
|
-
|
|
351
|
+
--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
332
352
|
}
|
|
333
353
|
|
|
334
354
|
[data-style='material'] [data-toolbar][data-toolbar-position='right'] {
|
|
335
|
-
|
|
355
|
+
--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
336
356
|
}
|
|
337
357
|
|
|
338
358
|
/* =============================================================================
|
|
@@ -340,24 +360,25 @@
|
|
|
340
360
|
============================================================================= */
|
|
341
361
|
|
|
342
362
|
[data-style='material'] [data-toolbar-item] {
|
|
343
|
-
|
|
363
|
+
border-radius:9999px;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
344
364
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item],[data-mode="dark"] [data-style="material"] [data-toolbar-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
345
365
|
|
|
346
366
|
[data-style='material'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
|
|
347
|
-
|
|
367
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
348
368
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
349
369
|
|
|
350
|
-
[data-style='material']
|
|
351
|
-
|
|
370
|
+
[data-style='material']
|
|
371
|
+
[data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
|
|
372
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
352
373
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
353
374
|
|
|
354
375
|
/* Active/pressed state */
|
|
355
376
|
[data-style='material'] [data-toolbar-item][data-active='true'] {
|
|
356
|
-
|
|
377
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
357
378
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item][data-active="true"],[data-mode="dark"] [data-style="material"] [data-toolbar-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
358
379
|
|
|
359
380
|
[data-style='material'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
|
|
360
|
-
|
|
381
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
361
382
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-toolbar-item][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
362
383
|
|
|
363
384
|
/* =============================================================================
|
|
@@ -365,15 +386,15 @@
|
|
|
365
386
|
============================================================================= */
|
|
366
387
|
|
|
367
388
|
[data-style='material'] [data-toolbar-item] [data-toolbar-icon] {
|
|
368
|
-
|
|
389
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
369
390
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item] [data-toolbar-icon],[data-mode="dark"] [data-style="material"] [data-toolbar-item] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
370
391
|
|
|
371
392
|
[data-style='material'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
|
|
372
|
-
|
|
393
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
373
394
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon],[data-mode="dark"] [data-style="material"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
374
395
|
|
|
375
396
|
[data-style='material'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
|
|
376
|
-
|
|
397
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
377
398
|
}[data-mode="dark"][data-style="material"] [data-toolbar-item][data-active="true"] [data-toolbar-icon],[data-mode="dark"] [data-style="material"] [data-toolbar-item][data-active="true"] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
378
399
|
|
|
379
400
|
/* =============================================================================
|
|
@@ -381,11 +402,11 @@
|
|
|
381
402
|
============================================================================= */
|
|
382
403
|
|
|
383
404
|
[data-style='material'] [data-toolbar-separator] {
|
|
384
|
-
|
|
405
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
385
406
|
}[data-mode="dark"][data-style="material"] [data-toolbar-separator],[data-mode="dark"] [data-style="material"] [data-toolbar-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
386
407
|
|
|
387
408
|
[data-style='material'] [data-toolbar-divider] {
|
|
388
|
-
|
|
409
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
389
410
|
}[data-mode="dark"][data-style="material"] [data-toolbar-divider],[data-mode="dark"] [data-style="material"] [data-toolbar-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
390
411
|
|
|
391
412
|
/**
|
|
@@ -462,7 +483,7 @@
|
|
|
462
483
|
============================================================================= */
|
|
463
484
|
|
|
464
485
|
[data-style='material'] [data-toggle] {
|
|
465
|
-
|
|
486
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
466
487
|
}[data-mode="dark"][data-style="material"] [data-toggle],[data-mode="dark"] [data-style="material"] [data-toggle]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
467
488
|
|
|
468
489
|
/* =============================================================================
|
|
@@ -470,17 +491,17 @@
|
|
|
470
491
|
============================================================================= */
|
|
471
492
|
|
|
472
493
|
[data-style='material'] [data-toggle-option] {
|
|
473
|
-
|
|
494
|
+
border-radius:9999px;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
474
495
|
}[data-mode="dark"][data-style="material"] [data-toggle-option],[data-mode="dark"] [data-style="material"] [data-toggle-option]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
475
496
|
|
|
476
497
|
[data-style='material'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
|
|
477
498
|
[data-style='material'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
|
|
478
|
-
|
|
499
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
479
500
|
}[data-mode="dark"][data-style="material"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="material"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
480
501
|
|
|
481
502
|
/* Selected state */
|
|
482
503
|
[data-style='material'] [data-toggle-option][data-selected='true'] {
|
|
483
|
-
|
|
504
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
484
505
|
}[data-mode="dark"][data-style="material"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="material"] [data-toggle-option][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
485
506
|
|
|
486
507
|
/* =============================================================================
|
|
@@ -488,16 +509,16 @@
|
|
|
488
509
|
============================================================================= */
|
|
489
510
|
|
|
490
511
|
[data-style='material'] [data-toggle-option] [data-toggle-icon] {
|
|
491
|
-
|
|
512
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
492
513
|
}[data-mode="dark"][data-style="material"] [data-toggle-option] [data-toggle-icon],[data-mode="dark"] [data-style="material"] [data-toggle-option] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
493
514
|
|
|
494
515
|
[data-style='material'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
|
|
495
516
|
[data-style='material'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
|
|
496
|
-
|
|
517
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
497
518
|
}[data-mode="dark"][data-style="material"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="material"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"][data-style="material"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="material"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
498
519
|
|
|
499
520
|
[data-style='material'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
|
|
500
|
-
|
|
521
|
+
--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
|
|
501
522
|
}
|
|
502
523
|
|
|
503
524
|
/**
|
|
@@ -505,28 +526,28 @@
|
|
|
505
526
|
*/
|
|
506
527
|
|
|
507
528
|
[data-style='material'] [data-switch-track] {
|
|
508
|
-
|
|
529
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
509
530
|
}[data-mode="dark"][data-style="material"] [data-switch-track],[data-mode="dark"] [data-style="material"] [data-switch-track]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
510
531
|
|
|
511
532
|
[data-style='material'] [data-switch-thumb] {
|
|
512
|
-
|
|
533
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
513
534
|
}[data-mode="dark"][data-style="material"] [data-switch-thumb],[data-mode="dark"] [data-style="material"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));}
|
|
514
535
|
|
|
515
536
|
[data-style='material'] [data-switch]:focus-visible [data-switch-track] {
|
|
516
|
-
|
|
537
|
+
--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:1px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));
|
|
517
538
|
}[data-mode="dark"][data-style="material"] [data-switch]:focus-visible [data-switch-track],[data-mode="dark"] [data-style="material"] [data-switch]:focus-visible [data-switch-track]{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));}
|
|
518
539
|
|
|
519
540
|
/* On state */
|
|
520
541
|
[data-style='material'] [data-switch][aria-checked='true'] [data-switch-track] {
|
|
521
|
-
|
|
542
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
|
|
522
543
|
}[data-mode="dark"][data-style="material"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="material"] [data-switch][aria-checked="true"] [data-switch-track]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
523
544
|
|
|
524
545
|
[data-style='material'] [data-switch][aria-checked='true'] [data-switch-thumb] {
|
|
525
|
-
|
|
546
|
+
--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
526
547
|
}
|
|
527
548
|
|
|
528
549
|
[data-style='material'] [data-switch-label] {
|
|
529
|
-
|
|
550
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
530
551
|
}[data-mode="dark"][data-style="material"] [data-switch-label],[data-mode="dark"] [data-style="material"] [data-switch-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
531
552
|
|
|
532
553
|
/**
|
|
@@ -540,7 +561,7 @@
|
|
|
540
561
|
============================================================================= */
|
|
541
562
|
|
|
542
563
|
[data-style='material'] [data-list]:focus-within {
|
|
543
|
-
|
|
564
|
+
outline:2px solid transparent;outline-offset:2px;
|
|
544
565
|
}
|
|
545
566
|
|
|
546
567
|
/* =============================================================================
|
|
@@ -548,34 +569,38 @@
|
|
|
548
569
|
============================================================================= */
|
|
549
570
|
|
|
550
571
|
[data-style='material'] [data-list] [data-list-item] {
|
|
551
|
-
|
|
572
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
552
573
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
553
574
|
|
|
554
575
|
[data-style='material'] [data-list] a[data-list-item],
|
|
555
576
|
[data-style='material'] [data-list] button[data-list-item] {
|
|
556
|
-
|
|
577
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
557
578
|
}[data-mode="dark"][data-style="material"] [data-list] a[data-list-item],[data-mode="dark"] [data-style="material"] [data-list] a[data-list-item],[data-mode="dark"][data-style="material"] [data-list] button[data-list-item],[data-mode="dark"] [data-style="material"] [data-list] button[data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
558
579
|
|
|
559
580
|
/* Hover and focus (keyboard navigation) */
|
|
560
|
-
[data-style='material']
|
|
561
|
-
[data-
|
|
562
|
-
|
|
581
|
+
[data-style='material']
|
|
582
|
+
[data-list]
|
|
583
|
+
[data-list-item]:hover:not(:disabled):not([data-disabled='true']),
|
|
584
|
+
[data-style='material']
|
|
585
|
+
[data-list]
|
|
586
|
+
[data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
|
|
587
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
563
588
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="material"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="material"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
564
589
|
|
|
565
590
|
/* Active state — muted when list not focused */
|
|
566
591
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] {
|
|
567
|
-
|
|
592
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
568
593
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
569
594
|
|
|
570
595
|
/* Active state — full highlight when list has focus */
|
|
571
596
|
[data-style='material'] [data-list]:focus-within [data-list-item][data-active='true'] {
|
|
572
|
-
|
|
597
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
573
598
|
}[data-mode="dark"][data-style="material"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="material"] [data-list]:focus-within [data-list-item][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
574
599
|
|
|
575
600
|
/* Active + hover/focus */
|
|
576
601
|
[data-style='material'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
|
|
577
602
|
[data-style='material'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
|
|
578
|
-
|
|
603
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
579
604
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
|
|
580
605
|
|
|
581
606
|
/* =============================================================================
|
|
@@ -583,32 +608,32 @@
|
|
|
583
608
|
============================================================================= */
|
|
584
609
|
|
|
585
610
|
[data-style='material'] [data-list] [data-list-item] [data-item-icon] {
|
|
586
|
-
|
|
611
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
587
612
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
588
613
|
|
|
589
614
|
[data-style='material'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
|
|
590
615
|
[data-style='material'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
|
|
591
|
-
|
|
616
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
592
617
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="material"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
593
618
|
|
|
594
619
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
|
|
595
|
-
|
|
620
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
596
621
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
597
622
|
|
|
598
623
|
[data-style='material'] [data-list] [data-list-item] [data-item-description] {
|
|
599
|
-
|
|
624
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
600
625
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item] [data-item-description],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
601
626
|
|
|
602
627
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
|
|
603
|
-
|
|
628
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
604
629
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
605
630
|
|
|
606
631
|
[data-style='material'] [data-list] [data-list-item] [data-item-badge] {
|
|
607
|
-
|
|
632
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
608
633
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
609
634
|
|
|
610
635
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
|
|
611
|
-
|
|
636
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
612
637
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
613
638
|
|
|
614
639
|
/* =============================================================================
|
|
@@ -616,12 +641,12 @@
|
|
|
616
641
|
============================================================================= */
|
|
617
642
|
|
|
618
643
|
[data-style='material'] [data-list] [data-list-group] {
|
|
619
|
-
|
|
644
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:500;
|
|
620
645
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-group],[data-mode="dark"] [data-style="material"] [data-list] [data-list-group]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
621
646
|
|
|
622
647
|
[data-style='material'] [data-list] [data-list-group]:hover:not(:disabled),
|
|
623
648
|
[data-style='material'] [data-list] [data-list-group]:focus:not(:disabled) {
|
|
624
|
-
|
|
649
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
625
650
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-list] [data-list-group]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
626
651
|
|
|
627
652
|
/* =============================================================================
|
|
@@ -629,7 +654,7 @@
|
|
|
629
654
|
============================================================================= */
|
|
630
655
|
|
|
631
656
|
[data-style='material'] [data-list] [data-list-separator] {
|
|
632
|
-
|
|
657
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
633
658
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-separator],[data-mode="dark"] [data-style="material"] [data-list] [data-list-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
634
659
|
|
|
635
660
|
/* =============================================================================
|
|
@@ -637,19 +662,19 @@
|
|
|
637
662
|
============================================================================= */
|
|
638
663
|
|
|
639
664
|
[data-style='material'] [data-list] [data-list-item][data-selected='true'] {
|
|
640
|
-
|
|
665
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
641
666
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
642
667
|
|
|
643
668
|
[data-style='material'] [data-list]:focus-within [data-list-item][data-selected='true'] {
|
|
644
|
-
|
|
669
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));
|
|
645
670
|
}[data-mode="dark"][data-style="material"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="material"] [data-list]:focus-within [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
|
|
646
671
|
|
|
647
672
|
[data-style='material'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
|
|
648
|
-
|
|
673
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
649
674
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
|
|
650
675
|
|
|
651
676
|
[data-style='material'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
|
|
652
|
-
|
|
677
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
653
678
|
}[data-mode="dark"][data-style="material"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-list] [data-list-item][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
654
679
|
|
|
655
680
|
/**
|
|
@@ -663,7 +688,7 @@
|
|
|
663
688
|
============================================================================= */
|
|
664
689
|
|
|
665
690
|
[data-style='material'] [data-tree]:focus-within {
|
|
666
|
-
|
|
691
|
+
outline:2px solid transparent;outline-offset:2px;
|
|
667
692
|
}
|
|
668
693
|
|
|
669
694
|
/* =============================================================================
|
|
@@ -671,11 +696,11 @@
|
|
|
671
696
|
============================================================================= */
|
|
672
697
|
|
|
673
698
|
[data-style='material'] [data-tree-toggle-btn] {
|
|
674
|
-
|
|
699
|
+
border-radius:9999px;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
675
700
|
}[data-mode="dark"][data-style="material"] [data-tree-toggle-btn],[data-mode="dark"] [data-style="material"] [data-tree-toggle-btn]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
676
701
|
|
|
677
702
|
[data-style='material'] [data-tree-toggle-btn]:hover {
|
|
678
|
-
|
|
703
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
679
704
|
}[data-mode="dark"][data-style="material"] [data-tree-toggle-btn]:hover,[data-mode="dark"] [data-style="material"] [data-tree-toggle-btn]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
680
705
|
|
|
681
706
|
/* =============================================================================
|
|
@@ -683,26 +708,26 @@
|
|
|
683
708
|
============================================================================= */
|
|
684
709
|
|
|
685
710
|
[data-style='material'] [data-tree-item-content] {
|
|
686
|
-
|
|
711
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
687
712
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content],[data-mode="dark"] [data-style="material"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
688
713
|
|
|
689
714
|
[data-style='material'] [data-tree-item-content]:hover:not(:disabled),
|
|
690
715
|
[data-style='material'] [data-tree-item-content]:focus:not(:disabled) {
|
|
691
|
-
|
|
716
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
692
717
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-tree-item-content]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-tree-item-content]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
693
718
|
|
|
694
719
|
/* Focus visible for keyboard navigation */
|
|
695
720
|
[data-style='material'] [data-tree-item-content]:focus-visible {
|
|
696
|
-
|
|
721
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));--un-ring-inset:inset;
|
|
697
722
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content]:focus-visible,[data-mode="dark"] [data-style="material"] [data-tree-item-content]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
698
723
|
|
|
699
724
|
/* Active/selected state */
|
|
700
725
|
[data-style='material'] [data-tree-item-content][data-active='true'] {
|
|
701
|
-
|
|
726
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
702
727
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
703
728
|
|
|
704
729
|
[data-style='material'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
|
|
705
|
-
|
|
730
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
706
731
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
|
|
707
732
|
|
|
708
733
|
/* =============================================================================
|
|
@@ -710,31 +735,31 @@
|
|
|
710
735
|
============================================================================= */
|
|
711
736
|
|
|
712
737
|
[data-style='material'] [data-tree-item-content] [data-item-icon] {
|
|
713
|
-
|
|
738
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
714
739
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
715
740
|
|
|
716
741
|
[data-style='material'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
|
|
717
|
-
|
|
742
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
718
743
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="material"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
719
744
|
|
|
720
745
|
[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-icon] {
|
|
721
|
-
|
|
746
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
722
747
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
723
748
|
|
|
724
749
|
[data-style='material'] [data-tree-item-content] [data-item-description] {
|
|
725
|
-
|
|
750
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
726
751
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content] [data-item-description],[data-mode="dark"] [data-style="material"] [data-tree-item-content] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
727
752
|
|
|
728
753
|
[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-description] {
|
|
729
|
-
|
|
754
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
730
755
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
731
756
|
|
|
732
757
|
[data-style='material'] [data-tree-item-content] [data-item-badge] {
|
|
733
|
-
|
|
758
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
734
759
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content] [data-item-badge],[data-mode="dark"] [data-style="material"] [data-tree-item-content] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
735
760
|
|
|
736
761
|
[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-badge] {
|
|
737
|
-
|
|
762
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
738
763
|
}[data-mode="dark"][data-style="material"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="material"] [data-tree-item-content][data-active="true"] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
739
764
|
|
|
740
765
|
/* =============================================================================
|
|
@@ -742,15 +767,18 @@
|
|
|
742
767
|
============================================================================= */
|
|
743
768
|
|
|
744
769
|
[data-style='material'] [data-tree-node][data-selected='true'] [data-tree-node-row] {
|
|
745
|
-
|
|
770
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));
|
|
746
771
|
}[data-mode="dark"][data-style="material"] [data-tree-node][data-selected="true"] [data-tree-node-row],[data-mode="dark"] [data-style="material"] [data-tree-node][data-selected="true"] [data-tree-node-row]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
|
|
747
772
|
|
|
748
773
|
[data-style='material'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
|
|
749
|
-
|
|
774
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
750
775
|
}[data-mode="dark"][data-style="material"] [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="material"] [data-tree-node][data-selected="true"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
751
776
|
|
|
752
|
-
[data-style='material']
|
|
753
|
-
|
|
777
|
+
[data-style='material']
|
|
778
|
+
[data-tree-node][data-selected='true']
|
|
779
|
+
[data-tree-item-content]
|
|
780
|
+
[data-item-icon] {
|
|
781
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
754
782
|
}[data-mode="dark"][data-style="material"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
755
783
|
|
|
756
784
|
/**
|
|
@@ -764,19 +792,19 @@
|
|
|
764
792
|
============================================================================= */
|
|
765
793
|
|
|
766
794
|
[data-style='material'] [data-select-trigger] {
|
|
767
|
-
|
|
795
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
768
796
|
}[data-mode="dark"][data-style="material"] [data-select-trigger],[data-mode="dark"] [data-style="material"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
769
797
|
|
|
770
798
|
[data-style='material'] [data-select-trigger]:hover:not(:disabled) {
|
|
771
|
-
|
|
799
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
772
800
|
}[data-mode="dark"][data-style="material"] [data-select-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
773
801
|
|
|
774
802
|
[data-style='material'] [data-select-trigger]:focus-visible {
|
|
775
|
-
|
|
803
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
776
804
|
}[data-mode="dark"][data-style="material"] [data-select-trigger]:focus-visible,[data-mode="dark"] [data-style="material"] [data-select-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
777
805
|
|
|
778
806
|
[data-style='material'] [data-select][data-open='true'] [data-select-trigger] {
|
|
779
|
-
|
|
807
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
780
808
|
}[data-mode="dark"][data-style="material"] [data-select][data-open="true"] [data-select-trigger],[data-mode="dark"] [data-style="material"] [data-select][data-open="true"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
|
|
781
809
|
|
|
782
810
|
/* =============================================================================
|
|
@@ -784,7 +812,7 @@
|
|
|
784
812
|
============================================================================= */
|
|
785
813
|
|
|
786
814
|
[data-style='material'] [data-select-placeholder] {
|
|
787
|
-
|
|
815
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
788
816
|
}[data-mode="dark"][data-style="material"] [data-select-placeholder],[data-mode="dark"] [data-style="material"] [data-select-placeholder]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
789
817
|
|
|
790
818
|
/* =============================================================================
|
|
@@ -792,11 +820,11 @@
|
|
|
792
820
|
============================================================================= */
|
|
793
821
|
|
|
794
822
|
[data-style='material'] [data-select-arrow] {
|
|
795
|
-
|
|
823
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
796
824
|
}[data-mode="dark"][data-style="material"] [data-select-arrow],[data-mode="dark"] [data-style="material"] [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
797
825
|
|
|
798
826
|
[data-style='material'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
|
|
799
|
-
|
|
827
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
800
828
|
}[data-mode="dark"][data-style="material"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow],[data-mode="dark"] [data-style="material"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
801
829
|
|
|
802
830
|
/* =============================================================================
|
|
@@ -804,15 +832,15 @@
|
|
|
804
832
|
============================================================================= */
|
|
805
833
|
|
|
806
834
|
[data-style='material'] [data-select-tag] {
|
|
807
|
-
|
|
835
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
808
836
|
}[data-mode="dark"][data-style="material"] [data-select-tag],[data-mode="dark"] [data-style="material"] [data-select-tag]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
809
837
|
|
|
810
838
|
[data-style='material'] [data-select-tag-remove] {
|
|
811
|
-
|
|
839
|
+
border-radius:9999px;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
812
840
|
}[data-mode="dark"][data-style="material"] [data-select-tag-remove],[data-mode="dark"] [data-style="material"] [data-select-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
813
841
|
|
|
814
842
|
[data-style='material'] [data-select-tag-remove]:hover {
|
|
815
|
-
|
|
843
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
816
844
|
}[data-mode="dark"][data-style="material"] [data-select-tag-remove]:hover,[data-mode="dark"] [data-style="material"] [data-select-tag-remove]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
817
845
|
|
|
818
846
|
/* =============================================================================
|
|
@@ -820,7 +848,7 @@
|
|
|
820
848
|
============================================================================= */
|
|
821
849
|
|
|
822
850
|
[data-style='material'] [data-select-dropdown] {
|
|
823
|
-
|
|
851
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
824
852
|
}[data-mode="dark"][data-style="material"] [data-select-dropdown],[data-mode="dark"] [data-style="material"] [data-select-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
825
853
|
|
|
826
854
|
/* =============================================================================
|
|
@@ -828,60 +856,60 @@
|
|
|
828
856
|
============================================================================= */
|
|
829
857
|
|
|
830
858
|
[data-style='material'] [data-select-option] {
|
|
831
|
-
|
|
859
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
832
860
|
}[data-mode="dark"][data-style="material"] [data-select-option],[data-mode="dark"] [data-style="material"] [data-select-option]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
833
861
|
|
|
834
862
|
[data-style='material'] [data-select-option]:hover:not(:disabled),
|
|
835
863
|
[data-style='material'] [data-select-option]:focus:not(:disabled) {
|
|
836
|
-
|
|
864
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
|
|
837
865
|
}[data-mode="dark"][data-style="material"] [data-select-option]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-select-option]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
838
866
|
|
|
839
867
|
[data-style='material'] [data-select-option]:focus-visible {
|
|
840
|
-
|
|
868
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));--un-ring-inset:inset;
|
|
841
869
|
}[data-mode="dark"][data-style="material"] [data-select-option]:focus-visible,[data-mode="dark"] [data-style="material"] [data-select-option]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
842
870
|
|
|
843
871
|
[data-style='material'] [data-select-option][data-selected='true'] {
|
|
844
|
-
|
|
872
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
845
873
|
}[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
846
874
|
|
|
847
875
|
[data-style='material'] [data-select-option][data-selected='true']:hover:not(:disabled),
|
|
848
876
|
[data-style='material'] [data-select-option][data-selected='true']:focus:not(:disabled) {
|
|
849
|
-
|
|
877
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
850
878
|
}[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
|
|
851
879
|
|
|
852
880
|
/* Check mark */
|
|
853
881
|
[data-style='material'] [data-select-check] {
|
|
854
|
-
|
|
882
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
855
883
|
}[data-mode="dark"][data-style="material"] [data-select-check],[data-mode="dark"] [data-style="material"] [data-select-check]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
856
884
|
|
|
857
885
|
/* Checkbox */
|
|
858
886
|
[data-style='material'] [data-select-checkbox] {
|
|
859
|
-
|
|
887
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
|
|
860
888
|
}[data-mode="dark"][data-style="material"] [data-select-checkbox],[data-mode="dark"] [data-style="material"] [data-select-checkbox]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
861
889
|
|
|
862
890
|
[data-style='material'] [data-select-checkbox][data-checked='true'] {
|
|
863
|
-
|
|
891
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
|
|
864
892
|
}[data-mode="dark"][data-style="material"] [data-select-checkbox][data-checked="true"],[data-mode="dark"] [data-style="material"] [data-select-checkbox][data-checked="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
865
893
|
|
|
866
894
|
/* Item elements */
|
|
867
895
|
[data-style='material'] [data-select-option] [data-item-icon] {
|
|
868
|
-
|
|
896
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
869
897
|
}[data-mode="dark"][data-style="material"] [data-select-option] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-select-option] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
870
898
|
|
|
871
899
|
[data-style='material'] [data-select-option]:hover:not(:disabled) [data-item-icon] {
|
|
872
|
-
|
|
900
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
873
901
|
}[data-mode="dark"][data-style="material"] [data-select-option]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="material"] [data-select-option]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
874
902
|
|
|
875
903
|
[data-style='material'] [data-select-option][data-selected='true'] [data-item-icon] {
|
|
876
|
-
|
|
904
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
877
905
|
}[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
878
906
|
|
|
879
907
|
[data-style='material'] [data-select-option] [data-item-description] {
|
|
880
|
-
|
|
908
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
881
909
|
}[data-mode="dark"][data-style="material"] [data-select-option] [data-item-description],[data-mode="dark"] [data-style="material"] [data-select-option] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
882
910
|
|
|
883
911
|
[data-style='material'] [data-select-option][data-selected='true'] [data-item-description] {
|
|
884
|
-
|
|
912
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
885
913
|
}[data-mode="dark"][data-style="material"] [data-select-option][data-selected="true"] [data-item-description],[data-mode="dark"] [data-style="material"] [data-select-option][data-selected="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
886
914
|
|
|
887
915
|
/* =============================================================================
|
|
@@ -889,7 +917,7 @@
|
|
|
889
917
|
============================================================================= */
|
|
890
918
|
|
|
891
919
|
[data-style='material'] [data-select-group-label] {
|
|
892
|
-
|
|
920
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));font-weight:500;
|
|
893
921
|
}[data-mode="dark"][data-style="material"] [data-select-group-label],[data-mode="dark"] [data-style="material"] [data-select-group-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
894
922
|
|
|
895
923
|
/* =============================================================================
|
|
@@ -897,7 +925,7 @@
|
|
|
897
925
|
============================================================================= */
|
|
898
926
|
|
|
899
927
|
[data-style='material'] [data-select-divider] {
|
|
900
|
-
|
|
928
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
901
929
|
}[data-mode="dark"][data-style="material"] [data-select-divider],[data-mode="dark"] [data-style="material"] [data-select-divider]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
902
930
|
|
|
903
931
|
/* =============================================================================
|
|
@@ -905,23 +933,23 @@
|
|
|
905
933
|
============================================================================= */
|
|
906
934
|
|
|
907
935
|
[data-style='material'] [data-select-filter] {
|
|
908
|
-
|
|
936
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
|
|
909
937
|
}[data-mode="dark"][data-style="material"] [data-select-filter],[data-mode="dark"] [data-style="material"] [data-select-filter]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
910
938
|
|
|
911
939
|
[data-style='material'] [data-select-filter-input] {
|
|
912
|
-
|
|
940
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
913
941
|
}[data-mode="dark"][data-style="material"] [data-select-filter-input],[data-mode="dark"] [data-style="material"] [data-select-filter-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
914
942
|
|
|
915
943
|
[data-style='material'] [data-select-filter-input]:focus {
|
|
916
|
-
|
|
944
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
917
945
|
}[data-mode="dark"][data-style="material"] [data-select-filter-input]:focus,[data-mode="dark"] [data-style="material"] [data-select-filter-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
918
946
|
|
|
919
947
|
[data-style='material'] [data-select-filter-input]::placeholder {
|
|
920
|
-
|
|
948
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
921
949
|
}[data-mode="dark"][data-style="material"] [data-select-filter-input]::placeholder,[data-mode="dark"] [data-style="material"] [data-select-filter-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
922
950
|
|
|
923
951
|
[data-style='material'] [data-select-empty] {
|
|
924
|
-
|
|
952
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
925
953
|
}[data-mode="dark"][data-style="material"] [data-select-empty],[data-mode="dark"] [data-style="material"] [data-select-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
926
954
|
|
|
927
955
|
/**
|
|
@@ -935,32 +963,32 @@
|
|
|
935
963
|
============================================================================= */
|
|
936
964
|
|
|
937
965
|
[data-style='material'] [data-menu-trigger] {
|
|
938
|
-
|
|
966
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
939
967
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger],[data-mode="dark"] [data-style="material"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
940
968
|
|
|
941
969
|
[data-style='material'] [data-menu-trigger]:hover:not(:disabled) {
|
|
942
|
-
|
|
970
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
943
971
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-menu-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
944
972
|
|
|
945
973
|
[data-style='material'] [data-menu-trigger]:focus-visible {
|
|
946
|
-
|
|
974
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
947
975
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger]:focus-visible,[data-mode="dark"] [data-style="material"] [data-menu-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
948
976
|
|
|
949
977
|
[data-style='material'] [data-menu][data-open='true'] [data-menu-trigger] {
|
|
950
|
-
|
|
978
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
951
979
|
}[data-mode="dark"][data-style="material"] [data-menu][data-open="true"] [data-menu-trigger],[data-mode="dark"] [data-style="material"] [data-menu][data-open="true"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
|
|
952
980
|
|
|
953
981
|
/* Trigger elements */
|
|
954
982
|
[data-style='material'] [data-menu-trigger] [data-menu-icon] {
|
|
955
|
-
|
|
983
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
956
984
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger] [data-menu-icon],[data-mode="dark"] [data-style="material"] [data-menu-trigger] [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
957
985
|
|
|
958
986
|
[data-style='material'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
|
|
959
|
-
|
|
987
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
960
988
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon],[data-mode="dark"] [data-style="material"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
961
989
|
|
|
962
990
|
[data-style='material'] [data-menu-trigger] [data-menu-arrow] {
|
|
963
|
-
|
|
991
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
964
992
|
}[data-mode="dark"][data-style="material"] [data-menu-trigger] [data-menu-arrow],[data-mode="dark"] [data-style="material"] [data-menu-trigger] [data-menu-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
965
993
|
|
|
966
994
|
/* =============================================================================
|
|
@@ -968,7 +996,7 @@
|
|
|
968
996
|
============================================================================= */
|
|
969
997
|
|
|
970
998
|
[data-style='material'] [data-menu-dropdown] {
|
|
971
|
-
|
|
999
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
972
1000
|
}[data-mode="dark"][data-style="material"] [data-menu-dropdown],[data-mode="dark"] [data-style="material"] [data-menu-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
973
1001
|
|
|
974
1002
|
/* =============================================================================
|
|
@@ -976,29 +1004,29 @@
|
|
|
976
1004
|
============================================================================= */
|
|
977
1005
|
|
|
978
1006
|
[data-style='material'] [data-menu-item] {
|
|
979
|
-
|
|
1007
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
980
1008
|
}[data-mode="dark"][data-style="material"] [data-menu-item],[data-mode="dark"] [data-style="material"] [data-menu-item]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
981
1009
|
|
|
982
1010
|
[data-style='material'] [data-menu-item]:hover:not(:disabled),
|
|
983
1011
|
[data-style='material'] [data-menu-item]:focus:not(:disabled) {
|
|
984
|
-
|
|
1012
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
985
1013
|
}[data-mode="dark"][data-style="material"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-menu-item]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-menu-item]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-menu-item]:focus:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
986
1014
|
|
|
987
1015
|
[data-style='material'] [data-menu-item]:focus-visible {
|
|
988
|
-
|
|
1016
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));--un-ring-inset:inset;
|
|
989
1017
|
}[data-mode="dark"][data-style="material"] [data-menu-item]:focus-visible,[data-mode="dark"] [data-style="material"] [data-menu-item]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
990
1018
|
|
|
991
1019
|
/* Item elements */
|
|
992
1020
|
[data-style='material'] [data-menu-item] [data-item-icon] {
|
|
993
|
-
|
|
1021
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
994
1022
|
}[data-mode="dark"][data-style="material"] [data-menu-item] [data-item-icon],[data-mode="dark"] [data-style="material"] [data-menu-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
995
1023
|
|
|
996
1024
|
[data-style='material'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
|
|
997
|
-
|
|
1025
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
998
1026
|
}[data-mode="dark"][data-style="material"] [data-menu-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="material"] [data-menu-item]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
999
1027
|
|
|
1000
1028
|
[data-style='material'] [data-menu-item] [data-item-description] {
|
|
1001
|
-
|
|
1029
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1002
1030
|
}[data-mode="dark"][data-style="material"] [data-menu-item] [data-item-description],[data-mode="dark"] [data-style="material"] [data-menu-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1003
1031
|
|
|
1004
1032
|
/* =============================================================================
|
|
@@ -1006,7 +1034,7 @@
|
|
|
1006
1034
|
============================================================================= */
|
|
1007
1035
|
|
|
1008
1036
|
[data-style='material'] [data-menu-group] {
|
|
1009
|
-
|
|
1037
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));font-weight:500;
|
|
1010
1038
|
}[data-mode="dark"][data-style="material"] [data-menu-group],[data-mode="dark"] [data-style="material"] [data-menu-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1011
1039
|
|
|
1012
1040
|
/* =============================================================================
|
|
@@ -1014,7 +1042,7 @@
|
|
|
1014
1042
|
============================================================================= */
|
|
1015
1043
|
|
|
1016
1044
|
[data-style='material'] [data-menu-separator] {
|
|
1017
|
-
|
|
1045
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
1018
1046
|
}[data-mode="dark"][data-style="material"] [data-menu-separator],[data-mode="dark"] [data-style="material"] [data-menu-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
1019
1047
|
|
|
1020
1048
|
/**
|
|
@@ -1089,25 +1117,29 @@
|
|
|
1089
1117
|
============================================================================= */
|
|
1090
1118
|
|
|
1091
1119
|
[data-style='material'] [data-table-header] th {
|
|
1092
|
-
|
|
1120
|
+
border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:500;
|
|
1093
1121
|
}[data-mode="dark"][data-style="material"] [data-table-header] th,[data-mode="dark"] [data-style="material"] [data-table-header] th{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1094
1122
|
|
|
1095
1123
|
[data-style='material'] [data-table-header-cell][data-sortable='true']:hover {
|
|
1096
|
-
|
|
1124
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
1097
1125
|
}[data-mode="dark"][data-style="material"] [data-table-header-cell][data-sortable="true"]:hover,[data-mode="dark"] [data-style="material"] [data-table-header-cell][data-sortable="true"]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
1098
1126
|
|
|
1099
1127
|
[data-style='material'] [data-table-header-cell][data-sort-order='ascending'],
|
|
1100
1128
|
[data-style='material'] [data-table-header-cell][data-sort-order='descending'] {
|
|
1101
|
-
|
|
1129
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
1102
1130
|
}[data-mode="dark"][data-style="material"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"] [data-style="material"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"][data-style="material"] [data-table-header-cell][data-sort-order="descending"],[data-mode="dark"] [data-style="material"] [data-table-header-cell][data-sort-order="descending"]{--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
1103
1131
|
|
|
1104
1132
|
[data-style='material'] [data-table-sort-icon] {
|
|
1105
|
-
|
|
1133
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1106
1134
|
}[data-mode="dark"][data-style="material"] [data-table-sort-icon],[data-mode="dark"] [data-style="material"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1107
1135
|
|
|
1108
|
-
[data-style='material']
|
|
1109
|
-
[data-
|
|
1110
|
-
|
|
1136
|
+
[data-style='material']
|
|
1137
|
+
[data-table-header-cell][data-sort-order='ascending']
|
|
1138
|
+
[data-table-sort-icon],
|
|
1139
|
+
[data-style='material']
|
|
1140
|
+
[data-table-header-cell][data-sort-order='descending']
|
|
1141
|
+
[data-table-sort-icon] {
|
|
1142
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
1111
1143
|
}[data-mode="dark"][data-style="material"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"] [data-style="material"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"][data-style="material"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon],[data-mode="dark"] [data-style="material"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
1112
1144
|
|
|
1113
1145
|
/* =============================================================================
|
|
@@ -1115,7 +1147,7 @@
|
|
|
1115
1147
|
============================================================================= */
|
|
1116
1148
|
|
|
1117
1149
|
[data-style='material'] [data-table-caption] {
|
|
1118
|
-
|
|
1150
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
1119
1151
|
}[data-mode="dark"][data-style="material"] [data-table-caption],[data-mode="dark"] [data-style="material"] [data-table-caption]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
1120
1152
|
|
|
1121
1153
|
/* =============================================================================
|
|
@@ -1123,19 +1155,19 @@
|
|
|
1123
1155
|
============================================================================= */
|
|
1124
1156
|
|
|
1125
1157
|
[data-style='material'] [data-table-row] {
|
|
1126
|
-
|
|
1158
|
+
border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1127
1159
|
}[data-mode="dark"][data-style="material"] [data-table-row],[data-mode="dark"] [data-style="material"] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1128
1160
|
|
|
1129
1161
|
[data-style='material'] [data-table-row]:hover {
|
|
1130
|
-
|
|
1162
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
1131
1163
|
}[data-mode="dark"][data-style="material"] [data-table-row]:hover,[data-mode="dark"] [data-style="material"] [data-table-row]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
1132
1164
|
|
|
1133
1165
|
[data-style='material'] [data-table-row]:focus {
|
|
1134
|
-
|
|
1166
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));--un-ring-inset:inset;
|
|
1135
1167
|
}[data-mode="dark"][data-style="material"] [data-table-row]:focus,[data-mode="dark"] [data-style="material"] [data-table-row]:focus{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1136
1168
|
|
|
1137
1169
|
[data-style='material'] [data-table-row][data-selected='true'] {
|
|
1138
|
-
|
|
1170
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
1139
1171
|
}[data-mode="dark"][data-style="material"] [data-table-row][data-selected="true"],[data-mode="dark"] [data-style="material"] [data-table-row][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
1140
1172
|
|
|
1141
1173
|
/* =============================================================================
|
|
@@ -1143,7 +1175,7 @@
|
|
|
1143
1175
|
============================================================================= */
|
|
1144
1176
|
|
|
1145
1177
|
[data-style='material'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
|
|
1146
|
-
|
|
1178
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
|
|
1147
1179
|
}[data-mode="dark"][data-style="material"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="material"] [data-striped="true"] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
1148
1180
|
|
|
1149
1181
|
/* =============================================================================
|
|
@@ -1151,7 +1183,7 @@
|
|
|
1151
1183
|
============================================================================= */
|
|
1152
1184
|
|
|
1153
1185
|
[data-style='material'] [data-table-empty] {
|
|
1154
|
-
|
|
1186
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1155
1187
|
}[data-mode="dark"][data-style="material"] [data-table-empty],[data-mode="dark"] [data-style="material"] [data-table-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1156
1188
|
|
|
1157
1189
|
/* =============================================================================
|
|
@@ -1159,11 +1191,11 @@
|
|
|
1159
1191
|
============================================================================= */
|
|
1160
1192
|
|
|
1161
1193
|
[data-style='material'] [data-table-cell] [data-cell-icon] {
|
|
1162
|
-
|
|
1194
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1163
1195
|
}[data-mode="dark"][data-style="material"] [data-table-cell] [data-cell-icon],[data-mode="dark"] [data-style="material"] [data-table-cell] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1164
1196
|
|
|
1165
1197
|
[data-style='material'] [data-table-row][data-selected='true'] [data-cell-icon] {
|
|
1166
|
-
|
|
1198
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
1167
1199
|
}[data-mode="dark"][data-style="material"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="material"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
1168
1200
|
|
|
1169
1201
|
/**
|
|
@@ -1177,15 +1209,15 @@
|
|
|
1177
1209
|
============================================================================= */
|
|
1178
1210
|
|
|
1179
1211
|
[data-style='material'] [data-search-input] {
|
|
1180
|
-
|
|
1212
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1181
1213
|
}[data-mode="dark"][data-style="material"] [data-search-input],[data-mode="dark"] [data-style="material"] [data-search-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1182
1214
|
|
|
1183
1215
|
[data-style='material'] [data-search-input]:focus {
|
|
1184
|
-
|
|
1216
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
1185
1217
|
}[data-mode="dark"][data-style="material"] [data-search-input]:focus,[data-mode="dark"] [data-style="material"] [data-search-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1186
1218
|
|
|
1187
1219
|
[data-style='material'] [data-search-input]::placeholder {
|
|
1188
|
-
|
|
1220
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1189
1221
|
}[data-mode="dark"][data-style="material"] [data-search-input]::placeholder,[data-mode="dark"] [data-style="material"] [data-search-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1190
1222
|
|
|
1191
1223
|
/* =============================================================================
|
|
@@ -1193,11 +1225,11 @@
|
|
|
1193
1225
|
============================================================================= */
|
|
1194
1226
|
|
|
1195
1227
|
[data-style='material'] [data-search-clear] {
|
|
1196
|
-
|
|
1228
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1197
1229
|
}[data-mode="dark"][data-style="material"] [data-search-clear],[data-mode="dark"] [data-style="material"] [data-search-clear]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1198
1230
|
|
|
1199
1231
|
[data-style='material'] [data-search-clear]:hover {
|
|
1200
|
-
|
|
1232
|
+
border-radius:0.25rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1201
1233
|
}[data-mode="dark"][data-style="material"] [data-search-clear]:hover,[data-mode="dark"] [data-style="material"] [data-search-clear]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1202
1234
|
|
|
1203
1235
|
/* =============================================================================
|
|
@@ -1205,15 +1237,15 @@
|
|
|
1205
1237
|
============================================================================= */
|
|
1206
1238
|
|
|
1207
1239
|
[data-style='material'] [data-search-tag] {
|
|
1208
|
-
|
|
1240
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1209
1241
|
}[data-mode="dark"][data-style="material"] [data-search-tag],[data-mode="dark"] [data-style="material"] [data-search-tag]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1210
1242
|
|
|
1211
1243
|
[data-style='material'] [data-search-tag-remove] {
|
|
1212
|
-
|
|
1244
|
+
border-radius:9999px;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1213
1245
|
}[data-mode="dark"][data-style="material"] [data-search-tag-remove],[data-mode="dark"] [data-style="material"] [data-search-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1214
1246
|
|
|
1215
1247
|
[data-style='material'] [data-search-tag-remove]:hover {
|
|
1216
|
-
|
|
1248
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
1217
1249
|
}[data-mode="dark"][data-style="material"] [data-search-tag-remove]:hover,[data-mode="dark"] [data-style="material"] [data-search-tag-remove]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
1218
1250
|
|
|
1219
1251
|
/**
|
|
@@ -1227,11 +1259,11 @@
|
|
|
1227
1259
|
============================================================================= */
|
|
1228
1260
|
|
|
1229
1261
|
[data-style='material'] [data-range-bar] {
|
|
1230
|
-
|
|
1262
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
1231
1263
|
}[data-mode="dark"][data-style="material"] [data-range-bar],[data-mode="dark"] [data-style="material"] [data-range-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
1232
1264
|
|
|
1233
1265
|
[data-style='material'] [data-range-selected] {
|
|
1234
|
-
|
|
1266
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
|
|
1235
1267
|
}
|
|
1236
1268
|
|
|
1237
1269
|
/* =============================================================================
|
|
@@ -1239,16 +1271,16 @@
|
|
|
1239
1271
|
============================================================================= */
|
|
1240
1272
|
|
|
1241
1273
|
[data-style='material'] [data-range-thumb] {
|
|
1242
|
-
|
|
1274
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1243
1275
|
}
|
|
1244
1276
|
|
|
1245
1277
|
[data-style='material'] [data-range-thumb][data-sliding] {
|
|
1246
|
-
|
|
1247
|
-
|
|
1278
|
+
--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1279
|
+
box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 25%, transparent);
|
|
1248
1280
|
}
|
|
1249
1281
|
|
|
1250
1282
|
[data-style='material'] [data-range-thumb]:focus-visible {
|
|
1251
|
-
|
|
1283
|
+
box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 25%, transparent);
|
|
1252
1284
|
}
|
|
1253
1285
|
|
|
1254
1286
|
/* =============================================================================
|
|
@@ -1256,15 +1288,15 @@
|
|
|
1256
1288
|
============================================================================= */
|
|
1257
1289
|
|
|
1258
1290
|
[data-style='material'] [data-range-tick] {
|
|
1259
|
-
|
|
1291
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1260
1292
|
}[data-mode="dark"][data-style="material"] [data-range-tick],[data-mode="dark"] [data-style="material"] [data-range-tick]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1261
1293
|
|
|
1262
1294
|
[data-style='material'] [data-tick-bar] {
|
|
1263
|
-
|
|
1295
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));
|
|
1264
1296
|
}[data-mode="dark"][data-style="material"] [data-tick-bar],[data-mode="dark"] [data-style="material"] [data-tick-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
|
|
1265
1297
|
|
|
1266
1298
|
[data-style='material'] [data-tick-label] {
|
|
1267
|
-
|
|
1299
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1268
1300
|
}[data-mode="dark"][data-style="material"] [data-tick-label],[data-mode="dark"] [data-style="material"] [data-tick-label]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1269
1301
|
|
|
1270
1302
|
/* =============================================================================
|
|
@@ -1272,11 +1304,11 @@
|
|
|
1272
1304
|
============================================================================= */
|
|
1273
1305
|
|
|
1274
1306
|
[data-style='material'] [data-range][data-disabled] [data-range-thumb] {
|
|
1275
|
-
|
|
1307
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1276
1308
|
}[data-mode="dark"][data-style="material"] [data-range][data-disabled] [data-range-thumb],[data-mode="dark"] [data-style="material"] [data-range][data-disabled] [data-range-thumb]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
|
|
1277
1309
|
|
|
1278
1310
|
[data-style='material'] [data-range][data-disabled] [data-range-selected] {
|
|
1279
|
-
|
|
1311
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
|
|
1280
1312
|
}[data-mode="dark"][data-style="material"] [data-range][data-disabled] [data-range-selected],[data-mode="dark"] [data-style="material"] [data-range][data-disabled] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
|
|
1281
1313
|
|
|
1282
1314
|
/**
|
|
@@ -1290,16 +1322,16 @@
|
|
|
1290
1322
|
============================================================================= */
|
|
1291
1323
|
|
|
1292
1324
|
[data-style='material'] [data-timeline-circle] {
|
|
1293
|
-
|
|
1325
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1294
1326
|
}[data-mode="dark"][data-style="material"] [data-timeline-circle],[data-mode="dark"] [data-style="material"] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1295
1327
|
|
|
1296
1328
|
[data-style='material'] [data-timeline-item][data-completed] [data-timeline-circle] {
|
|
1297
|
-
|
|
1329
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1298
1330
|
}
|
|
1299
1331
|
|
|
1300
1332
|
[data-style='material'] [data-timeline-item][data-active] [data-timeline-circle] {
|
|
1301
|
-
|
|
1302
|
-
|
|
1333
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));
|
|
1334
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
|
|
1303
1335
|
}
|
|
1304
1336
|
|
|
1305
1337
|
/* =============================================================================
|
|
@@ -1307,11 +1339,11 @@
|
|
|
1307
1339
|
============================================================================= */
|
|
1308
1340
|
|
|
1309
1341
|
[data-style='material'] [data-timeline-connector] {
|
|
1310
|
-
|
|
1342
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
1311
1343
|
}[data-mode="dark"][data-style="material"] [data-timeline-connector],[data-mode="dark"] [data-style="material"] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
1312
1344
|
|
|
1313
1345
|
[data-style='material'] [data-timeline-item][data-completed] [data-timeline-connector] {
|
|
1314
|
-
|
|
1346
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
|
|
1315
1347
|
}
|
|
1316
1348
|
|
|
1317
1349
|
/* =============================================================================
|
|
@@ -1319,11 +1351,11 @@
|
|
|
1319
1351
|
============================================================================= */
|
|
1320
1352
|
|
|
1321
1353
|
[data-style='material'] [data-timeline-title] {
|
|
1322
|
-
|
|
1354
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1323
1355
|
}[data-mode="dark"][data-style="material"] [data-timeline-title],[data-mode="dark"] [data-style="material"] [data-timeline-title]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1324
1356
|
|
|
1325
1357
|
[data-style='material'] [data-timeline-description] {
|
|
1326
|
-
|
|
1358
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1327
1359
|
}[data-mode="dark"][data-style="material"] [data-timeline-description],[data-mode="dark"] [data-style="material"] [data-timeline-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1328
1360
|
|
|
1329
1361
|
/**
|