fokus-styles 2.4.0 → 2.5.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 (85) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/css/components.css +561 -83
  3. package/dist/css/components.css.map +1 -1
  4. package/dist/css/components.min.css +1 -1
  5. package/dist/css/components.min.css.map +1 -1
  6. package/dist/css/fokus-components.css +561 -83
  7. package/dist/css/fokus-components.css.map +1 -1
  8. package/dist/css/fokus-components.min.css +1 -1
  9. package/dist/css/fokus-components.min.css.map +1 -1
  10. package/dist/css/fokus-rtl.css +697 -83
  11. package/dist/css/fokus-rtl.css.map +1 -1
  12. package/dist/css/fokus-rtl.min.css +1 -1
  13. package/dist/css/fokus-rtl.min.css.map +1 -1
  14. package/dist/css/fokus-utilities.css +136 -0
  15. package/dist/css/fokus-utilities.css.map +1 -1
  16. package/dist/css/fokus-utilities.min.css +1 -1
  17. package/dist/css/fokus-utilities.min.css.map +1 -1
  18. package/dist/css/fokus.css +996 -258
  19. package/dist/css/fokus.css.map +1 -1
  20. package/dist/css/fokus.min.css +1 -1
  21. package/dist/css/fokus.min.css.map +1 -1
  22. package/dist/css/forms.css +300 -176
  23. package/dist/css/forms.css.map +1 -1
  24. package/dist/css/forms.min.css +1 -1
  25. package/dist/css/forms.min.css.map +1 -1
  26. package/dist/css/helpers.css +136 -0
  27. package/dist/css/helpers.css.map +1 -1
  28. package/dist/css/helpers.min.css +1 -1
  29. package/dist/css/helpers.min.css.map +1 -1
  30. package/dist/js/fokus.js +270 -25
  31. package/dist/js/fokus.js.map +2 -2
  32. package/dist/js/fokus.min.js +18 -18
  33. package/dist/js/fokus.min.js.map +3 -3
  34. package/docs/components/alert.md +69 -24
  35. package/docs/components/badge.md +23 -4
  36. package/docs/components/checkbox.md +16 -3
  37. package/docs/components/popover.md +20 -7
  38. package/docs/components/radio.md +11 -1
  39. package/docs/components/responsive.md +19 -0
  40. package/docs/components/switch.md +30 -8
  41. package/docs/components/tag.md +19 -4
  42. package/docs/components/toast.md +72 -59
  43. package/docs/components/tooltip.md +38 -2
  44. package/docs/guides/accessibility.md +7 -0
  45. package/docs/prompts/prompt-plan.md +4 -4
  46. package/docs/reference/accessibility-matrix.md +7 -7
  47. package/docs/reference/contrast-report.md +4 -0
  48. package/docs/reference/definitions.md +5 -1
  49. package/docs/reference/design-tokens.md +14 -0
  50. package/docs/reference/size-baseline.json +11 -11
  51. package/mockup/assets/example-theme.css +11 -0
  52. package/mockup/assets/showcase-contracts.js +6 -6
  53. package/mockup/examples/alerts.html +105 -31
  54. package/mockup/examples/badges-alerts.html +91 -59
  55. package/mockup/examples/check-radio-switch.html +575 -99
  56. package/mockup/examples/popover.html +81 -0
  57. package/mockup/examples/tag.html +97 -87
  58. package/mockup/examples/toast.html +113 -0
  59. package/mockup/examples/tooltip.html +68 -0
  60. package/mockup/forms.html +1 -1
  61. package/mockup/overlays-commands.html +2 -2
  62. package/package.json +1 -1
  63. package/packages/fokus-components/scss/components/_alerts.scss +128 -6
  64. package/packages/fokus-components/scss/components/_badges.scss +26 -10
  65. package/packages/fokus-components/scss/components/_index.scss +1 -0
  66. package/packages/fokus-components/scss/components/_popover.scss +131 -21
  67. package/packages/fokus-components/scss/components/_responsive.scss +23 -0
  68. package/packages/fokus-components/scss/components/_tag.scss +37 -14
  69. package/packages/fokus-components/scss/components/_toasts.scss +156 -11
  70. package/packages/fokus-components/scss/components/_tooltips.scss +70 -18
  71. package/packages/fokus-components/scss/forms/_check-radio-switch.scss +313 -215
  72. package/packages/fokus-components/scss/forms/_forms.scss +16 -0
  73. package/packages/fokus-js/js/carousel.d.ts +4 -0
  74. package/packages/fokus-js/js/carousel.js +8 -0
  75. package/packages/fokus-js/js/core/positioning.js +18 -9
  76. package/packages/fokus-js/js/dropdown.d.ts +4 -0
  77. package/packages/fokus-js/js/dropdown.js +7 -0
  78. package/packages/fokus-js/js/popover.js +26 -1
  79. package/packages/fokus-js/js/tabs.d.ts +3 -0
  80. package/packages/fokus-js/js/tabs.js +5 -0
  81. package/packages/fokus-js/js/tag.js +17 -0
  82. package/packages/fokus-js/js/toast.js +77 -3
  83. package/packages/fokus-js/js/tooltip.d.ts +8 -1
  84. package/packages/fokus-js/js/tooltip.js +106 -13
  85. package/packages/fokus-utilities/scss/utilities/_api.scss +48 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # Changelog
2
2
 
3
+ ## Unreleased
4
+
5
+
6
+
7
+ ## [2.6.0] - 2026-09-07
8
+
9
+ - refina visualmente Checkbox, Radio e Switch com tokens próprios, propriedades lógicas e área de interação consistente;
10
+ - adiciona estados hover, active, valid, invalid, forced colors e reduced motion aos controles nativos;
11
+ - aprimora o Switch com trilho neutro, thumb elevado, halo de hover e feedback active;
12
+ - documenta grupos com `fieldset/legend`, `aria-describedby`, RTL e tokens de componente.
13
+
14
+ ## [2.5.0] - 2026-09-08
15
+
16
+ - expande a Utility API com display, flex, gap, tipografia, estados e variantes responsivas configuráveis;
17
+ - padroniza APIs estáticas de Dropdown, Tabs e Carousel e eventos comuns `fs:shown`/`fs:hidden`;
18
+ - adiciona pausa de Toast por foco/hover, layouts Stack/Cluster e regras responsivas para telas estreitas;
19
+ - reforça composição RTL, forced colors, redução de movimento e layouts responsivos sem alterar a API `fs-*` existente.
20
+ - refina Alert com raio, borda semântica lógica, tokens locais, slots opcionais para ícone, conteúdo, ações e fechamento visual responsivo;
21
+ - adiciona grupos, variante inline, composição de loading com Spinner e fallback visual para forced colors;
22
+ - refina Toast com posicionamento lógico, safe area, tokens locais, slots de ícone/ações e progresso opcional sincronizado ao auto-dismiss;
23
+ - refina Popover com tokens locais, composição rica, seta responsiva, foco previsível e laboratório independente;
24
+ - refina Tooltip com tokens locais, posicionamento lógico, fallback, delays opcionais, suporte a ponteiro/touch e laboratório independente;
25
+ - documenta o uso manual de `role="status"`/`role="alert"` e mantém Alert CSS-only, sem mover foco ou fechar automaticamente.
26
+
3
27
  ## [2.4.0] - 2026-09-07
4
28
 
5
29
  - adiciona preset `fokus-rtl.css` e export `fokus-styles/rtl.css`;
@@ -21,6 +45,12 @@
21
45
 
22
46
  ## Unreleased
23
47
 
48
+ - arredonda badges e badges split com `--fs-radius-sm`, preservando os tokens
49
+ locais de personalização;
50
+ - adiciona tokens de densidade, contagem circular opcional e cobertura visual
51
+ dedicada para badges nos temas claro e escuro;
52
+ - refina Tags com tokens de ícones, ícone final, fechamento arredondado,
53
+ foco após remoção e laboratório visual de estados;
24
54
  - refina o Carousel com tokens locais, controles compactos, indicadores em
25
55
  pill, legendas opt-in, arraste aprimorado e autoplay pausável/retomável;
26
56
  - consolida tokens públicos de foco, transição, densidade, alturas e padding dos controles;