ui-style-kit-css 2.7.4 → 2.7.5
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 +5 -0
- package/README.md +4 -4
- package/dist/ui-style-kit.css +2 -2
- package/dist/ui-style-kit.min.css +2 -2
- package/dist/ui-style-kit.visual.css +2 -2
- package/dist/ui-style-kit.visual.min.css +2 -2
- package/dist/ui-style-kit.with-bridge.css +2 -2
- package/dist/ui-style-kit.with-bridge.min.css +2 -2
- package/dist/visual/art-deco.css +2 -2
- package/dist/visual/bauhaus.css +2 -2
- package/dist/visual/bento.css +2 -2
- package/dist/visual/brutalism.css +2 -2
- package/dist/visual/clay.css +2 -2
- package/dist/visual/cyberpunk.css +2 -2
- package/dist/visual/data-terminal.css +2 -2
- package/dist/visual/editorial-luxe.css +2 -2
- package/dist/visual/industrial-utility.css +2 -2
- package/dist/visual/maximalist.css +2 -2
- package/dist/visual/minimal-saas.css +2 -2
- package/dist/visual/neo-noir.css +2 -2
- package/dist/visual/neumorphism.css +2 -2
- package/dist/visual/organic-modern.css +2 -2
- package/dist/visual/paper-editorial.css +2 -2
- package/dist/visual/retro-glass.css +2 -2
- package/dist/visual/retrofuturism.css +2 -2
- package/dist/visual/tactile.css +2 -2
- package/dist/visual/technical-blueprint.css +2 -2
- package/dist/visual/y2k.css +2 -2
- package/docs/ECOSYSTEM.md +2 -2
- package/docs/PUBLISHING.md +11 -7
- package/docs/RELEASE-2.7.5.md +7 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
- package/styles/theme-colors.css +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
package/dist/visual/tactile.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
package/dist/visual/y2k.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.7.
|
|
2
|
+
* UI Style Kit CSS v2.7.5
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
--usk-success-text-rgb: 255 255 255;
|
|
455
455
|
--usk-warning-text-rgb: 0 0 0;
|
|
456
456
|
--usk-danger-text-rgb: 255 255 255;
|
|
457
|
-
--usk-focus-rgb:
|
|
457
|
+
--usk-focus-rgb: 0 99 110;
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
package/docs/ECOSYSTEM.md
CHANGED
|
@@ -14,11 +14,11 @@ Before a UI branch or pull request is expected to validate, verify the reviewed
|
|
|
14
14
|
|
|
15
15
|
| Library | Current aligned version | Owns |
|
|
16
16
|
|---|---:|---|
|
|
17
|
-
| `ui-style-kit-css@2.7.
|
|
17
|
+
| `ui-style-kit-css@2.7.5` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
|
|
18
18
|
| `interactive-surface-css@1.7.3` | compatible state release | interaction-state primitives, surface behavior, state layers, and input affordances |
|
|
19
19
|
| `layout-style-css@3.2.3` | compatible structural release | structural wrappers, grids, sections, app shells, and layout recipes |
|
|
20
20
|
|
|
21
|
-
The current combination is `ui-style-kit-css@2.7.
|
|
21
|
+
The current combination is `ui-style-kit-css@2.7.5`, `interactive-surface-css@1.7.3`, and `layout-style-css@3.2.3`. UI Style Kit `2.7.5` is the current UI version. The companion versions are reviewed releases. Layout Style `3.2.3` is the compatible structural release. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
|
|
22
22
|
|
|
23
23
|
## Layout-to-visual pairing matrix
|
|
24
24
|
|
package/docs/PUBLISHING.md
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
# Publishing
|
|
2
2
|
|
|
3
|
+
## 2.7.5 Graphite Cyan focus correction
|
|
4
|
+
|
|
5
|
+
Follow the existing local `release:verify`, reviewed source on main, signed version tag, Release Version Alignment and protected npm publisher sequence below. All historical releases remain immutable. See [the focused 2.7.5 release notes](RELEASE-2.7.5.md).
|
|
6
|
+
|
|
3
7
|
## 2.7.4 accessibility patch
|
|
4
8
|
|
|
5
9
|
Use the existing reviewed source, signed tag and protected npm release workflow for this patch. The historical `publish-select-patch.yml` controller is restricted to 2.7.2 and must not be dispatched for 2.7.4. Complete local release verification, align generated artifacts and inspect the exact source before opening the release PR. Review, package-owner credentials, immutable identities and anonymous public-byte readback remain required. SYS may consume only the resulting published artifact. See [the 2.7.4 release notes](RELEASE-2.7.4.md).
|
|
6
10
|
|
|
7
|
-
## 2.7.
|
|
11
|
+
## 2.7.5 release workflow
|
|
8
12
|
|
|
9
|
-
This guide prepares version `2.7.
|
|
13
|
+
This guide prepares version `2.7.5`. [Release preparation notes](RELEASE-2.7.5.md)
|
|
10
14
|
record the current local scope and gates; existing visual-QA documents are historical
|
|
11
|
-
evidence, not proof that subsequent edits passed browser validation. The 2.7.
|
|
15
|
+
evidence, not proof that subsequent edits passed browser validation. The 2.7.5
|
|
12
16
|
changelog entry must carry the approved publication date before tagging.
|
|
13
17
|
|
|
14
18
|
Update the tracked `wiki/` sources with the README and docs. Publishing those pages
|
|
@@ -17,9 +21,9 @@ documentation generator is configured in this package; reusable JavaScript helpe
|
|
|
17
21
|
use JSDoc-compatible comments, and the checked-in build owns generated CSS, manifests,
|
|
18
22
|
icons, README size measurements, and demo asset hashes.
|
|
19
23
|
|
|
20
|
-
Prepare `ui-style-kit-css@2.7.
|
|
24
|
+
Prepare `ui-style-kit-css@2.7.5` on its release branch, open a pull request against `main`, and merge only after the fast automated gate is green and any requested manual demo review is complete. The aligned companion releases are `layout-style-css@3.2.3` and `interactive-surface-css@1.7.3`.
|
|
21
25
|
|
|
22
|
-
Do not push `v2.7.
|
|
26
|
+
Do not push `v2.7.5` before the reviewed release commit is on `main`. A pushed version tag runs Release Version Alignment, which validates the tag/package/changelog contract and creates the GitHub Release; publishing that release triggers the protected npm workflow.
|
|
23
27
|
|
|
24
28
|
Release Version Alignment owns the fast automated release gate: lint, build, unit checks, the tagged Chromium release-smoke Playwright suite, and packed ecosystem preflight with `--skip-clean-install`. The visual-baseline suite, full UI matrix, and clean-install ecosystem matrix are manual escalation tools, not default push or publish blockers. The protected npm workflow intentionally does not rerun browser gates; it revalidates the immutable tag, package contracts, browser-free compatibility checks, companion commit reachability, the explicit release preflight with `--skip-clean-install`, npm token presence, npm owner authorization, and registry state before publishing.
|
|
25
29
|
|
|
@@ -80,7 +84,7 @@ npm run check:ecosystem:packs -- --layout-repo ../Layout-Style-CSS --interactive
|
|
|
80
84
|
npm publish
|
|
81
85
|
```
|
|
82
86
|
|
|
83
|
-
`prepublishOnly` runs `npm run release:verify`, so a direct `npm publish` still has the default fast release gate. For GitHub releases, push or dispatch the matching package tag, such as `v2.7.
|
|
87
|
+
`prepublishOnly` runs `npm run release:verify`, so a direct `npm publish` still has the default fast release gate. For GitHub releases, push or dispatch the matching package tag, such as `v2.7.5`, only after the release PR is merged. The release workflows verify that `package.json`, `package-lock.json`, `CHANGELOG.md`, generated dist banners, and ecosystem pins are aligned before publishing. Dispatch the protected npm workflow from the current `main` workflow file when recovering publication for a release that has already passed Release Version Alignment.
|
|
84
88
|
|
|
85
89
|
The repository `NPM_TOKEN` secret must authenticate to npm as a user that appears in `npm owner ls ui-style-kit-css`. If the token belongs to another npm account or lacks package publish rights, npm may report a misleading registry `E404` at publish time.
|
|
86
90
|
|
|
@@ -92,4 +96,4 @@ npm run release:minor
|
|
|
92
96
|
npm run release:major
|
|
93
97
|
```
|
|
94
98
|
|
|
95
|
-
Use patch for compatible fixes, minor for new themes, presets, component capabilities, or browser-support contracts, and major for incompatible public API changes. Version `2.7.
|
|
99
|
+
Use patch for compatible fixes, minor for new themes, presets, component capabilities, or browser-support contracts, and major for incompatible public API changes. Version `2.7.5` is a patch release because it repairs interaction paint and contrast while retaining the preset and semantic component APIs. Future feature versioning continues to follow this policy.
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
# UI Style Kit CSS 2.7.5
|
|
2
|
+
|
|
3
|
+
The actual SYS consumer of 2.7.4 reproduced a Graphite Cyan light-mode breadcrumb focus ring below 3:1 contrast. Its focus token reused the bright accent rather than the existing dark cyan link ink. This patch changes only that palette/mode focus token from `34 184 199` to `0 99 110`, retaining the palette, component geometry, focus width and all other themes.
|
|
4
|
+
|
|
5
|
+
The focused regression fails on published 2.7.4 and checks keyboard focus against background, surface, strong surface and soft surface. The unchanged normal local release, PR, signed-tag alignment and protected publisher gates remain required. Published-byte verification and the actual SYS consumer check are separate acceptance steps. No local Core or SDK substitution is introduced.
|
|
6
|
+
|
|
7
|
+
The unchanged Art Deco / Arctic Indigo accessibility cases exposed scans during active 150/240ms palette transitions. The representative scan now uses the existing demo contrast gate's settled-transition contract before invoking unchanged Axe rules. No motion, paint, thresholds or supported state is disabled. The Graphite Cyan regression is included in the normal curated release smoke selection.
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-style-kit-css",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.5",
|
|
4
4
|
"description": "CSS theme and UI style preset library for accessible websites, dashboards, admin interfaces, and client-facing pages.",
|
|
5
5
|
"style": "dist/ui-style-kit.css",
|
|
6
6
|
"main": "dist/ui-style-kit.css",
|
package/styles/theme-colors.css
CHANGED
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
--usk-success-text-rgb: 255 255 255;
|
|
446
446
|
--usk-warning-text-rgb: 0 0 0;
|
|
447
447
|
--usk-danger-text-rgb: 255 255 255;
|
|
448
|
-
--usk-focus-rgb:
|
|
448
|
+
--usk-focus-rgb: 0 99 110;
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|