ui-style-kit-css 2.7.1 → 2.7.3
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 +18 -0
- package/README.md +9 -9
- package/dist/ui-style-kit.css +22 -3
- package/dist/ui-style-kit.min.css +2 -2
- package/dist/ui-style-kit.visual.css +22 -3
- package/dist/ui-style-kit.visual.min.css +2 -2
- package/dist/ui-style-kit.with-bridge.css +22 -3
- package/dist/ui-style-kit.with-bridge.min.css +2 -2
- package/dist/visual/art-deco.css +20 -1
- package/dist/visual/bauhaus.css +2 -2
- package/dist/visual/bento.css +2 -2
- package/dist/visual/brutalism.css +20 -1
- package/dist/visual/clay.css +2 -2
- package/dist/visual/cyberpunk.css +20 -1
- package/dist/visual/data-terminal.css +20 -1
- package/dist/visual/editorial-luxe.css +20 -1
- package/dist/visual/industrial-utility.css +20 -1
- package/dist/visual/maximalist.css +20 -1
- package/dist/visual/minimal-saas.css +20 -1
- package/dist/visual/neo-noir.css +2 -2
- package/dist/visual/neumorphism.css +20 -1
- package/dist/visual/organic-modern.css +2 -2
- package/dist/visual/paper-editorial.css +20 -1
- package/dist/visual/retro-glass.css +21 -2
- package/dist/visual/retrofuturism.css +20 -1
- package/dist/visual/tactile.css +20 -1
- package/dist/visual/technical-blueprint.css +20 -1
- package/dist/visual/y2k.css +20 -1
- package/docs/ECOSYSTEM.md +2 -2
- package/docs/PUBLISHING.md +13 -7
- package/docs/RELEASE-2.7.2.md +55 -0
- package/docs/RELEASE-2.7.3.md +9 -0
- package/docs/api/publish-select-patch.md +80 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
- package/styles/component-composition.css +7 -0
- package/styles/native-elements.css +19 -0
- package/styles/neo-noir.css +2 -1
- package/styles/retro-glass.css +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.3
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -2860,6 +2860,25 @@
|
|
|
2860
2860
|
}
|
|
2861
2861
|
}
|
|
2862
2862
|
|
|
2863
|
+
/** Native select affordances survive component background shorthands in the preset layer. */
|
|
2864
|
+
@layer ui-style-kit.presets {
|
|
2865
|
+
/** Keep functional chrome above native defaults while leaving component surface colors intact. */
|
|
2866
|
+
[data-ui][data-mode] :where(select:not([multiple])) {
|
|
2867
|
+
padding-inline-end: var(--usk-native-select-padding-inline-end);
|
|
2868
|
+
background-image: var(--usk-native-select-indicator-image);
|
|
2869
|
+
background-repeat: no-repeat;
|
|
2870
|
+
background-position: var(--usk-native-select-indicator-position);
|
|
2871
|
+
background-size: var(--usk-native-select-indicator-size);
|
|
2872
|
+
}
|
|
2873
|
+
}
|
|
2874
|
+
|
|
2875
|
+
/** Preset density may tune other edges, but text must retain the native indicator gutter. */
|
|
2876
|
+
@layer ui-style-kit.clean_defaults {
|
|
2877
|
+
[data-ui][data-mode] :where(select:not([multiple])) {
|
|
2878
|
+
padding-inline-end: var(--usk-native-select-padding-inline-end);
|
|
2879
|
+
}
|
|
2880
|
+
}
|
|
2881
|
+
|
|
2863
2882
|
|
|
2864
2883
|
/* styles/components.css */
|
|
2865
2884
|
/* =========================================================
|
|
@@ -30650,7 +30669,7 @@
|
|
|
30650
30669
|
padding: 8px 11px;
|
|
30651
30670
|
}
|
|
30652
30671
|
|
|
30653
|
-
.rg-select, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-select {
|
|
30672
|
+
.rg-select, [data-ui="retro-glass"][data-mode] :where(select:not([multiple])), :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-select {
|
|
30654
30673
|
background-image: var(--usk-native-select-indicator-image),linear-gradient(180deg,#0000001f,transparent 18%);
|
|
30655
30674
|
background-size: var(--usk-native-select-indicator-size),auto;
|
|
30656
30675
|
background-position: var(--usk-native-select-indicator-position),center;
|
|
@@ -59345,7 +59364,7 @@
|
|
|
59345
59364
|
padding: .4rem .65rem;
|
|
59346
59365
|
}
|
|
59347
59366
|
|
|
59348
|
-
.noir-select, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-select {
|
|
59367
|
+
.noir-select, [data-ui="neo-noir"][data-mode] .noir-select, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"])[data-mode] .usk-select, :where([data-ui="neo-noir"]) .ui-select, :where([data-ui="neo-noir"])[data-mode] .ui-select {
|
|
59349
59368
|
appearance: auto;
|
|
59350
59369
|
background-image: none;
|
|
59351
59370
|
padding-right: .5rem;
|