@ksmv/ui-checks 0.32.0 → 0.33.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 +4 -0
- package/dist/contrast-contract.json +38 -14
- package/dist/theme-contract.json +13 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.33.0 - 2026-11-01
|
|
4
|
+
|
|
5
|
+
- **Contratos:** tema `3.14.0` e contraste `22.0.0`, de 661 para 685 pares, para o `SideNav` da 0.33.0 (#652, #653). O ícone de aviso passa a ser medido em `--ui-side-nav-warning-icon`, e todo par novo mede um token da própria peça, que o tema pode declarar sem mudar o resto do app. **Quem tem tema próprio mede de novo.**
|
|
6
|
+
|
|
3
7
|
## 0.32.0 - 2026-11-01
|
|
4
8
|
|
|
5
9
|
- **Regra `components/native-date`** (#643). Vale o último atributo que escreve o `type`, inclusive num spread literal aninhado: `type="date" {...{ type: "text" }}` não acusa mais, e um `{ type }` abreviado conta como valor desconhecido.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"contractVersion": "
|
|
2
|
+
"contractVersion": "22.0.0",
|
|
3
3
|
"schemaVersion": 3,
|
|
4
4
|
"pairs": [
|
|
5
5
|
{ "foreground": "--ui-action-primary-text", "background": "--ui-action-primary-bg", "minimum": 4.5, "context": "normal-text" },
|
|
@@ -637,15 +637,15 @@
|
|
|
637
637
|
{ "foreground": "--ui-button-pressed-bg-hover", "background": "--ui-surface-chrome", "minimum": 3, "context": "button-pressed-boundary-hover-chrome" },
|
|
638
638
|
{ "foreground": "--ui-action-secondary-border", "background": "--ui-surface-chrome", "minimum": 3, "context": "action-secondary-boundary-chrome" },
|
|
639
639
|
{ "foreground": "--ui-side-nav-count-text", "background": "--ui-side-nav-count-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-count-text-chrome" },
|
|
640
|
-
{ "foreground": "--ui-
|
|
641
|
-
{ "foreground": "--ui-
|
|
642
|
-
{ "foreground": "--ui-
|
|
643
|
-
{ "foreground": "--ui-
|
|
644
|
-
{ "foreground": "--ui-
|
|
645
|
-
{ "foreground": "--ui-
|
|
646
|
-
{ "foreground": "--ui-
|
|
647
|
-
{ "foreground": "--ui-
|
|
648
|
-
{ "foreground": "--ui-
|
|
640
|
+
{ "foreground": "--ui-side-nav-danger-text", "background": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-danger-detail-chrome" },
|
|
641
|
+
{ "foreground": "--ui-side-nav-danger-text", "background": "--ui-action-ghost-bg-hover", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-danger-detail-hover-chrome" },
|
|
642
|
+
{ "foreground": "--ui-side-nav-danger-text", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-danger-detail-row" },
|
|
643
|
+
{ "foreground": "--ui-side-nav-warning-text", "background": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-warning-detail-chrome" },
|
|
644
|
+
{ "foreground": "--ui-side-nav-warning-text", "background": "--ui-action-ghost-bg-hover", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-warning-detail-hover-chrome" },
|
|
645
|
+
{ "foreground": "--ui-side-nav-warning-text", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-warning-detail-row" },
|
|
646
|
+
{ "foreground": "--ui-side-nav-warning-icon", "background": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-warning-icon-chrome" },
|
|
647
|
+
{ "foreground": "--ui-side-nav-warning-icon", "background": "--ui-action-ghost-bg-hover", "over": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-warning-icon-hover-chrome" },
|
|
648
|
+
{ "foreground": "--ui-side-nav-warning-icon", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-warning-icon-row" },
|
|
649
649
|
{ "foreground": "--ui-action-ghost-text", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-row-ghost" },
|
|
650
650
|
{ "foreground": "--ui-text-primary", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-row-primary" },
|
|
651
651
|
{ "foreground": "--ui-text-secondary", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-row-secondary" },
|
|
@@ -659,9 +659,33 @@
|
|
|
659
659
|
{ "foreground": "--ui-text-secondary-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 4.5, "context": "side-nav-row-secondary-on-inverse-end" },
|
|
660
660
|
{ "foreground": "--ui-text-button-text-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse", "minimum": 4.5, "context": "side-nav-row-text-button-on-inverse" },
|
|
661
661
|
{ "foreground": "--ui-text-button-text-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 4.5, "context": "side-nav-row-text-button-on-inverse-end" },
|
|
662
|
-
{ "foreground": "--ui-
|
|
663
|
-
{ "foreground": "--ui-
|
|
664
|
-
{ "foreground": "--ui-
|
|
665
|
-
{ "foreground": "--ui-
|
|
662
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-danger-on-inverse" },
|
|
663
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-danger-on-inverse-end" },
|
|
664
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-warning-on-inverse" },
|
|
665
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-warning-on-inverse-end" },
|
|
666
|
+
{ "foreground": "--ui-side-nav-icon", "background": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-icon-chrome" },
|
|
667
|
+
{ "foreground": "--ui-side-nav-icon-hover", "background": "--ui-action-ghost-bg-hover", "over": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-icon-hover-chrome" },
|
|
668
|
+
{ "foreground": "--ui-side-nav-icon", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-icon-row" },
|
|
669
|
+
{ "foreground": "--ui-side-nav-icon-hover", "background": "--ui-action-ghost-bg-hover", "over": "--ui-side-nav-row-bg", "minimum": 3, "context": "side-nav-icon-tile" },
|
|
670
|
+
{ "foreground": "--ui-side-nav-success-text", "background": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-success-chrome" },
|
|
671
|
+
{ "foreground": "--ui-side-nav-success-text", "background": "--ui-action-ghost-bg-hover", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-success-hover-chrome" },
|
|
672
|
+
{ "foreground": "--ui-side-nav-success-text", "background": "--ui-side-nav-row-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-success-row" },
|
|
673
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-success-on-inverse" },
|
|
674
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-side-nav-row-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-success-on-inverse-end" },
|
|
675
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-success-hover-on-inverse" },
|
|
676
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-success-hover-on-inverse-end" },
|
|
677
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-warning-hover-on-inverse" },
|
|
678
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-warning-hover-on-inverse-end" },
|
|
679
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-danger-hover-on-inverse" },
|
|
680
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-danger-hover-on-inverse-end" },
|
|
681
|
+
{ "foreground": "--ui-side-nav-current-text", "background": "--ui-side-nav-current-bg", "over": "--ui-surface-chrome", "minimum": 4.5, "context": "side-nav-current-text" },
|
|
682
|
+
{ "foreground": "--ui-side-nav-current-border", "background": "--ui-surface", "minimum": 3, "context": "side-nav-current-border" },
|
|
683
|
+
{ "foreground": "--ui-side-nav-current-border", "background": "--ui-surface-chrome", "minimum": 3, "context": "side-nav-current-border-chrome" },
|
|
684
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-success-rest-on-inverse" },
|
|
685
|
+
{ "foreground": "--ui-side-nav-success-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-success-rest-on-inverse-end" },
|
|
686
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-warning-rest-on-inverse" },
|
|
687
|
+
{ "foreground": "--ui-side-nav-warning-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-warning-rest-on-inverse-end" },
|
|
688
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "side-nav-row-danger-rest-on-inverse" },
|
|
689
|
+
{ "foreground": "--ui-side-nav-danger-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "side-nav-row-danger-rest-on-inverse-end" }
|
|
666
690
|
]
|
|
667
691
|
}
|
package/dist/theme-contract.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"contractVersion": "3.
|
|
2
|
+
"contractVersion": "3.14.0",
|
|
3
3
|
"schemaVersion": 2,
|
|
4
4
|
"prefix": "--ui-",
|
|
5
5
|
"required": [
|
|
@@ -342,6 +342,18 @@
|
|
|
342
342
|
"--ui-side-nav-count-text-on-inverse": { "kind": "token", "token": "--ui-text-secondary-on-inverse" },
|
|
343
343
|
"--ui-side-nav-row-bg": { "kind": "token", "token": "--ui-surface" },
|
|
344
344
|
"--ui-side-nav-row-bg-on-inverse": { "kind": "token", "token": "--ui-surface-tile-bg" },
|
|
345
|
+
"--ui-side-nav-icon": { "kind": "token", "token": "--ui-action-ghost-text" },
|
|
346
|
+
"--ui-side-nav-icon-hover": { "kind": "token", "token": "--ui-action-ghost-text-hover" },
|
|
347
|
+
"--ui-side-nav-warning-icon": { "kind": "token", "token": "--ui-status-warning" },
|
|
348
|
+
"--ui-side-nav-success-text": { "kind": "token", "token": "--ui-status-success-text" },
|
|
349
|
+
"--ui-side-nav-warning-text": { "kind": "token", "token": "--ui-status-warning-text" },
|
|
350
|
+
"--ui-side-nav-danger-text": { "kind": "token", "token": "--ui-status-danger-text" },
|
|
351
|
+
"--ui-side-nav-success-on-inverse": { "kind": "token", "token": "--ui-status-success-on-inverse" },
|
|
352
|
+
"--ui-side-nav-warning-on-inverse": { "kind": "token", "token": "--ui-status-warning-on-inverse" },
|
|
353
|
+
"--ui-side-nav-danger-on-inverse": { "kind": "token", "token": "--ui-status-danger-on-inverse" },
|
|
354
|
+
"--ui-side-nav-current-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
|
|
355
|
+
"--ui-side-nav-current-text": { "kind": "token", "token": "--ui-action-soft-accent-text" },
|
|
356
|
+
"--ui-side-nav-current-border": { "kind": "token", "token": "--ui-action-soft-accent-border" },
|
|
345
357
|
"--ui-side-nav-count-dot": { "kind": "token", "token": "--ui-status-info" },
|
|
346
358
|
"--ui-side-nav-count-dot-ring": { "kind": "token", "token": "--ui-surface" },
|
|
347
359
|
"--ui-side-nav-count-dot-on-inverse": { "kind": "token", "token": "--ui-status-info-on-inverse" },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ksmv/ui-checks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.0",
|
|
4
4
|
"description": "Static and computed quality checks for semantic UI token contracts.",
|
|
5
5
|
"keywords": ["accessibility", "design-tokens", "quality", "static-analysis"],
|
|
6
6
|
"license": "Apache-2.0",
|