ui-style-kit-css 2.6.1 → 2.7.1
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 +33 -0
- package/README.md +13 -12
- package/dist/ui-style-kit.css +1185 -1335
- package/dist/ui-style-kit.min.css +2 -2
- package/dist/ui-style-kit.visual.css +1185 -1335
- package/dist/ui-style-kit.visual.min.css +2 -2
- package/dist/ui-style-kit.with-bridge.css +1185 -1335
- package/dist/ui-style-kit.with-bridge.min.css +2 -2
- package/dist/visual/art-deco.css +455 -717
- package/dist/visual/bauhaus.css +2 -2
- package/dist/visual/bento.css +2 -2
- package/dist/visual/brutalism.css +411 -678
- package/dist/visual/clay.css +2 -2
- package/dist/visual/cyberpunk.css +430 -690
- package/dist/visual/data-terminal.css +426 -693
- package/dist/visual/editorial-luxe.css +429 -696
- package/dist/visual/industrial-utility.css +437 -699
- package/dist/visual/maximalist.css +434 -700
- package/dist/visual/minimal-saas.css +421 -684
- package/dist/visual/neo-noir.css +2 -2
- package/dist/visual/neumorphism.css +422 -689
- package/dist/visual/organic-modern.css +2 -2
- package/dist/visual/paper-editorial.css +484 -711
- package/dist/visual/retro-glass.css +435 -689
- package/dist/visual/retrofuturism.css +423 -690
- package/dist/visual/tactile.css +433 -698
- package/dist/visual/technical-blueprint.css +437 -700
- package/dist/visual/y2k.css +445 -692
- package/docs/COMPONENT-SPACING.md +154 -0
- package/docs/DEMO-SHOWCASE.md +16 -0
- package/docs/ECOSYSTEM.md +2 -2
- package/docs/PUBLISHING.md +7 -7
- package/docs/RELEASE-2.7.0.md +21 -0
- package/docs/RELEASE-2.7.1.md +21 -0
- package/manifest.json +9 -1
- package/package.json +2 -2
- package/styles/art-deco.css +18 -9
- package/styles/bauhaus.css +8 -5
- package/styles/bento.css +27 -16
- package/styles/brutalism.css +8 -5
- package/styles/clay.css +17 -10
- package/styles/clean-defaults.css +20 -0
- package/styles/component-composition.css +63 -0
- package/styles/components.css +262 -2
- package/styles/cyberpunk.css +21 -10
- package/styles/data-terminal.css +9 -5
- package/styles/editorial-luxe.css +9 -5
- package/styles/industrial-utility.css +17 -8
- package/styles/maximalist.css +10 -5
- package/styles/minimal-saas.css +9 -4
- package/styles/native-elements.css +32 -2
- package/styles/neo-noir.css +18 -9
- package/styles/neumorphism.css +13 -7
- package/styles/organic-modern.css +4 -4
- package/styles/paper-editorial.css +45 -7
- package/styles/retro-glass.css +16 -6
- package/styles/retrofuturism.css +10 -7
- package/styles/tactile.css +22 -9
- package/styles/technical-blueprint.css +14 -7
- package/styles/y2k.css +34 -14
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,39 @@ All notable changes to **UI Style Kit CSS** will be documented here.
|
|
|
4
4
|
|
|
5
5
|
## [Unreleased]
|
|
6
6
|
|
|
7
|
+
## [2.7.1] - 2026-10-29
|
|
8
|
+
|
|
9
|
+
### Fixed
|
|
10
|
+
|
|
11
|
+
- Preserved readable hover and pressed labels across prefixed controls, semantic aliases, anchor actions, native controls, navigation, and tables.
|
|
12
|
+
- Prevented inline-link colors and generated alias exclusions from overriding component foreground pairs, including mixed React class models.
|
|
13
|
+
- Kept decorative gloss outside action label areas and paired selected fills with their proper foregrounds.
|
|
14
|
+
- Prevented neutral defaults from replacing outlined CTA hover fills and corrected Clay icon-button surface pairing.
|
|
15
|
+
- Preserved primary paint on Y2K cut CTAs and kept complete trust-seal labels inside their frame.
|
|
16
|
+
- Corrected Bento success and warning badge ink on translucent surfaces.
|
|
17
|
+
|
|
18
|
+
## [2.7.0] - 2026-10-29
|
|
19
|
+
|
|
20
|
+
### Added
|
|
21
|
+
|
|
22
|
+
- Published shared card and link presentation controls, neutral structural defaults, and component spacing contracts for React and plain HTML consumers.
|
|
23
|
+
- Added semantic component and native-control regression coverage across preset, palette, mode, and interaction states.
|
|
24
|
+
|
|
25
|
+
### Fixed
|
|
26
|
+
|
|
27
|
+
- Kept message titles in readable neutral ink, centered Paper Editorial status icons, and made Tactile status surfaces, medallions, and loading indicators legible.
|
|
28
|
+
- Repaired annotation contrast, text edge clearance, toast wrapping, progress alignment, radio and checkbox states, secondary and warning button differentiation, and component containment.
|
|
29
|
+
- Prevented legacy prefixed neutral button paint from overriding attribute-selected React variants in 17 presets.
|
|
30
|
+
- Updated development-only dependency resolutions for fast-uri, postcss-selector-parser, and source-map-js after the release audit.
|
|
31
|
+
|
|
32
|
+
### Changed
|
|
33
|
+
|
|
34
|
+
- Refined the demo controls and reference specimens while preserving entered values through theme and mode changes.
|
|
35
|
+
- Kept the demo options toolbar visible while scrolling at mobile and desktop widths, with section anchors offset below it.
|
|
36
|
+
- Loaded optional preset specimen JavaScript only when its preset is selected.
|
|
37
|
+
- Limited theme and mode changes to palette-dependent demo sections so entered values and unrelated DOM stay in place.
|
|
38
|
+
- Reused semantic field and select styles in the demo toolbar and removed preset-specific toolbar overrides.
|
|
39
|
+
|
|
7
40
|
## [2.6.1] - 2026-09-30
|
|
8
41
|
|
|
9
42
|
### Fixed
|
package/README.md
CHANGED
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
It is separate from, but complementary to, **Interactive Surface CSS** and **Layout Style CSS**. Use **UI Style Kit CSS** for visual identity, color themes, UI presets, layout mood, and native HTML styling. Use **Interactive Surface CSS** for interaction-state animation systems and surface behavior. Use **Layout Style CSS** for responsive layout wrappers, grid systems, macro-structure positioning, and container scaffolding.
|
|
9
9
|
|
|
10
|
-
## Current
|
|
10
|
+
## Current version
|
|
11
11
|
|
|
12
|
-
Version `v2.
|
|
12
|
+
Version `v2.7.1` is the current UI version. It repairs disappearing hover and pressed labels, preserves action colors on links, and keeps text readable across native palettes, shared themes, and modes. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
|
|
13
13
|
|
|
14
|
-
The
|
|
14
|
+
The exhaustive browser suite defines 20 presets × 25 themes × 3 modes × 3 engines (4,500 combinations). Run the final release gate on the frozen candidate before treating that full matrix as current verification.
|
|
15
15
|
|
|
16
|
-
The `v2.4.0` baseline introduced complete native-control identities, native light/dark/contrast palettes when `data-theme` is omitted, a palette-aware color workbench, a unified demo with style-specific components, and exactly pinned parser-based minification. See the [2.
|
|
16
|
+
The `v2.4.0` baseline introduced complete native-control identities, native light/dark/contrast palettes when `data-theme` is omitted, a palette-aware color workbench, a unified demo with style-specific components, and exactly pinned parser-based minification. See the [2.7.1 release notes](docs/RELEASE-2.7.1.md) for the current scope and verification boundaries.
|
|
17
17
|
|
|
18
18
|
[Showcase website](https://foscat.github.io/ui-style-kit-css/)
|
|
19
19
|
|
|
@@ -56,11 +56,11 @@ These libraries stay standalone, but the current aligned set is:
|
|
|
56
56
|
|
|
57
57
|
| Library | Aligned version | Owns |
|
|
58
58
|
|---|---:|---|
|
|
59
|
-
| `ui-style-kit-css@2.
|
|
59
|
+
| `ui-style-kit-css@2.7.1` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
|
|
60
60
|
| `interactive-surface-css@1.7.3` | compatible state release | interaction-state primitives, surface behavior, state layers, and input affordances |
|
|
61
61
|
| `layout-style-css@3.2.3` | compatible structural release | structural wrappers, grids, sections, app shells, and layout recipes |
|
|
62
62
|
|
|
63
|
-
UI Style Kit `2.
|
|
63
|
+
UI Style Kit `2.7.1` is the current UI version. This version is aligned with the reviewed Interactive Surface `1.7.3` and Layout Style `3.2.3` releases. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
|
|
64
64
|
|
|
65
65
|
Use one, two, or all three depending on the project. UI Style Kit does not require the sibling libraries, and the optional bridge only maps shared `--usk-*` roles into Interactive Surface tokens when consumers import it.
|
|
66
66
|
|
|
@@ -193,16 +193,16 @@ SVG icons marked with `data-ui-icon` receive stable `1em` square geometry, block
|
|
|
193
193
|
|
|
194
194
|
| Import | Raw | Gzip | Best for |
|
|
195
195
|
|---|---:|---:|---|
|
|
196
|
-
| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~
|
|
197
|
-
| `ui-style-kit-css/visual.min.css` | ~
|
|
198
|
-
| `ui-style-kit-css/with-bridge.css` | ~
|
|
196
|
+
| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~2533 KB | ~427 KB | Compatible runtime UI-system switchers and demos |
|
|
197
|
+
| `ui-style-kit-css/visual.min.css` | ~2517 KB | ~425 KB | Runtime visual switching with consumer-owned layout |
|
|
198
|
+
| `ui-style-kit-css/with-bridge.css` | ~2903 KB | ~453 KB | Deprecated runtime switcher plus stateful bridge |
|
|
199
199
|
| `ui-style-kit-css/theme-colors.css` | ~64 KB | ~8 KB | Shared color schemes for standalone style imports |
|
|
200
|
-
| `ui-style-kit-css/native-elements.css` | ~
|
|
200
|
+
| `ui-style-kit-css/native-elements.css` | ~33 KB | ~5 KB | Shared native HTML fallback styling |
|
|
201
201
|
| `ui-style-kit-css/content-overflow.css` | ~20 KB | ~3 KB | Shared long-text containment for standalone style imports |
|
|
202
202
|
| `ui-style-kit-css/clean-defaults.css` | <10 KB | <2 KB | Shared spacing floors and opt-in flush/underline utilities |
|
|
203
203
|
| `ui-style-kit-css/interactive-surface-theme.css` | ~9 KB | ~1 KB | Canonical token-and-paint bridge for Interactive Surface state core |
|
|
204
|
-
| `ui-style-kit-css/visual/minimal-saas.css` | ~
|
|
205
|
-
| `ui-style-kit-css/visual/industrial-utility.css` | ~
|
|
204
|
+
| `ui-style-kit-css/visual/minimal-saas.css` | ~351 KB | ~51 KB | Focused Minimal SaaS, including semantic aliases and shared foundations |
|
|
205
|
+
| `ui-style-kit-css/visual/industrial-utility.css` | ~440 KB | ~61 KB | Focused Industrial Utility, including its instrumentation styles |
|
|
206
206
|
|
|
207
207
|
## CDN usage
|
|
208
208
|
|
|
@@ -299,6 +299,7 @@ Semantic paint variants use context-constrained `data-ui-variant`. Omit it for t
|
|
|
299
299
|
| `.usk-alert` | `success`, `warning`, `danger` |
|
|
300
300
|
| `.usk-chip` | `primary`, `secondary`, `success`, `warning`, `danger` |
|
|
301
301
|
| `.usk-toast` | `info`, `success`, `warning`, `danger` |
|
|
302
|
+
| `.usk-tooltip` | `primary`, `secondary`, `accent` |
|
|
302
303
|
|
|
303
304
|
Skeleton shape uses `data-shape="text|circle|block"`. Step workflow presentation uses `data-state="complete|current|upcoming|error"`; React and application code remain responsible for behavior and ARIA state.
|
|
304
305
|
|