@aspprev/versi-ds 0.5.5 → 0.5.7

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/README.md CHANGED
@@ -170,45 +170,32 @@ O servidor usa a porta `6006`. Para a configuração standalone:
170
170
  npm run storybook:standalone
171
171
  ```
172
172
 
173
- A árvore da documentação é organizada assim:
173
+ A árvore da documentação usa os nomes técnicos abaixo; a interface apresenta rótulos em português:
174
174
 
175
175
  ```text
176
176
  Getting Started
177
- ├── Introduction
178
- ├── Installation
179
- ├── Usage
180
- └── Contributing
177
+ Introduction · Installation · Usage · Contributing
181
178
 
182
179
  Foundations
183
- ├── Overview
184
- ├── Colors
185
- ├── Typography
186
- ├── Spacing
187
- └── Shadows
180
+ Overview · Colors · Typography · Spacing · Shadows · Borders · Icons
188
181
 
189
182
  Components
190
- ├── Actions
191
- ├── Forms
192
- ├── Feedback
193
- ├── Data Display
194
- ├── Documents
195
- ├── Navigation
196
- ├── Overlay
197
- ├── Layout
198
- └── Accessibility
183
+ Overview (catálogo com busca)
184
+ Actions · Forms · Feedback · Data Display · Documents
185
+ Navigation · Overlay · Layout · Accessibility · Utilities
199
186
 
200
187
  Patterns
201
- ├── Forms
202
- └── Feedback
188
+ Overview · Forms · Feedback · Data/Table · Documents/UploadFlow
189
+ Forms/FormStates · Forms/ValidationStates · Forms/FormValidation
203
190
 
204
191
  Themes
205
- ├── Overview
206
- ├── Comparison
207
- └── ThemeLab
192
+ Overview · Comparison · ThemeLab
208
193
 
209
194
  Guidelines
210
- ├── Accessibility
211
- └── Usage
195
+ Accessibility · Usage · ComponentChoice · Compatibility
196
+
197
+ Laboratory
198
+ Forms/PlaceholderComparison · Forms/ValidationLayout
212
199
  ```
213
200
 
214
201
  A toolbar permite comparar esquema de cores, preset, contraste, escala de fonte e movimento reduzido. O addon de acessibilidade permanece disponível para inspeção manual e os testes automatizados usam Axe nos cenários visuais.
@@ -217,6 +204,7 @@ A toolbar permite comparar esquema de cores, preset, contraste, escala de fonte
217
204
 
218
205
  ```bash
219
206
  npm run tokens:check
207
+ npm run check:generated
220
208
  npm run typecheck
221
209
  npm test
222
210
  npm run build
@@ -226,7 +214,7 @@ npm run check:package
226
214
  npm run prepack
227
215
  ```
228
216
 
229
- O script `prepack` valida tokens, governança, segurança, lint, TypeScript, build, tamanho e conteúdo do pacote.
217
+ O script `prepack` valida tokens e bandeiras geradas, governança, segurança, lint, TypeScript, build, tamanho e conteúdo do pacote. `npm run lint -- --max-warnings=0` cobre fontes, histórias, testes, scripts, configurações e o piloto, preservando o snapshot auditado de terceiros fora da análise de estilo.
230
218
 
231
219
  Os workflows compartilham as validações de segurança, pacote e consumidores.
232
220
  Consulte [segurança do build e compatibilidade](docs/SEGURANCA-BUILD-COMPATIBILIDADE.md)
@@ -498,7 +498,7 @@ var Input = ({
498
498
  onBlur: () => setHovered(false),
499
499
  type: "button",
500
500
  "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? name}`,
501
- className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
501
+ className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
502
502
  children: /* @__PURE__ */ jsx2(MdInfoOutline, { "aria-hidden": "true", className: "mr-0 text-content-muted" })
503
503
  }
504
504
  ),
@@ -544,7 +544,7 @@ var Input = ({
544
544
  "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
545
545
  "aria-pressed": showPassword,
546
546
  onClick: () => setShowPassword((prev) => !prev),
547
- className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
547
+ className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
548
548
  children: showPassword ? /* @__PURE__ */ jsx2(
549
549
  MdVisibilityOff,
550
550
  {
@@ -914,7 +914,7 @@ var InputStandalone = (props) => {
914
914
  onBlur: () => setHovered(false),
915
915
  type: "button",
916
916
  "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? rest.name ?? "este campo"}`,
917
- className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
917
+ className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
918
918
  children: /* @__PURE__ */ jsx2(MdInfoOutline, { "aria-hidden": "true", className: "mr-0 text-content-muted" })
919
919
  }
920
920
  ),
@@ -960,7 +960,7 @@ var InputStandalone = (props) => {
960
960
  "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
961
961
  "aria-pressed": showPassword,
962
962
  onClick: () => setShowPassword((prev) => !prev),
963
- className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
963
+ className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
964
964
  children: showPassword ? /* @__PURE__ */ jsx2(
965
965
  MdVisibilityOff,
966
966
  {
@@ -1394,7 +1394,7 @@ var InputSelect = ({
1394
1394
  onBlur: () => setHovered(false),
1395
1395
  type: "button",
1396
1396
  "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? name}`,
1397
- className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
1397
+ className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
1398
1398
  children: /* @__PURE__ */ jsx3(
1399
1399
  MdInfoOutline2,
1400
1400
  {
@@ -2089,7 +2089,7 @@ function InputPhone({
2089
2089
  onBlur: () => helpers.setTouched(true),
2090
2090
  className: classNames5(
2091
2091
  "flex shrink-0 self-stretch items-center gap-0.5 pl-1 pr-0.5 text-left",
2092
- "border-r bg-transparent focus:outline-none",
2092
+ "field-inset-focus-ring border-r bg-transparent focus:outline-none",
2093
2093
  {
2094
2094
  "pl-[calc(var(--spacing-4xs)-1px)]": hasError,
2095
2095
  "border-field-border-error text-field-assistive-error": hasError && !disabled,
@@ -3647,7 +3647,7 @@ function RadioCardGroup({
3647
3647
  {
3648
3648
  htmlFor: optionId,
3649
3649
  className: classNames7(
3650
- "block rounded-md border p-4 transition-colors",
3650
+ "radio-option-focus block rounded-md border p-4 transition-colors",
3651
3651
  optionDisabled ? "bg-field-surface-disabled" : checked ? "bg-primary-5" : "bg-bg-light",
3652
3652
  !hasError && (checked ? "border-primary-1" : "border-transparent"),
3653
3653
  hasError ? "border-2 border-field-border-error p-[calc(var(--spacing-sm)-1px)]" : "outline outline-1 outline-transparent",
@@ -3921,4 +3921,4 @@ export {
3921
3921
  RadioCardGroup,
3922
3922
  OtpCodeInput_default
3923
3923
  };
3924
- //# sourceMappingURL=chunk-VUXHE4S6.js.map
3924
+ //# sourceMappingURL=chunk-2VOY6XM2.js.map