fokus-styles 2.5.0 → 2.6.1

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 (181) hide show
  1. package/README.md +20 -2
  2. package/package.json +19 -16
  3. package/packages/fokus-cli/README.md +5 -0
  4. package/packages/fokus-icons/README.md +5 -0
  5. package/packages/fokus-react/README.md +5 -0
  6. package/CHANGELOG.md +0 -940
  7. package/dist/css/components.css.map +0 -1
  8. package/dist/css/components.min.css.map +0 -1
  9. package/dist/css/fokus-components.css.map +0 -1
  10. package/dist/css/fokus-components.min.css.map +0 -1
  11. package/dist/css/fokus-core.css.map +0 -1
  12. package/dist/css/fokus-core.min.css.map +0 -1
  13. package/dist/css/fokus-dark.css.map +0 -1
  14. package/dist/css/fokus-dark.min.css.map +0 -1
  15. package/dist/css/fokus-rtl.css.map +0 -1
  16. package/dist/css/fokus-rtl.min.css.map +0 -1
  17. package/dist/css/fokus-utilities.css.map +0 -1
  18. package/dist/css/fokus-utilities.min.css.map +0 -1
  19. package/dist/css/fokus.css.map +0 -1
  20. package/dist/css/fokus.min.css.map +0 -1
  21. package/dist/css/fonts.css.map +0 -1
  22. package/dist/css/fonts.min.css.map +0 -1
  23. package/dist/css/forms.css.map +0 -1
  24. package/dist/css/forms.min.css.map +0 -1
  25. package/dist/css/helpers.css.map +0 -1
  26. package/dist/css/helpers.min.css.map +0 -1
  27. package/dist/css/layout.css.map +0 -1
  28. package/dist/css/layout.min.css.map +0 -1
  29. package/dist/js/fokus.js.map +0 -7
  30. package/dist/js/fokus.min.js.map +0 -7
  31. package/docs/README.md +0 -86
  32. package/docs/comparison.md +0 -124
  33. package/docs/components/accordion.md +0 -104
  34. package/docs/components/alert-dialog.md +0 -99
  35. package/docs/components/alert.md +0 -104
  36. package/docs/components/avatar.md +0 -13
  37. package/docs/components/badge.md +0 -101
  38. package/docs/components/breadcrumb.md +0 -93
  39. package/docs/components/button-group.md +0 -13
  40. package/docs/components/button.md +0 -98
  41. package/docs/components/card.md +0 -111
  42. package/docs/components/carousel.md +0 -167
  43. package/docs/components/checkbox.md +0 -110
  44. package/docs/components/close-button.md +0 -13
  45. package/docs/components/code.md +0 -13
  46. package/docs/components/collapse.md +0 -78
  47. package/docs/components/combobox.md +0 -123
  48. package/docs/components/command-palette.md +0 -131
  49. package/docs/components/datatable.md +0 -173
  50. package/docs/components/datepicker.md +0 -137
  51. package/docs/components/divider.md +0 -57
  52. package/docs/components/dropdown.md +0 -103
  53. package/docs/components/empty-state.md +0 -65
  54. package/docs/components/file-upload-advanced.md +0 -116
  55. package/docs/components/file-upload.md +0 -93
  56. package/docs/components/icon-link.md +0 -13
  57. package/docs/components/input-group.md +0 -73
  58. package/docs/components/input.md +0 -90
  59. package/docs/components/list-group.md +0 -13
  60. package/docs/components/modal.md +0 -120
  61. package/docs/components/navbar.md +0 -74
  62. package/docs/components/nested-menu.md +0 -90
  63. package/docs/components/notification-center.md +0 -116
  64. package/docs/components/offcanvas.md +0 -102
  65. package/docs/components/pagination.md +0 -145
  66. package/docs/components/placeholder.md +0 -13
  67. package/docs/components/popover.md +0 -118
  68. package/docs/components/progress.md +0 -126
  69. package/docs/components/radio.md +0 -80
  70. package/docs/components/range.md +0 -83
  71. package/docs/components/rating.md +0 -91
  72. package/docs/components/ratio.md +0 -13
  73. package/docs/components/responsive.md +0 -19
  74. package/docs/components/scrollspy.md +0 -13
  75. package/docs/components/segmented-control.md +0 -82
  76. package/docs/components/select.md +0 -89
  77. package/docs/components/skeleton.md +0 -70
  78. package/docs/components/stepper.md +0 -107
  79. package/docs/components/switch.md +0 -97
  80. package/docs/components/table.md +0 -90
  81. package/docs/components/tabs.md +0 -104
  82. package/docs/components/tag.md +0 -144
  83. package/docs/components/tile.md +0 -112
  84. package/docs/components/timeline.md +0 -78
  85. package/docs/components/toast.md +0 -108
  86. package/docs/components/tooltip.md +0 -113
  87. package/docs/components/tree-view.md +0 -118
  88. package/docs/contributing/contributing.md +0 -18
  89. package/docs/getting-started/installation.md +0 -70
  90. package/docs/getting-started/usage.md +0 -105
  91. package/docs/guides/accessibility.md +0 -109
  92. package/docs/guides/charts.md +0 -73
  93. package/docs/guides/dark-mode.md +0 -90
  94. package/docs/guides/icons.md +0 -99
  95. package/docs/guides/javascript-api.md +0 -9
  96. package/docs/guides/layout-advanced.md +0 -118
  97. package/docs/guides/migration-clarus-to-fokus.md +0 -48
  98. package/docs/guides/migration-external.md +0 -123
  99. package/docs/guides/migration-v1.md +0 -63
  100. package/docs/guides/print.md +0 -30
  101. package/docs/guides/rtl-and-system-preferences.md +0 -28
  102. package/docs/guides/theming.md +0 -140
  103. package/docs/guides/utility-api.md +0 -9
  104. package/docs/prompts/prompt-plan.md +0 -45
  105. package/docs/reference/accessibility-matrix.md +0 -77
  106. package/docs/reference/browser-support.md +0 -75
  107. package/docs/reference/contrast-report.md +0 -54
  108. package/docs/reference/definitions.md +0 -868
  109. package/docs/reference/design-tokens.md +0 -208
  110. package/docs/reference/scss-architecture.md +0 -227
  111. package/docs/reference/size-baseline.json +0 -34
  112. package/docs/reference/stability.md +0 -89
  113. package/docs/showcase.md +0 -25
  114. package/mockup/README.md +0 -41
  115. package/mockup/assets/carousel-planning.png +0 -0
  116. package/mockup/assets/carousel-workspace.png +0 -0
  117. package/mockup/assets/example-theme.css +0 -19
  118. package/mockup/assets/example-theme.js +0 -11
  119. package/mockup/assets/showcase-contracts.js +0 -84
  120. package/mockup/assets/showcase.css +0 -91
  121. package/mockup/assets/showcase.js +0 -724
  122. package/mockup/content-data.html +0 -9
  123. package/mockup/examples/accordion-tabs-toast.html +0 -149
  124. package/mockup/examples/alert-dialog.html +0 -84
  125. package/mockup/examples/alerts.html +0 -115
  126. package/mockup/examples/badges-alerts.html +0 -109
  127. package/mockup/examples/buttons.html +0 -58
  128. package/mockup/examples/cards.html +0 -132
  129. package/mockup/examples/carousel.html +0 -126
  130. package/mockup/examples/charts.html +0 -102
  131. package/mockup/examples/check-radio-switch.html +0 -620
  132. package/mockup/examples/collapse.html +0 -69
  133. package/mockup/examples/combobox.html +0 -60
  134. package/mockup/examples/command-palette.html +0 -64
  135. package/mockup/examples/datatable.html +0 -113
  136. package/mockup/examples/datepicker.html +0 -62
  137. package/mockup/examples/divider.html +0 -45
  138. package/mockup/examples/dropdown-tooltip.html +0 -77
  139. package/mockup/examples/empty-state.html +0 -56
  140. package/mockup/examples/file-drop.html +0 -74
  141. package/mockup/examples/file-upload-advanced.html +0 -68
  142. package/mockup/examples/forms-advanced.html +0 -77
  143. package/mockup/examples/hover-card.html +0 -86
  144. package/mockup/examples/icons.html +0 -157
  145. package/mockup/examples/input-group.html +0 -74
  146. package/mockup/examples/js-foundation.html +0 -215
  147. package/mockup/examples/layout.html +0 -134
  148. package/mockup/examples/modal-select.html +0 -127
  149. package/mockup/examples/nested-menu.html +0 -73
  150. package/mockup/examples/notification-center.html +0 -86
  151. package/mockup/examples/offcanvas-popover.html +0 -133
  152. package/mockup/examples/pagination-breadcrumbs.html +0 -92
  153. package/mockup/examples/popover.html +0 -81
  154. package/mockup/examples/range.html +0 -69
  155. package/mockup/examples/rating.html +0 -103
  156. package/mockup/examples/segmented-control.html +0 -96
  157. package/mockup/examples/skeletons.html +0 -82
  158. package/mockup/examples/spinner-progress.html +0 -130
  159. package/mockup/examples/stepper.html +0 -119
  160. package/mockup/examples/tables-navbar.html +0 -89
  161. package/mockup/examples/tag.html +0 -115
  162. package/mockup/examples/theming.html +0 -68
  163. package/mockup/examples/tile.html +0 -107
  164. package/mockup/examples/timeline.html +0 -108
  165. package/mockup/examples/toast.html +0 -113
  166. package/mockup/examples/tooltip.html +0 -68
  167. package/mockup/examples/tree-view.html +0 -68
  168. package/mockup/feedback-actions.html +0 -9
  169. package/mockup/forms.html +0 -13
  170. package/mockup/foundations.html +0 -7
  171. package/mockup/kitchen-sink.html +0 -696
  172. package/mockup/navigation-disclosure.html +0 -11
  173. package/mockup/overlays-commands.html +0 -12
  174. package/mockup/templates/README.md +0 -20
  175. package/mockup/templates/admin.html +0 -334
  176. package/mockup/templates/auth.html +0 -234
  177. package/mockup/templates/dashboard.html +0 -442
  178. package/mockup/templates/landing.html +0 -397
  179. package/packages/fokus-icons/package.json +0 -46
  180. package/scripts/migrate-fokus-map.json +0 -1366
  181. package/scripts/migrate-fokus.mjs +0 -97
package/README.md CHANGED
@@ -12,7 +12,8 @@
12
12
  [Instalação](#instalação) ·
13
13
  [Por que Fokus Styles](#por-que-fokus-styles) ·
14
14
  [Componentes](#componentes) ·
15
- [Documentação](#documentação)
15
+ [Documentação](#documentação) ·
16
+ [Ecossistema Fokus Cloud](#ecossistema-fokus-cloud)
16
17
 
17
18
  </div>
18
19
 
@@ -24,7 +25,7 @@ profissionais, e é distribuído publicamente como produto para qualquer
24
25
  desenvolvedor que precise construir interfaces consistentes sem carregar
25
26
  React, Vue, Angular, jQuery ou qualquer outra dependência de runtime.
26
27
 
27
- > **Status:** `2.1.0`. O Fokus Styles consolida CSS, JavaScript, ícones, React
28
+ > **Status:** `2.6.0`. O Fokus Styles consolida CSS, JavaScript, ícones, React
28
29
  > e CLI em um único pacote npm. O foco atual é consolidar o núcleo CSS e os componentes
29
30
  > essenciais antes de ampliar o catálogo. O framework já possui componentes
30
31
  > avançados, mas eles são tratados como extensões e não definem o caminho
@@ -34,6 +35,23 @@ React, Vue, Angular, jQuery ou qualquer outra dependência de runtime.
34
35
  Este README é a **visão geral** do projeto. Para aprender a usar cada recurso em
35
36
  detalhe, com exemplos completos, consulte a **[documentação completa](docs/README.md)**.
36
37
 
38
+ ## Ecossistema Fokus Cloud
39
+
40
+ O Fokus Styles é o sistema visual que integra o ecossistema Fokus Cloud. Use
41
+ cada fonte conforme o tipo de informação que procura:
42
+
43
+ - [Fokus Cloud](https://www.fokuscloud.com.br/) — visão geral do ecossistema e
44
+ entrada para os produtos Fokus.
45
+ - [Fokus Styles](https://styles.fokuscloud.com.br/) — documentação publicada,
46
+ fundamentos, instalação e guias visuais/interativos de uso.
47
+ - [Repositório no GitHub](https://github.com/jorgewreis/fokus-styles) — código-fonte,
48
+ exemplos, decisões técnicas, issues e histórico de mudanças.
49
+ - [Pacote no npm](https://www.npmjs.com/package/fokus-styles) — versões publicadas,
50
+ metadados, distribuição e instalação do pacote.
51
+
52
+ As páginas em `docs/` são a referência versionada junto ao código; os sites
53
+ complementam essa referência com conteúdo publicado e exemplos navegáveis.
54
+
37
55
  ## Por que Fokus Styles
38
56
 
39
57
  A maioria dos frameworks CSS obriga você a escolher um lado: componentes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fokus-styles",
3
- "version": "2.5.0",
3
+ "version": "2.6.1",
4
4
  "description": "Fokus Styles is a complete CSS framework with components, utilities, vanilla JavaScript, icons, React wrappers, and a CLI.",
5
5
  "keywords": [
6
6
  "css",
@@ -13,7 +13,8 @@
13
13
  "components",
14
14
  "fokus-cloud"
15
15
  ],
16
- "homepage": "https://github.com/jorgewreis/fokus-styles#readme",
16
+ "homepage": "https://styles.fokuscloud.com.br/",
17
+ "documentation": "https://styles.fokuscloud.com.br/",
17
18
  "bugs": {
18
19
  "url": "https://github.com/jorgewreis/fokus-styles/issues"
19
20
  },
@@ -82,25 +83,27 @@
82
83
  "fokus": "packages/fokus-cli/bin/fokus.mjs"
83
84
  },
84
85
  "files": [
85
- "assets",
86
- "dist",
87
- "scss",
86
+ "assets/fonts",
87
+ "dist/css/*.css",
88
+ "dist/js/*.js",
89
+ "scss/**/*.scss",
88
90
  "packages/fokus-core/scss",
89
91
  "packages/fokus-components/scss",
90
92
  "packages/fokus-utilities/scss",
91
93
  "packages/fokus-fonts/scss",
92
- "packages/fokus-js/js",
93
- "packages/fokus-icons",
94
- "packages/fokus-react/src",
95
- "packages/fokus-cli/bin",
96
- "packages/fokus-cli/lib",
97
- "docs",
98
- "scripts/migrate-fokus.mjs",
99
- "scripts/migrate-fokus-map.json",
100
- "mockup",
94
+ "packages/fokus-js/js/**/*.js",
95
+ "packages/fokus-js/js/**/*.d.ts",
96
+ "packages/fokus-icons/index.js",
97
+ "packages/fokus-icons/icons/**/*.js",
98
+ "packages/fokus-icons/svg/**/*.svg",
99
+ "packages/fokus-icons/LICENSE",
100
+ "packages/fokus-icons/LICENSE-LUCIDE.txt",
101
+ "packages/fokus-react/src/**/*.js",
102
+ "packages/fokus-react/src/**/*.d.ts",
103
+ "packages/fokus-cli/bin/**/*.mjs",
104
+ "packages/fokus-cli/lib/**/*.mjs",
101
105
  "LICENSE",
102
- "README.md",
103
- "CHANGELOG.md"
106
+ "README.md"
104
107
  ],
105
108
  "engines": {
106
109
  "node": ">=18"
@@ -1,5 +1,10 @@
1
1
  # Módulo interno CLI do Fokus Styles
2
2
 
3
+ [Site e guias do Fokus Styles](https://styles.fokuscloud.com.br/) ·
4
+ [Fokus Cloud](https://www.fokuscloud.com.br/) ·
5
+ [GitHub](https://github.com/jorgewreis/fokus-styles) ·
6
+ [npm](https://www.npmjs.com/package/fokus-styles)
7
+
3
8
  **CLI opcional no mesmo pacote — não é necessária para usar o núcleo CSS.**
4
9
 
5
10
  CLI oficial do [Fokus Styles](https://github.com/jorgewreis/fokus-styles) — três
@@ -1,5 +1,10 @@
1
1
  # Módulo interno de ícones do Fokus Styles
2
2
 
3
+ [Site e guias do Fokus Styles](https://styles.fokuscloud.com.br/) ·
4
+ [Fokus Cloud](https://www.fokuscloud.com.br/) ·
5
+ [GitHub](https://github.com/jorgewreis/fokus-styles) ·
6
+ [npm](https://www.npmjs.com/package/fokus-styles)
7
+
3
8
  Fonte interna dos ícones SVG opcionais do [Fokus Styles](https://github.com/jorgewreis/fokus-styles) —
4
9
  1994 ícones do conjunto [Lucide](https://lucide.dev) (licença ISC),
5
10
  gerados em dois formatos, sem nenhuma dependência em runtime.
@@ -1,5 +1,10 @@
1
1
  # Módulo interno React do Fokus Styles
2
2
 
3
+ [Site e guias do Fokus Styles](https://styles.fokuscloud.com.br/) ·
4
+ [Fokus Cloud](https://www.fokuscloud.com.br/) ·
5
+ [GitHub](https://github.com/jorgewreis/fokus-styles) ·
6
+ [npm](https://www.npmjs.com/package/fokus-styles)
7
+
3
8
  **Subpath opcional — não faz parte do núcleo recomendado.**
4
9
 
5
10
  Wrapper React fino para o [Fokus Styles](https://github.com/jorgewreis/fokus-styles)