@rokkit/themes 1.0.0-next.145 → 1.0.0-next.146
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/build.mjs +3 -2
- package/dist/base.css +349 -1
- package/dist/glass.css +276 -17
- package/dist/grada-ui.css +1681 -0
- package/dist/index.css +3596 -245
- package/dist/material.css +377 -61
- package/dist/minimal.css +522 -102
- package/dist/rokkit.css +327 -1
- package/package.json +5 -2
- package/src/base/alert-list.css +91 -0
- package/src/base/dropdown.css +166 -0
- package/src/base/index.css +4 -0
- package/src/base/message.css +62 -0
- package/src/base/status-list.css +19 -0
- package/src/base/toc.css +3 -1
- package/src/base/toolbar.css +4 -0
- package/src/glass/card.css +37 -0
- package/src/glass/dropdown.css +50 -0
- package/src/glass/index.css +4 -0
- package/src/glass/list.css +11 -11
- package/src/glass/menu.css +6 -6
- package/src/glass/message.css +36 -0
- package/src/glass/status-list.css +66 -0
- package/src/grada-ui/button.css +197 -0
- package/src/grada-ui/card.css +92 -0
- package/src/grada-ui/dropdown.css +53 -0
- package/src/grada-ui/floating-action.css +58 -0
- package/src/grada-ui/floating-navigation.css +64 -0
- package/src/grada-ui/index.css +54 -0
- package/src/grada-ui/input.css +155 -0
- package/src/grada-ui/list.css +109 -0
- package/src/grada-ui/menu.css +81 -0
- package/src/grada-ui/message.css +48 -0
- package/src/grada-ui/range.css +54 -0
- package/src/grada-ui/search-filter.css +42 -0
- package/src/grada-ui/select.css +168 -0
- package/src/grada-ui/status-list.css +61 -0
- package/src/grada-ui/switch.css +31 -0
- package/src/grada-ui/table.css +81 -0
- package/src/grada-ui/tabs.css +57 -0
- package/src/grada-ui/timeline.css +36 -0
- package/src/grada-ui/toc.css +24 -0
- package/src/grada-ui/toggle.css +42 -0
- package/src/grada-ui/toolbar.css +81 -0
- package/src/grada-ui/tree.css +93 -0
- package/src/material/button.css +4 -4
- package/src/material/card.css +38 -1
- package/src/material/dropdown.css +50 -0
- package/src/material/floating-action.css +9 -5
- package/src/material/floating-navigation.css +4 -4
- package/src/material/index.css +4 -0
- package/src/material/list.css +11 -11
- package/src/material/menu.css +6 -6
- package/src/material/message.css +36 -0
- package/src/material/range.css +1 -1
- package/src/material/search-filter.css +1 -1
- package/src/material/select.css +16 -11
- package/src/material/status-list.css +66 -0
- package/src/material/switch.css +2 -2
- package/src/material/table.css +3 -3
- package/src/material/tabs.css +23 -0
- package/src/material/toggle.css +3 -3
- package/src/material/toolbar.css +7 -7
- package/src/material/tree.css +24 -3
- package/src/minimal/button.css +6 -6
- package/src/minimal/card.css +38 -1
- package/src/minimal/dropdown.css +50 -0
- package/src/minimal/floating-action.css +9 -5
- package/src/minimal/floating-navigation.css +4 -4
- package/src/minimal/index.css +4 -0
- package/src/minimal/input.css +66 -15
- package/src/minimal/list.css +8 -8
- package/src/minimal/menu.css +6 -6
- package/src/minimal/message.css +36 -0
- package/src/minimal/range.css +1 -1
- package/src/minimal/search-filter.css +1 -1
- package/src/minimal/select.css +11 -11
- package/src/minimal/status-list.css +66 -0
- package/src/minimal/switch.css +2 -2
- package/src/minimal/table.css +3 -3
- package/src/minimal/tabs.css +91 -10
- package/src/minimal/toggle.css +3 -3
- package/src/minimal/toolbar.css +7 -7
- package/src/minimal/tree.css +24 -3
- package/src/rokkit/card.css +37 -0
- package/src/rokkit/dropdown.css +70 -0
- package/src/rokkit/index.css +4 -0
- package/src/rokkit/message.css +44 -0
- package/src/rokkit/status-list.css +68 -0
- package/src/rokkit/tabs.css +25 -1
- package/src/rokkit/toolbar.css +6 -0
package/dist/material.css
CHANGED
|
@@ -19,22 +19,22 @@
|
|
|
19
19
|
[data-style='material'] [data-button]:not([data-style])[data-variant='default'],
|
|
20
20
|
[data-style='material'] [data-button][data-style='default']:not([data-variant]),
|
|
21
21
|
[data-style='material'] [data-button]:not([data-style]):not([data-variant]) {
|
|
22
|
-
--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);
|
|
22
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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);
|
|
23
23
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"][data-style="material"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"] [data-style="material"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"][data-style="material"] [data-button]:not([data-style]):not([data-variant]),[data-mode="dark"] [data-style="material"] [data-button]:not([data-style]):not([data-variant]){--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));}
|
|
24
24
|
|
|
25
25
|
[data-style='material'] [data-button][data-style='default'][data-variant='primary'],
|
|
26
26
|
[data-style='material'] [data-button]:not([data-style])[data-variant='primary'] {
|
|
27
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),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 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);
|
|
27
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-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);
|
|
28
28
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="primary"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
29
29
|
|
|
30
30
|
[data-style='material'] [data-button][data-style='default'][data-variant='secondary'],
|
|
31
31
|
[data-style='material'] [data-button]:not([data-style])[data-variant='secondary'] {
|
|
32
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),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 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);
|
|
32
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-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);
|
|
33
33
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
|
|
34
34
|
|
|
35
35
|
[data-style='material'] [data-button][data-style='default'][data-variant='danger'],
|
|
36
36
|
[data-style='material'] [data-button]:not([data-style])[data-variant='danger'] {
|
|
37
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));--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);
|
|
37
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));background-image:none;--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);
|
|
38
38
|
}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
|
|
39
39
|
|
|
40
40
|
/* =============================================================================
|
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
============================================================================= */
|
|
335
335
|
|
|
336
336
|
[data-style='material'] [data-toolbar] {
|
|
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);
|
|
337
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--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);
|
|
338
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));}
|
|
339
339
|
|
|
340
340
|
/* Position-based borders removed - using shadows instead */
|
|
@@ -364,21 +364,21 @@
|
|
|
364
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));}
|
|
365
365
|
|
|
366
366
|
[data-style='material'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
|
|
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));
|
|
367
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
368
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));}
|
|
369
369
|
|
|
370
370
|
[data-style='material']
|
|
371
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));
|
|
372
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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));
|
|
373
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));}
|
|
374
374
|
|
|
375
375
|
/* Active/pressed state */
|
|
376
376
|
[data-style='material'] [data-toolbar-item][data-active='true'] {
|
|
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));
|
|
377
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
378
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));}
|
|
379
379
|
|
|
380
380
|
[data-style='material'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
|
|
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));
|
|
381
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
382
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));}
|
|
383
383
|
|
|
384
384
|
/* =============================================================================
|
|
@@ -402,11 +402,11 @@
|
|
|
402
402
|
============================================================================= */
|
|
403
403
|
|
|
404
404
|
[data-style='material'] [data-toolbar-separator] {
|
|
405
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
405
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
406
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));}
|
|
407
407
|
|
|
408
408
|
[data-style='material'] [data-toolbar-divider] {
|
|
409
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
409
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
410
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));}
|
|
411
411
|
|
|
412
412
|
/**
|
|
@@ -448,6 +448,29 @@
|
|
|
448
448
|
--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);
|
|
449
449
|
}[data-mode="dark"][data-style="material"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="material"] [data-tabs-trigger][data-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
450
450
|
|
|
451
|
+
/* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
|
|
452
|
+
[data-style='material'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
|
|
453
|
+
background-image:none;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
[data-style='material'] [data-tabs][data-position='after'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
|
|
457
|
+
background-image:none;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
[data-style='material']
|
|
461
|
+
[data-tabs][data-orientation='vertical']
|
|
462
|
+
[data-tabs-list]:focus-within
|
|
463
|
+
[data-tabs-trigger][data-selected] {
|
|
464
|
+
background-image:none;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
[data-style='material']
|
|
468
|
+
[data-tabs][data-orientation='vertical'][data-position='after']
|
|
469
|
+
[data-tabs-list]:focus-within
|
|
470
|
+
[data-tabs-trigger][data-selected] {
|
|
471
|
+
background-image:none;
|
|
472
|
+
}
|
|
473
|
+
|
|
451
474
|
/* =============================================================================
|
|
452
475
|
Tab Icon
|
|
453
476
|
============================================================================= */
|
|
@@ -483,7 +506,7 @@
|
|
|
483
506
|
============================================================================= */
|
|
484
507
|
|
|
485
508
|
[data-style='material'] [data-toggle] {
|
|
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);
|
|
509
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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);
|
|
487
510
|
}[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));}
|
|
488
511
|
|
|
489
512
|
/* =============================================================================
|
|
@@ -496,12 +519,12 @@
|
|
|
496
519
|
|
|
497
520
|
[data-style='material'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
|
|
498
521
|
[data-style='material'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
|
|
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));
|
|
522
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
500
523
|
}[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));}
|
|
501
524
|
|
|
502
525
|
/* Selected state */
|
|
503
526
|
[data-style='material'] [data-toggle-option][data-selected='true'] {
|
|
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);
|
|
527
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--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);
|
|
505
528
|
}[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));}
|
|
506
529
|
|
|
507
530
|
/* =============================================================================
|
|
@@ -526,7 +549,7 @@
|
|
|
526
549
|
*/
|
|
527
550
|
|
|
528
551
|
[data-style='material'] [data-switch-track] {
|
|
529
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
552
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
530
553
|
}[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));}
|
|
531
554
|
|
|
532
555
|
[data-style='material'] [data-switch-thumb] {
|
|
@@ -539,7 +562,7 @@
|
|
|
539
562
|
|
|
540
563
|
/* On state */
|
|
541
564
|
[data-style='material'] [data-switch][aria-checked='true'] [data-switch-track] {
|
|
542
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
|
|
565
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;
|
|
543
566
|
}[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));}
|
|
544
567
|
|
|
545
568
|
[data-style='material'] [data-switch][aria-checked='true'] [data-switch-thumb] {
|
|
@@ -584,23 +607,23 @@
|
|
|
584
607
|
[data-style='material']
|
|
585
608
|
[data-list]
|
|
586
609
|
[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;
|
|
610
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
588
611
|
}[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));}
|
|
589
612
|
|
|
590
613
|
/* Active state — muted when list not focused */
|
|
591
614
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] {
|
|
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));
|
|
615
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
593
616
|
}[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));}
|
|
594
617
|
|
|
595
618
|
/* Active state — full highlight when list has focus */
|
|
596
619
|
[data-style='material'] [data-list]:focus-within [data-list-item][data-active='true'] {
|
|
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));
|
|
620
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
598
621
|
}[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));}
|
|
599
622
|
|
|
600
623
|
/* Active + hover/focus */
|
|
601
624
|
[data-style='material'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
|
|
602
625
|
[data-style='material'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
|
|
603
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
626
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;
|
|
604
627
|
}[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));}
|
|
605
628
|
|
|
606
629
|
/* =============================================================================
|
|
@@ -629,11 +652,11 @@
|
|
|
629
652
|
}[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));}
|
|
630
653
|
|
|
631
654
|
[data-style='material'] [data-list] [data-list-item] [data-item-badge] {
|
|
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));
|
|
655
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
633
656
|
}[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));}
|
|
634
657
|
|
|
635
658
|
[data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
|
|
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));
|
|
659
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
637
660
|
}[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));}
|
|
638
661
|
|
|
639
662
|
/* =============================================================================
|
|
@@ -646,7 +669,7 @@
|
|
|
646
669
|
|
|
647
670
|
[data-style='material'] [data-list] [data-list-group]:hover:not(:disabled),
|
|
648
671
|
[data-style='material'] [data-list] [data-list-group]:focus:not(:disabled) {
|
|
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));
|
|
672
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
650
673
|
}[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));}
|
|
651
674
|
|
|
652
675
|
/* =============================================================================
|
|
@@ -654,7 +677,7 @@
|
|
|
654
677
|
============================================================================= */
|
|
655
678
|
|
|
656
679
|
[data-style='material'] [data-list] [data-list-separator] {
|
|
657
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
680
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
658
681
|
}[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));}
|
|
659
682
|
|
|
660
683
|
/* =============================================================================
|
|
@@ -662,15 +685,15 @@
|
|
|
662
685
|
============================================================================= */
|
|
663
686
|
|
|
664
687
|
[data-style='material'] [data-list] [data-list-item][data-selected='true'] {
|
|
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));
|
|
688
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
666
689
|
}[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));}
|
|
667
690
|
|
|
668
691
|
[data-style='material'] [data-list]:focus-within [data-list-item][data-selected='true'] {
|
|
669
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));
|
|
692
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;
|
|
670
693
|
}[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));}
|
|
671
694
|
|
|
672
695
|
[data-style='material'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
|
|
673
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
696
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;
|
|
674
697
|
}[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));}
|
|
675
698
|
|
|
676
699
|
[data-style='material'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
|
|
@@ -700,7 +723,7 @@
|
|
|
700
723
|
}[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));}
|
|
701
724
|
|
|
702
725
|
[data-style='material'] [data-tree-toggle-btn]:hover {
|
|
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));
|
|
726
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
704
727
|
}[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));}
|
|
705
728
|
|
|
706
729
|
/* =============================================================================
|
|
@@ -713,7 +736,7 @@
|
|
|
713
736
|
|
|
714
737
|
[data-style='material'] [data-tree-item-content]:hover:not(:disabled),
|
|
715
738
|
[data-style='material'] [data-tree-item-content]:focus:not(:disabled) {
|
|
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;
|
|
739
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
717
740
|
}[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));}
|
|
718
741
|
|
|
719
742
|
/* Focus visible for keyboard navigation */
|
|
@@ -730,6 +753,19 @@
|
|
|
730
753
|
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
731
754
|
}[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));}
|
|
732
755
|
|
|
756
|
+
/* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
|
|
757
|
+
[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
|
|
758
|
+
background-image:none;
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
|
|
762
|
+
background-image:none;
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
[data-style='material'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
|
|
766
|
+
background-image:none;
|
|
767
|
+
}
|
|
768
|
+
|
|
733
769
|
/* =============================================================================
|
|
734
770
|
Item Elements
|
|
735
771
|
============================================================================= */
|
|
@@ -755,13 +791,21 @@
|
|
|
755
791
|
}[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));}
|
|
756
792
|
|
|
757
793
|
[data-style='material'] [data-tree-item-content] [data-item-badge] {
|
|
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));
|
|
794
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
759
795
|
}[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));}
|
|
760
796
|
|
|
761
797
|
[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-badge] {
|
|
762
798
|
--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));
|
|
763
799
|
}[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));}
|
|
764
800
|
|
|
801
|
+
[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
|
|
802
|
+
background-image:none;
|
|
803
|
+
}
|
|
804
|
+
|
|
805
|
+
[data-style='material'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
|
|
806
|
+
background-image:none;
|
|
807
|
+
}
|
|
808
|
+
|
|
765
809
|
/* =============================================================================
|
|
766
810
|
Multi-Selection
|
|
767
811
|
============================================================================= */
|
|
@@ -792,11 +836,11 @@
|
|
|
792
836
|
============================================================================= */
|
|
793
837
|
|
|
794
838
|
[data-style='material'] [data-select-trigger] {
|
|
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);
|
|
839
|
+
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));background-image:none;--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);
|
|
796
840
|
}[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));}
|
|
797
841
|
|
|
798
842
|
[data-style='material'] [data-select-trigger]:hover:not(:disabled) {
|
|
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);
|
|
843
|
+
--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));background-image:none;--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);
|
|
800
844
|
}[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));}
|
|
801
845
|
|
|
802
846
|
[data-style='material'] [data-select-trigger]:focus-visible {
|
|
@@ -804,7 +848,7 @@
|
|
|
804
848
|
}[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));}
|
|
805
849
|
|
|
806
850
|
[data-style='material'] [data-select][data-open='true'] [data-select-trigger] {
|
|
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);
|
|
851
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));background-image:none;--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);
|
|
808
852
|
}[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));}
|
|
809
853
|
|
|
810
854
|
/* =============================================================================
|
|
@@ -832,7 +876,7 @@
|
|
|
832
876
|
============================================================================= */
|
|
833
877
|
|
|
834
878
|
[data-style='material'] [data-select-tag] {
|
|
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);
|
|
879
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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);
|
|
836
880
|
}[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));}
|
|
837
881
|
|
|
838
882
|
[data-style='material'] [data-select-tag-remove] {
|
|
@@ -848,7 +892,7 @@
|
|
|
848
892
|
============================================================================= */
|
|
849
893
|
|
|
850
894
|
[data-style='material'] [data-select-dropdown] {
|
|
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);
|
|
895
|
+
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));background-image:none;--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);
|
|
852
896
|
}[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));}
|
|
853
897
|
|
|
854
898
|
/* =============================================================================
|
|
@@ -861,7 +905,7 @@
|
|
|
861
905
|
|
|
862
906
|
[data-style='material'] [data-select-option]:hover:not(:disabled),
|
|
863
907
|
[data-style='material'] [data-select-option]:focus:not(:disabled) {
|
|
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));
|
|
908
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
|
|
865
909
|
}[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));}
|
|
866
910
|
|
|
867
911
|
[data-style='material'] [data-select-option]:focus-visible {
|
|
@@ -869,14 +913,19 @@
|
|
|
869
913
|
}[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));}
|
|
870
914
|
|
|
871
915
|
[data-style='material'] [data-select-option][data-selected='true'] {
|
|
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));
|
|
916
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
873
917
|
}[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));}
|
|
874
918
|
|
|
875
919
|
[data-style='material'] [data-select-option][data-selected='true']:hover:not(:disabled),
|
|
876
920
|
[data-style='material'] [data-select-option][data-selected='true']:focus:not(:disabled) {
|
|
877
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
921
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));background-image:none;
|
|
878
922
|
}[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));}
|
|
879
923
|
|
|
924
|
+
/* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
|
|
925
|
+
[data-style='material'] [data-select-dropdown]:focus-within [data-select-option][data-selected='true'] {
|
|
926
|
+
background-image:none;
|
|
927
|
+
}
|
|
928
|
+
|
|
880
929
|
/* Check mark */
|
|
881
930
|
[data-style='material'] [data-select-check] {
|
|
882
931
|
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
@@ -884,11 +933,11 @@
|
|
|
884
933
|
|
|
885
934
|
/* Checkbox */
|
|
886
935
|
[data-style='material'] [data-select-checkbox] {
|
|
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));
|
|
936
|
+
--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));background-image:none;
|
|
888
937
|
}[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));}
|
|
889
938
|
|
|
890
939
|
[data-style='material'] [data-select-checkbox][data-checked='true'] {
|
|
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));
|
|
940
|
+
--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));background-image:none;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
|
|
892
941
|
}[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));}
|
|
893
942
|
|
|
894
943
|
/* Item elements */
|
|
@@ -925,7 +974,7 @@
|
|
|
925
974
|
============================================================================= */
|
|
926
975
|
|
|
927
976
|
[data-style='material'] [data-select-divider] {
|
|
928
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
977
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
929
978
|
}[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));}
|
|
930
979
|
|
|
931
980
|
/* =============================================================================
|
|
@@ -963,11 +1012,11 @@
|
|
|
963
1012
|
============================================================================= */
|
|
964
1013
|
|
|
965
1014
|
[data-style='material'] [data-menu-trigger] {
|
|
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);
|
|
1015
|
+
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));background-image:none;--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);
|
|
967
1016
|
}[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));}
|
|
968
1017
|
|
|
969
1018
|
[data-style='material'] [data-menu-trigger]:hover:not(:disabled) {
|
|
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);
|
|
1019
|
+
--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));background-image:none;--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);
|
|
971
1020
|
}[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));}
|
|
972
1021
|
|
|
973
1022
|
[data-style='material'] [data-menu-trigger]:focus-visible {
|
|
@@ -975,7 +1024,7 @@
|
|
|
975
1024
|
}[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));}
|
|
976
1025
|
|
|
977
1026
|
[data-style='material'] [data-menu][data-open='true'] [data-menu-trigger] {
|
|
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);
|
|
1027
|
+
--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));background-image:none;--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);
|
|
979
1028
|
}[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));}
|
|
980
1029
|
|
|
981
1030
|
/* Trigger elements */
|
|
@@ -996,7 +1045,7 @@
|
|
|
996
1045
|
============================================================================= */
|
|
997
1046
|
|
|
998
1047
|
[data-style='material'] [data-menu-dropdown] {
|
|
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);
|
|
1048
|
+
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));background-image:none;--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);
|
|
1000
1049
|
}[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));}
|
|
1001
1050
|
|
|
1002
1051
|
/* =============================================================================
|
|
@@ -1009,7 +1058,7 @@
|
|
|
1009
1058
|
|
|
1010
1059
|
[data-style='material'] [data-menu-item]:hover:not(:disabled),
|
|
1011
1060
|
[data-style='material'] [data-menu-item]:focus:not(:disabled) {
|
|
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;
|
|
1061
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
1013
1062
|
}[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));}
|
|
1014
1063
|
|
|
1015
1064
|
[data-style='material'] [data-menu-item]:focus-visible {
|
|
@@ -1042,9 +1091,60 @@
|
|
|
1042
1091
|
============================================================================= */
|
|
1043
1092
|
|
|
1044
1093
|
[data-style='material'] [data-menu-separator] {
|
|
1045
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
1094
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
1046
1095
|
}[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));}
|
|
1047
1096
|
|
|
1097
|
+
/**
|
|
1098
|
+
* Dropdown - Material Theme Styles
|
|
1099
|
+
*
|
|
1100
|
+
* Material Design inspired with elevation and shadows.
|
|
1101
|
+
*/
|
|
1102
|
+
|
|
1103
|
+
[data-style='material'] [data-dropdown-trigger] {
|
|
1104
|
+
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));background-image:none;--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);
|
|
1105
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-trigger],[data-mode="dark"] [data-style="material"] [data-dropdown-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));}
|
|
1106
|
+
|
|
1107
|
+
[data-style='material'] [data-dropdown-trigger]:hover:not(:disabled) {
|
|
1108
|
+
--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));background-image:none;--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);
|
|
1109
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-dropdown-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));}
|
|
1110
|
+
|
|
1111
|
+
[data-style='material'] [data-dropdown-trigger]:focus-visible {
|
|
1112
|
+
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));
|
|
1113
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-trigger]:focus-visible,[data-mode="dark"] [data-style="material"] [data-dropdown-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1114
|
+
|
|
1115
|
+
[data-style='material'] [data-dropdown][data-open='true'] [data-dropdown-trigger] {
|
|
1116
|
+
--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));background-image:none;--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);
|
|
1117
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown][data-open="true"] [data-dropdown-trigger],[data-mode="dark"] [data-style="material"] [data-dropdown][data-open="true"] [data-dropdown-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));}
|
|
1118
|
+
|
|
1119
|
+
[data-style='material'] [data-dropdown-trigger] [data-dropdown-icon] {
|
|
1120
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1121
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-trigger] [data-dropdown-icon],[data-mode="dark"] [data-style="material"] [data-dropdown-trigger] [data-dropdown-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1122
|
+
|
|
1123
|
+
[data-style='material'] [data-dropdown-trigger] [data-dropdown-arrow] {
|
|
1124
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1125
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-trigger] [data-dropdown-arrow],[data-mode="dark"] [data-style="material"] [data-dropdown-trigger] [data-dropdown-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1126
|
+
|
|
1127
|
+
[data-style='material'] [data-dropdown-panel] {
|
|
1128
|
+
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));background-image:none;--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);
|
|
1129
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-panel],[data-mode="dark"] [data-style="material"] [data-dropdown-panel]{--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));}
|
|
1130
|
+
|
|
1131
|
+
[data-style='material'] [data-dropdown-option] {
|
|
1132
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1133
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-option],[data-mode="dark"] [data-style="material"] [data-dropdown-option]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1134
|
+
|
|
1135
|
+
[data-style='material'] [data-dropdown-option]:hover:not(:disabled),
|
|
1136
|
+
[data-style='material'] [data-dropdown-option]:focus:not(:disabled) {
|
|
1137
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
1138
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-dropdown-option]:hover:not(:disabled),[data-mode="dark"][data-style="material"] [data-dropdown-option]:focus:not(:disabled),[data-mode="dark"] [data-style="material"] [data-dropdown-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));}
|
|
1139
|
+
|
|
1140
|
+
[data-style='material'] [data-dropdown-option][data-active='true'] {
|
|
1141
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
1142
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-option][data-active="true"],[data-mode="dark"] [data-style="material"] [data-dropdown-option][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));}
|
|
1143
|
+
|
|
1144
|
+
[data-style='material'] [data-dropdown-separator] {
|
|
1145
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));background-image:none;
|
|
1146
|
+
}[data-mode="dark"][data-style="material"] [data-dropdown-separator],[data-mode="dark"] [data-style="material"] [data-dropdown-separator]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
1147
|
+
|
|
1048
1148
|
/**
|
|
1049
1149
|
* FloatingAction - Material Theme Styles
|
|
1050
1150
|
*
|
|
@@ -1056,11 +1156,11 @@
|
|
|
1056
1156
|
============================================================================= */
|
|
1057
1157
|
|
|
1058
1158
|
[data-style='material'] [data-fab-trigger] {
|
|
1059
|
-
--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 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);
|
|
1159
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-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);
|
|
1060
1160
|
}[data-mode="dark"][data-style="material"] [data-fab-trigger],[data-mode="dark"] [data-style="material"] [data-fab-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
1061
1161
|
|
|
1062
1162
|
[data-style='material'] [data-fab-trigger]:hover:not(:disabled) {
|
|
1063
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1163
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1064
1164
|
transform: scale(1.05);
|
|
1065
1165
|
}[data-mode="dark"][data-style="material"] [data-fab-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-fab-trigger]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));}
|
|
1066
1166
|
|
|
@@ -1069,20 +1169,24 @@
|
|
|
1069
1169
|
}[data-mode="dark"][data-style="material"] [data-fab-trigger]:focus-visible,[data-mode="dark"] [data-style="material"] [data-fab-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1070
1170
|
|
|
1071
1171
|
[data-style='material'] [data-fab][data-open='true'] [data-fab-trigger] {
|
|
1072
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),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 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);
|
|
1172
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-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);
|
|
1073
1173
|
transform: rotate(45deg);
|
|
1074
1174
|
}[data-mode="dark"][data-style="material"] [data-fab][data-open="true"] [data-fab-trigger],[data-mode="dark"] [data-style="material"] [data-fab][data-open="true"] [data-fab-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
1075
1175
|
|
|
1176
|
+
[data-style='material'] [data-fab][data-open='true'] [data-fab-trigger]:hover:not(:disabled) {
|
|
1177
|
+
background-image:none;
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1076
1180
|
/* =============================================================================
|
|
1077
1181
|
FAB Items
|
|
1078
1182
|
============================================================================= */
|
|
1079
1183
|
|
|
1080
1184
|
[data-style='material'] [data-fab-item] {
|
|
1081
|
-
--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 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);
|
|
1185
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),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);
|
|
1082
1186
|
}[data-mode="dark"][data-style="material"] [data-fab-item],[data-mode="dark"] [data-style="material"] [data-fab-item]{--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));}
|
|
1083
1187
|
|
|
1084
1188
|
[data-style='material'] [data-fab-item]:hover:not(:disabled) {
|
|
1085
|
-
--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 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);
|
|
1189
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-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);
|
|
1086
1190
|
}[data-mode="dark"][data-style="material"] [data-fab-item]:hover:not(:disabled),[data-mode="dark"] [data-style="material"] [data-fab-item]:hover: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));}
|
|
1087
1191
|
|
|
1088
1192
|
[data-style='material'] [data-fab-item]:focus-visible {
|
|
@@ -1159,15 +1263,15 @@
|
|
|
1159
1263
|
}[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));}
|
|
1160
1264
|
|
|
1161
1265
|
[data-style='material'] [data-table-row]:hover {
|
|
1162
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
1266
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;
|
|
1163
1267
|
}[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));}
|
|
1164
1268
|
|
|
1165
1269
|
[data-style='material'] [data-table-row]:focus {
|
|
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;
|
|
1270
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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;
|
|
1167
1271
|
}[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));}
|
|
1168
1272
|
|
|
1169
1273
|
[data-style='material'] [data-table-row][data-selected='true'] {
|
|
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));
|
|
1274
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
1171
1275
|
}[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));}
|
|
1172
1276
|
|
|
1173
1277
|
/* =============================================================================
|
|
@@ -1237,7 +1341,7 @@
|
|
|
1237
1341
|
============================================================================= */
|
|
1238
1342
|
|
|
1239
1343
|
[data-style='material'] [data-search-tag] {
|
|
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);
|
|
1344
|
+
border-radius:9999px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--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);
|
|
1241
1345
|
}[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));}
|
|
1242
1346
|
|
|
1243
1347
|
[data-style='material'] [data-search-tag-remove] {
|
|
@@ -1263,7 +1367,7 @@
|
|
|
1263
1367
|
}[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));}
|
|
1264
1368
|
|
|
1265
1369
|
[data-style='material'] [data-range-selected] {
|
|
1266
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
|
|
1370
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));background-image:none;
|
|
1267
1371
|
}
|
|
1268
1372
|
|
|
1269
1373
|
/* =============================================================================
|
|
@@ -1369,7 +1473,7 @@
|
|
|
1369
1473
|
============================================================================= */
|
|
1370
1474
|
|
|
1371
1475
|
[data-style='material'] [data-floating-nav] {
|
|
1372
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1476
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1373
1477
|
}[data-mode="dark"][data-style="material"] [data-floating-nav],[data-mode="dark"] [data-style="material"] [data-floating-nav]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
1374
1478
|
|
|
1375
1479
|
/* =============================================================================
|
|
@@ -1401,11 +1505,11 @@
|
|
|
1401
1505
|
}[data-mode="dark"][data-style="material"] [data-floating-nav-item],[data-mode="dark"] [data-style="material"] [data-floating-nav-item]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1402
1506
|
|
|
1403
1507
|
[data-style='material'] [data-floating-nav-item]:hover {
|
|
1404
|
-
--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));
|
|
1508
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
|
|
1405
1509
|
}[data-mode="dark"][data-style="material"] [data-floating-nav-item]:hover,[data-mode="dark"] [data-style="material"] [data-floating-nav-item]: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-50),var(--un-text-opacity));}
|
|
1406
1510
|
|
|
1407
1511
|
[data-style='material'] [data-floating-nav-item][data-active] {
|
|
1408
|
-
background-color:rgba(var(--color-primary-500),0.1);--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
1512
|
+
background-color:rgba(var(--color-primary-500),0.1);background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
1409
1513
|
}[data-mode="dark"][data-style="material"] [data-floating-nav-item][data-active],[data-mode="dark"] [data-style="material"] [data-floating-nav-item][data-active]{background-color:rgba(var(--color-primary-500),0.1);--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
1410
1514
|
|
|
1411
1515
|
[data-style='material'] [data-floating-nav-item]:focus-visible {
|
|
@@ -1430,7 +1534,7 @@
|
|
|
1430
1534
|
============================================================================= */
|
|
1431
1535
|
|
|
1432
1536
|
[data-style='material'] [data-floating-nav-indicator] {
|
|
1433
|
-
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),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);
|
|
1537
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--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);
|
|
1434
1538
|
}[data-mode="dark"][data-style="material"] [data-floating-nav-indicator],[data-mode="dark"] [data-style="material"] [data-floating-nav-indicator]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
|
|
1435
1539
|
|
|
1436
1540
|
/* TableOfContents — Material theme */
|
|
@@ -1452,3 +1556,215 @@
|
|
|
1452
1556
|
--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-600),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
1453
1557
|
}[data-mode="dark"][data-style="material"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="material"] [data-toc] [data-toc-item][data-toc-active]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-400),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
1454
1558
|
|
|
1559
|
+
* Card - Material Theme Styles
|
|
1560
|
+
*
|
|
1561
|
+
* Material Design inspired with elevation and shadows.
|
|
1562
|
+
*/
|
|
1563
|
+
|
|
1564
|
+
/* =============================================================================
|
|
1565
|
+
Base Card Styles
|
|
1566
|
+
============================================================================= */
|
|
1567
|
+
|
|
1568
|
+
[data-style='material'] [data-card] {
|
|
1569
|
+
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));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),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);
|
|
1570
|
+
}* Card - Material Theme Styles
|
|
1571
|
+
*
|
|
1572
|
+
* Material Design inspired with elevation and shadows.
|
|
1573
|
+
*/
|
|
1574
|
+
|
|
1575
|
+
/* =============================================================================
|
|
1576
|
+
Base Card Styles
|
|
1577
|
+
============================================================================= */
|
|
1578
|
+
|
|
1579
|
+
[data-style='material'] [data-card]{--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-100),var(--un-text-opacity));}
|
|
1580
|
+
|
|
1581
|
+
/* Interactive cards (buttons) */
|
|
1582
|
+
[data-style='material'] [data-card][data-card-interactive] {
|
|
1583
|
+
cursor: pointer;
|
|
1584
|
+
transition:
|
|
1585
|
+
box-shadow 0.2s ease,
|
|
1586
|
+
transform 0.2s ease;
|
|
1587
|
+
}
|
|
1588
|
+
|
|
1589
|
+
[data-style='material'] [data-card][data-card-interactive]:hover {
|
|
1590
|
+
--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);
|
|
1591
|
+
}
|
|
1592
|
+
|
|
1593
|
+
[data-style='material'] [data-card][data-card-interactive]:active {
|
|
1594
|
+
--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);
|
|
1595
|
+
}
|
|
1596
|
+
|
|
1597
|
+
/* =============================================================================
|
|
1598
|
+
Card Sections
|
|
1599
|
+
============================================================================= */
|
|
1600
|
+
|
|
1601
|
+
[data-style='material'] [data-card-header] {
|
|
1602
|
+
border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
|
|
1603
|
+
}[data-mode="dark"][data-style="material"] [data-card-header],[data-mode="dark"] [data-style="material"] [data-card-header]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
|
|
1604
|
+
|
|
1605
|
+
[data-style='material'] [data-card-body] {
|
|
1606
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1607
|
+
}[data-mode="dark"][data-style="material"] [data-card-body],[data-mode="dark"] [data-style="material"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1608
|
+
|
|
1609
|
+
[data-style='material'] [data-card-footer] {
|
|
1610
|
+
border-top-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-700),var(--un-text-opacity));
|
|
1611
|
+
}[data-mode="dark"][data-style="material"] [data-card-footer],[data-mode="dark"] [data-style="material"] [data-card-footer]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
1612
|
+
|
|
1613
|
+
/* =============================================================================
|
|
1614
|
+
Focus States
|
|
1615
|
+
============================================================================= */
|
|
1616
|
+
|
|
1617
|
+
[data-style='material'] [data-card][data-card-interactive]:focus-visible {
|
|
1618
|
+
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-offset-width:2px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
1619
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-card-interactive]:focus-visible,[data-mode="dark"] [data-style="material"] [data-card][data-card-interactive]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1620
|
+
|
|
1621
|
+
/* =============================================================================
|
|
1622
|
+
Disabled State
|
|
1623
|
+
============================================================================= */
|
|
1624
|
+
|
|
1625
|
+
[data-style='material'] [data-card][data-card-interactive][data-disabled],
|
|
1626
|
+
[data-style='material'] [data-card][data-card-interactive]:disabled {
|
|
1627
|
+
cursor:not-allowed;opacity:0.5;--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);
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
/* =============================================================================
|
|
1631
|
+
Variants
|
|
1632
|
+
============================================================================= */
|
|
1633
|
+
|
|
1634
|
+
/* Primary — tonal primary container (Material You style) */
|
|
1635
|
+
[data-style='material'] [data-card][data-variant='primary'] {
|
|
1636
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-900),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);
|
|
1637
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="primary"],[data-mode="dark"] [data-style="material"] [data-card][data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
1638
|
+
|
|
1639
|
+
[data-style='material'] [data-card][data-variant='primary'] [data-card-header],
|
|
1640
|
+
[data-style='material'] [data-card][data-variant='primary'] [data-card-footer] {
|
|
1641
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-200),var(--un-border-opacity));
|
|
1642
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"] [data-style="material"] [data-card][data-variant="primary"] [data-card-header],[data-mode="dark"][data-style="material"] [data-card][data-variant="primary"] [data-card-footer],[data-mode="dark"] [data-style="material"] [data-card][data-variant="primary"] [data-card-footer]{--un-border-opacity:1;border-color:rgba(var(--color-primary-800),var(--un-border-opacity));}
|
|
1643
|
+
|
|
1644
|
+
[data-style='material'] [data-card][data-variant='primary'] [data-card-body] {
|
|
1645
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
1646
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="primary"] [data-card-body],[data-mode="dark"] [data-style="material"] [data-card][data-variant="primary"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
1647
|
+
|
|
1648
|
+
/* Secondary — tonal secondary container */
|
|
1649
|
+
[data-style='material'] [data-card][data-variant='secondary'] {
|
|
1650
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-secondary-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-secondary-900),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);
|
|
1651
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-card][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-secondary-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-100),var(--un-text-opacity));}
|
|
1652
|
+
|
|
1653
|
+
[data-style='material'] [data-card][data-variant='secondary'] [data-card-header],
|
|
1654
|
+
[data-style='material'] [data-card][data-variant='secondary'] [data-card-footer] {
|
|
1655
|
+
--un-border-opacity:1;border-color:rgba(var(--color-secondary-200),var(--un-border-opacity));
|
|
1656
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"] [data-style="material"] [data-card][data-variant="secondary"] [data-card-header],[data-mode="dark"][data-style="material"] [data-card][data-variant="secondary"] [data-card-footer],[data-mode="dark"] [data-style="material"] [data-card][data-variant="secondary"] [data-card-footer]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-800),var(--un-border-opacity));}
|
|
1657
|
+
|
|
1658
|
+
[data-style='material'] [data-card][data-variant='secondary'] [data-card-body] {
|
|
1659
|
+
--un-text-opacity:1;color:rgba(var(--color-secondary-800),var(--un-text-opacity));
|
|
1660
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="secondary"] [data-card-body],[data-mode="dark"] [data-style="material"] [data-card][data-variant="secondary"] [data-card-body]{--un-text-opacity:1;color:rgba(var(--color-secondary-200),var(--un-text-opacity));}
|
|
1661
|
+
|
|
1662
|
+
/* Tertiary — elevated surface with no color accent */
|
|
1663
|
+
[data-style='material'] [data-card][data-variant='tertiary'] {
|
|
1664
|
+
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-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-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);
|
|
1665
|
+
}[data-mode="dark"][data-style="material"] [data-card][data-variant="tertiary"],[data-mode="dark"] [data-style="material"] [data-card][data-variant="tertiary"]{--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-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
1666
|
+
|
|
1667
|
+
/**
|
|
1668
|
+
* Message - Material Theme Styles
|
|
1669
|
+
*/
|
|
1670
|
+
|
|
1671
|
+
|
|
1672
|
+
[data-style='material'] [data-message-root][data-type='error'] {
|
|
1673
|
+
--un-border-opacity:1;border-color:rgba(var(--color-error-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-900),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);
|
|
1674
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="error"],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="error"]{--un-border-opacity:1;border-color:rgba(var(--color-error-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-error-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error-100),var(--un-text-opacity));}
|
|
1675
|
+
[data-style='material'] [data-message-root][data-type='error'] [data-message-icon],
|
|
1676
|
+
[data-style='material'] [data-message-root][data-type='error'] [data-message-dismiss] {
|
|
1677
|
+
--un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
|
|
1678
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="error"] [data-message-icon],[data-mode="dark"][data-style="material"] [data-message-root][data-type="error"] [data-message-dismiss],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="error"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
|
|
1679
|
+
|
|
1680
|
+
[data-style='material'] [data-message-root][data-type='warning'] {
|
|
1681
|
+
--un-border-opacity:1;border-color:rgba(var(--color-warning-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-warning-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-warning-900),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);
|
|
1682
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="warning"],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="warning"]{--un-border-opacity:1;border-color:rgba(var(--color-warning-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-warning-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-warning-100),var(--un-text-opacity));}
|
|
1683
|
+
[data-style='material'] [data-message-root][data-type='warning'] [data-message-icon],
|
|
1684
|
+
[data-style='material'] [data-message-root][data-type='warning'] [data-message-dismiss] {
|
|
1685
|
+
--un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
|
|
1686
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="warning"] [data-message-icon],[data-mode="dark"][data-style="material"] [data-message-root][data-type="warning"] [data-message-dismiss],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="warning"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
|
|
1687
|
+
|
|
1688
|
+
[data-style='material'] [data-message-root][data-type='info'] {
|
|
1689
|
+
--un-border-opacity:1;border-color:rgba(var(--color-info-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-info-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-info-900),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);
|
|
1690
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="info"],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="info"]{--un-border-opacity:1;border-color:rgba(var(--color-info-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-info-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-info-100),var(--un-text-opacity));}
|
|
1691
|
+
[data-style='material'] [data-message-root][data-type='info'] [data-message-icon],
|
|
1692
|
+
[data-style='material'] [data-message-root][data-type='info'] [data-message-dismiss] {
|
|
1693
|
+
--un-text-opacity:1;color:rgba(var(--color-info-600),var(--un-text-opacity));
|
|
1694
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="info"] [data-message-icon],[data-mode="dark"][data-style="material"] [data-message-root][data-type="info"] [data-message-dismiss],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="info"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-info-400),var(--un-text-opacity));}
|
|
1695
|
+
|
|
1696
|
+
[data-style='material'] [data-message-root][data-type='success'] {
|
|
1697
|
+
--un-border-opacity:1;border-color:rgba(var(--color-success-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-success-900),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);
|
|
1698
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="success"],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="success"]{--un-border-opacity:1;border-color:rgba(var(--color-success-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-success-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-success-100),var(--un-text-opacity));}
|
|
1699
|
+
[data-style='material'] [data-message-root][data-type='success'] [data-message-icon],
|
|
1700
|
+
[data-style='material'] [data-message-root][data-type='success'] [data-message-dismiss] {
|
|
1701
|
+
--un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
|
|
1702
|
+
}[data-mode="dark"][data-style="material"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="success"] [data-message-icon],[data-mode="dark"][data-style="material"] [data-message-root][data-type="success"] [data-message-dismiss],[data-mode="dark"] [data-style="material"] [data-message-root][data-type="success"] [data-message-dismiss]{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
|
|
1703
|
+
|
|
1704
|
+
/**
|
|
1705
|
+
* StatusList - Material Theme Styles
|
|
1706
|
+
*/
|
|
1707
|
+
|
|
1708
|
+
/* ── @rokkit/ui StatusList: icon and text colors by status ── */
|
|
1709
|
+
|
|
1710
|
+
[data-style='material'] [data-status-item][data-status='pass'] span {
|
|
1711
|
+
--un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
|
|
1712
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="pass"] span,[data-mode="dark"] [data-style="material"] [data-status-item][data-status="pass"] span{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
|
|
1713
|
+
[data-style='material'] [data-status-item][data-status='fail'] span {
|
|
1714
|
+
--un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
|
|
1715
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="fail"] span,[data-mode="dark"] [data-style="material"] [data-status-item][data-status="fail"] span{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
|
|
1716
|
+
[data-style='material'] [data-status-item][data-status='warn'] span {
|
|
1717
|
+
--un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
|
|
1718
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="warn"] span,[data-mode="dark"] [data-style="material"] [data-status-item][data-status="warn"] span{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
|
|
1719
|
+
[data-style='material'] [data-status-item][data-status='unknown'] span {
|
|
1720
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
|
|
1721
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="unknown"] span,[data-mode="dark"] [data-style="material"] [data-status-item][data-status="unknown"] span{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
|
|
1722
|
+
|
|
1723
|
+
[data-style='material'] [data-status-item][data-status='pass'] {
|
|
1724
|
+
--un-text-opacity:1;color:rgba(var(--color-success-800),var(--un-text-opacity));
|
|
1725
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="pass"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="pass"]{--un-text-opacity:1;color:rgba(var(--color-success-200),var(--un-text-opacity));}
|
|
1726
|
+
[data-style='material'] [data-status-item][data-status='fail'] {
|
|
1727
|
+
--un-text-opacity:1;color:rgba(var(--color-error-800),var(--un-text-opacity));
|
|
1728
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="fail"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="fail"]{--un-text-opacity:1;color:rgba(var(--color-error-200),var(--un-text-opacity));}
|
|
1729
|
+
[data-style='material'] [data-status-item][data-status='warn'] {
|
|
1730
|
+
--un-text-opacity:1;color:rgba(var(--color-warning-800),var(--un-text-opacity));
|
|
1731
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="warn"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="warn"]{--un-text-opacity:1;color:rgba(var(--color-warning-200),var(--un-text-opacity));}
|
|
1732
|
+
[data-style='material'] [data-status-item][data-status='unknown'] {
|
|
1733
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1734
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="unknown"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="unknown"]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1735
|
+
|
|
1736
|
+
/* ── @rokkit/forms StatusList: group headers by severity ── */
|
|
1737
|
+
|
|
1738
|
+
[data-style='material'] [data-status-group][data-severity='error'] [data-status-header] {
|
|
1739
|
+
--un-text-opacity:1;color:rgba(var(--color-error-600),var(--un-text-opacity));
|
|
1740
|
+
}[data-mode="dark"][data-style="material"] [data-status-group][data-severity="error"] [data-status-header],[data-mode="dark"] [data-style="material"] [data-status-group][data-severity="error"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-error-400),var(--un-text-opacity));}
|
|
1741
|
+
[data-style='material'] [data-status-group][data-severity='warning'] [data-status-header] {
|
|
1742
|
+
--un-text-opacity:1;color:rgba(var(--color-warning-600),var(--un-text-opacity));
|
|
1743
|
+
}[data-mode="dark"][data-style="material"] [data-status-group][data-severity="warning"] [data-status-header],[data-mode="dark"] [data-style="material"] [data-status-group][data-severity="warning"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-warning-400),var(--un-text-opacity));}
|
|
1744
|
+
[data-style='material'] [data-status-group][data-severity='info'] [data-status-header] {
|
|
1745
|
+
--un-text-opacity:1;color:rgba(var(--color-info-600),var(--un-text-opacity));
|
|
1746
|
+
}[data-mode="dark"][data-style="material"] [data-status-group][data-severity="info"] [data-status-header],[data-mode="dark"] [data-style="material"] [data-status-group][data-severity="info"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-info-400),var(--un-text-opacity));}
|
|
1747
|
+
[data-style='material'] [data-status-group][data-severity='success'] [data-status-header] {
|
|
1748
|
+
--un-text-opacity:1;color:rgba(var(--color-success-600),var(--un-text-opacity));
|
|
1749
|
+
}[data-mode="dark"][data-style="material"] [data-status-group][data-severity="success"] [data-status-header],[data-mode="dark"] [data-style="material"] [data-status-group][data-severity="success"] [data-status-header]{--un-text-opacity:1;color:rgba(var(--color-success-400),var(--un-text-opacity));}
|
|
1750
|
+
|
|
1751
|
+
/* ── @rokkit/forms StatusList: item colors ── */
|
|
1752
|
+
|
|
1753
|
+
[data-style='material'] [data-status-item][data-status='error'] {
|
|
1754
|
+
--un-text-opacity:1;color:rgba(var(--color-error-800),var(--un-text-opacity));
|
|
1755
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="error"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="error"]{--un-text-opacity:1;color:rgba(var(--color-error-200),var(--un-text-opacity));}
|
|
1756
|
+
[data-style='material'] [data-status-item][data-status='warning'] {
|
|
1757
|
+
--un-text-opacity:1;color:rgba(var(--color-warning-800),var(--un-text-opacity));
|
|
1758
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="warning"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="warning"]{--un-text-opacity:1;color:rgba(var(--color-warning-200),var(--un-text-opacity));}
|
|
1759
|
+
[data-style='material'] [data-status-item][data-status='info'] {
|
|
1760
|
+
--un-text-opacity:1;color:rgba(var(--color-info-800),var(--un-text-opacity));
|
|
1761
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="info"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="info"]{--un-text-opacity:1;color:rgba(var(--color-info-200),var(--un-text-opacity));}
|
|
1762
|
+
[data-style='material'] [data-status-item][data-status='success'] {
|
|
1763
|
+
--un-text-opacity:1;color:rgba(var(--color-success-800),var(--un-text-opacity));
|
|
1764
|
+
}[data-mode="dark"][data-style="material"] [data-status-item][data-status="success"],[data-mode="dark"] [data-style="material"] [data-status-item][data-status="success"]{--un-text-opacity:1;color:rgba(var(--color-success-200),var(--un-text-opacity));}
|
|
1765
|
+
|
|
1766
|
+
/* Count badge */
|
|
1767
|
+
[data-style='material'] [data-status-count] {
|
|
1768
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:600;--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);
|
|
1769
|
+
}[data-mode="dark"][data-style="material"] [data-status-count],[data-mode="dark"] [data-style="material"] [data-status-count]{--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));}
|
|
1770
|
+
|