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.
Files changed (59) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/README.md +13 -12
  3. package/dist/ui-style-kit.css +481 -95
  4. package/dist/ui-style-kit.min.css +2 -2
  5. package/dist/ui-style-kit.visual.css +481 -95
  6. package/dist/ui-style-kit.visual.min.css +2 -2
  7. package/dist/ui-style-kit.with-bridge.css +481 -95
  8. package/dist/ui-style-kit.with-bridge.min.css +2 -2
  9. package/dist/visual/art-deco.css +322 -12
  10. package/dist/visual/bauhaus.css +2 -2
  11. package/dist/visual/bento.css +2 -2
  12. package/dist/visual/brutalism.css +318 -8
  13. package/dist/visual/clay.css +2 -2
  14. package/dist/visual/cyberpunk.css +327 -10
  15. package/dist/visual/data-terminal.css +319 -9
  16. package/dist/visual/editorial-luxe.css +319 -9
  17. package/dist/visual/industrial-utility.css +323 -8
  18. package/dist/visual/maximalist.css +320 -9
  19. package/dist/visual/minimal-saas.css +317 -7
  20. package/dist/visual/neo-noir.css +2 -2
  21. package/dist/visual/neumorphism.css +319 -9
  22. package/dist/visual/organic-modern.css +2 -2
  23. package/dist/visual/paper-editorial.css +358 -8
  24. package/dist/visual/retro-glass.css +326 -8
  25. package/dist/visual/retrofuturism.css +320 -10
  26. package/dist/visual/tactile.css +327 -15
  27. package/dist/visual/technical-blueprint.css +320 -10
  28. package/dist/visual/y2k.css +319 -9
  29. package/docs/COMPONENT-SPACING.md +154 -0
  30. package/docs/ECOSYSTEM.md +2 -2
  31. package/docs/PUBLISHING.md +7 -7
  32. package/docs/RELEASE-2.6.1.md +13 -0
  33. package/docs/RELEASE-2.7.0.md +21 -0
  34. package/manifest.json +9 -1
  35. package/package.json +2 -2
  36. package/styles/art-deco.css +8 -8
  37. package/styles/bauhaus.css +4 -3
  38. package/styles/bento.css +17 -10
  39. package/styles/brutalism.css +4 -3
  40. package/styles/clay.css +6 -4
  41. package/styles/clean-defaults.css +20 -0
  42. package/styles/component-composition.css +63 -0
  43. package/styles/components.css +262 -2
  44. package/styles/cyberpunk.css +12 -5
  45. package/styles/data-terminal.css +6 -4
  46. package/styles/editorial-luxe.css +7 -4
  47. package/styles/industrial-utility.css +10 -3
  48. package/styles/maximalist.css +7 -4
  49. package/styles/minimal-saas.css +3 -2
  50. package/styles/native-elements.css +32 -2
  51. package/styles/neo-noir.css +7 -5
  52. package/styles/neumorphism.css +5 -4
  53. package/styles/organic-modern.css +3 -3
  54. package/styles/paper-editorial.css +39 -3
  55. package/styles/retro-glass.css +9 -3
  56. package/styles/retrofuturism.css +7 -5
  57. package/styles/tactile.css +16 -6
  58. package/styles/technical-blueprint.css +8 -5
  59. package/styles/y2k.css +5 -4
package/CHANGELOG.md CHANGED
@@ -4,6 +4,35 @@ All notable changes to **UI Style Kit CSS** will be documented here.
4
4
 
5
5
  ## [Unreleased]
6
6
 
7
+ ## [2.7.0] - 2026-10-29
8
+
9
+ ### Added
10
+
11
+ - Published shared card and link presentation controls, neutral structural defaults, and component spacing contracts for React and plain HTML consumers.
12
+ - Added semantic component and native-control regression coverage across preset, palette, mode, and interaction states.
13
+
14
+ ### Fixed
15
+
16
+ - Kept message titles in readable neutral ink, centered Paper Editorial status icons, and made Tactile status surfaces, medallions, and loading indicators legible.
17
+ - Repaired annotation contrast, text edge clearance, toast wrapping, progress alignment, radio and checkbox states, secondary and warning button differentiation, and component containment.
18
+ - Prevented legacy prefixed neutral button paint from overriding attribute-selected React variants in 17 presets.
19
+ - Updated development-only dependency resolutions for fast-uri, postcss-selector-parser, and source-map-js after the release audit.
20
+
21
+ ### Changed
22
+
23
+ - Refined the demo controls and reference specimens while preserving entered values through theme and mode changes.
24
+ - Kept the demo options toolbar visible while scrolling at mobile and desktop widths, with section anchors offset below it.
25
+ - Loaded optional preset specimen JavaScript only when its preset is selected.
26
+ - Limited theme and mode changes to palette-dependent demo sections so entered values and unrelated DOM stay in place.
27
+ - Reused semantic field and select styles in the demo toolbar and removed preset-specific toolbar overrides.
28
+
29
+ ## [2.6.1] - 2026-09-30
30
+
31
+ ### Fixed
32
+
33
+ - Corrected the Interactive Surface and Layout Style demo links so their case-sensitive GitHub Pages paths resolve instead of returning 404 responses.
34
+ - Updated the development-only fast-uri override to 3.1.8 to clear the current URI authority and host-confusion advisories without adding runtime dependencies.
35
+
7
36
  ## [2.6.0] - 2026-09-28
8
37
 
9
38
  ### Added
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 release
10
+ ## Current release candidate
11
11
 
12
- Version `v2.6.0` is a backward-compatible component-quality and delivery release. It gives every UI system a canonical self-contained `presets/<name>.css` import, keeps the all-style runtime-switching bundles, and hardens the universal `.usk-*` component contract across all 20 presets. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
12
+ Version `v2.7.0` is the current release candidate. It adds shared card and link presentation controls, repairs component spacing and message feedback, and preserves selected button variants when React combines semantic attributes with preset classes. The demo keeps its controls visible while scrolling and preserves entered values across theme changes. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
13
13
 
14
- The available browser matrix continues to cover 20 presets × 25 themes × 3 modes × 3 engines (4,500 combinations). The `v2.4.1` theme additions and Signal Yellow contrast corrections remain unchanged.
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.6.0 release notes](docs/RELEASE-2.6.0.md) for the current scope and verification boundaries.
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.0 release notes](docs/RELEASE-2.7.0.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.6.0` | current release | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
59
+ | `ui-style-kit-css@2.7.0` | current release candidate | 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.6.0` is the current release and 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`.
63
+ UI Style Kit `2.7.0` is the current release candidate; `2.6.1` remains the published npm release. The candidate 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` | ~2445 KB | ~419 KB | Compatible runtime UI-system switchers and demos |
197
- | `ui-style-kit-css/visual.min.css` | ~2429 KB | ~417 KB | Runtime visual switching with consumer-owned layout |
198
- | `ui-style-kit-css/with-bridge.css` | ~2814 KB | ~444 KB | Deprecated runtime switcher plus stateful bridge |
196
+ | `ui-style-kit-css/dist/ui-style-kit.min.css` | ~2513 KB | ~425 KB | Compatible runtime UI-system switchers and demos |
197
+ | `ui-style-kit-css/visual.min.css` | ~2496 KB | ~423 KB | Runtime visual switching with consumer-owned layout |
198
+ | `ui-style-kit-css/with-bridge.css` | ~2888 KB | ~451 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` | ~32 KB | ~5 KB | Shared native HTML fallback styling |
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` | ~314 KB | ~46 KB | Focused Minimal SaaS, including semantic aliases and shared foundations |
205
- | `ui-style-kit-css/visual/industrial-utility.css` | ~403 KB | ~56 KB | Focused Industrial Utility, including its instrumentation styles |
204
+ | `ui-style-kit-css/visual/minimal-saas.css` | ~355 KB | ~51 KB | Focused Minimal SaaS, including semantic aliases and shared foundations |
205
+ | `ui-style-kit-css/visual/industrial-utility.css` | ~444 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