ui-style-kit-css 2.6.0 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/README.md +13 -12
- package/dist/ui-style-kit.css +481 -95
- package/dist/ui-style-kit.min.css +2 -2
- package/dist/ui-style-kit.visual.css +481 -95
- package/dist/ui-style-kit.visual.min.css +2 -2
- package/dist/ui-style-kit.with-bridge.css +481 -95
- package/dist/ui-style-kit.with-bridge.min.css +2 -2
- package/dist/visual/art-deco.css +322 -12
- package/dist/visual/bauhaus.css +2 -2
- package/dist/visual/bento.css +2 -2
- package/dist/visual/brutalism.css +318 -8
- package/dist/visual/clay.css +2 -2
- package/dist/visual/cyberpunk.css +327 -10
- package/dist/visual/data-terminal.css +319 -9
- package/dist/visual/editorial-luxe.css +319 -9
- package/dist/visual/industrial-utility.css +323 -8
- package/dist/visual/maximalist.css +320 -9
- package/dist/visual/minimal-saas.css +317 -7
- package/dist/visual/neo-noir.css +2 -2
- package/dist/visual/neumorphism.css +319 -9
- package/dist/visual/organic-modern.css +2 -2
- package/dist/visual/paper-editorial.css +358 -8
- package/dist/visual/retro-glass.css +326 -8
- package/dist/visual/retrofuturism.css +320 -10
- package/dist/visual/tactile.css +327 -15
- package/dist/visual/technical-blueprint.css +320 -10
- package/dist/visual/y2k.css +319 -9
- package/docs/COMPONENT-SPACING.md +154 -0
- package/docs/ECOSYSTEM.md +2 -2
- package/docs/PUBLISHING.md +7 -7
- package/docs/RELEASE-2.6.1.md +13 -0
- package/docs/RELEASE-2.7.0.md +21 -0
- package/manifest.json +9 -1
- package/package.json +2 -2
- package/styles/art-deco.css +8 -8
- package/styles/bauhaus.css +4 -3
- package/styles/bento.css +17 -10
- package/styles/brutalism.css +4 -3
- package/styles/clay.css +6 -4
- package/styles/clean-defaults.css +20 -0
- package/styles/component-composition.css +63 -0
- package/styles/components.css +262 -2
- package/styles/cyberpunk.css +12 -5
- package/styles/data-terminal.css +6 -4
- package/styles/editorial-luxe.css +7 -4
- package/styles/industrial-utility.css +10 -3
- package/styles/maximalist.css +7 -4
- package/styles/minimal-saas.css +3 -2
- package/styles/native-elements.css +32 -2
- package/styles/neo-noir.css +7 -5
- package/styles/neumorphism.css +5 -4
- package/styles/organic-modern.css +3 -3
- package/styles/paper-editorial.css +39 -3
- package/styles/retro-glass.css +9 -3
- package/styles/retrofuturism.css +7 -5
- package/styles/tactile.css +16 -6
- package/styles/technical-blueprint.css +8 -5
- package/styles/y2k.css +5 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.
|
|
2
|
+
* UI Style Kit CSS v2.7.0
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -2408,8 +2408,11 @@
|
|
|
2408
2408
|
[data-ui][data-mode] :where(input[type="radio"]) { border-radius: var(--usk-native-radio-radius); }
|
|
2409
2409
|
|
|
2410
2410
|
[data-ui][data-mode] :where(input[type="checkbox"]:checked) {
|
|
2411
|
-
background
|
|
2412
|
-
background
|
|
2411
|
+
/* The final background layer accepts both solid and gradient preset fills. */
|
|
2412
|
+
background:
|
|
2413
|
+
linear-gradient(45deg, transparent 38%, var(--usk-native-choice-mark-color) 38% 62%, transparent 62%) 24% 62% / 32% 36% no-repeat,
|
|
2414
|
+
linear-gradient(135deg, transparent 40%, var(--usk-native-choice-mark-color) 40% 60%, transparent 60%) 68% 43% / 52% 58% no-repeat,
|
|
2415
|
+
var(--usk-native-choice-checked-background);
|
|
2413
2416
|
}
|
|
2414
2417
|
|
|
2415
2418
|
[data-ui][data-mode] :where(input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:hover:not(:disabled)) {
|
|
@@ -2830,6 +2833,33 @@
|
|
|
2830
2833
|
}
|
|
2831
2834
|
}
|
|
2832
2835
|
|
|
2836
|
+
/** Choice-state paint follows preset geometry, including presets with material surface tokens. */
|
|
2837
|
+
@layer ui-style-kit.clean_defaults {
|
|
2838
|
+
/** Disabled choices remain recognizable without relying on faded opacity alone. */
|
|
2839
|
+
[data-ui][data-mode] :where(input[type="radio"]:disabled) {
|
|
2840
|
+
background: var(--usk-native-bg);
|
|
2841
|
+
border-color: var(--usk-native-text-muted);
|
|
2842
|
+
border-style: dashed;
|
|
2843
|
+
opacity: .7;
|
|
2844
|
+
}
|
|
2845
|
+
@supports (color: color-mix(in srgb, black, white)) {
|
|
2846
|
+
[data-ui][data-mode] :where(input[type="radio"]:disabled) {
|
|
2847
|
+
background: color-mix(in srgb, var(--usk-native-text-muted) 24%, var(--usk-native-bg));
|
|
2848
|
+
}
|
|
2849
|
+
}
|
|
2850
|
+
[data-ui][data-mode] :where(input[type="radio"]:disabled:checked) {
|
|
2851
|
+
background: radial-gradient(circle, var(--usk-native-text-muted) 0 31%, transparent 34%), var(--usk-native-bg);
|
|
2852
|
+
}
|
|
2853
|
+
|
|
2854
|
+
|
|
2855
|
+
@media (forced-colors: active) {
|
|
2856
|
+
[data-ui][data-mode] :where(input[type="radio"]:disabled) {
|
|
2857
|
+
border-color: GrayText;
|
|
2858
|
+
background: Canvas;
|
|
2859
|
+
}
|
|
2860
|
+
}
|
|
2861
|
+
}
|
|
2862
|
+
|
|
2833
2863
|
|
|
2834
2864
|
/* styles/components.css */
|
|
2835
2865
|
/* =========================================================
|
|
@@ -4174,7 +4204,7 @@
|
|
|
4174
4204
|
:where(.saas-tabs, .bento-tabs, .max-tabs, .bau-tabs, .tactile-tabs, .neo-tabs, .retro-tabs, .brutal-tabs, .cyber-tabs, .y2k-tabs, .rg-tabs, .luxe-tabs, .organic-tabs, .utility-tabs, .blueprint-tabs, .deco-tabs, .clay-tabs, .terminal-tabs, .paper-tabs, .noir-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tabs) { display: grid; gap: .75rem; }
|
|
4175
4205
|
:where(.saas-tab-list, .bento-tab-list, .max-tab-list, .bau-tab-list, .tactile-tab-list, .neo-tab-list, .retro-tab-list, .brutal-tab-list, .cyber-tab-list, .y2k-tab-list, .rg-tab-list, .luxe-tab-list, .organic-tab-list, .utility-tab-list, .blueprint-tab-list, .deco-tab-list, .clay-tab-list, .terminal-tab-list, .paper-tab-list, .noir-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-list) { display: flex; flex-wrap: wrap; gap: .25rem; border-block-end: var(--usk-native-border-width) solid var(--usk-native-border); }
|
|
4176
4206
|
:where(.saas-tab, .bento-tab, .max-tab, .bau-tab, .tactile-tab, .neo-tab, .retro-tab, .brutal-tab, .cyber-tab, .y2k-tab, .rg-tab, .luxe-tab, .organic-tab, .utility-tab, .blueprint-tab, .deco-tab, .clay-tab, .terminal-tab, .paper-tab, .noir-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab) { min-block-size: 44px; padding: .6rem .9rem; color: var(--usk-native-text-muted); background: transparent; border: 0; border-block-end: calc(var(--usk-native-border-width) * 2) solid transparent; font: inherit; cursor: pointer; }
|
|
4177
|
-
:where(.saas-tab[aria-selected="true"], .bento-tab[aria-selected="true"], .max-tab[aria-selected="true"], .bau-tab[aria-selected="true"], .tactile-tab[aria-selected="true"], .neo-tab[aria-selected="true"], .retro-tab[aria-selected="true"], .brutal-tab[aria-selected="true"], .cyber-tab[aria-selected="true"], .y2k-tab[aria-selected="true"], .rg-tab[aria-selected="true"], .luxe-tab[aria-selected="true"], .organic-tab[aria-selected="true"], .utility-tab[aria-selected="true"], .blueprint-tab[aria-selected="true"], .deco-tab[aria-selected="true"], .clay-tab[aria-selected="true"], .terminal-tab[aria-selected="true"], .paper-tab[aria-selected="true"], .noir-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab[aria-selected="true"]) { color: var(--usk-
|
|
4207
|
+
:where(.saas-tab[aria-selected="true"], .bento-tab[aria-selected="true"], .max-tab[aria-selected="true"], .bau-tab[aria-selected="true"], .tactile-tab[aria-selected="true"], .neo-tab[aria-selected="true"], .retro-tab[aria-selected="true"], .brutal-tab[aria-selected="true"], .cyber-tab[aria-selected="true"], .y2k-tab[aria-selected="true"], .rg-tab[aria-selected="true"], .luxe-tab[aria-selected="true"], .organic-tab[aria-selected="true"], .utility-tab[aria-selected="true"], .blueprint-tab[aria-selected="true"], .deco-tab[aria-selected="true"], .clay-tab[aria-selected="true"], .terminal-tab[aria-selected="true"], .paper-tab[aria-selected="true"], .noir-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab[aria-selected="true"]) { color: var(--usk-native-text); border-block-end-color: var(--usk-native-primary); }
|
|
4178
4208
|
:where(.saas-tab-panel, .bento-tab-panel, .max-tab-panel, .bau-tab-panel, .tactile-tab-panel, .neo-tab-panel, .retro-tab-panel, .brutal-tab-panel, .cyber-tab-panel, .y2k-tab-panel, .rg-tab-panel, .luxe-tab-panel, .organic-tab-panel, .utility-tab-panel, .blueprint-tab-panel, .deco-tab-panel, .clay-tab-panel, .terminal-tab-panel, .paper-tab-panel, .noir-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-panel) { padding-block: .75rem; color: var(--usk-native-text); }
|
|
4179
4209
|
|
|
4180
4210
|
:where(.saas-pagination, .saas-breadcrumb-list, .saas-chip-group, .saas-avatar-group, .bento-pagination, .bento-breadcrumb-list, .bento-chip-group, .bento-avatar-group, .max-pagination, .max-breadcrumb-list, .max-chip-group, .max-avatar-group, .bau-pagination, .bau-breadcrumb-list, .bau-chip-group, .bau-avatar-group, .tactile-pagination, .tactile-breadcrumb-list, .tactile-chip-group, .tactile-avatar-group, .neo-pagination, .neo-breadcrumb-list, .neo-chip-group, .neo-avatar-group, .retro-pagination, .retro-breadcrumb-list, .retro-chip-group, .retro-avatar-group, .brutal-pagination, .brutal-breadcrumb-list, .brutal-chip-group, .brutal-avatar-group, .cyber-pagination, .cyber-breadcrumb-list, .cyber-chip-group, .cyber-avatar-group, .y2k-pagination, .y2k-breadcrumb-list, .y2k-chip-group, .y2k-avatar-group, .rg-pagination, .rg-breadcrumb-list, .rg-chip-group, .rg-avatar-group, .luxe-pagination, .luxe-breadcrumb-list, .luxe-chip-group, .luxe-avatar-group, .organic-pagination, .organic-breadcrumb-list, .organic-chip-group, .organic-avatar-group, .utility-pagination, .utility-breadcrumb-list, .utility-chip-group, .utility-avatar-group, .blueprint-pagination, .blueprint-breadcrumb-list, .blueprint-chip-group, .blueprint-avatar-group, .deco-pagination, .deco-breadcrumb-list, .deco-chip-group, .deco-avatar-group, .clay-pagination, .clay-breadcrumb-list, .clay-chip-group, .clay-avatar-group, .terminal-pagination, .terminal-breadcrumb-list, .terminal-chip-group, .terminal-avatar-group, .paper-pagination, .paper-breadcrumb-list, .paper-chip-group, .paper-avatar-group, .noir-pagination, .noir-breadcrumb-list, .noir-chip-group, .noir-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination,.usk-breadcrumb-list,.usk-chip-group,.usk-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination,.ui-breadcrumb-list,.ui-chip-group,.ui-avatar-group) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; padding: 0; list-style: none; }
|
|
@@ -4196,7 +4226,7 @@
|
|
|
4196
4226
|
@media (prefers-reduced-motion: reduce) { :where(.saas-skeleton, .bento-skeleton, .max-skeleton, .bau-skeleton, .tactile-skeleton, .neo-skeleton, .retro-skeleton, .brutal-skeleton, .cyber-skeleton, .y2k-skeleton, .rg-skeleton, .luxe-skeleton, .organic-skeleton, .utility-skeleton, .blueprint-skeleton, .deco-skeleton, .clay-skeleton, .terminal-skeleton, .paper-skeleton, .noir-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton) { animation: none; } }
|
|
4197
4227
|
|
|
4198
4228
|
:where(.saas-empty-state, .bento-empty-state, .max-empty-state, .bau-empty-state, .tactile-empty-state, .neo-empty-state, .retro-empty-state, .brutal-empty-state, .cyber-empty-state, .y2k-empty-state, .rg-empty-state, .luxe-empty-state, .organic-empty-state, .utility-empty-state, .blueprint-empty-state, .deco-empty-state, .clay-empty-state, .terminal-empty-state, .paper-empty-state, .noir-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state) { display: grid; justify-items: center; gap: .75rem; max-inline-size: 42rem; padding: clamp(1.25rem, 4vw, 3rem); color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
|
|
4199
|
-
:where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-icon) { display: grid; place-items: center; color: var(--usk-
|
|
4229
|
+
:where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-icon) { display: grid; place-items: center; color: var(--usk-native-link); }
|
|
4200
4230
|
:where(.saas-empty-state-title, .saas-toast-title, .bento-empty-state-title, .bento-toast-title, .max-empty-state-title, .max-toast-title, .bau-empty-state-title, .bau-toast-title, .tactile-empty-state-title, .tactile-toast-title, .neo-empty-state-title, .neo-toast-title, .retro-empty-state-title, .retro-toast-title, .brutal-empty-state-title, .brutal-toast-title, .cyber-empty-state-title, .cyber-toast-title, .y2k-empty-state-title, .y2k-toast-title, .rg-empty-state-title, .rg-toast-title, .luxe-empty-state-title, .luxe-toast-title, .organic-empty-state-title, .organic-toast-title, .utility-empty-state-title, .utility-toast-title, .blueprint-empty-state-title, .blueprint-toast-title, .deco-empty-state-title, .deco-toast-title, .clay-empty-state-title, .clay-toast-title, .terminal-empty-state-title, .terminal-toast-title, .paper-empty-state-title, .paper-toast-title, .noir-empty-state-title, .noir-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-title,.usk-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-title,.ui-toast-title) { margin: 0; color: var(--usk-native-text); font-weight: 750; }
|
|
4201
4231
|
:where(.saas-empty-state-body, .saas-toast-body, .saas-metric-detail, .bento-empty-state-body, .bento-toast-body, .bento-metric-detail, .max-empty-state-body, .max-toast-body, .max-metric-detail, .bau-empty-state-body, .bau-toast-body, .bau-metric-detail, .tactile-empty-state-body, .tactile-toast-body, .tactile-metric-detail, .neo-empty-state-body, .neo-toast-body, .neo-metric-detail, .retro-empty-state-body, .retro-toast-body, .retro-metric-detail, .brutal-empty-state-body, .brutal-toast-body, .brutal-metric-detail, .cyber-empty-state-body, .cyber-toast-body, .cyber-metric-detail, .y2k-empty-state-body, .y2k-toast-body, .y2k-metric-detail, .rg-empty-state-body, .rg-toast-body, .rg-metric-detail, .luxe-empty-state-body, .luxe-toast-body, .luxe-metric-detail, .organic-empty-state-body, .organic-toast-body, .organic-metric-detail, .utility-empty-state-body, .utility-toast-body, .utility-metric-detail, .blueprint-empty-state-body, .blueprint-toast-body, .blueprint-metric-detail, .deco-empty-state-body, .deco-toast-body, .deco-metric-detail, .clay-empty-state-body, .clay-toast-body, .clay-metric-detail, .terminal-empty-state-body, .terminal-toast-body, .terminal-metric-detail, .paper-empty-state-body, .paper-toast-body, .paper-metric-detail, .noir-empty-state-body, .noir-toast-body, .noir-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-body,.usk-toast-body,.usk-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-body,.ui-toast-body,.ui-metric-detail) { margin: 0; color: var(--usk-native-text-muted); }
|
|
4202
4232
|
:where(.saas-empty-state-actions, .saas-toast-actions, .bento-empty-state-actions, .bento-toast-actions, .max-empty-state-actions, .max-toast-actions, .bau-empty-state-actions, .bau-toast-actions, .tactile-empty-state-actions, .tactile-toast-actions, .neo-empty-state-actions, .neo-toast-actions, .retro-empty-state-actions, .retro-toast-actions, .brutal-empty-state-actions, .brutal-toast-actions, .cyber-empty-state-actions, .cyber-toast-actions, .y2k-empty-state-actions, .y2k-toast-actions, .rg-empty-state-actions, .rg-toast-actions, .luxe-empty-state-actions, .luxe-toast-actions, .organic-empty-state-actions, .organic-toast-actions, .utility-empty-state-actions, .utility-toast-actions, .blueprint-empty-state-actions, .blueprint-toast-actions, .deco-empty-state-actions, .deco-toast-actions, .clay-empty-state-actions, .clay-toast-actions, .terminal-empty-state-actions, .terminal-toast-actions, .paper-empty-state-actions, .paper-toast-actions, .noir-empty-state-actions, .noir-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-actions,.usk-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-actions,.ui-toast-actions) { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
|
|
@@ -4245,6 +4275,266 @@
|
|
|
4245
4275
|
:where(.saas-file-upload, .bento-file-upload, .max-file-upload, .bau-file-upload, .tactile-file-upload, .neo-file-upload, .retro-file-upload, .brutal-file-upload, .cyber-file-upload, .y2k-file-upload, .rg-file-upload, .luxe-file-upload, .organic-file-upload, .utility-file-upload, .blueprint-file-upload, .deco-file-upload, .clay-file-upload, .terminal-file-upload, .paper-file-upload, .noir-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-file-upload) { display: grid; gap: .75rem; }
|
|
4246
4276
|
:where(.saas-dropzone, .bento-dropzone, .max-dropzone, .bau-dropzone, .tactile-dropzone, .neo-dropzone, .retro-dropzone, .brutal-dropzone, .cyber-dropzone, .y2k-dropzone, .rg-dropzone, .luxe-dropzone, .organic-dropzone, .utility-dropzone, .blueprint-dropzone, .deco-dropzone, .clay-dropzone, .terminal-dropzone, .paper-dropzone, .noir-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone) { display: grid; place-items: center; gap: .5rem; min-block-size: 8rem; padding: 1.25rem; color: var(--usk-native-text-muted); background: var(--usk-native-surface-soft); border: calc(var(--usk-native-border-width) * 2) dashed var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
|
|
4247
4277
|
:where(.saas-dropzone[data-drag-active="true"], .bento-dropzone[data-drag-active="true"], .max-dropzone[data-drag-active="true"], .bau-dropzone[data-drag-active="true"], .tactile-dropzone[data-drag-active="true"], .neo-dropzone[data-drag-active="true"], .retro-dropzone[data-drag-active="true"], .brutal-dropzone[data-drag-active="true"], .cyber-dropzone[data-drag-active="true"], .y2k-dropzone[data-drag-active="true"], .rg-dropzone[data-drag-active="true"], .luxe-dropzone[data-drag-active="true"], .organic-dropzone[data-drag-active="true"], .utility-dropzone[data-drag-active="true"], .blueprint-dropzone[data-drag-active="true"], .deco-dropzone[data-drag-active="true"], .clay-dropzone[data-drag-active="true"], .terminal-dropzone[data-drag-active="true"], .paper-dropzone[data-drag-active="true"], .noir-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone[data-drag-active="true"]) { color: var(--usk-primary-ink, var(--usk-native-primary)); border-color: var(--usk-native-primary); }
|
|
4278
|
+
}
|
|
4279
|
+
@layer ui-style-kit.clean_defaults {
|
|
4280
|
+
/** Empty-state symbols remain prominent independently of each preset's body font. */
|
|
4281
|
+
[data-ui][data-mode] :where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-empty-state-icon) {
|
|
4282
|
+
display: grid;
|
|
4283
|
+
place-items: center;
|
|
4284
|
+
font-size: var(--usk-empty-state-icon-size, 2.75rem);
|
|
4285
|
+
line-height: 1;
|
|
4286
|
+
min-inline-size: 1em;
|
|
4287
|
+
min-block-size: 1em;
|
|
4288
|
+
margin: 0;
|
|
4289
|
+
padding: 0;
|
|
4290
|
+
}
|
|
4291
|
+
|
|
4292
|
+
/** Thin progress tracks own their inset; the fill never inherits element spacing. */
|
|
4293
|
+
[data-ui][data-mode] :where(.saas-progress, .bento-progress, .max-progress, .bau-progress, .tactile-progress, .neo-progress, .retro-progress, .brutal-progress, .cyber-progress, .y2k-progress, .rg-progress, .luxe-progress, .organic-progress, .utility-progress, .blueprint-progress, .deco-progress, .clay-progress, .terminal-progress, .paper-progress, .noir-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress) {
|
|
4294
|
+
box-sizing: border-box;
|
|
4295
|
+
display: flex;
|
|
4296
|
+
align-items: center;
|
|
4297
|
+
min-inline-size: 0;
|
|
4298
|
+
max-inline-size: 100%;
|
|
4299
|
+
margin: 0;
|
|
4300
|
+
padding: 0;
|
|
4301
|
+
}
|
|
4302
|
+
[data-ui][data-mode] :where(.saas-progress-bar, .bento-progress-bar, .max-progress-bar, .bau-progress-bar, .tactile-progress-bar, .neo-progress-bar, .retro-progress-bar, .brutal-progress-bar, .cyber-progress-bar, .y2k-progress-bar, .rg-progress-bar, .luxe-progress-bar, .organic-progress-bar, .utility-progress-bar, .blueprint-progress-bar, .deco-progress-bar, .clay-progress-bar, .terminal-progress-bar, .paper-progress-bar, .noir-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress-bar) {
|
|
4303
|
+
box-sizing: border-box;
|
|
4304
|
+
flex: 0 1 auto;
|
|
4305
|
+
align-self: center;
|
|
4306
|
+
min-inline-size: 0;
|
|
4307
|
+
min-block-size: 0;
|
|
4308
|
+
max-inline-size: 100%;
|
|
4309
|
+
block-size: 100%;
|
|
4310
|
+
margin: 0;
|
|
4311
|
+
padding: 0;
|
|
4312
|
+
}
|
|
4313
|
+
|
|
4314
|
+
/** Status surfaces keep their signal after preset material and border shorthands. */
|
|
4315
|
+
|
|
4316
|
+
[data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
|
|
4317
|
+
--usk-message-tone: var(--usk-native-success);
|
|
4318
|
+
background: var(--usk-message-tone);
|
|
4319
|
+
color: var(--usk-native-on-success);
|
|
4320
|
+
border-color: var(--usk-message-tone);
|
|
4321
|
+
}
|
|
4322
|
+
[data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-title) {
|
|
4323
|
+
color: inherit;
|
|
4324
|
+
text-shadow: none;
|
|
4325
|
+
}
|
|
4326
|
+
[data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-body) {
|
|
4327
|
+
color: inherit;
|
|
4328
|
+
}
|
|
4329
|
+
@supports (color: color-mix(in srgb, #000, #fff)) {
|
|
4330
|
+
[data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
|
|
4331
|
+
background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
|
|
4332
|
+
color: var(--usk-native-text);
|
|
4333
|
+
}
|
|
4334
|
+
}
|
|
4335
|
+
|
|
4336
|
+
[data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
|
|
4337
|
+
--usk-message-tone: var(--usk-native-warning);
|
|
4338
|
+
background: var(--usk-message-tone);
|
|
4339
|
+
color: var(--usk-native-on-warning);
|
|
4340
|
+
border-color: var(--usk-message-tone);
|
|
4341
|
+
}
|
|
4342
|
+
[data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-title) {
|
|
4343
|
+
color: inherit;
|
|
4344
|
+
text-shadow: none;
|
|
4345
|
+
}
|
|
4346
|
+
[data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-body) {
|
|
4347
|
+
color: inherit;
|
|
4348
|
+
}
|
|
4349
|
+
@supports (color: color-mix(in srgb, #000, #fff)) {
|
|
4350
|
+
[data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
|
|
4351
|
+
background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
|
|
4352
|
+
color: var(--usk-native-text);
|
|
4353
|
+
}
|
|
4354
|
+
}
|
|
4355
|
+
|
|
4356
|
+
[data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
|
|
4357
|
+
--usk-message-tone: var(--usk-native-danger);
|
|
4358
|
+
background: var(--usk-message-tone);
|
|
4359
|
+
color: var(--usk-native-on-danger);
|
|
4360
|
+
border-color: var(--usk-message-tone);
|
|
4361
|
+
}
|
|
4362
|
+
[data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-title) {
|
|
4363
|
+
color: inherit;
|
|
4364
|
+
text-shadow: none;
|
|
4365
|
+
}
|
|
4366
|
+
[data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-body) {
|
|
4367
|
+
color: inherit;
|
|
4368
|
+
}
|
|
4369
|
+
@supports (color: color-mix(in srgb, #000, #fff)) {
|
|
4370
|
+
[data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
|
|
4371
|
+
background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
|
|
4372
|
+
color: var(--usk-native-text);
|
|
4373
|
+
}
|
|
4374
|
+
}
|
|
4375
|
+
|
|
4376
|
+
/** Compact status and selection frames provide a readable inset around their text. */
|
|
4377
|
+
[data-ui][data-mode] :where(.saas-chip, .saas-tab, .saas-segment, .bento-chip, .bento-tab, .bento-segment, .max-chip, .max-tab, .max-segment, .bau-chip, .bau-tab, .bau-segment, .tactile-chip, .tactile-tab, .tactile-segment, .neo-chip, .neo-tab, .neo-segment, .retro-chip, .retro-tab, .retro-segment, .brutal-chip, .brutal-tab, .brutal-segment, .cyber-chip, .cyber-tab, .cyber-segment, .y2k-chip, .y2k-tab, .y2k-segment, .rg-chip, .rg-tab, .rg-segment, .luxe-chip, .luxe-tab, .luxe-segment, .organic-chip, .organic-tab, .organic-segment, .utility-chip, .utility-tab, .utility-segment, .blueprint-chip, .blueprint-tab, .blueprint-segment, .deco-chip, .deco-tab, .deco-segment, .clay-chip, .clay-tab, .clay-segment, .terminal-chip, .terminal-tab, .terminal-segment, .paper-chip, .paper-tab, .paper-segment, .noir-chip, .noir-tab, .noir-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-chip,.usk-tab,.usk-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-chip,.ui-tab,.ui-segment) {
|
|
4378
|
+
box-sizing: border-box;
|
|
4379
|
+
padding-block: var(--usk-compact-content-padding-block, .35rem);
|
|
4380
|
+
padding-inline: var(--usk-compact-content-padding-inline, .65rem);
|
|
4381
|
+
}
|
|
4382
|
+
|
|
4383
|
+
/** Public component frames shrink within their parent instead of adding an outer inset. */
|
|
4384
|
+
[data-ui][data-mode] :where(.saas-tabs, .saas-tab-list, .saas-tab-panel, .saas-toast-stack, .saas-toast, .saas-popover, .saas-menu, .saas-segmented-control, .bento-tabs, .bento-tab-list, .bento-tab-panel, .bento-toast-stack, .bento-toast, .bento-popover, .bento-menu, .bento-segmented-control, .max-tabs, .max-tab-list, .max-tab-panel, .max-toast-stack, .max-toast, .max-popover, .max-menu, .max-segmented-control, .bau-tabs, .bau-tab-list, .bau-tab-panel, .bau-toast-stack, .bau-toast, .bau-popover, .bau-menu, .bau-segmented-control, .tactile-tabs, .tactile-tab-list, .tactile-tab-panel, .tactile-toast-stack, .tactile-toast, .tactile-popover, .tactile-menu, .tactile-segmented-control, .neo-tabs, .neo-tab-list, .neo-tab-panel, .neo-toast-stack, .neo-toast, .neo-popover, .neo-menu, .neo-segmented-control, .retro-tabs, .retro-tab-list, .retro-tab-panel, .retro-toast-stack, .retro-toast, .retro-popover, .retro-menu, .retro-segmented-control, .brutal-tabs, .brutal-tab-list, .brutal-tab-panel, .brutal-toast-stack, .brutal-toast, .brutal-popover, .brutal-menu, .brutal-segmented-control, .cyber-tabs, .cyber-tab-list, .cyber-tab-panel, .cyber-toast-stack, .cyber-toast, .cyber-popover, .cyber-menu, .cyber-segmented-control, .y2k-tabs, .y2k-tab-list, .y2k-tab-panel, .y2k-toast-stack, .y2k-toast, .y2k-popover, .y2k-menu, .y2k-segmented-control, .rg-tabs, .rg-tab-list, .rg-tab-panel, .rg-toast-stack, .rg-toast, .rg-popover, .rg-menu, .rg-segmented-control, .luxe-tabs, .luxe-tab-list, .luxe-tab-panel, .luxe-toast-stack, .luxe-toast, .luxe-popover, .luxe-menu, .luxe-segmented-control, .organic-tabs, .organic-tab-list, .organic-tab-panel, .organic-toast-stack, .organic-toast, .organic-popover, .organic-menu, .organic-segmented-control, .utility-tabs, .utility-tab-list, .utility-tab-panel, .utility-toast-stack, .utility-toast, .utility-popover, .utility-menu, .utility-segmented-control, .blueprint-tabs, .blueprint-tab-list, .blueprint-tab-panel, .blueprint-toast-stack, .blueprint-toast, .blueprint-popover, .blueprint-menu, .blueprint-segmented-control, .deco-tabs, .deco-tab-list, .deco-tab-panel, .deco-toast-stack, .deco-toast, .deco-popover, .deco-menu, .deco-segmented-control, .clay-tabs, .clay-tab-list, .clay-tab-panel, .clay-toast-stack, .clay-toast, .clay-popover, .clay-menu, .clay-segmented-control, .terminal-tabs, .terminal-tab-list, .terminal-tab-panel, .terminal-toast-stack, .terminal-toast, .terminal-popover, .terminal-menu, .terminal-segmented-control, .paper-tabs, .paper-tab-list, .paper-tab-panel, .paper-toast-stack, .paper-toast, .paper-popover, .paper-menu, .paper-segmented-control, .noir-tabs, .noir-tab-list, .noir-tab-panel, .noir-toast-stack, .noir-toast, .noir-popover, .noir-menu, .noir-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs,.usk-tab-list,.usk-tab-panel,.usk-toast-stack,.usk-toast,.usk-popover,.usk-menu,.usk-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs,.ui-tab-list,.ui-tab-panel,.ui-toast-stack,.ui-toast,.ui-popover,.ui-menu,.ui-segmented-control) {
|
|
4385
|
+
box-sizing: border-box;
|
|
4386
|
+
min-inline-size: 0;
|
|
4387
|
+
max-inline-size: 100%;
|
|
4388
|
+
margin-inline: 0;
|
|
4389
|
+
}
|
|
4390
|
+
|
|
4391
|
+
/** Overlay frames retain their content inset after the native element-spacing floor. */
|
|
4392
|
+
[data-ui][data-mode] :where(.saas-popover, .saas-menu, .saas-listbox, .bento-popover, .bento-menu, .bento-listbox, .max-popover, .max-menu, .max-listbox, .bau-popover, .bau-menu, .bau-listbox, .tactile-popover, .tactile-menu, .tactile-listbox, .neo-popover, .neo-menu, .neo-listbox, .retro-popover, .retro-menu, .retro-listbox, .brutal-popover, .brutal-menu, .brutal-listbox, .cyber-popover, .cyber-menu, .cyber-listbox, .y2k-popover, .y2k-menu, .y2k-listbox, .rg-popover, .rg-menu, .rg-listbox, .luxe-popover, .luxe-menu, .luxe-listbox, .organic-popover, .organic-menu, .organic-listbox, .utility-popover, .utility-menu, .utility-listbox, .blueprint-popover, .blueprint-menu, .blueprint-listbox, .deco-popover, .deco-menu, .deco-listbox, .clay-popover, .clay-menu, .clay-listbox, .terminal-popover, .terminal-menu, .terminal-listbox, .paper-popover, .paper-menu, .paper-listbox, .noir-popover, .noir-menu, .noir-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-popover,.usk-menu,.usk-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-popover,.ui-menu,.ui-listbox) {
|
|
4393
|
+
box-sizing: border-box;
|
|
4394
|
+
min-inline-size: 0;
|
|
4395
|
+
max-inline-size: 100%;
|
|
4396
|
+
padding: var(--usk-overlay-padding, .5rem);
|
|
4397
|
+
}
|
|
4398
|
+
[data-ui][data-mode] :where(.saas-menu-item, .saas-listbox-option, .bento-menu-item, .bento-listbox-option, .max-menu-item, .max-listbox-option, .bau-menu-item, .bau-listbox-option, .tactile-menu-item, .tactile-listbox-option, .neo-menu-item, .neo-listbox-option, .retro-menu-item, .retro-listbox-option, .brutal-menu-item, .brutal-listbox-option, .cyber-menu-item, .cyber-listbox-option, .y2k-menu-item, .y2k-listbox-option, .rg-menu-item, .rg-listbox-option, .luxe-menu-item, .luxe-listbox-option, .organic-menu-item, .organic-listbox-option, .utility-menu-item, .utility-listbox-option, .blueprint-menu-item, .blueprint-listbox-option, .deco-menu-item, .deco-listbox-option, .clay-menu-item, .clay-listbox-option, .terminal-menu-item, .terminal-listbox-option, .paper-menu-item, .paper-listbox-option, .noir-menu-item, .noir-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-menu-item,.usk-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-menu-item,.ui-listbox-option) {
|
|
4399
|
+
box-sizing: border-box;
|
|
4400
|
+
min-inline-size: 0;
|
|
4401
|
+
max-inline-size: 100%;
|
|
4402
|
+
padding-block: var(--usk-option-padding-block, .55rem);
|
|
4403
|
+
padding-inline: var(--usk-option-padding-inline, .7rem);
|
|
4404
|
+
}
|
|
4405
|
+
|
|
4406
|
+
/** A typed tab root stacks its header and panel; legacy direct-button bars keep their own layout. */
|
|
4407
|
+
[data-ui][data-mode] :where(.saas-tabs:has(> .saas-tab-list), .bento-tabs:has(> .bento-tab-list), .max-tabs:has(> .max-tab-list), .bau-tabs:has(> .bau-tab-list), .tactile-tabs:has(> .tactile-tab-list), .neo-tabs:has(> .neo-tab-list), .retro-tabs:has(> .retro-tab-list), .brutal-tabs:has(> .brutal-tab-list), .cyber-tabs:has(> .cyber-tab-list), .y2k-tabs:has(> .y2k-tab-list), .rg-tabs:has(> .rg-tab-list), .luxe-tabs:has(> .luxe-tab-list), .organic-tabs:has(> .organic-tab-list), .utility-tabs:has(> .utility-tab-list), .blueprint-tabs:has(> .blueprint-tab-list), .deco-tabs:has(> .deco-tab-list), .clay-tabs:has(> .clay-tab-list), .terminal-tabs:has(> .terminal-tab-list), .paper-tabs:has(> .paper-tab-list), .noir-tabs:has(> .noir-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs:has(>.usk-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs:has(>.ui-tab-list)) {
|
|
4408
|
+
display: grid;
|
|
4409
|
+
grid-template-columns: minmax(0, 1fr);
|
|
4410
|
+
grid-auto-flow: row;
|
|
4411
|
+
}
|
|
4412
|
+
|
|
4413
|
+
/** A direct toast title owns the full row; words are never squeezed into a side column. */
|
|
4414
|
+
[data-ui][data-mode] :where(.saas-toast:has(> strong), .bento-toast:has(> strong), .max-toast:has(> strong), .bau-toast:has(> strong), .tactile-toast:has(> strong), .neo-toast:has(> strong), .retro-toast:has(> strong), .brutal-toast:has(> strong), .cyber-toast:has(> strong), .y2k-toast:has(> strong), .rg-toast:has(> strong), .luxe-toast:has(> strong), .organic-toast:has(> strong), .utility-toast:has(> strong), .blueprint-toast:has(> strong), .deco-toast:has(> strong), .clay-toast:has(> strong), .terminal-toast:has(> strong), .paper-toast:has(> strong), .noir-toast:has(> strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast:has(>strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast:has(>strong)) {
|
|
4415
|
+
display: grid;
|
|
4416
|
+
grid-template-columns: minmax(0, 1fr);
|
|
4417
|
+
gap: .5rem;
|
|
4418
|
+
padding: var(--usk-toast-padding, 1rem);
|
|
4419
|
+
}
|
|
4420
|
+
[data-ui][data-mode] :where(.saas-toast-title, .saas-toast-body, .saas-toast-actions, .bento-toast-title, .bento-toast-body, .bento-toast-actions, .max-toast-title, .max-toast-body, .max-toast-actions, .bau-toast-title, .bau-toast-body, .bau-toast-actions, .tactile-toast-title, .tactile-toast-body, .tactile-toast-actions, .neo-toast-title, .neo-toast-body, .neo-toast-actions, .retro-toast-title, .retro-toast-body, .retro-toast-actions, .brutal-toast-title, .brutal-toast-body, .brutal-toast-actions, .cyber-toast-title, .cyber-toast-body, .cyber-toast-actions, .y2k-toast-title, .y2k-toast-body, .y2k-toast-actions, .rg-toast-title, .rg-toast-body, .rg-toast-actions, .luxe-toast-title, .luxe-toast-body, .luxe-toast-actions, .organic-toast-title, .organic-toast-body, .organic-toast-actions, .utility-toast-title, .utility-toast-body, .utility-toast-actions, .blueprint-toast-title, .blueprint-toast-body, .blueprint-toast-actions, .deco-toast-title, .deco-toast-body, .deco-toast-actions, .clay-toast-title, .clay-toast-body, .clay-toast-actions, .terminal-toast-title, .terminal-toast-body, .terminal-toast-actions, .paper-toast-title, .paper-toast-body, .paper-toast-actions, .noir-toast-title, .noir-toast-body, .noir-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast-title,.usk-toast-body,.usk-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast-title,.ui-toast-body,.ui-toast-actions) {
|
|
4421
|
+
grid-column: 1 / -1;
|
|
4422
|
+
grid-row: auto;
|
|
4423
|
+
min-inline-size: 0;
|
|
4424
|
+
inline-size: auto;
|
|
4425
|
+
max-inline-size: 100%;
|
|
4426
|
+
margin: 0;
|
|
4427
|
+
overflow-wrap: normal;
|
|
4428
|
+
word-break: normal;
|
|
4429
|
+
white-space: normal;
|
|
4430
|
+
hyphens: none;
|
|
4431
|
+
}
|
|
4432
|
+
/** Switch faces have one inset owner and remain centered at either end of the track. */
|
|
4433
|
+
[data-ui][data-mode] :where(.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, .luxe-switch-track, .organic-switch-track, .utility-switch-track, .blueprint-switch-track, .deco-switch-track, .clay-switch-track, .terminal-switch-track, .paper-switch-track, .noir-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-track) {
|
|
4434
|
+
box-sizing: border-box;
|
|
4435
|
+
position: relative;
|
|
4436
|
+
display: inline-flex;
|
|
4437
|
+
flex: 0 0 auto;
|
|
4438
|
+
min-inline-size: 2.75rem;
|
|
4439
|
+
min-block-size: 1.625rem;
|
|
4440
|
+
padding: 0;
|
|
4441
|
+
}
|
|
4442
|
+
[data-ui][data-mode] :where(.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, .luxe-switch-thumb, .organic-switch-thumb, .utility-switch-thumb, .blueprint-switch-thumb, .deco-switch-thumb, .clay-switch-thumb, .terminal-switch-thumb, .paper-switch-thumb, .noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-thumb) {
|
|
4443
|
+
box-sizing: border-box;
|
|
4444
|
+
display: block;
|
|
4445
|
+
position: absolute;
|
|
4446
|
+
inset-block-start: 50%;
|
|
4447
|
+
inset-block-end: auto;
|
|
4448
|
+
inset-inline-start: .125rem;
|
|
4449
|
+
inset-inline-end: auto;
|
|
4450
|
+
inline-size: var(--usk-switch-thumb-size, 1.125rem);
|
|
4451
|
+
block-size: var(--usk-switch-thumb-size, 1.125rem);
|
|
4452
|
+
min-inline-size: 0;
|
|
4453
|
+
min-block-size: 0;
|
|
4454
|
+
margin: 0;
|
|
4455
|
+
padding: 0;
|
|
4456
|
+
translate: none;
|
|
4457
|
+
transform: translateY(-50%);
|
|
4458
|
+
}
|
|
4459
|
+
[data-ui][data-mode] :where(.saas-switch input:checked + .saas-switch-track .saas-switch-thumb, .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, .max-switch input:checked + .max-switch-track .max-switch-thumb, .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, .brutal-switch input:checked + .brutal-switch-track .brutal-switch-thumb, .cyber-switch input:checked + .cyber-switch-track .cyber-switch-thumb, .y2k-switch input:checked + .y2k-switch-track .y2k-switch-thumb, .rg-switch input:checked + .rg-switch-track .rg-switch-thumb, .luxe-switch input:checked + .luxe-switch-track .luxe-switch-thumb, .organic-switch input:checked + .organic-switch-track .organic-switch-thumb, .utility-switch input:checked + .utility-switch-track .utility-switch-thumb, .blueprint-switch input:checked + .blueprint-switch-track .blueprint-switch-thumb, .deco-switch input:checked + .deco-switch-track .deco-switch-thumb, .clay-switch input:checked + .clay-switch-track .clay-switch-thumb, .terminal-switch input:checked + .terminal-switch-track .terminal-switch-thumb, .paper-switch input:checked + .paper-switch-track .paper-switch-thumb, .noir-switch input:checked + .noir-switch-track .noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch input:checked+.usk-switch-track .usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch input:checked+.ui-switch-track .ui-switch-thumb) {
|
|
4460
|
+
inset-inline-start: auto;
|
|
4461
|
+
inset-inline-end: .125rem;
|
|
4462
|
+
transform: translateY(-50%);
|
|
4463
|
+
}
|
|
4464
|
+
|
|
4465
|
+
/** A drawn check retains preset ink while Art Deco keeps its own enamel marker. */
|
|
4466
|
+
[data-ui][data-mode]:where(:not([data-ui="art-deco"])) :where(.saas-check input:checked + .saas-check-control, .bento-check input:checked + .bento-check-control, .max-check input:checked + .max-check-control, .bau-check input:checked + .bau-check-control, .tactile-check input:checked + .tactile-check-control, .neo-check input:checked + .neo-check-control, .retro-check input:checked + .retro-check-control, .brutal-check input:checked + .brutal-check-control, .cyber-check input:checked + .cyber-check-control, .y2k-check input:checked + .y2k-check-control, .rg-check input:checked + .rg-check-control, .luxe-check input:checked + .luxe-check-control, .organic-check input:checked + .organic-check-control, .utility-check input:checked + .utility-check-control, .blueprint-check input:checked + .blueprint-check-control, .deco-check input:checked + .deco-check-control, .clay-check input:checked + .clay-check-control, .terminal-check input:checked + .terminal-check-control, .paper-check input:checked + .paper-check-control, .noir-check input:checked + .noir-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.usk-check input:checked+.usk-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.ui-check input:checked+.ui-check-control)::after {
|
|
4467
|
+
content: "";
|
|
4468
|
+
position: static;
|
|
4469
|
+
inset: auto;
|
|
4470
|
+
clip-path: none;
|
|
4471
|
+
translate: none;
|
|
4472
|
+
display: block;
|
|
4473
|
+
box-sizing: border-box;
|
|
4474
|
+
inline-size: .35em;
|
|
4475
|
+
block-size: .65em;
|
|
4476
|
+
margin: 0 0 .15em;
|
|
4477
|
+
padding: 0;
|
|
4478
|
+
border: solid var(--usk-native-choice-mark-color);
|
|
4479
|
+
border-width: 0 max(2px, var(--usk-native-border-width)) max(2px, var(--usk-native-border-width)) 0;
|
|
4480
|
+
border-radius: 0;
|
|
4481
|
+
background: none;
|
|
4482
|
+
box-shadow: none;
|
|
4483
|
+
transform: rotate(45deg);
|
|
4484
|
+
}
|
|
4485
|
+
|
|
4486
|
+
/** Tooltip tone is independent of its position and keeps each preset's silhouette. */
|
|
4487
|
+
[data-ui][data-mode] :where(.saas-tooltip-primary, .bento-tooltip-primary, .max-tooltip-primary, .bau-tooltip-primary, .tactile-tooltip-primary, .neo-tooltip-primary, .retro-tooltip-primary, .brutal-tooltip-primary, .cyber-tooltip-primary, .y2k-tooltip-primary, .rg-tooltip-primary, .luxe-tooltip-primary, .organic-tooltip-primary, .utility-tooltip-primary, .blueprint-tooltip-primary, .deco-tooltip-primary, .clay-tooltip-primary, .terminal-tooltip-primary, .paper-tooltip-primary, .noir-tooltip-primary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="primary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="primary"])) {
|
|
4488
|
+
background: var(--usk-native-primary);
|
|
4489
|
+
color: var(--usk-native-on-primary);
|
|
4490
|
+
border-color: var(--usk-native-primary);
|
|
4491
|
+
border-style: solid;
|
|
4492
|
+
}
|
|
4493
|
+
[data-ui][data-mode] :where(.saas-tooltip-secondary, .bento-tooltip-secondary, .max-tooltip-secondary, .bau-tooltip-secondary, .tactile-tooltip-secondary, .neo-tooltip-secondary, .retro-tooltip-secondary, .brutal-tooltip-secondary, .cyber-tooltip-secondary, .y2k-tooltip-secondary, .rg-tooltip-secondary, .luxe-tooltip-secondary, .organic-tooltip-secondary, .utility-tooltip-secondary, .blueprint-tooltip-secondary, .deco-tooltip-secondary, .clay-tooltip-secondary, .terminal-tooltip-secondary, .paper-tooltip-secondary, .noir-tooltip-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="secondary"])) {
|
|
4494
|
+
background: var(--usk-native-surface);
|
|
4495
|
+
color: var(--usk-native-text);
|
|
4496
|
+
border: max(1px, var(--usk-native-border-width)) dashed var(--usk-native-primary);
|
|
4497
|
+
}
|
|
4498
|
+
[data-ui][data-mode] :where(.saas-tooltip-accent, .bento-tooltip-accent, .max-tooltip-accent, .bau-tooltip-accent, .tactile-tooltip-accent, .neo-tooltip-accent, .retro-tooltip-accent, .brutal-tooltip-accent, .cyber-tooltip-accent, .y2k-tooltip-accent, .rg-tooltip-accent, .luxe-tooltip-accent, .organic-tooltip-accent, .utility-tooltip-accent, .blueprint-tooltip-accent, .deco-tooltip-accent, .clay-tooltip-accent, .terminal-tooltip-accent, .paper-tooltip-accent, .noir-tooltip-accent), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="accent"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="accent"])) {
|
|
4499
|
+
background: var(--usk-native-accent);
|
|
4500
|
+
color: var(--usk-native-on-accent);
|
|
4501
|
+
border: 3px double var(--usk-native-accent);
|
|
4502
|
+
}
|
|
4503
|
+
|
|
4504
|
+
/** Secondary actions have a framed supporting surface rather than ghost paint. */
|
|
4505
|
+
[data-ui][data-mode] :where(.saas-button-secondary, .bento-button-secondary, .max-button-secondary, .bau-button-secondary, .tactile-button-secondary, .neo-button-secondary, .retro-button-secondary, .brutal-button-secondary, .cyber-button-secondary, .y2k-button-secondary, .rg-button-secondary, .luxe-button-secondary, .organic-button-secondary, .utility-button-secondary, .blueprint-button-secondary, .deco-button-secondary, .clay-button-secondary, .terminal-button-secondary, .paper-button-secondary, .noir-button-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="secondary"])) {
|
|
4506
|
+
background: var(--usk-native-secondary);
|
|
4507
|
+
color: var(--usk-native-on-secondary);
|
|
4508
|
+
border-color: var(--usk-native-primary);
|
|
4509
|
+
}
|
|
4510
|
+
|
|
4511
|
+
/** Status badges retain an inset without changing seal or medallion dimensions. */
|
|
4512
|
+
[data-ui][data-mode] :where(.saas-badge, .bento-badge, .max-badge, .bau-badge, .tactile-badge, .neo-badge, .retro-badge, .brutal-badge, .cyber-badge, .y2k-badge, .rg-badge, .luxe-badge, .organic-badge, .utility-badge, .blueprint-badge, .deco-badge, .clay-badge, .terminal-badge, .paper-badge, .noir-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-badge) {
|
|
4513
|
+
padding-block: var(--usk-badge-padding-block, .22rem);
|
|
4514
|
+
padding-inline: var(--usk-badge-padding-inline, .6rem);
|
|
4515
|
+
}
|
|
4516
|
+
|
|
4517
|
+
/** Warning actions and statuses use paired amber/orange roles while retaining opaque text. */
|
|
4518
|
+
[data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
|
|
4519
|
+
background: var(--usk-native-warning);
|
|
4520
|
+
color: var(--usk-native-on-warning);
|
|
4521
|
+
border-color: var(--usk-native-warning);
|
|
4522
|
+
text-shadow: none;
|
|
4523
|
+
}
|
|
4524
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
4525
|
+
[data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
|
|
4526
|
+
animation: usk-warning-attention var(--usk-warning-attention-duration, 1.8s) ease-in-out infinite;
|
|
4527
|
+
}
|
|
4528
|
+
}
|
|
4529
|
+
@media (prefers-reduced-motion: reduce) {
|
|
4530
|
+
[data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
|
|
4531
|
+
animation: none;
|
|
4532
|
+
}
|
|
4533
|
+
}
|
|
4534
|
+
@keyframes usk-warning-attention {
|
|
4535
|
+
50% { filter: brightness(1.16); }
|
|
4536
|
+
}
|
|
4537
|
+
|
|
4248
4538
|
}
|
|
4249
4539
|
/* END GENERATED 2.2 PRESET COMPONENT FOUNDATIONS */
|
|
4250
4540
|
|
|
@@ -4300,6 +4590,26 @@
|
|
|
4300
4590
|
}
|
|
4301
4591
|
|
|
4302
4592
|
@layer ui-style-kit.clean_defaults {
|
|
4593
|
+
/** Inline hyperlinks and their labels must not inherit the control spacing floor. */
|
|
4594
|
+
[data-ui][data-mode] :where(a:not([class]), a[data-link-presentation="inline"], a[data-link-presentation="inline"] > .usk-link__label, a[data-link-presentation="inline"] > .usk-link__icon) {
|
|
4595
|
+
display: inline;
|
|
4596
|
+
min-block-size: 0;
|
|
4597
|
+
min-inline-size: 0;
|
|
4598
|
+
margin: 0;
|
|
4599
|
+
padding: 0;
|
|
4600
|
+
border: 0;
|
|
4601
|
+
border-radius: 0;
|
|
4602
|
+
background: transparent;
|
|
4603
|
+
box-shadow: none;
|
|
4604
|
+
}
|
|
4605
|
+
|
|
4606
|
+
/** Explicit control links preserve a wrapping, aligned action composition. */
|
|
4607
|
+
[data-ui][data-mode] :where(a[data-link-presentation="control"]) {
|
|
4608
|
+
display: inline-flex;
|
|
4609
|
+
align-items: center;
|
|
4610
|
+
gap: var(--usk-link-gap, .5rem);
|
|
4611
|
+
}
|
|
4612
|
+
|
|
4303
4613
|
/** Keeps semantic state paint paired when a preset also owns broad anchor or input rules. */
|
|
4304
4614
|
[data-ui][data-mode] :where(
|
|
4305
4615
|
[class~="usk-pagination-link"][aria-current="page"],
|
|
@@ -4789,7 +5099,7 @@
|
|
|
4789
5099
|
--usk-native-range-track-shadow: none;
|
|
4790
5100
|
--usk-native-range-progress-background: var(--saas-primary);
|
|
4791
5101
|
--usk-native-range-thumb-size: .95rem;
|
|
4792
|
-
--usk-native-range-thumb-background: var(--
|
|
5102
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
4793
5103
|
--usk-native-range-thumb-border: 2px solid var(--saas-surface-strong);
|
|
4794
5104
|
--usk-native-range-thumb-radius: 50%;
|
|
4795
5105
|
--usk-native-range-thumb-shadow: 0 .2rem .5rem rgb(var(--saas-text-rgb) / .12);
|
|
@@ -5050,7 +5360,7 @@
|
|
|
5050
5360
|
background: var(--saas-card-bg);
|
|
5051
5361
|
}
|
|
5052
5362
|
|
|
5053
|
-
.saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-warning):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button {
|
|
5363
|
+
.saas-toolbar, .saas-table-wrap, .saas-button:where(:not([data-ui-variant])):not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-warning):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button {
|
|
5054
5364
|
background: var(--saas-control-bg);
|
|
5055
5365
|
}
|
|
5056
5366
|
|
|
@@ -6433,7 +6743,7 @@
|
|
|
6433
6743
|
--usk-native-range-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
|
|
6434
6744
|
--usk-native-range-progress-background: var(--bento-primary);
|
|
6435
6745
|
--usk-native-range-thumb-size: 1.35rem;
|
|
6436
|
-
--usk-native-range-thumb-background: var(--
|
|
6746
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
6437
6747
|
--usk-native-range-thumb-border: 1px solid rgb(var(--bento-primary-rgb) / .28);
|
|
6438
6748
|
--usk-native-range-thumb-radius: .5rem;
|
|
6439
6749
|
--usk-native-range-thumb-shadow: 0 .35rem .8rem rgb(var(--bento-text-rgb) / .18), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .78);
|
|
@@ -7469,7 +7779,7 @@
|
|
|
7469
7779
|
|
|
7470
7780
|
.bento-icon-medallion {
|
|
7471
7781
|
background: rgb(var(--bento-primary-rgb)/.1);
|
|
7472
|
-
color: var(--usk-primary-ink, var(--bento-
|
|
7782
|
+
color: var(--usk-primary-ink, var(--bento-link));
|
|
7473
7783
|
border: 1px solid rgb(var(--bento-primary-rgb)/.2);
|
|
7474
7784
|
border-radius: var(--bento-radius-md);
|
|
7475
7785
|
box-shadow: var(--bento-shadow-sm);
|
|
@@ -8805,6 +9115,18 @@
|
|
|
8805
9115
|
display: grid;
|
|
8806
9116
|
}
|
|
8807
9117
|
|
|
9118
|
+
[data-ui="bento"][data-mode] button.bento-segment, :where([data-ui="bento"])[data-mode] button.usk-segment, :where([data-ui="bento"])[data-mode] button.ui-segment {
|
|
9119
|
+
grid-template-columns: none;
|
|
9120
|
+
justify-content: center;
|
|
9121
|
+
align-items: center;
|
|
9122
|
+
display: inline-flex;
|
|
9123
|
+
}
|
|
9124
|
+
|
|
9125
|
+
[data-ui="bento"][data-mode] button.bento-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.usk-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.ui-segment[aria-pressed="true"] {
|
|
9126
|
+
background: var(--usk-native-primary);
|
|
9127
|
+
color: var(--usk-native-on-primary);
|
|
9128
|
+
}
|
|
9129
|
+
|
|
8808
9130
|
[data-ui="bento"][data-mode] .bento-segment button, :where([data-ui="bento"])[data-mode] .usk-segment button, :where([data-ui="bento"])[data-mode] .ui-segment button {
|
|
8809
9131
|
color: var(--bento-mosaic-muted);
|
|
8810
9132
|
background: none;
|
|
@@ -8985,7 +9307,7 @@
|
|
|
8985
9307
|
}
|
|
8986
9308
|
|
|
8987
9309
|
[data-ui="bento"][data-mode] .bento-spinner, :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
|
|
8988
|
-
color: var(--usk-primary-ink, var(--bento-
|
|
9310
|
+
color: var(--usk-primary-ink, var(--bento-link));
|
|
8989
9311
|
width: 31px;
|
|
8990
9312
|
height: 31px;
|
|
8991
9313
|
}
|
|
@@ -9360,12 +9682,12 @@
|
|
|
9360
9682
|
display: flex;
|
|
9361
9683
|
}
|
|
9362
9684
|
|
|
9363
|
-
[data-ui="bento"][data-mode] .bento-tabs, :where([data-ui="bento"])[data-mode] .usk-tabs, :where([data-ui="bento"])[data-mode] .ui-tabs {
|
|
9685
|
+
[data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs {
|
|
9364
9686
|
gap: 3px;
|
|
9365
9687
|
display: flex;
|
|
9366
9688
|
}
|
|
9367
9689
|
|
|
9368
|
-
[data-ui="bento"][data-mode] .bento-tabs button, [data-ui="bento"][data-mode] .bento-dialog-toolbar > button, :where([data-ui="bento"])[data-mode] .usk-tabs button, :where([data-ui="bento"])[data-mode] .ui-tabs button {
|
|
9690
|
+
[data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button, [data-ui="bento"][data-mode] .bento-dialog-toolbar > button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button {
|
|
9369
9691
|
color: var(--bento-on-primary);
|
|
9370
9692
|
background: none;
|
|
9371
9693
|
border: 0;
|
|
@@ -9375,7 +9697,7 @@
|
|
|
9375
9697
|
font-size: 12px;
|
|
9376
9698
|
}
|
|
9377
9699
|
|
|
9378
|
-
[data-ui="bento"][data-mode] .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .ui-tabs button.is-active {
|
|
9700
|
+
[data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
|
|
9379
9701
|
color: var(--bento-on-primary);
|
|
9380
9702
|
background: #ffffff21;
|
|
9381
9703
|
font-weight: 800;
|
|
@@ -9605,7 +9927,7 @@
|
|
|
9605
9927
|
font-weight: 750;
|
|
9606
9928
|
}
|
|
9607
9929
|
|
|
9608
|
-
[data-ui="bento"][data-mode] .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover) {
|
|
9930
|
+
[data-ui="bento"][data-mode] .bento-button:where(:not([data-ui-variant])):not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover) {
|
|
9609
9931
|
background: var(--bento-surface-soft);
|
|
9610
9932
|
}
|
|
9611
9933
|
|
|
@@ -10002,7 +10324,7 @@
|
|
|
10002
10324
|
color: inherit;
|
|
10003
10325
|
}
|
|
10004
10326
|
|
|
10005
|
-
[data-ui="bento"][data-mode] .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .ui-tabs button.is-active {
|
|
10327
|
+
[data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
|
|
10006
10328
|
background: var(--bento-surface);
|
|
10007
10329
|
color: var(--bento-text);
|
|
10008
10330
|
}
|
|
@@ -10081,8 +10403,8 @@
|
|
|
10081
10403
|
animation: 1s linear infinite bento-mosaic-spin;
|
|
10082
10404
|
}
|
|
10083
10405
|
|
|
10084
|
-
[data-ui="bento"][data-mode] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]) {
|
|
10085
|
-
color: var(--usk-primary-ink, var(--bento-
|
|
10406
|
+
[data-ui="bento"][data-mode] .bento-spinner, [data-ui="bento"][data-mode] .bento-loading-spinner, [data-ui="bento"][data-mode] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]), :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
|
|
10407
|
+
color: var(--usk-primary-ink, var(--bento-link));
|
|
10086
10408
|
}
|
|
10087
10409
|
|
|
10088
10410
|
[data-ui="bento"][data-mode] .bento-spinner-sm {
|
|
@@ -10533,7 +10855,7 @@
|
|
|
10533
10855
|
--usk-native-range-track-shadow: .22rem .22rem 0 var(--max-ink);
|
|
10534
10856
|
--usk-native-range-progress-background: var(--max-warning);
|
|
10535
10857
|
--usk-native-range-thumb-size: 1.62rem;
|
|
10536
|
-
--usk-native-range-thumb-background: var(--
|
|
10858
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
10537
10859
|
--usk-native-range-thumb-border: 3px solid var(--max-ink);
|
|
10538
10860
|
--usk-native-range-thumb-radius: 50%;
|
|
10539
10861
|
--usk-native-range-thumb-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb) / .8);
|
|
@@ -10816,7 +11138,7 @@
|
|
|
10816
11138
|
background: var(--max-card-bg);
|
|
10817
11139
|
}
|
|
10818
11140
|
|
|
10819
|
-
.max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-warning):not(.max-button-ghost):not(.max-button-outline-heavy), .max-icon-button, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .ui-icon-button {
|
|
11141
|
+
.max-toolbar, .max-table-wrap, .max-button:where(:not([data-ui-variant])):not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-warning):not(.max-button-ghost):not(.max-button-outline-heavy), .max-icon-button, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .ui-icon-button {
|
|
10820
11142
|
background: var(--max-control-bg);
|
|
10821
11143
|
}
|
|
10822
11144
|
|
|
@@ -11672,7 +11994,7 @@
|
|
|
11672
11994
|
--usk-native-range-track-shadow: .2rem .2rem 0 var(--max-ink);
|
|
11673
11995
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--max-success), var(--max-warning), var(--max-danger), var(--max-accent));
|
|
11674
11996
|
--usk-native-range-thumb-size: 1.78rem;
|
|
11675
|
-
--usk-native-range-thumb-background:
|
|
11997
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
11676
11998
|
--usk-native-range-thumb-border: 3px solid var(--max-ink);
|
|
11677
11999
|
--usk-native-range-thumb-radius: 42% 58% 46% 54%;
|
|
11678
12000
|
--usk-native-range-thumb-shadow: .16rem .16rem 0 var(--max-ink), .28rem .28rem 0 rgb(var(--max-secondary-rgb) / .62);
|
|
@@ -12030,7 +12352,7 @@
|
|
|
12030
12352
|
--usk-native-range-track-radius: 0;
|
|
12031
12353
|
--usk-native-range-track-shadow: 3px 3px 0 var(--max-ink);
|
|
12032
12354
|
--usk-native-range-progress-background: var(--max-warning);
|
|
12033
|
-
--usk-native-range-thumb-background: var(--
|
|
12355
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
12034
12356
|
--usk-native-range-thumb-border: 3px solid var(--max-ink);
|
|
12035
12357
|
--usk-native-range-thumb-radius: 50%;
|
|
12036
12358
|
--usk-native-range-thumb-shadow: 2px 2px 0 var(--max-ink);
|
|
@@ -12264,6 +12586,7 @@
|
|
|
12264
12586
|
|
|
12265
12587
|
.max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
|
|
12266
12588
|
clip-path: none;
|
|
12589
|
+
background: conic-gradient(currentColor 0 28%,transparent 28% 100%);
|
|
12267
12590
|
border-width: .12em;
|
|
12268
12591
|
flex-shrink: 0;
|
|
12269
12592
|
}
|
|
@@ -12855,7 +13178,7 @@
|
|
|
12855
13178
|
--usk-native-range-track-shadow: none;
|
|
12856
13179
|
--usk-native-range-progress-background: var(--bau-primary);
|
|
12857
13180
|
--usk-native-range-thumb-size: 1.55rem;
|
|
12858
|
-
--usk-native-range-thumb-background: var(--
|
|
13181
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
12859
13182
|
--usk-native-range-thumb-border: 2px solid var(--bau-border);
|
|
12860
13183
|
--usk-native-range-thumb-radius: 50%;
|
|
12861
13184
|
--usk-native-range-thumb-shadow: var(--bau-control-shadow-pressed);
|
|
@@ -13121,7 +13444,7 @@
|
|
|
13121
13444
|
background: var(--bau-card-bg);
|
|
13122
13445
|
}
|
|
13123
13446
|
|
|
13124
|
-
.bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-warning):not(.bau-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), .bau-icon-button, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .ui-icon-button {
|
|
13447
|
+
.bau-toolbar, .bau-table-wrap, .bau-button:where(:not([data-ui-variant])):not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-warning):not(.bau-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), .bau-icon-button, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .ui-icon-button {
|
|
13125
13448
|
background: var(--bau-control-bg);
|
|
13126
13449
|
}
|
|
13127
13450
|
|
|
@@ -13984,7 +14307,7 @@
|
|
|
13984
14307
|
--usk-native-range-track-shadow: inset 0 -2px 0 rgb(var(--bau-text-rgb) / .3);
|
|
13985
14308
|
--usk-native-range-progress-background: var(--bau-primary);
|
|
13986
14309
|
--usk-native-range-thumb-size: 1.58rem;
|
|
13987
|
-
--usk-native-range-thumb-background: var(--
|
|
14310
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
13988
14311
|
--usk-native-range-thumb-border: 2px solid var(--bau-border);
|
|
13989
14312
|
--usk-native-range-thumb-radius: 50%;
|
|
13990
14313
|
--usk-native-range-thumb-shadow: .16rem .16rem 0 rgb(var(--bau-text-rgb) / .7);
|
|
@@ -16770,7 +17093,7 @@
|
|
|
16770
17093
|
--usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
|
|
16771
17094
|
--usk-native-range-progress-background: var(--tactile-action-solid);
|
|
16772
17095
|
--usk-native-range-thumb-size: 1.55rem;
|
|
16773
|
-
--usk-native-range-thumb-background: var(--
|
|
17096
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
16774
17097
|
--usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
|
|
16775
17098
|
--usk-native-range-thumb-radius: .22rem;
|
|
16776
17099
|
--usk-native-range-thumb-shadow: var(--tactile-button-shadow);
|
|
@@ -17028,7 +17351,7 @@
|
|
|
17028
17351
|
background: var(--tactile-card-bg);
|
|
17029
17352
|
}
|
|
17030
17353
|
|
|
17031
|
-
.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-warning):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button {
|
|
17354
|
+
.tactile-button:where(:not([data-ui-variant])):not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-warning):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button {
|
|
17032
17355
|
background: var(--tactile-control-bg);
|
|
17033
17356
|
}
|
|
17034
17357
|
|
|
@@ -17977,12 +18300,14 @@
|
|
|
17977
18300
|
}
|
|
17978
18301
|
|
|
17979
18302
|
.tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .usk-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after {
|
|
17980
|
-
|
|
17981
|
-
|
|
17982
|
-
|
|
18303
|
+
border: .14em solid;
|
|
18304
|
+
clip-path: none;
|
|
18305
|
+
background: none;
|
|
18306
|
+
border-block-start-color: #0000;
|
|
18307
|
+
border-inline-start-color: #0000;
|
|
17983
18308
|
border-radius: 50%;
|
|
17984
|
-
animation: .88s
|
|
17985
|
-
box-shadow:
|
|
18309
|
+
animation: .88s linear infinite tactile-spin;
|
|
18310
|
+
box-shadow: 0 .08em .16em #00000038;
|
|
17986
18311
|
}
|
|
17987
18312
|
|
|
17988
18313
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -18362,7 +18687,7 @@
|
|
|
18362
18687
|
--usk-native-range-track-radius: .16rem;
|
|
18363
18688
|
--usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
|
|
18364
18689
|
--usk-native-range-thumb-size: 1.35rem;
|
|
18365
|
-
--usk-native-range-thumb-background: var(--
|
|
18690
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
18366
18691
|
--usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
|
|
18367
18692
|
--usk-native-range-thumb-radius: .16rem;
|
|
18368
18693
|
--usk-native-range-thumb-shadow: var(--tactile-button-shadow);
|
|
@@ -18528,7 +18853,7 @@
|
|
|
18528
18853
|
}
|
|
18529
18854
|
|
|
18530
18855
|
.tactile-button-ghost, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) {
|
|
18531
|
-
color: var(--usk-primary-ink, var(--tactile-
|
|
18856
|
+
color: var(--usk-primary-ink, var(--tactile-link));
|
|
18532
18857
|
box-shadow: none;
|
|
18533
18858
|
background: none;
|
|
18534
18859
|
border-color: #0000;
|
|
@@ -18742,7 +19067,7 @@
|
|
|
18742
19067
|
|
|
18743
19068
|
.tactile-icon-medallion, .tactile-badge-seal {
|
|
18744
19069
|
background: var(--tactile-sidebar-bg);
|
|
18745
|
-
color: var(--tactile-
|
|
19070
|
+
color: var(--tactile-sidebar-fg);
|
|
18746
19071
|
border-color: rgb(var(--tactile-keyline-rgb)/.82);
|
|
18747
19072
|
box-shadow: var(--tactile-button-shadow);
|
|
18748
19073
|
}
|
|
@@ -19504,7 +19829,7 @@
|
|
|
19504
19829
|
--usk-native-range-track-shadow: 4px 4px 8px #00000038;
|
|
19505
19830
|
--usk-native-range-progress-background: var(--neo-primary);
|
|
19506
19831
|
--usk-native-range-thumb-size: 1.45rem;
|
|
19507
|
-
--usk-native-range-thumb-background: var(--
|
|
19832
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
19508
19833
|
--usk-native-range-thumb-border: 1px solid var(--neo-border);
|
|
19509
19834
|
--usk-native-range-thumb-radius: 50%;
|
|
19510
19835
|
--usk-native-range-thumb-shadow: 4px 4px 8px #00000038;
|
|
@@ -19762,7 +20087,7 @@
|
|
|
19762
20087
|
background: var(--neo-card-bg);
|
|
19763
20088
|
}
|
|
19764
20089
|
|
|
19765
|
-
.neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
|
|
20090
|
+
.neo-toolbar, .neo-table-wrap, .neo-button:where(:not([data-ui-variant])):not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
|
|
19766
20091
|
background: var(--neo-control-bg);
|
|
19767
20092
|
}
|
|
19768
20093
|
|
|
@@ -20268,7 +20593,7 @@
|
|
|
20268
20593
|
--usk-native-range-track-radius: var(--neo-radius-pill);
|
|
20269
20594
|
--usk-native-range-track-shadow: var(--neo-inset-shadow-sm);
|
|
20270
20595
|
--usk-native-range-thumb-size: 1.65rem;
|
|
20271
|
-
--usk-native-range-thumb-background: var(--
|
|
20596
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
20272
20597
|
--usk-native-range-thumb-border: 1px solid var(--neo-material-edge);
|
|
20273
20598
|
--usk-native-range-thumb-radius: 50%;
|
|
20274
20599
|
--usk-native-range-thumb-shadow: var(--neo-button-shadow);
|
|
@@ -20434,7 +20759,7 @@
|
|
|
20434
20759
|
box-shadow: inset .28rem .28rem .58rem #00000057, inset -.22rem -.22rem .5rem #ffffff38;
|
|
20435
20760
|
}
|
|
20436
20761
|
|
|
20437
|
-
.neo-button-ghost, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
|
|
20762
|
+
.neo-button-ghost, .neo-button:where(:not([data-ui-variant])):not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
|
|
20438
20763
|
background-color: var(--neo-material-raised);
|
|
20439
20764
|
background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
|
|
20440
20765
|
color: var(--neo-text);
|
|
@@ -21334,7 +21659,7 @@
|
|
|
21334
21659
|
--usk-native-range-track-shadow: 0 0 10px var(--retro-primary);
|
|
21335
21660
|
--usk-native-range-progress-background: var(--retro-primary);
|
|
21336
21661
|
--usk-native-range-thumb-size: 1.55rem;
|
|
21337
|
-
--usk-native-range-thumb-background: var(--
|
|
21662
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
21338
21663
|
--usk-native-range-thumb-border: 1px solid var(--retro-border);
|
|
21339
21664
|
--usk-native-range-thumb-radius: 50%;
|
|
21340
21665
|
--usk-native-range-thumb-shadow: 0 0 10px var(--retro-primary);
|
|
@@ -21568,7 +21893,7 @@
|
|
|
21568
21893
|
background: var(--retro-card-bg);
|
|
21569
21894
|
}
|
|
21570
21895
|
|
|
21571
|
-
.retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-warning):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button {
|
|
21896
|
+
.retro-toolbar, .retro-table-wrap, .retro-button:where(:not([data-ui-variant])):not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-warning):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button {
|
|
21572
21897
|
background: var(--retro-control-bg);
|
|
21573
21898
|
}
|
|
21574
21899
|
|
|
@@ -22370,7 +22695,7 @@
|
|
|
22370
22695
|
--usk-native-range-track-shadow: var(--retro-recess-shadow);
|
|
22371
22696
|
--usk-native-range-progress-background: var(--retro-calibration-track);
|
|
22372
22697
|
--usk-native-range-thumb-size: 1.25rem;
|
|
22373
|
-
--usk-native-range-thumb-background: var(--
|
|
22698
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
22374
22699
|
--usk-native-range-thumb-border: 3px double var(--retro-metal-edge);
|
|
22375
22700
|
--usk-native-range-thumb-radius: 50%;
|
|
22376
22701
|
--usk-native-range-thumb-shadow: var(--retro-control-shadow);
|
|
@@ -22755,10 +23080,10 @@
|
|
|
22755
23080
|
}
|
|
22756
23081
|
|
|
22757
23082
|
.retro-icon-medallion {
|
|
22758
|
-
background: var(--retro-metal-rim);
|
|
23083
|
+
background: linear-gradient(var(--retro-surface),var(--retro-surface)) padding-box,var(--retro-metal-rim) border-box;
|
|
22759
23084
|
color: var(--retro-text);
|
|
22760
|
-
border: 3px double var(--retro-metal-edge);
|
|
22761
23085
|
box-shadow: var(--retro-control-shadow);
|
|
23086
|
+
border: 3px double #0000;
|
|
22762
23087
|
}
|
|
22763
23088
|
|
|
22764
23089
|
.retro-button.retro-button-cut, .retro-button-cut, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut {
|
|
@@ -23354,7 +23679,7 @@
|
|
|
23354
23679
|
--usk-native-range-track-shadow: 4px 4px 0 var(--brutal-border);
|
|
23355
23680
|
--usk-native-range-progress-background: var(--brutal-primary);
|
|
23356
23681
|
--usk-native-range-thumb-size: 1.45rem;
|
|
23357
|
-
--usk-native-range-thumb-background: var(--
|
|
23682
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
23358
23683
|
--usk-native-range-thumb-border: 2px solid var(--brutal-border);
|
|
23359
23684
|
--usk-native-range-thumb-radius: 0;
|
|
23360
23685
|
--usk-native-range-thumb-shadow: 4px 4px 0 var(--brutal-border);
|
|
@@ -23661,7 +23986,7 @@
|
|
|
23661
23986
|
background: var(--brutal-card-bg);
|
|
23662
23987
|
}
|
|
23663
23988
|
|
|
23664
|
-
.brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-warning):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button {
|
|
23989
|
+
.brutal-toolbar, .brutal-table-wrap, .brutal-button:where(:not([data-ui-variant])):not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-warning):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button {
|
|
23665
23990
|
background: var(--brutal-control-bg);
|
|
23666
23991
|
}
|
|
23667
23992
|
|
|
@@ -24231,7 +24556,7 @@
|
|
|
24231
24556
|
--usk-native-range-track-shadow: inset 0 0 0 2px var(--brutal-surface-strong);
|
|
24232
24557
|
--usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--brutal-primary) 0 .9rem, var(--brutal-warning) .9rem 1.05rem);
|
|
24233
24558
|
--usk-native-range-thumb-size: 1.24rem;
|
|
24234
|
-
--usk-native-range-thumb-background: var(--
|
|
24559
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
24235
24560
|
--usk-native-range-thumb-border: 3px solid var(--brutal-warning);
|
|
24236
24561
|
--usk-native-range-thumb-radius: 0;
|
|
24237
24562
|
--usk-native-range-thumb-shadow: .14rem .14rem 0 var(--brutal-primary);
|
|
@@ -24687,7 +25012,7 @@
|
|
|
24687
25012
|
--usk-native-range-track-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .16);
|
|
24688
25013
|
--usk-native-range-progress-background: var(--cyber-primary);
|
|
24689
25014
|
--usk-native-range-thumb-size: 1.25rem;
|
|
24690
|
-
--usk-native-range-thumb-background: var(--
|
|
25015
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
24691
25016
|
--usk-native-range-thumb-border: 1px solid var(--cyber-border);
|
|
24692
25017
|
--usk-native-range-thumb-radius: .1rem;
|
|
24693
25018
|
--usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .22);
|
|
@@ -25202,7 +25527,7 @@
|
|
|
25202
25527
|
background: var(--cyber-card-bg);
|
|
25203
25528
|
}
|
|
25204
25529
|
|
|
25205
|
-
.cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-warning):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button {
|
|
25530
|
+
.cyber-toolbar, .cyber-table-wrap, .cyber-button:where(:not([data-ui-variant])):not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-warning):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button {
|
|
25206
25531
|
background: var(--cyber-control-bg);
|
|
25207
25532
|
}
|
|
25208
25533
|
|
|
@@ -25570,7 +25895,7 @@
|
|
|
25570
25895
|
--usk-native-range-track-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .4);
|
|
25571
25896
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--cyber-primary), var(--cyber-accent));
|
|
25572
25897
|
--usk-native-range-thumb-size: 1.3rem;
|
|
25573
|
-
--usk-native-range-thumb-background:
|
|
25898
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
25574
25899
|
--usk-native-range-thumb-border: 2px solid var(--cyber-accent);
|
|
25575
25900
|
--usk-native-range-thumb-radius: 28%;
|
|
25576
25901
|
--usk-native-range-thumb-shadow: 0 0 .85rem rgb(var(--cyber-accent-rgb) / .5);
|
|
@@ -25629,7 +25954,6 @@
|
|
|
25629
25954
|
}
|
|
25630
25955
|
|
|
25631
25956
|
.cyber-button:active, .cyber-button[aria-pressed="true"], .cyber-button.is-active, :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button.is-active, :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button.is-active {
|
|
25632
|
-
background: linear-gradient(135deg,var(--cyber-primary),var(--cyber-accent));
|
|
25633
25957
|
box-shadow: inset 0 0 .6rem rgb(var(--cyber-text-rgb)/.24);
|
|
25634
25958
|
transform: translateY(1px);
|
|
25635
25959
|
}
|
|
@@ -25854,7 +26178,7 @@
|
|
|
25854
26178
|
--usk-native-range-track-shadow: 0 0 .45rem rgb(var(--cyber-primary-rgb) / .16);
|
|
25855
26179
|
--usk-native-range-progress-background: var(--cyber-primary);
|
|
25856
26180
|
--usk-native-range-thumb-size: 1.25rem;
|
|
25857
|
-
--usk-native-range-thumb-background: var(--
|
|
26181
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
25858
26182
|
--usk-native-range-thumb-border: 1px solid var(--cyber-primary);
|
|
25859
26183
|
--usk-native-range-thumb-radius: .08rem;
|
|
25860
26184
|
--usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .24);
|
|
@@ -27149,6 +27473,14 @@
|
|
|
27149
27473
|
border-color: var(--cyber-warning);
|
|
27150
27474
|
text-shadow: none;
|
|
27151
27475
|
}
|
|
27476
|
+
|
|
27477
|
+
.cyber-console {
|
|
27478
|
+
box-sizing: border-box;
|
|
27479
|
+
min-inline-size: 0;
|
|
27480
|
+
max-inline-size: 100%;
|
|
27481
|
+
margin-inline: 0;
|
|
27482
|
+
overflow-x: auto;
|
|
27483
|
+
}
|
|
27152
27484
|
}
|
|
27153
27485
|
|
|
27154
27486
|
[data-ui="cyberpunk"][data-mode] .cyber-title {
|
|
@@ -27426,7 +27758,7 @@
|
|
|
27426
27758
|
--usk-native-range-track-shadow: inset 0 3px #ffffff8c;
|
|
27427
27759
|
--usk-native-range-progress-background: var(--y2k-primary);
|
|
27428
27760
|
--usk-native-range-thumb-size: 1.55rem;
|
|
27429
|
-
--usk-native-range-thumb-background: var(--
|
|
27761
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
27430
27762
|
--usk-native-range-thumb-border: 1px solid var(--y2k-border);
|
|
27431
27763
|
--usk-native-range-thumb-radius: 50%;
|
|
27432
27764
|
--usk-native-range-thumb-shadow: inset 0 3px #ffffff8c;
|
|
@@ -27884,7 +28216,7 @@
|
|
|
27884
28216
|
background: var(--y2k-card-bg);
|
|
27885
28217
|
}
|
|
27886
28218
|
|
|
27887
|
-
.y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-warning):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button {
|
|
28219
|
+
.y2k-toolbar, .y2k-table-wrap, .y2k-button:where(:not([data-ui-variant])):not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-warning):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button {
|
|
27888
28220
|
background: var(--y2k-control-bg);
|
|
27889
28221
|
}
|
|
27890
28222
|
|
|
@@ -28256,7 +28588,7 @@
|
|
|
28256
28588
|
--usk-native-range-track-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb) / .28);
|
|
28257
28589
|
--usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .4rem, var(--y2k-surface) .4rem .48rem);
|
|
28258
28590
|
--usk-native-range-thumb-size: 1.12rem;
|
|
28259
|
-
--usk-native-range-thumb-background:
|
|
28591
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
28260
28592
|
--usk-native-range-thumb-border: 1px outset var(--y2k-border);
|
|
28261
28593
|
--usk-native-range-thumb-radius: 0;
|
|
28262
28594
|
--usk-native-range-thumb-shadow: 1px 1px 0 rgb(var(--y2k-text-rgb) / .24);
|
|
@@ -28527,7 +28859,7 @@
|
|
|
28527
28859
|
--usk-native-range-track-shadow: var(--y2k-bevel-recessed);
|
|
28528
28860
|
--usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .5rem, var(--y2k-surface) .5rem .5625rem);
|
|
28529
28861
|
--usk-native-range-thumb-size: .875rem;
|
|
28530
|
-
--usk-native-range-thumb-background: var(--
|
|
28862
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
28531
28863
|
--usk-native-range-thumb-border: 1px outset var(--y2k-border);
|
|
28532
28864
|
--usk-native-range-thumb-radius: 0;
|
|
28533
28865
|
--usk-native-range-thumb-shadow: var(--y2k-bevel-raised);
|
|
@@ -29377,7 +29709,7 @@
|
|
|
29377
29709
|
--usk-native-range-track-shadow: inset 0 1px #ffffff8c;
|
|
29378
29710
|
--usk-native-range-progress-background: var(--rg-primary);
|
|
29379
29711
|
--usk-native-range-thumb-size: 1.35rem;
|
|
29380
|
-
--usk-native-range-thumb-background: var(--
|
|
29712
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
29381
29713
|
--usk-native-range-thumb-border: 1px solid var(--rg-border);
|
|
29382
29714
|
--usk-native-range-thumb-radius: 50%;
|
|
29383
29715
|
--usk-native-range-thumb-shadow: inset 0 1px #ffffff8c;
|
|
@@ -29896,7 +30228,7 @@
|
|
|
29896
30228
|
background: var(--rg-card-bg);
|
|
29897
30229
|
}
|
|
29898
30230
|
|
|
29899
|
-
.rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-warning):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button {
|
|
30231
|
+
.rg-toolbar, .rg-table-wrap, .rg-button:where(:not([data-ui-variant])):not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-warning):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button {
|
|
29900
30232
|
background: var(--rg-control-bg);
|
|
29901
30233
|
}
|
|
29902
30234
|
|
|
@@ -30283,7 +30615,7 @@
|
|
|
30283
30615
|
--usk-native-range-track-shadow: inset 0 2px 4px rgb(var(--rg-text-rgb) / .22);
|
|
30284
30616
|
--usk-native-range-progress-background: linear-gradient(180deg, var(--rg-primary-hover), var(--rg-primary));
|
|
30285
30617
|
--usk-native-range-thumb-size: 1.2rem;
|
|
30286
|
-
--usk-native-range-thumb-background:
|
|
30618
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
30287
30619
|
--usk-native-range-thumb-border: 1px solid var(--rg-border);
|
|
30288
30620
|
--usk-native-range-thumb-radius: 50%;
|
|
30289
30621
|
--usk-native-range-thumb-shadow: inset 0 1px 0 var(--rg-surface-strong), 0 2px 4px rgb(var(--rg-text-rgb) / .28);
|
|
@@ -31789,6 +32121,14 @@
|
|
|
31789
32121
|
border-color: var(--rg-warning);
|
|
31790
32122
|
text-shadow: none;
|
|
31791
32123
|
}
|
|
32124
|
+
|
|
32125
|
+
.rg-console {
|
|
32126
|
+
box-sizing: border-box;
|
|
32127
|
+
min-inline-size: 0;
|
|
32128
|
+
max-inline-size: 100%;
|
|
32129
|
+
margin-inline: 0;
|
|
32130
|
+
overflow-x: auto;
|
|
32131
|
+
}
|
|
31792
32132
|
}
|
|
31793
32133
|
|
|
31794
32134
|
[data-ui="retro-glass"][data-mode] .rg-title {
|
|
@@ -32049,7 +32389,7 @@
|
|
|
32049
32389
|
--usk-native-range-track-shadow: none;
|
|
32050
32390
|
--usk-native-range-progress-background: var(--luxe-primary);
|
|
32051
32391
|
--usk-native-range-thumb-size: .85rem;
|
|
32052
|
-
--usk-native-range-thumb-background: var(--
|
|
32392
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
32053
32393
|
--usk-native-range-thumb-border: 1px solid var(--luxe-border);
|
|
32054
32394
|
--usk-native-range-thumb-radius: 50%;
|
|
32055
32395
|
--usk-native-range-thumb-shadow: none;
|
|
@@ -32294,7 +32634,7 @@
|
|
|
32294
32634
|
background: var(--luxe-card-bg);
|
|
32295
32635
|
}
|
|
32296
32636
|
|
|
32297
|
-
.luxe-toolbar, .luxe-table-wrap, .luxe-button:not(.luxe-button-primary):not(.luxe-button-secondary):not(.luxe-button-danger):not(.luxe-button-warning):not(.luxe-button-ghost), .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap, :where([data-ui="editorial-luxe"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .ui-icon-button {
|
|
32637
|
+
.luxe-toolbar, .luxe-table-wrap, .luxe-button:where(:not([data-ui-variant])):not(.luxe-button-primary):not(.luxe-button-secondary):not(.luxe-button-danger):not(.luxe-button-warning):not(.luxe-button-ghost), .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap, :where([data-ui="editorial-luxe"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .ui-icon-button {
|
|
32298
32638
|
background: var(--luxe-control-bg);
|
|
32299
32639
|
}
|
|
32300
32640
|
|
|
@@ -33127,7 +33467,7 @@
|
|
|
33127
33467
|
|
|
33128
33468
|
.luxe-icon-medallion {
|
|
33129
33469
|
background: var(--luxe-surface-strong);
|
|
33130
|
-
color: var(--usk-primary-ink, var(--luxe-
|
|
33470
|
+
color: var(--usk-primary-ink, var(--luxe-link));
|
|
33131
33471
|
border: 1px solid var(--luxe-primary);
|
|
33132
33472
|
box-shadow: none;
|
|
33133
33473
|
}
|
|
@@ -33233,7 +33573,7 @@
|
|
|
33233
33573
|
--usk-native-range-track-shadow: 0 1px 0 var(--luxe-surface-strong);
|
|
33234
33574
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--luxe-success), var(--luxe-warning));
|
|
33235
33575
|
--usk-native-range-thumb-size: .82rem;
|
|
33236
|
-
--usk-native-range-thumb-background: var(--
|
|
33576
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
33237
33577
|
--usk-native-range-thumb-border: 1px solid var(--luxe-border);
|
|
33238
33578
|
--usk-native-range-thumb-radius: 50%;
|
|
33239
33579
|
--usk-native-range-thumb-shadow: 0 0 0 2px var(--luxe-surface-strong);
|
|
@@ -34756,7 +35096,7 @@
|
|
|
34756
35096
|
--usk-native-range-track-shadow: 0 3px 8px #0000002e;
|
|
34757
35097
|
--usk-native-range-progress-background: var(--organic-primary);
|
|
34758
35098
|
--usk-native-range-thumb-size: 1.45rem;
|
|
34759
|
-
--usk-native-range-thumb-background: var(--
|
|
35099
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
34760
35100
|
--usk-native-range-thumb-border: 1px solid var(--organic-border);
|
|
34761
35101
|
--usk-native-range-thumb-radius: 50%;
|
|
34762
35102
|
--usk-native-range-thumb-shadow: 0 3px 8px #0000002e;
|
|
@@ -35945,7 +36285,7 @@
|
|
|
35945
36285
|
--usk-native-range-track-shadow: none;
|
|
35946
36286
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--organic-primary), rgb(var(--organic-primary-rgb) / .72));
|
|
35947
36287
|
--usk-native-range-thumb-size: 1.15rem;
|
|
35948
|
-
--usk-native-range-thumb-background: var(--
|
|
36288
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
35949
36289
|
--usk-native-range-thumb-border: 1px solid var(--organic-hairline);
|
|
35950
36290
|
--usk-native-range-thumb-radius: 48% 52% 44% 56%;
|
|
35951
36291
|
--usk-native-range-thumb-shadow: var(--organic-quiet-shadow);
|
|
@@ -36161,7 +36501,7 @@
|
|
|
36161
36501
|
--usk-native-range-track-background: var(--organic-surface-soft);
|
|
36162
36502
|
--usk-native-range-track-radius: 99px;
|
|
36163
36503
|
--usk-native-range-track-size: 5px;
|
|
36164
|
-
--usk-native-range-thumb-background: var(--
|
|
36504
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
36165
36505
|
--usk-native-range-thumb-radius: 50%;
|
|
36166
36506
|
--usk-native-range-thumb-border: 0;
|
|
36167
36507
|
--usk-native-range-progress-background: var(--organic-primary);
|
|
@@ -37869,7 +38209,7 @@
|
|
|
37869
38209
|
--usk-native-range-track-shadow: 2px 2px 0 #0000004d;
|
|
37870
38210
|
--usk-native-range-progress-background: var(--utility-primary);
|
|
37871
38211
|
--usk-native-range-thumb-size: 1.25rem;
|
|
37872
|
-
--usk-native-range-thumb-background: var(--
|
|
38212
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
37873
38213
|
--usk-native-range-thumb-border: 2px solid var(--utility-border);
|
|
37874
38214
|
--usk-native-range-thumb-radius: .08rem;
|
|
37875
38215
|
--usk-native-range-thumb-shadow: 2px 2px 0 #0000004d;
|
|
@@ -38110,7 +38450,7 @@
|
|
|
38110
38450
|
background: var(--utility-card-bg);
|
|
38111
38451
|
}
|
|
38112
38452
|
|
|
38113
|
-
.utility-toolbar, .utility-table-wrap, .utility-button:not(.utility-button-primary):not(.utility-button-secondary):not(.utility-button-danger):not(.utility-button-warning):not(.utility-button-ghost):not(.utility-button-guarded), .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap, :where([data-ui="industrial-utility"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .ui-icon-button {
|
|
38453
|
+
.utility-toolbar, .utility-table-wrap, .utility-button:where(:not([data-ui-variant])):not(.utility-button-primary):not(.utility-button-secondary):not(.utility-button-danger):not(.utility-button-warning):not(.utility-button-ghost):not(.utility-button-guarded), .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap, :where([data-ui="industrial-utility"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .ui-icon-button {
|
|
38114
38454
|
background: var(--utility-control-bg);
|
|
38115
38455
|
}
|
|
38116
38456
|
|
|
@@ -39034,7 +39374,7 @@
|
|
|
39034
39374
|
--usk-native-range-track-shadow: inset 0 2px 3px rgb(var(--utility-text-rgb) / .3);
|
|
39035
39375
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--utility-success), var(--utility-primary));
|
|
39036
39376
|
--usk-native-range-thumb-size: 1.26rem;
|
|
39037
|
-
--usk-native-range-thumb-background:
|
|
39377
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
39038
39378
|
--usk-native-range-thumb-border: 2px outset var(--utility-border);
|
|
39039
39379
|
--usk-native-range-thumb-radius: .1rem;
|
|
39040
39380
|
--usk-native-range-thumb-shadow: 1px 2px 0 rgb(var(--utility-text-rgb) / .3);
|
|
@@ -40956,6 +41296,11 @@
|
|
|
40956
41296
|
display: inline-block;
|
|
40957
41297
|
}
|
|
40958
41298
|
|
|
41299
|
+
[data-ui="industrial-utility"] :where(.loading-spinner, [data-loading-spinner]) {
|
|
41300
|
+
block-size: 20px;
|
|
41301
|
+
inline-size: 20px;
|
|
41302
|
+
}
|
|
41303
|
+
|
|
40959
41304
|
.utility-button.is-loading:before, .utility-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:not(.is-loading):after {
|
|
40960
41305
|
flex-basis: 14px;
|
|
40961
41306
|
block-size: 14px;
|
|
@@ -41381,7 +41726,7 @@
|
|
|
41381
41726
|
--usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
|
|
41382
41727
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
|
|
41383
41728
|
--usk-native-range-thumb-size: 1.02rem;
|
|
41384
|
-
--usk-native-range-thumb-background: var(--blueprint-surface);
|
|
41729
|
+
--usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
|
|
41385
41730
|
--usk-native-range-thumb-border: 1px double var(--blueprint-primary);
|
|
41386
41731
|
--usk-native-range-thumb-radius: 0;
|
|
41387
41732
|
--usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
|
|
@@ -41496,7 +41841,7 @@
|
|
|
41496
41841
|
--usk-native-range-track-shadow: 0 0 0 1px var(--blueprint-primary);
|
|
41497
41842
|
--usk-native-range-progress-background: var(--blueprint-primary);
|
|
41498
41843
|
--usk-native-range-thumb-size: 1.2rem;
|
|
41499
|
-
--usk-native-range-thumb-background: var(--
|
|
41844
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
41500
41845
|
--usk-native-range-thumb-border: 1px solid var(--blueprint-border);
|
|
41501
41846
|
--usk-native-range-thumb-radius: 50%;
|
|
41502
41847
|
--usk-native-range-thumb-shadow: 0 0 0 1px var(--blueprint-primary);
|
|
@@ -41757,7 +42102,7 @@
|
|
|
41757
42102
|
background: var(--blueprint-card-bg);
|
|
41758
42103
|
}
|
|
41759
42104
|
|
|
41760
|
-
.blueprint-toolbar, .blueprint-table-wrap, .blueprint-button:not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning):not(.blueprint-button-ghost), .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap, :where([data-ui="technical-blueprint"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .ui-icon-button {
|
|
42105
|
+
.blueprint-toolbar, .blueprint-table-wrap, .blueprint-button:where(:not([data-ui-variant])):not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning):not(.blueprint-button-ghost), .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap, :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .ui-icon-button {
|
|
41761
42106
|
background: var(--blueprint-control-bg);
|
|
41762
42107
|
}
|
|
41763
42108
|
|
|
@@ -42537,7 +42882,7 @@
|
|
|
42537
42882
|
border-radius: 0;
|
|
42538
42883
|
}
|
|
42539
42884
|
|
|
42540
|
-
.blueprint-button:not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning), :where([data-ui="technical-blueprint"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])), :where([data-ui="technical-blueprint"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])) {
|
|
42885
|
+
.blueprint-button:where(:not([data-ui-variant])):not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning), :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])), :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])) {
|
|
42541
42886
|
background: none;
|
|
42542
42887
|
}
|
|
42543
42888
|
|
|
@@ -42667,7 +43012,7 @@
|
|
|
42667
43012
|
--usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
|
|
42668
43013
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
|
|
42669
43014
|
--usk-native-range-thumb-size: 1.02rem;
|
|
42670
|
-
--usk-native-range-thumb-background: var(--blueprint-surface);
|
|
43015
|
+
--usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
|
|
42671
43016
|
--usk-native-range-thumb-border: 1px double var(--blueprint-primary);
|
|
42672
43017
|
--usk-native-range-thumb-radius: 0;
|
|
42673
43018
|
--usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
|
|
@@ -44363,7 +44708,7 @@
|
|
|
44363
44708
|
--usk-native-range-track-shadow: 0 0 0 2px var(--deco-surface-strong);
|
|
44364
44709
|
--usk-native-range-progress-background: var(--deco-primary);
|
|
44365
44710
|
--usk-native-range-thumb-size: 1.35rem;
|
|
44366
|
-
--usk-native-range-thumb-background: var(--
|
|
44711
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
44367
44712
|
--usk-native-range-thumb-border: 1px solid var(--deco-border);
|
|
44368
44713
|
--usk-native-range-thumb-radius: 50%;
|
|
44369
44714
|
--usk-native-range-thumb-shadow: 0 0 0 2px var(--deco-surface-strong);
|
|
@@ -44608,7 +44953,7 @@
|
|
|
44608
44953
|
background: var(--deco-card-bg);
|
|
44609
44954
|
}
|
|
44610
44955
|
|
|
44611
|
-
.deco-toolbar, .deco-table-wrap, .deco-button:not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
|
|
44956
|
+
.deco-toolbar, .deco-table-wrap, .deco-button:where(:not([data-ui-variant])):not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
|
|
44612
44957
|
background: var(--deco-control-bg);
|
|
44613
44958
|
}
|
|
44614
44959
|
|
|
@@ -45483,7 +45828,7 @@
|
|
|
45483
45828
|
--usk-native-range-track-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb) / .72);
|
|
45484
45829
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--deco-primary), var(--deco-warning));
|
|
45485
45830
|
--usk-native-range-thumb-size: 1.18rem;
|
|
45486
|
-
--usk-native-range-thumb-background:
|
|
45831
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
45487
45832
|
--usk-native-range-thumb-border: 3px double var(--deco-border);
|
|
45488
45833
|
--usk-native-range-thumb-radius: 0;
|
|
45489
45834
|
--usk-native-range-thumb-shadow: 0 0 0 2px rgb(var(--deco-surface-strong-rgb) / .72);
|
|
@@ -45766,7 +46111,7 @@
|
|
|
45766
46111
|
--usk-native-choice-mark-color: var(--deco-jewel-on);
|
|
45767
46112
|
--usk-native-range-track-background: linear-gradient(90deg, var(--deco-surface-soft), rgb(var(--deco-metal-rgb) / .52), var(--deco-surface-soft));
|
|
45768
46113
|
--usk-native-range-progress-background: var(--deco-jewel-primary);
|
|
45769
|
-
--usk-native-range-thumb-background:
|
|
46114
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
45770
46115
|
--usk-native-progress-size: .625rem;
|
|
45771
46116
|
--usk-native-progress-value-background: var(--deco-jewel-primary);
|
|
45772
46117
|
--usk-native-meter-optimum-background: var(--deco-jewel-success);
|
|
@@ -46167,7 +46512,7 @@
|
|
|
46167
46512
|
display: inline-grid;
|
|
46168
46513
|
}
|
|
46169
46514
|
|
|
46170
|
-
.deco-button:not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
|
|
46515
|
+
.deco-button:where(:not([data-ui-variant])):not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
|
|
46171
46516
|
background-color: var(--deco-surface-strong);
|
|
46172
46517
|
background-image: none;
|
|
46173
46518
|
}
|
|
@@ -46446,7 +46791,7 @@
|
|
|
46446
46791
|
--usk-native-choice-checked-background: var(--deco-secondary);
|
|
46447
46792
|
--usk-native-choice-mark-color: var(--deco-on-secondary);
|
|
46448
46793
|
--usk-native-range-progress-background: var(--deco-secondary);
|
|
46449
|
-
--usk-native-range-thumb-background: var(--
|
|
46794
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
46450
46795
|
--usk-native-progress-value-background: var(--deco-secondary);
|
|
46451
46796
|
}
|
|
46452
46797
|
|
|
@@ -46849,7 +47194,7 @@
|
|
|
46849
47194
|
.deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
|
|
46850
47195
|
content: "";
|
|
46851
47196
|
box-sizing: border-box;
|
|
46852
|
-
background:
|
|
47197
|
+
background: repeating-conic-gradient(currentColor 0 8deg,transparent 8deg 16deg,currentColor 16deg 24deg,transparent 24deg 30deg);
|
|
46853
47198
|
border: 3px double var(--deco-metal);
|
|
46854
47199
|
width: 16px;
|
|
46855
47200
|
height: 16px;
|
|
@@ -47973,7 +48318,7 @@
|
|
|
47973
48318
|
--usk-native-range-track-shadow: inset 0 4px #ffffff4d;
|
|
47974
48319
|
--usk-native-range-progress-background: var(--clay-primary);
|
|
47975
48320
|
--usk-native-range-thumb-size: 1.65rem;
|
|
47976
|
-
--usk-native-range-thumb-background: var(--
|
|
48321
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
47977
48322
|
--usk-native-range-thumb-border: 1px solid var(--clay-border);
|
|
47978
48323
|
--usk-native-range-thumb-radius: 50%;
|
|
47979
48324
|
--usk-native-range-thumb-shadow: inset 0 4px #ffffff4d;
|
|
@@ -48218,7 +48563,7 @@
|
|
|
48218
48563
|
background: var(--clay-card-bg);
|
|
48219
48564
|
}
|
|
48220
48565
|
|
|
48221
|
-
.clay-toolbar, .clay-table-wrap, .clay-button:not(.clay-button-primary):not(.clay-button-secondary):not(.clay-button-danger):not(.clay-button-warning):not(.clay-button-ghost), .clay-icon-button, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .ui-icon-button {
|
|
48566
|
+
.clay-toolbar, .clay-table-wrap, .clay-button:where(:not([data-ui-variant])):not(.clay-button-primary):not(.clay-button-secondary):not(.clay-button-danger):not(.clay-button-warning):not(.clay-button-ghost), .clay-icon-button, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .ui-icon-button {
|
|
48222
48567
|
background: var(--clay-control-bg);
|
|
48223
48568
|
}
|
|
48224
48569
|
|
|
@@ -49105,7 +49450,7 @@
|
|
|
49105
49450
|
--usk-native-range-track-shadow: var(--clay-carved-shadow);
|
|
49106
49451
|
--usk-native-range-progress-background: var(--clay-molded-primary);
|
|
49107
49452
|
--usk-native-range-thumb-size: 1.32rem;
|
|
49108
|
-
--usk-native-range-thumb-background: var(--
|
|
49453
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
49109
49454
|
--usk-native-range-thumb-border: 1px solid var(--clay-material-seam);
|
|
49110
49455
|
--usk-native-range-thumb-radius: 43% 57% 47% 53% / 52% 45% 55% 48%;
|
|
49111
49456
|
--usk-native-range-thumb-shadow: inset 0 0 0 1px var(--clay-material-seam), var(--clay-filled-shadow);
|
|
@@ -49881,7 +50226,7 @@
|
|
|
49881
50226
|
}
|
|
49882
50227
|
|
|
49883
50228
|
.clay-button[aria-busy="true"]:after, .clay-icon-button[aria-busy="true"]:after, [data-ui="clay"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="clay"]) .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-icon-button[aria-busy="true"]:after {
|
|
49884
|
-
background: radial-gradient(circle at 50% 8%,var(--clay-material-highlight)0 3%,
|
|
50229
|
+
background: radial-gradient(circle at 50% 8%,var(--clay-material-highlight)0 3%,currentColor 4% 9%,transparent 10%),radial-gradient(circle at 80% 20%,var(--clay-material-highlight)0 3%,var(--clay-accent) 4% 9%,transparent 10%),radial-gradient(circle at 92% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 80% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-success) 4% 9%,transparent 10%),radial-gradient(circle at 50% 92%,var(--clay-material-highlight)0 3%,var(--clay-pigment-warning) 4% 9%,transparent 10%),radial-gradient(circle at 20% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-danger) 4% 9%,transparent 10%),radial-gradient(circle at 8% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 20% 20%,var(--clay-material-highlight)0 3%,var(--clay-pigment-primary-hover) 4% 9%,transparent 10%);
|
|
49885
50230
|
box-shadow: none;
|
|
49886
50231
|
clip-path: none;
|
|
49887
50232
|
filter: drop-shadow(0 .08em .06em var(--clay-material-contact));
|
|
@@ -52040,7 +52385,7 @@
|
|
|
52040
52385
|
--usk-native-range-track-shadow: 0 0 9px var(--terminal-primary);
|
|
52041
52386
|
--usk-native-range-progress-background: var(--terminal-primary);
|
|
52042
52387
|
--usk-native-range-thumb-size: 1.1rem;
|
|
52043
|
-
--usk-native-range-thumb-background: var(--
|
|
52388
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
52044
52389
|
--usk-native-range-thumb-border: 1px solid var(--terminal-border);
|
|
52045
52390
|
--usk-native-range-thumb-radius: 0;
|
|
52046
52391
|
--usk-native-range-thumb-shadow: 0 0 9px var(--terminal-primary);
|
|
@@ -52285,7 +52630,7 @@
|
|
|
52285
52630
|
background: var(--terminal-card-bg);
|
|
52286
52631
|
}
|
|
52287
52632
|
|
|
52288
|
-
.terminal-toolbar, .terminal-table-wrap, .terminal-button:not(.terminal-button-primary):not(.terminal-button-secondary):not(.terminal-button-danger):not(.terminal-button-warning):not(.terminal-button-ghost):not(.is-active):not([aria-pressed="true"]), .terminal-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-icon-button:not(.is-active):not([aria-pressed="true"]) {
|
|
52633
|
+
.terminal-toolbar, .terminal-table-wrap, .terminal-button:where(:not([data-ui-variant])):not(.terminal-button-primary):not(.terminal-button-secondary):not(.terminal-button-danger):not(.terminal-button-warning):not(.terminal-button-ghost):not(.is-active):not([aria-pressed="true"]), .terminal-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-icon-button:not(.is-active):not([aria-pressed="true"]) {
|
|
52289
52634
|
background: var(--terminal-control-bg);
|
|
52290
52635
|
}
|
|
52291
52636
|
|
|
@@ -53218,7 +53563,7 @@
|
|
|
53218
53563
|
--usk-native-range-track-shadow: none;
|
|
53219
53564
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--terminal-success), var(--terminal-warning), var(--terminal-danger));
|
|
53220
53565
|
--usk-native-range-thumb-size: .9rem;
|
|
53221
|
-
--usk-native-range-thumb-background: var(--
|
|
53566
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
53222
53567
|
--usk-native-range-thumb-border: 1px solid var(--terminal-surface);
|
|
53223
53568
|
--usk-native-range-thumb-radius: 0;
|
|
53224
53569
|
--usk-native-range-thumb-shadow: 0 0 0 1px var(--terminal-primary);
|
|
@@ -54120,7 +54465,7 @@
|
|
|
54120
54465
|
--usk-native-range-track-shadow: none;
|
|
54121
54466
|
--usk-native-range-progress-background: linear-gradient(var(--terminal-primary), var(--terminal-primary));
|
|
54122
54467
|
--usk-native-range-thumb-size: .75rem;
|
|
54123
|
-
--usk-native-range-thumb-background: var(--terminal-
|
|
54468
|
+
--usk-native-range-thumb-background: linear-gradient(135deg, var(--terminal-primary), var(--terminal-accent));
|
|
54124
54469
|
--usk-native-range-thumb-border: 2px solid var(--terminal-text);
|
|
54125
54470
|
--usk-native-range-thumb-radius: 0;
|
|
54126
54471
|
--usk-native-range-thumb-shadow: none;
|
|
@@ -54479,7 +54824,7 @@
|
|
|
54479
54824
|
--usk-native-range-track-shadow: 2px 2px 0 #00000029;
|
|
54480
54825
|
--usk-native-range-progress-background: var(--paper-primary);
|
|
54481
54826
|
--usk-native-range-thumb-size: 1.15rem;
|
|
54482
|
-
--usk-native-range-thumb-background: var(--
|
|
54827
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
54483
54828
|
--usk-native-range-thumb-border: 1px solid var(--paper-border);
|
|
54484
54829
|
--usk-native-range-thumb-radius: 50%;
|
|
54485
54830
|
--usk-native-range-thumb-shadow: 2px 2px 0 #00000029;
|
|
@@ -54724,7 +55069,7 @@
|
|
|
54724
55069
|
background: var(--paper-card-bg);
|
|
54725
55070
|
}
|
|
54726
55071
|
|
|
54727
|
-
.paper-toolbar, .paper-table-wrap, .paper-button:not(.paper-button-primary):not(.paper-button-secondary):not(.paper-button-danger):not(.paper-button-warning):not(.paper-button-ghost), .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap, :where([data-ui="paper-editorial"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .ui-icon-button {
|
|
55072
|
+
.paper-toolbar, .paper-table-wrap, .paper-button:where(:not([data-ui-variant])):not(.paper-button-primary):not(.paper-button-secondary):not(.paper-button-danger):not(.paper-button-warning):not(.paper-button-ghost), .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap, :where([data-ui="paper-editorial"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .ui-icon-button {
|
|
54728
55073
|
background: var(--paper-control-bg);
|
|
54729
55074
|
}
|
|
54730
55075
|
|
|
@@ -55625,7 +55970,7 @@
|
|
|
55625
55970
|
--usk-native-range-track-shadow: 0 1px 0 rgb(var(--paper-text-rgb) / .22);
|
|
55626
55971
|
--usk-native-range-progress-background: var(--paper-primary);
|
|
55627
55972
|
--usk-native-range-thumb-size: 1rem;
|
|
55628
|
-
--usk-native-range-thumb-background: var(--
|
|
55973
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
55629
55974
|
--usk-native-range-thumb-border: 2px solid var(--paper-primary);
|
|
55630
55975
|
--usk-native-range-thumb-radius: .02rem;
|
|
55631
55976
|
--usk-native-range-thumb-shadow: .08rem .08rem 0 rgb(var(--paper-text-rgb) / .28);
|
|
@@ -57485,6 +57830,46 @@
|
|
|
57485
57830
|
pointer-events: auto;
|
|
57486
57831
|
}
|
|
57487
57832
|
|
|
57833
|
+
.paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
|
|
57834
|
+
grid-template-columns: minmax(0, 1fr);
|
|
57835
|
+
align-items: center;
|
|
57836
|
+
gap: .25rem .5rem;
|
|
57837
|
+
padding-inline-start: 2.75rem;
|
|
57838
|
+
display: grid;
|
|
57839
|
+
position: relative;
|
|
57840
|
+
}
|
|
57841
|
+
|
|
57842
|
+
.paper-alert:before, :where([data-ui="paper-editorial"]) .usk-alert:before, :where([data-ui="paper-editorial"]) .ui-alert:before {
|
|
57843
|
+
place-items: center;
|
|
57844
|
+
block-size: 1.5rem;
|
|
57845
|
+
min-block-size: 0;
|
|
57846
|
+
inline-size: 1.5rem;
|
|
57847
|
+
min-inline-size: 0;
|
|
57848
|
+
margin: 0;
|
|
57849
|
+
padding: 0;
|
|
57850
|
+
font: 700 1.25rem / 1 Segoe UI Symbol, Arial, sans-serif;
|
|
57851
|
+
display: grid;
|
|
57852
|
+
position: absolute;
|
|
57853
|
+
inset-block-start: 50%;
|
|
57854
|
+
inset-inline-start: .75rem;
|
|
57855
|
+
transform: translateY(-50%);
|
|
57856
|
+
}
|
|
57857
|
+
|
|
57858
|
+
.paper-alert > :is(p, strong, span, div), :where([data-ui="paper-editorial"]) .usk-alert>:is(p,strong,span,div), :where([data-ui="paper-editorial"]) .ui-alert>:is(p,strong,span,div) {
|
|
57859
|
+
min-inline-size: 0;
|
|
57860
|
+
width: auto;
|
|
57861
|
+
margin: 0;
|
|
57862
|
+
}
|
|
57863
|
+
|
|
57864
|
+
.paper-alert:has( > button), :where([data-ui="paper-editorial"]) .usk-alert:has(>button), :where([data-ui="paper-editorial"]) .ui-alert:has(>button) {
|
|
57865
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
57866
|
+
}
|
|
57867
|
+
|
|
57868
|
+
.paper-alert > button, :where([data-ui="paper-editorial"]) .usk-alert>button, :where([data-ui="paper-editorial"]) .ui-alert>button {
|
|
57869
|
+
align-self: center;
|
|
57870
|
+
margin: 0;
|
|
57871
|
+
}
|
|
57872
|
+
|
|
57488
57873
|
.paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]), :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
|
|
57489
57874
|
block-size: 24px;
|
|
57490
57875
|
inline-size: 24px;
|
|
@@ -57810,7 +58195,7 @@
|
|
|
57810
58195
|
--usk-native-range-track-shadow: 0 0 12px var(--noir-primary);
|
|
57811
58196
|
--usk-native-range-progress-background: var(--noir-primary);
|
|
57812
58197
|
--usk-native-range-thumb-size: 1.35rem;
|
|
57813
|
-
--usk-native-range-thumb-background: var(--
|
|
58198
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
57814
58199
|
--usk-native-range-thumb-border: 1px solid var(--noir-border);
|
|
57815
58200
|
--usk-native-range-thumb-radius: 44% 56%;
|
|
57816
58201
|
--usk-native-range-thumb-shadow: 0 0 12px var(--noir-primary);
|
|
@@ -58863,7 +59248,7 @@
|
|
|
58863
59248
|
}
|
|
58864
59249
|
|
|
58865
59250
|
.noir-icon-medallion {
|
|
58866
|
-
color: var(--usk-primary-ink, var(--noir-
|
|
59251
|
+
color: var(--usk-primary-ink, var(--noir-link));
|
|
58867
59252
|
border-color: var(--noir-primary);
|
|
58868
59253
|
box-shadow: 0 0 1.2rem rgb(var(--noir-primary-rgb)/.18);
|
|
58869
59254
|
background: none;
|
|
@@ -58973,7 +59358,7 @@
|
|
|
58973
59358
|
--usk-native-range-track-shadow: 0 0 .62rem rgb(var(--noir-warning-rgb) / .34);
|
|
58974
59359
|
--usk-native-range-progress-background: linear-gradient(90deg, var(--noir-warning), var(--noir-primary));
|
|
58975
59360
|
--usk-native-range-thumb-size: 1.26rem;
|
|
58976
|
-
--usk-native-range-thumb-background:
|
|
59361
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
58977
59362
|
--usk-native-range-thumb-border: 1px solid var(--noir-warning);
|
|
58978
59363
|
--usk-native-range-thumb-radius: 0 .18rem 0 .18rem;
|
|
58979
59364
|
--usk-native-range-thumb-shadow: -.2rem 0 .62rem rgb(var(--noir-focus-rgb) / .42);
|
|
@@ -59267,7 +59652,7 @@
|
|
|
59267
59652
|
--usk-native-range-track-background: var(--noir-border);
|
|
59268
59653
|
--usk-native-range-track-shadow: none;
|
|
59269
59654
|
--usk-native-range-track-radius: 0;
|
|
59270
|
-
--usk-native-range-thumb-background: var(--
|
|
59655
|
+
--usk-native-range-thumb-background: var(--usk-native-primary);
|
|
59271
59656
|
--usk-native-range-thumb-shadow: none;
|
|
59272
59657
|
--usk-native-progress-track-background: var(--noir-surface-soft);
|
|
59273
59658
|
--usk-native-progress-track-shadow: none;
|
|
@@ -59405,6 +59790,7 @@
|
|
|
59405
59790
|
}
|
|
59406
59791
|
|
|
59407
59792
|
.noir-button-secondary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="secondary"]) {
|
|
59793
|
+
--noir-action-fill: var(--noir-secondary);
|
|
59408
59794
|
--noir-action-line: var(--noir-secondary);
|
|
59409
59795
|
}
|
|
59410
59796
|
|