@ksmv/ui-checks 0.19.0 → 0.21.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 +11 -0
- package/README.md +1 -1
- package/dist/contrast-contract.json +104 -6
- package/dist/theme-contract.json +123 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.21.0 - 2026-10-15
|
|
4
|
+
|
|
5
|
+
- **Contratos de tema 3.2.0 e de contraste 10.0.0** empacotados. O de tema ganha cinco derivados opcionais: o fundo do `IconButton` contornado, a cor da ajuda dos campos e a borda, o fundo e a marca da caixa de seleção. O de contraste ganha dez pares. Nenhum par sai, e cada par novo se reduz, com os padrões, a um par que já passava: um tema que não declara nada continua passando. Um fundo translúcido da caixa é medido pintado sobre a superfície. Regras e CLI não mudam. Atualize o `@ksmv/ui-react` junto (ver o CHANGELOG dele).
|
|
6
|
+
- **Quem usa `computedEvidence` precisa capturar a evidência de novo:** os dois contratos mudaram.
|
|
7
|
+
|
|
8
|
+
## 0.20.1 - 2026-10-14
|
|
9
|
+
|
|
10
|
+
- **A 0.20.0 não foi publicada.** A verificação da release parou por tempo, na suíte de navegadores, antes de a versão chegar ao npm, e nada mudou no pacote desde então: de 0.19.0, atualize direto para a 0.20.1. A tag `checks-v0.20.0` existe no repositório, mas não tem versão no registro.
|
|
11
|
+
- **Contratos de tema 3.1.0 e de contraste 9.0.0** empacotados. O de tema ganha 113 derivados opcionais e 2 tokens de forma; o de contraste ganha 88 pares (a superfície inversa, a paleta categórica, o aviso e o rótulo de seção, o item de menu e o cartão de rádio, o cabeçalho da tabela e o grupo de alternância, o selo cheio, a bolinha sobre a superfície inversa e a barra). Nenhum par sai, e cada par novo se reduz, com os padrões, a um par que já passava: um tema que não declara nada continua passando. Regras e CLI não mudam. Atualize o `@ksmv/ui-react` junto (ver o CHANGELOG dele).
|
|
12
|
+
- **Quem usa `computedEvidence` precisa capturar a evidência de novo:** os dois contratos mudaram.
|
|
13
|
+
|
|
3
14
|
## 0.19.0 - 2026-10-13
|
|
4
15
|
|
|
5
16
|
- **Contratos de tema 3.0.0 e de contraste 8.0.0** empacotados, os dois em `schemaVersion: 2`; um contrato `schemaVersion: 1` passa a ser recusado. Atualize o `@ksmv/ui-react` junto (ver o CHANGELOG dele).
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @ksmv/ui-checks
|
|
2
2
|
|
|
3
|
-
Verificações de qualidade para o contrato semântico `--ui-*` de `@ksmv/ui-react`: completude dos temas, contraste dos pares do contrato (ações, estados, campos, controles e, desde o contrato de contraste `3.0.0`, o texto base sobre as superfícies e, desde o `4.0.0`, a cor de link e, desde o `5.0.0`, a borda das ações e, desde o `6.0.0`, as variantes de ação da 0.17.0 e o botão de texto e, desde o `7.0.0`, os botões da casa da 0.18.1 e o hover por tom do botão de texto e, desde o `7.1.0`, o texto de hover dos botões suaves e do contorno de aviso), prefixo dos tokens, cores literais fora dos arquivos de tema e evidência calculada vinculada às fontes.
|
|
3
|
+
Verificações de qualidade para o contrato semântico `--ui-*` de `@ksmv/ui-react`: completude dos temas, contraste dos pares do contrato (ações, estados, campos, controles e, desde o contrato de contraste `3.0.0`, o texto base sobre as superfícies e, desde o `4.0.0`, a cor de link e, desde o `5.0.0`, a borda das ações e, desde o `6.0.0`, as variantes de ação da 0.17.0 e o botão de texto e, desde o `7.0.0`, os botões da casa da 0.18.1 e o hover por tom do botão de texto e, desde o `7.1.0`, o texto de hover dos botões suaves e do contorno de aviso e, desde o `9.0.0`, o texto, o limite de controle, o link, o botão de texto e o fantasma sobre a superfície inversa, a paleta categórica, a descrição do diálogo, o giro contra a superfície, o aviso e o rótulo de seção, o item de menu e o cartão de rádio, o cabeçalho da tabela e o grupo de alternância, e o selo cheio, a bolinha sobre a superfície inversa e a barra e, desde o `10.0.0`, o fundo do botão de ícone contornado, a cor da ajuda e a caixa de seleção), prefixo dos tokens, cores literais fora dos arquivos de tema e evidência calculada vinculada às fontes.
|
|
4
4
|
|
|
5
5
|
## Antes de depender deste pacote
|
|
6
6
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"contractVersion": "
|
|
2
|
+
"contractVersion": "10.0.0",
|
|
3
3
|
"schemaVersion": 2,
|
|
4
4
|
"pairs": [
|
|
5
5
|
{ "foreground": "--ui-action-primary-text", "background": "--ui-action-primary-bg", "minimum": 4.5, "context": "normal-text" },
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
{ "foreground": "--ui-status-warning", "background": "--ui-surface", "minimum": 3, "context": "status-indicator-on-surface" },
|
|
31
31
|
{ "foreground": "--ui-status-danger", "background": "--ui-surface", "minimum": 3, "context": "status-indicator-on-surface" },
|
|
32
32
|
{ "foreground": "--ui-status-info", "background": "--ui-surface", "minimum": 3, "context": "status-indicator-on-surface" },
|
|
33
|
-
{ "foreground": "--ui-loading-indicator-color", "background": "--ui-
|
|
33
|
+
{ "foreground": "--ui-loading-indicator-color", "background": "--ui-surface", "minimum": 3, "context": "loading-indicator" },
|
|
34
34
|
{ "foreground": "--ui-status-danger-text", "background": "--ui-surface", "minimum": 4.5, "context": "field-error-text" },
|
|
35
35
|
{ "foreground": "--ui-status-danger", "background": "--ui-surface", "minimum": 3, "context": "invalid-control-boundary" },
|
|
36
36
|
{ "foreground": "--ui-status-info", "background": "--ui-surface-subtle", "minimum": 3, "context": "progress-indicator" },
|
|
@@ -107,14 +107,112 @@
|
|
|
107
107
|
{ "foreground": "--ui-text-primary", "background": "--ui-dialog-header-bg", "minimum": 4.5, "context": "dialog-title" },
|
|
108
108
|
{ "foreground": "--ui-text-primary", "background": "--ui-dialog-header-bg-danger", "minimum": 4.5, "context": "dialog-title-danger" },
|
|
109
109
|
{ "foreground": "--ui-text-primary", "background": "--ui-dialog-header-bg-warning", "minimum": 4.5, "context": "dialog-title-warning" },
|
|
110
|
-
{ "foreground": "--ui-
|
|
111
|
-
{ "foreground": "--ui-
|
|
112
|
-
{ "foreground": "--ui-
|
|
110
|
+
{ "foreground": "--ui-dialog-description", "background": "--ui-dialog-header-bg", "minimum": 4.5, "context": "dialog-description" },
|
|
111
|
+
{ "foreground": "--ui-dialog-description", "background": "--ui-dialog-header-bg-danger", "minimum": 4.5, "context": "dialog-description-danger" },
|
|
112
|
+
{ "foreground": "--ui-dialog-description", "background": "--ui-dialog-header-bg-warning", "minimum": 4.5, "context": "dialog-description-warning" },
|
|
113
113
|
{ "foreground": "--ui-dialog-icon", "background": "--ui-dialog-header-bg", "minimum": 3, "context": "dialog-icon" },
|
|
114
114
|
{ "foreground": "--ui-dialog-icon-danger", "background": "--ui-dialog-header-bg-danger", "minimum": 3, "context": "dialog-icon-danger" },
|
|
115
115
|
{ "foreground": "--ui-dialog-icon-warning", "background": "--ui-dialog-header-bg-warning", "minimum": 3, "context": "dialog-icon-warning" },
|
|
116
116
|
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-dialog-header-bg", "minimum": 3, "context": "dialog-close" },
|
|
117
117
|
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-dialog-header-bg-danger", "minimum": 3, "context": "dialog-close-danger" },
|
|
118
|
-
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-dialog-header-bg-warning", "minimum": 3, "context": "dialog-close-warning" }
|
|
118
|
+
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-dialog-header-bg-warning", "minimum": 3, "context": "dialog-close-warning" },
|
|
119
|
+
{ "foreground": "--ui-text-primary-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-body-text" },
|
|
120
|
+
{ "foreground": "--ui-text-secondary-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-secondary-text" },
|
|
121
|
+
{ "foreground": "--ui-border-control-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "inverse-control-boundary" },
|
|
122
|
+
{ "foreground": "--ui-link-text-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-link-text" },
|
|
123
|
+
{ "foreground": "--ui-text-button-text-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-text-button-text" },
|
|
124
|
+
{ "foreground": "--ui-action-ghost-text-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-ghost-text" },
|
|
125
|
+
{ "foreground": "--ui-action-ghost-text-hover-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-ghost-text-hover" },
|
|
126
|
+
{ "foreground": "--ui-action-ghost-text-hover-on-inverse", "background": "--ui-action-ghost-bg-active-on-inverse", "over": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-ghost-text-active" },
|
|
127
|
+
{ "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "inverse-icon-button-ghost-icon" },
|
|
128
|
+
{ "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "inverse-icon-button-ghost-icon-hover" },
|
|
129
|
+
{ "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-action-ghost-bg-active-on-inverse", "over": "--ui-surface-inverse", "minimum": 3, "context": "inverse-icon-button-ghost-icon-active" },
|
|
130
|
+
{ "foreground": "--ui-category-1", "background": "--ui-surface", "minimum": 3, "context": "category-1-mark" },
|
|
131
|
+
{ "foreground": "--ui-category-1-text", "background": "--ui-category-1-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-1-text" },
|
|
132
|
+
{ "foreground": "--ui-category-1-on-solid", "background": "--ui-category-1-solid", "minimum": 4.5, "context": "category-1-on-solid" },
|
|
133
|
+
{ "foreground": "--ui-category-2", "background": "--ui-surface", "minimum": 3, "context": "category-2-mark" },
|
|
134
|
+
{ "foreground": "--ui-category-2-text", "background": "--ui-category-2-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-2-text" },
|
|
135
|
+
{ "foreground": "--ui-category-2-on-solid", "background": "--ui-category-2-solid", "minimum": 4.5, "context": "category-2-on-solid" },
|
|
136
|
+
{ "foreground": "--ui-category-3", "background": "--ui-surface", "minimum": 3, "context": "category-3-mark" },
|
|
137
|
+
{ "foreground": "--ui-category-3-text", "background": "--ui-category-3-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-3-text" },
|
|
138
|
+
{ "foreground": "--ui-category-3-on-solid", "background": "--ui-category-3-solid", "minimum": 4.5, "context": "category-3-on-solid" },
|
|
139
|
+
{ "foreground": "--ui-category-4", "background": "--ui-surface", "minimum": 3, "context": "category-4-mark" },
|
|
140
|
+
{ "foreground": "--ui-category-4-text", "background": "--ui-category-4-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-4-text" },
|
|
141
|
+
{ "foreground": "--ui-category-4-on-solid", "background": "--ui-category-4-solid", "minimum": 4.5, "context": "category-4-on-solid" },
|
|
142
|
+
{ "foreground": "--ui-category-5", "background": "--ui-surface", "minimum": 3, "context": "category-5-mark" },
|
|
143
|
+
{ "foreground": "--ui-category-5-text", "background": "--ui-category-5-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-5-text" },
|
|
144
|
+
{ "foreground": "--ui-category-5-on-solid", "background": "--ui-category-5-solid", "minimum": 4.5, "context": "category-5-on-solid" },
|
|
145
|
+
{ "foreground": "--ui-category-6", "background": "--ui-surface", "minimum": 3, "context": "category-6-mark" },
|
|
146
|
+
{ "foreground": "--ui-category-6-text", "background": "--ui-category-6-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-6-text" },
|
|
147
|
+
{ "foreground": "--ui-category-6-on-solid", "background": "--ui-category-6-solid", "minimum": 4.5, "context": "category-6-on-solid" },
|
|
148
|
+
{ "foreground": "--ui-category-7", "background": "--ui-surface", "minimum": 3, "context": "category-7-mark" },
|
|
149
|
+
{ "foreground": "--ui-category-7-text", "background": "--ui-category-7-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-7-text" },
|
|
150
|
+
{ "foreground": "--ui-category-7-on-solid", "background": "--ui-category-7-solid", "minimum": 4.5, "context": "category-7-on-solid" },
|
|
151
|
+
{ "foreground": "--ui-category-8", "background": "--ui-surface", "minimum": 3, "context": "category-8-mark" },
|
|
152
|
+
{ "foreground": "--ui-category-8-text", "background": "--ui-category-8-bg", "over": "--ui-surface", "minimum": 4.5, "context": "category-8-text" },
|
|
153
|
+
{ "foreground": "--ui-category-8-on-solid", "background": "--ui-category-8-solid", "minimum": 4.5, "context": "category-8-on-solid" },
|
|
154
|
+
{ "foreground": "--ui-alert-text", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "alert-text" },
|
|
155
|
+
{ "foreground": "--ui-alert-text-success", "background": "--ui-status-success-bg", "minimum": 4.5, "context": "alert-text-success" },
|
|
156
|
+
{ "foreground": "--ui-alert-text-warning", "background": "--ui-status-warning-bg", "minimum": 4.5, "context": "alert-text-warning" },
|
|
157
|
+
{ "foreground": "--ui-alert-text-danger", "background": "--ui-status-danger-bg", "minimum": 4.5, "context": "alert-text-danger" },
|
|
158
|
+
{ "foreground": "--ui-alert-text-info", "background": "--ui-status-info-bg", "minimum": 4.5, "context": "alert-text-info" },
|
|
159
|
+
{ "foreground": "--ui-alert-dismiss", "background": "--ui-surface-subtle", "minimum": 3, "context": "alert-dismiss" },
|
|
160
|
+
{ "foreground": "--ui-alert-dismiss", "background": "--ui-alert-dismiss-bg-hover", "over": "--ui-surface-subtle", "minimum": 3, "context": "alert-dismiss-hover" },
|
|
161
|
+
{ "foreground": "--ui-alert-dismiss-success", "background": "--ui-status-success-bg", "minimum": 3, "context": "alert-dismiss-success" },
|
|
162
|
+
{ "foreground": "--ui-alert-dismiss-success", "background": "--ui-alert-dismiss-bg-hover", "over": "--ui-status-success-bg", "minimum": 3, "context": "alert-dismiss-success-hover" },
|
|
163
|
+
{ "foreground": "--ui-alert-dismiss-warning", "background": "--ui-status-warning-bg", "minimum": 3, "context": "alert-dismiss-warning" },
|
|
164
|
+
{ "foreground": "--ui-alert-dismiss-warning", "background": "--ui-alert-dismiss-bg-hover", "over": "--ui-status-warning-bg", "minimum": 3, "context": "alert-dismiss-warning-hover" },
|
|
165
|
+
{ "foreground": "--ui-alert-dismiss-danger", "background": "--ui-status-danger-bg", "minimum": 3, "context": "alert-dismiss-danger" },
|
|
166
|
+
{ "foreground": "--ui-alert-dismiss-danger", "background": "--ui-alert-dismiss-bg-hover", "over": "--ui-status-danger-bg", "minimum": 3, "context": "alert-dismiss-danger-hover" },
|
|
167
|
+
{ "foreground": "--ui-alert-dismiss-info", "background": "--ui-status-info-bg", "minimum": 3, "context": "alert-dismiss-info" },
|
|
168
|
+
{ "foreground": "--ui-alert-dismiss-info", "background": "--ui-alert-dismiss-bg-hover", "over": "--ui-status-info-bg", "minimum": 3, "context": "alert-dismiss-info-hover" },
|
|
169
|
+
{ "foreground": "--ui-section-label-text", "background": "--ui-surface", "minimum": 4.5, "context": "section-label-text" },
|
|
170
|
+
{ "foreground": "--ui-section-label-text", "background": "--ui-surface-raised", "minimum": 4.5, "context": "section-label-text-raised" },
|
|
171
|
+
{ "foreground": "--ui-section-label-text", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "section-label-text-subtle" },
|
|
172
|
+
{ "foreground": "--ui-section-label-text-strong", "background": "--ui-surface", "minimum": 4.5, "context": "section-label-text-strong" },
|
|
173
|
+
{ "foreground": "--ui-section-label-text-strong", "background": "--ui-surface-raised", "minimum": 4.5, "context": "section-label-text-strong-raised" },
|
|
174
|
+
{ "foreground": "--ui-section-label-text-strong", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "section-label-text-strong-subtle" },
|
|
175
|
+
{ "foreground": "--ui-section-label-text-danger", "background": "--ui-surface", "minimum": 4.5, "context": "section-label-text-danger" },
|
|
176
|
+
{ "foreground": "--ui-section-label-text-warning", "background": "--ui-surface", "minimum": 4.5, "context": "section-label-text-warning" },
|
|
177
|
+
{ "foreground": "--ui-menu-item-text-accent", "background": "--ui-surface-raised", "minimum": 4.5, "context": "menu-item-text-accent" },
|
|
178
|
+
{ "foreground": "--ui-menu-item-text-brand", "background": "--ui-surface-raised", "minimum": 4.5, "context": "menu-item-text-brand" },
|
|
179
|
+
{ "foreground": "--ui-menu-item-text-warning", "background": "--ui-surface-raised", "minimum": 4.5, "context": "menu-item-text-warning" },
|
|
180
|
+
{ "foreground": "--ui-menu-item-text-danger", "background": "--ui-surface-raised", "minimum": 4.5, "context": "menu-item-text-danger" },
|
|
181
|
+
{ "foreground": "--ui-menu-item-text-info", "background": "--ui-surface-raised", "minimum": 4.5, "context": "menu-item-text-info" },
|
|
182
|
+
{ "foreground": "--ui-text-primary", "background": "--ui-radio-card-checked-bg", "over": "--ui-surface", "minimum": 4.5, "context": "radio-card-text-checked" },
|
|
183
|
+
{ "foreground": "--ui-text-secondary", "background": "--ui-radio-card-checked-bg", "over": "--ui-surface", "minimum": 4.5, "context": "radio-card-description-checked" },
|
|
184
|
+
{ "foreground": "--ui-text-primary", "background": "--ui-radio-card-checked-bg-danger", "over": "--ui-surface", "minimum": 4.5, "context": "radio-card-text-checked-danger" },
|
|
185
|
+
{ "foreground": "--ui-text-secondary", "background": "--ui-radio-card-checked-bg-danger", "over": "--ui-surface", "minimum": 4.5, "context": "radio-card-description-checked-danger" },
|
|
186
|
+
{ "foreground": "--ui-radio-card-checked-border-danger", "background": "--ui-surface", "minimum": 3, "context": "radio-card-border-danger" },
|
|
187
|
+
{ "foreground": "--ui-control-checked-bg", "background": "--ui-radio-card-checked-bg", "over": "--ui-surface", "minimum": 3, "context": "radio-card-checked-border" },
|
|
188
|
+
{ "foreground": "--ui-radio-card-checked-border-danger", "background": "--ui-radio-card-checked-bg-danger", "over": "--ui-surface", "minimum": 3, "context": "radio-card-checked-border-danger" },
|
|
189
|
+
{ "foreground": "--ui-table-header-text", "background": "--ui-surface", "minimum": 4.5, "context": "table-header-text" },
|
|
190
|
+
{ "foreground": "--ui-table-header-text", "background": "--ui-surface-raised", "minimum": 4.5, "context": "table-header-text-raised" },
|
|
191
|
+
{ "foreground": "--ui-table-header-text", "background": "--ui-table-header-bg", "minimum": 4.5, "context": "table-header-text-subtle" },
|
|
192
|
+
{ "foreground": "--ui-toggle-group-checked-text", "background": "--ui-toggle-group-checked-bg", "minimum": 4.5, "context": "toggle-group-checked-text" },
|
|
193
|
+
{ "foreground": "--ui-toggle-group-checked-text", "background": "--ui-toggle-group-checked-bg-hover", "minimum": 4.5, "context": "toggle-group-checked-text-hover" },
|
|
194
|
+
{ "foreground": "--ui-toggle-group-checked-border", "background": "--ui-surface", "minimum": 3, "context": "toggle-group-checked-border" },
|
|
195
|
+
{ "foreground": "--ui-toggle-group-track-text", "background": "--ui-toggle-group-track-bg", "minimum": 4.5, "context": "toggle-group-track-text" },
|
|
196
|
+
{ "foreground": "--ui-toggle-group-segment-text", "background": "--ui-toggle-group-segment-bg", "minimum": 4.5, "context": "toggle-group-segment-text" },
|
|
197
|
+
{ "foreground": "--ui-toggle-group-segment-text", "background": "--ui-toggle-group-track-bg", "minimum": 4.5, "context": "toggle-group-segment-text-hover" },
|
|
198
|
+
{ "foreground": "--ui-toggle-group-segment-border", "background": "--ui-toggle-group-segment-bg", "minimum": 3, "context": "toggle-group-segment-border" },
|
|
199
|
+
{ "foreground": "--ui-badge-solid-accent-text", "background": "--ui-badge-solid-accent-bg", "minimum": 4.5, "context": "badge-solid-accent-text" },
|
|
200
|
+
{ "foreground": "--ui-badge-solid-brand-text", "background": "--ui-badge-solid-brand-bg", "minimum": 4.5, "context": "badge-solid-brand-text" },
|
|
201
|
+
{ "foreground": "--ui-status-success-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "status-indicator-success-on-inverse" },
|
|
202
|
+
{ "foreground": "--ui-status-warning-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "status-indicator-warning-on-inverse" },
|
|
203
|
+
{ "foreground": "--ui-status-danger-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "status-indicator-danger-on-inverse" },
|
|
204
|
+
{ "foreground": "--ui-status-info-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "status-indicator-info-on-inverse" },
|
|
205
|
+
{ "foreground": "--ui-progress-accent", "background": "--ui-surface-subtle", "minimum": 3, "context": "progress-accent" },
|
|
206
|
+
{ "foreground": "--ui-progress-brand", "background": "--ui-surface-subtle", "minimum": 3, "context": "progress-brand" },
|
|
207
|
+
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-icon-button-outlined-bg", "over": "--ui-surface", "minimum": 3, "context": "icon-button-outlined-icon" },
|
|
208
|
+
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-icon-button-outlined-bg", "over": "--ui-surface-raised", "minimum": 3, "context": "icon-button-outlined-icon-raised" },
|
|
209
|
+
{ "foreground": "--ui-icon-button-ghost-text", "background": "--ui-icon-button-outlined-bg", "over": "--ui-surface-subtle", "minimum": 3, "context": "icon-button-outlined-icon-subtle" },
|
|
210
|
+
{ "foreground": "--ui-border-control", "background": "--ui-icon-button-outlined-bg", "over": "--ui-surface", "minimum": 3, "context": "icon-button-outlined-boundary" },
|
|
211
|
+
{ "foreground": "--ui-field-description", "background": "--ui-surface", "minimum": 4.5, "context": "field-description" },
|
|
212
|
+
{ "foreground": "--ui-field-description", "background": "--ui-surface-raised", "minimum": 4.5, "context": "field-description-raised" },
|
|
213
|
+
{ "foreground": "--ui-field-description", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "field-description-subtle" },
|
|
214
|
+
{ "foreground": "--ui-checkbox-border", "background": "--ui-checkbox-bg", "over": "--ui-surface", "minimum": 3, "context": "checkbox-boundary" },
|
|
215
|
+
{ "foreground": "--ui-checkbox-border", "background": "--ui-surface", "minimum": 3, "context": "checkbox-boundary-surface" },
|
|
216
|
+
{ "foreground": "--ui-checkbox-mark", "background": "--ui-control-checked-bg", "minimum": 3, "context": "checkbox-mark" }
|
|
119
217
|
]
|
|
120
218
|
}
|
package/dist/theme-contract.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"contractVersion": "3.
|
|
2
|
+
"contractVersion": "3.2.0",
|
|
3
3
|
"schemaVersion": 2,
|
|
4
4
|
"prefix": "--ui-",
|
|
5
5
|
"required": [
|
|
@@ -113,7 +113,125 @@
|
|
|
113
113
|
"--ui-dialog-icon-danger": { "kind": "token", "token": "--ui-status-danger" },
|
|
114
114
|
"--ui-dialog-icon-warning": { "kind": "token", "token": "--ui-status-warning" },
|
|
115
115
|
"--ui-dialog-footer-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
116
|
-
"--ui-dialog-footer-border": { "kind": "token", "token": "--ui-border" }
|
|
116
|
+
"--ui-dialog-footer-border": { "kind": "token", "token": "--ui-border" },
|
|
117
|
+
"--ui-text-primary-on-inverse": { "kind": "token", "token": "--ui-text-inverse" },
|
|
118
|
+
"--ui-text-secondary-on-inverse": { "kind": "token", "token": "--ui-text-primary-on-inverse" },
|
|
119
|
+
"--ui-text-muted-on-inverse": { "kind": "token", "token": "--ui-text-secondary-on-inverse" },
|
|
120
|
+
"--ui-border-on-inverse": { "kind": "token", "token": "--ui-border-control-on-inverse" },
|
|
121
|
+
"--ui-border-control-on-inverse": { "kind": "token", "token": "--ui-text-inverse" },
|
|
122
|
+
"--ui-link-text-on-inverse": { "kind": "token", "token": "--ui-text-primary-on-inverse" },
|
|
123
|
+
"--ui-text-button-text-on-inverse": { "kind": "token", "token": "--ui-link-text-on-inverse" },
|
|
124
|
+
"--ui-action-ghost-text-on-inverse": { "kind": "token", "token": "--ui-text-primary-on-inverse" },
|
|
125
|
+
"--ui-action-ghost-text-hover-on-inverse": { "kind": "token", "token": "--ui-action-ghost-text-on-inverse" },
|
|
126
|
+
"--ui-action-ghost-bg-hover-on-inverse": { "kind": "literal", "value": "transparent" },
|
|
127
|
+
"--ui-action-ghost-bg-active-on-inverse": { "kind": "token", "token": "--ui-action-ghost-bg-hover-on-inverse" },
|
|
128
|
+
"--ui-icon-button-ghost-text-on-inverse": { "kind": "token", "token": "--ui-action-ghost-text-on-inverse" },
|
|
129
|
+
"--ui-category-1": { "kind": "token", "token": "--ui-border-control" },
|
|
130
|
+
"--ui-category-1-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
131
|
+
"--ui-category-1-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
132
|
+
"--ui-category-1-border": { "kind": "token", "token": "--ui-border" },
|
|
133
|
+
"--ui-category-1-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
134
|
+
"--ui-category-1-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
135
|
+
"--ui-category-2": { "kind": "token", "token": "--ui-border-control" },
|
|
136
|
+
"--ui-category-2-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
137
|
+
"--ui-category-2-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
138
|
+
"--ui-category-2-border": { "kind": "token", "token": "--ui-border" },
|
|
139
|
+
"--ui-category-2-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
140
|
+
"--ui-category-2-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
141
|
+
"--ui-category-3": { "kind": "token", "token": "--ui-border-control" },
|
|
142
|
+
"--ui-category-3-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
143
|
+
"--ui-category-3-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
144
|
+
"--ui-category-3-border": { "kind": "token", "token": "--ui-border" },
|
|
145
|
+
"--ui-category-3-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
146
|
+
"--ui-category-3-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
147
|
+
"--ui-category-4": { "kind": "token", "token": "--ui-border-control" },
|
|
148
|
+
"--ui-category-4-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
149
|
+
"--ui-category-4-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
150
|
+
"--ui-category-4-border": { "kind": "token", "token": "--ui-border" },
|
|
151
|
+
"--ui-category-4-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
152
|
+
"--ui-category-4-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
153
|
+
"--ui-category-5": { "kind": "token", "token": "--ui-border-control" },
|
|
154
|
+
"--ui-category-5-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
155
|
+
"--ui-category-5-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
156
|
+
"--ui-category-5-border": { "kind": "token", "token": "--ui-border" },
|
|
157
|
+
"--ui-category-5-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
158
|
+
"--ui-category-5-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
159
|
+
"--ui-category-6": { "kind": "token", "token": "--ui-border-control" },
|
|
160
|
+
"--ui-category-6-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
161
|
+
"--ui-category-6-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
162
|
+
"--ui-category-6-border": { "kind": "token", "token": "--ui-border" },
|
|
163
|
+
"--ui-category-6-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
164
|
+
"--ui-category-6-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
165
|
+
"--ui-category-7": { "kind": "token", "token": "--ui-border-control" },
|
|
166
|
+
"--ui-category-7-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
167
|
+
"--ui-category-7-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
168
|
+
"--ui-category-7-border": { "kind": "token", "token": "--ui-border" },
|
|
169
|
+
"--ui-category-7-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
170
|
+
"--ui-category-7-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
171
|
+
"--ui-category-8": { "kind": "token", "token": "--ui-border-control" },
|
|
172
|
+
"--ui-category-8-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
173
|
+
"--ui-category-8-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
174
|
+
"--ui-category-8-border": { "kind": "token", "token": "--ui-border" },
|
|
175
|
+
"--ui-category-8-solid": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
176
|
+
"--ui-category-8-on-solid": { "kind": "token", "token": "--ui-text-inverse" },
|
|
177
|
+
"--ui-dialog-description": { "kind": "token", "token": "--ui-text-secondary" },
|
|
178
|
+
"--ui-alert-text": { "kind": "token", "token": "--ui-text-primary" },
|
|
179
|
+
"--ui-alert-text-success": { "kind": "token", "token": "--ui-status-success-text" },
|
|
180
|
+
"--ui-alert-text-warning": { "kind": "token", "token": "--ui-status-warning-text" },
|
|
181
|
+
"--ui-alert-text-danger": { "kind": "token", "token": "--ui-status-danger-text" },
|
|
182
|
+
"--ui-alert-text-info": { "kind": "token", "token": "--ui-status-info-text" },
|
|
183
|
+
"--ui-alert-border": { "kind": "token", "token": "--ui-border" },
|
|
184
|
+
"--ui-alert-border-success": { "kind": "token", "token": "--ui-status-success-border" },
|
|
185
|
+
"--ui-alert-border-warning": { "kind": "token", "token": "--ui-status-warning-border" },
|
|
186
|
+
"--ui-alert-border-danger": { "kind": "token", "token": "--ui-status-danger-border" },
|
|
187
|
+
"--ui-alert-border-info": { "kind": "token", "token": "--ui-status-info-border" },
|
|
188
|
+
"--ui-alert-dismiss": { "kind": "token", "token": "--ui-alert-text" },
|
|
189
|
+
"--ui-alert-dismiss-success": { "kind": "token", "token": "--ui-alert-text-success" },
|
|
190
|
+
"--ui-alert-dismiss-warning": { "kind": "token", "token": "--ui-alert-text-warning" },
|
|
191
|
+
"--ui-alert-dismiss-danger": { "kind": "token", "token": "--ui-alert-text-danger" },
|
|
192
|
+
"--ui-alert-dismiss-info": { "kind": "token", "token": "--ui-alert-text-info" },
|
|
193
|
+
"--ui-alert-dismiss-bg-hover": { "kind": "literal", "value": "transparent" },
|
|
194
|
+
"--ui-section-label-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
195
|
+
"--ui-section-label-text-danger": { "kind": "token", "token": "--ui-status-danger-text" },
|
|
196
|
+
"--ui-section-label-text-warning": { "kind": "token", "token": "--ui-action-warning-outline-text" },
|
|
197
|
+
"--ui-section-label-text-strong": { "kind": "token", "token": "--ui-text-primary" },
|
|
198
|
+
"--ui-menu-item-text-accent": { "kind": "token", "token": "--ui-text-button-accent-text" },
|
|
199
|
+
"--ui-menu-item-text-brand": { "kind": "token", "token": "--ui-text-button-text" },
|
|
200
|
+
"--ui-menu-item-text-warning": { "kind": "token", "token": "--ui-text-primary" },
|
|
201
|
+
"--ui-menu-item-text-danger": { "kind": "token", "token": "--ui-text-primary" },
|
|
202
|
+
"--ui-menu-item-text-info": { "kind": "token", "token": "--ui-text-primary" },
|
|
203
|
+
"--ui-menu-item-icon-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
204
|
+
"--ui-radio-card-checked-bg": { "kind": "token", "token": "--ui-surface" },
|
|
205
|
+
"--ui-radio-card-checked-bg-danger": { "kind": "token", "token": "--ui-radio-card-checked-bg" },
|
|
206
|
+
"--ui-radio-card-checked-border-danger": { "kind": "token", "token": "--ui-status-danger" },
|
|
207
|
+
"--ui-table-header-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
208
|
+
"--ui-table-header-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
209
|
+
"--ui-table-divider": { "kind": "token", "token": "--ui-border" },
|
|
210
|
+
"--ui-toggle-group-checked-bg": { "kind": "token", "token": "--ui-action-primary-bg" },
|
|
211
|
+
"--ui-toggle-group-checked-bg-hover": { "kind": "token", "token": "--ui-action-primary-bg-hover" },
|
|
212
|
+
"--ui-toggle-group-checked-text": { "kind": "token", "token": "--ui-action-primary-text" },
|
|
213
|
+
"--ui-toggle-group-checked-border": { "kind": "token", "token": "--ui-control-checked-bg" },
|
|
214
|
+
"--ui-toggle-group-track-bg": { "kind": "token", "token": "--ui-surface-subtle" },
|
|
215
|
+
"--ui-toggle-group-track-text": { "kind": "token", "token": "--ui-text-secondary" },
|
|
216
|
+
"--ui-toggle-group-segment-bg": { "kind": "token", "token": "--ui-surface" },
|
|
217
|
+
"--ui-toggle-group-segment-text": { "kind": "token", "token": "--ui-text-primary" },
|
|
218
|
+
"--ui-toggle-group-segment-border": { "kind": "token", "token": "--ui-border-control" },
|
|
219
|
+
"--ui-badge-solid-accent-bg": { "kind": "token", "token": "--ui-surface-inverse" },
|
|
220
|
+
"--ui-badge-solid-accent-text": { "kind": "token", "token": "--ui-text-inverse" },
|
|
221
|
+
"--ui-badge-solid-brand-bg": { "kind": "token", "token": "--ui-action-primary-bg" },
|
|
222
|
+
"--ui-badge-solid-brand-text": { "kind": "token", "token": "--ui-action-primary-text" },
|
|
223
|
+
"--ui-status-indicator-muted": { "kind": "token", "token": "--ui-disabled-text" },
|
|
224
|
+
"--ui-status-success-on-inverse": { "kind": "token", "token": "--ui-border-control-on-inverse" },
|
|
225
|
+
"--ui-status-warning-on-inverse": { "kind": "token", "token": "--ui-border-control-on-inverse" },
|
|
226
|
+
"--ui-status-danger-on-inverse": { "kind": "token", "token": "--ui-border-control-on-inverse" },
|
|
227
|
+
"--ui-status-info-on-inverse": { "kind": "token", "token": "--ui-border-control-on-inverse" },
|
|
228
|
+
"--ui-progress-accent": { "kind": "token", "token": "--ui-text-button-accent-text" },
|
|
229
|
+
"--ui-progress-brand": { "kind": "token", "token": "--ui-text-button-text" },
|
|
230
|
+
"--ui-icon-button-outlined-bg": { "kind": "literal", "value": "transparent" },
|
|
231
|
+
"--ui-field-description": { "kind": "token", "token": "--ui-text-secondary" },
|
|
232
|
+
"--ui-checkbox-border": { "kind": "token", "token": "--ui-border-control" },
|
|
233
|
+
"--ui-checkbox-bg": { "kind": "token", "token": "--ui-surface" },
|
|
234
|
+
"--ui-checkbox-mark": { "kind": "token", "token": "--ui-control-checked-fg" }
|
|
117
235
|
},
|
|
118
236
|
"shape": [
|
|
119
237
|
"--ui-font-body",
|
|
@@ -156,7 +274,9 @@
|
|
|
156
274
|
"--ui-text-button-font-size-xs",
|
|
157
275
|
"--ui-field-hint-font-size",
|
|
158
276
|
"--ui-font-weight-medium",
|
|
159
|
-
"--ui-font-weight-bold"
|
|
277
|
+
"--ui-font-weight-bold",
|
|
278
|
+
"--ui-alert-radius",
|
|
279
|
+
"--ui-alert-padding"
|
|
160
280
|
],
|
|
161
281
|
"brandComposition": [
|
|
162
282
|
"--ui-brand-primary",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ksmv/ui-checks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.21.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",
|