@govbr-ds/webcomponents 2.0.0-next.36 → 2.0.0-next.38

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 (533) hide show
  1. package/dist/cjs/br-avatar.cjs.entry.js +1 -1
  2. package/dist/cjs/br-avatar.cjs.entry.js.map +1 -1
  3. package/dist/cjs/br-avatar.entry.cjs.js.map +1 -1
  4. package/dist/cjs/br-breadcrumb.cjs.entry.js +1 -1
  5. package/dist/cjs/br-breadcrumb.cjs.entry.js.map +1 -1
  6. package/dist/cjs/br-breadcrumb.entry.cjs.js.map +1 -1
  7. package/dist/cjs/br-button.br-icon.entry.cjs.js.map +1 -1
  8. package/dist/cjs/br-button_2.cjs.entry.js +10 -4
  9. package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
  10. package/dist/cjs/br-checkbox.cjs.entry.js +1 -1
  11. package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -1
  12. package/dist/cjs/br-checkbox.entry.cjs.js.map +1 -1
  13. package/dist/cjs/br-checkgroup.cjs.entry.js +1 -1
  14. package/dist/cjs/br-checkgroup.cjs.entry.js.map +1 -1
  15. package/dist/cjs/br-checkgroup.entry.cjs.js.map +1 -1
  16. package/dist/cjs/br-collapse.br-list.entry.cjs.js.map +1 -0
  17. package/dist/cjs/br-collapse_2.cjs.entry.js +286 -0
  18. package/dist/cjs/br-collapse_2.cjs.entry.js.map +1 -0
  19. package/dist/cjs/br-divider.cjs.entry.js +1 -1
  20. package/dist/cjs/br-divider.cjs.entry.js.map +1 -1
  21. package/dist/cjs/br-divider.entry.cjs.js.map +1 -1
  22. package/dist/cjs/br-dropdown.cjs.entry.js +1 -1
  23. package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
  24. package/dist/cjs/br-dropdown.entry.cjs.js.map +1 -1
  25. package/dist/cjs/br-footer-category.cjs.entry.js +110 -0
  26. package/dist/cjs/br-footer-category.cjs.entry.js.map +1 -0
  27. package/dist/cjs/br-footer-category.entry.cjs.js.map +1 -0
  28. package/dist/cjs/br-footer-item.cjs.entry.js +52 -0
  29. package/dist/cjs/br-footer-item.cjs.entry.js.map +1 -0
  30. package/dist/cjs/br-footer-item.entry.cjs.js.map +1 -0
  31. package/dist/cjs/br-footer-legal.cjs.entry.js +43 -0
  32. package/dist/cjs/br-footer-legal.cjs.entry.js.map +1 -0
  33. package/dist/cjs/br-footer-legal.entry.cjs.js.map +1 -0
  34. package/dist/cjs/br-footer-logo.cjs.entry.js +74 -0
  35. package/dist/cjs/br-footer-logo.cjs.entry.js.map +1 -0
  36. package/dist/cjs/br-footer-logo.entry.cjs.js.map +1 -0
  37. package/dist/cjs/br-footer-social.cjs.entry.js +57 -0
  38. package/dist/cjs/br-footer-social.cjs.entry.js.map +1 -0
  39. package/dist/cjs/br-footer-social.entry.cjs.js.map +1 -0
  40. package/dist/cjs/br-footer.cjs.entry.js +49 -0
  41. package/dist/cjs/br-footer.cjs.entry.js.map +1 -0
  42. package/dist/cjs/br-footer.entry.cjs.js.map +1 -0
  43. package/dist/cjs/br-input.br-radio.entry.cjs.js.map +1 -1
  44. package/dist/cjs/br-input_2.cjs.entry.js +33 -4
  45. package/dist/cjs/br-input_2.cjs.entry.js.map +1 -1
  46. package/dist/cjs/br-item.cjs.entry.js +2 -2
  47. package/dist/cjs/br-item.cjs.entry.js.map +1 -1
  48. package/dist/cjs/br-item.entry.cjs.js.map +1 -1
  49. package/dist/cjs/br-loading.cjs.entry.js +2 -2
  50. package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
  51. package/dist/cjs/br-loading.entry.cjs.js.map +1 -1
  52. package/dist/cjs/br-message.cjs.entry.js +2 -2
  53. package/dist/cjs/br-message.cjs.entry.js.map +1 -1
  54. package/dist/cjs/br-message.entry.cjs.js.map +1 -1
  55. package/dist/cjs/br-select.cjs.entry.js +2 -2
  56. package/dist/cjs/br-select.cjs.entry.js.map +1 -1
  57. package/dist/cjs/br-select.entry.cjs.js.map +1 -1
  58. package/dist/cjs/br-step-item.cjs.entry.js +2 -2
  59. package/dist/cjs/br-step-item.cjs.entry.js.map +1 -1
  60. package/dist/cjs/br-step-item.entry.cjs.js.map +1 -1
  61. package/dist/cjs/br-step.cjs.entry.js +2 -2
  62. package/dist/cjs/br-step.cjs.entry.js.map +1 -1
  63. package/dist/cjs/br-step.entry.cjs.js.map +1 -1
  64. package/dist/cjs/br-switch.cjs.entry.js +2 -2
  65. package/dist/cjs/br-switch.cjs.entry.js.map +1 -1
  66. package/dist/cjs/br-switch.entry.cjs.js.map +1 -1
  67. package/dist/cjs/br-tab-item.cjs.entry.js +76 -0
  68. package/dist/cjs/br-tab-item.cjs.entry.js.map +1 -0
  69. package/dist/cjs/br-tab-item.entry.cjs.js.map +1 -0
  70. package/dist/cjs/{br-collapse.cjs.entry.js → br-tab.cjs.entry.js} +254 -60
  71. package/dist/cjs/br-tab.cjs.entry.js.map +1 -0
  72. package/dist/cjs/br-tab.entry.cjs.js.map +1 -0
  73. package/dist/cjs/br-table-cell.cjs.entry.js +81 -0
  74. package/dist/cjs/br-table-cell.cjs.entry.js.map +1 -0
  75. package/dist/cjs/br-table-cell.entry.cjs.js.map +1 -0
  76. package/dist/cjs/br-table-header-cell.cjs.entry.js +70 -0
  77. package/dist/cjs/br-table-header-cell.cjs.entry.js.map +1 -0
  78. package/dist/cjs/br-table-header-cell.entry.cjs.js.map +1 -0
  79. package/dist/cjs/br-table-header-row.cjs.entry.js +44 -0
  80. package/dist/cjs/br-table-header-row.cjs.entry.js.map +1 -0
  81. package/dist/cjs/br-table-header-row.entry.cjs.js.map +1 -0
  82. package/dist/cjs/br-table-row.cjs.entry.js +36 -0
  83. package/dist/cjs/br-table-row.cjs.entry.js.map +1 -0
  84. package/dist/cjs/br-table-row.entry.cjs.js.map +1 -0
  85. package/dist/cjs/br-table.cjs.entry.js +44 -0
  86. package/dist/cjs/br-table.cjs.entry.js.map +1 -0
  87. package/dist/cjs/br-table.entry.cjs.js.map +1 -0
  88. package/dist/cjs/br-tag.cjs.entry.js +3 -3
  89. package/dist/cjs/br-tag.cjs.entry.js.map +1 -1
  90. package/dist/cjs/br-tag.entry.cjs.js.map +1 -1
  91. package/dist/cjs/br-textarea.cjs.entry.js +2 -2
  92. package/dist/cjs/br-textarea.cjs.entry.js.map +1 -1
  93. package/dist/cjs/br-textarea.entry.cjs.js.map +1 -1
  94. package/dist/cjs/br-upload.cjs.entry.js +2 -2
  95. package/dist/cjs/br-upload.cjs.entry.js.map +1 -1
  96. package/dist/cjs/br-upload.entry.cjs.js.map +1 -1
  97. package/dist/cjs/helpers-BOXIHVCc.js +23 -0
  98. package/dist/cjs/helpers-BOXIHVCc.js.map +1 -0
  99. package/dist/cjs/index-DAOr34NM.js +58 -10
  100. package/dist/cjs/loader.cjs.js +1 -1
  101. package/dist/cjs/webcomponents.cjs.js +1 -1
  102. package/dist/collection/collection-manifest.json +13 -0
  103. package/dist/collection/components/avatar/avatar.css +1 -1
  104. package/dist/collection/components/breadcrumb/breadcrumb.css +1 -1
  105. package/dist/collection/components/button/button.css +1 -1
  106. package/dist/collection/components/button/button.js +7 -1
  107. package/dist/collection/components/button/button.js.map +1 -1
  108. package/dist/collection/components/checkbox/checkbox.css +1 -1
  109. package/dist/collection/components/checkgroup/checkgroup.css +1 -1
  110. package/dist/collection/components/collapse/collapse.css +1 -1
  111. package/dist/collection/components/collapse/collapse.js +131 -43
  112. package/dist/collection/components/collapse/collapse.js.map +1 -1
  113. package/dist/collection/components/divider/divider.css +1 -1
  114. package/dist/collection/components/dropdown/dropdown.css +1 -1
  115. package/dist/collection/components/footer/footer.css +1 -0
  116. package/dist/collection/components/footer/footer.js +128 -0
  117. package/dist/collection/components/footer/footer.js.map +1 -0
  118. package/dist/collection/components/footer-category/footer-category.css +1 -0
  119. package/dist/collection/components/footer-category/footer-category.js +178 -0
  120. package/dist/collection/components/footer-category/footer-category.js.map +1 -0
  121. package/dist/collection/components/footer-item/footer-item.css +1 -0
  122. package/dist/collection/components/footer-item/footer-item.js +117 -0
  123. package/dist/collection/components/footer-item/footer-item.js.map +1 -0
  124. package/dist/collection/components/footer-legal/footer-legal.css +1 -0
  125. package/dist/collection/components/footer-legal/footer-legal.js +77 -0
  126. package/dist/collection/components/footer-legal/footer-legal.js.map +1 -0
  127. package/dist/collection/components/footer-logo/footer-logo.css +1 -0
  128. package/dist/collection/components/footer-logo/footer-logo.js +188 -0
  129. package/dist/collection/components/footer-logo/footer-logo.js.map +1 -0
  130. package/dist/collection/components/footer-social/footer-social.css +1 -0
  131. package/dist/collection/components/footer-social/footer-social.js +147 -0
  132. package/dist/collection/components/footer-social/footer-social.js.map +1 -0
  133. package/dist/collection/components/icon/icon.css +1 -1
  134. package/dist/collection/components/icon/icon.js +1 -1
  135. package/dist/collection/components/input/input.css +1 -1
  136. package/dist/collection/components/input/input.js +1 -1
  137. package/dist/collection/components/item/item.css +1 -1
  138. package/dist/collection/components/item/item.js +1 -1
  139. package/dist/collection/components/list/list.css +1 -1
  140. package/dist/collection/components/list/list.js +91 -8
  141. package/dist/collection/components/list/list.js.map +1 -1
  142. package/dist/collection/components/loading/loading.css +1 -1
  143. package/dist/collection/components/loading/loading.js +1 -1
  144. package/dist/collection/components/message/message.css +1 -1
  145. package/dist/collection/components/message/message.js +1 -1
  146. package/dist/collection/components/radio/radio.css +1 -1
  147. package/dist/collection/components/radio/radio.js +36 -1
  148. package/dist/collection/components/radio/radio.js.map +1 -1
  149. package/dist/collection/components/select/select.css +1 -1
  150. package/dist/collection/components/select/select.js +1 -1
  151. package/dist/collection/components/step/step.css +1 -1
  152. package/dist/collection/components/step/step.js +1 -1
  153. package/dist/collection/components/step-item/step-item.css +1 -1
  154. package/dist/collection/components/step-item/step-item.js +2 -2
  155. package/dist/collection/components/step-item/step-item.js.map +1 -1
  156. package/dist/collection/components/switch/switch.css +1 -1
  157. package/dist/collection/components/switch/switch.js +1 -1
  158. package/dist/collection/components/tab/tab.css +1 -0
  159. package/dist/collection/components/tab/tab.js +372 -0
  160. package/dist/collection/components/tab/tab.js.map +1 -0
  161. package/dist/collection/components/tab-item/tab-item.css +1 -0
  162. package/dist/collection/components/tab-item/tab-item.js +256 -0
  163. package/dist/collection/components/tab-item/tab-item.js.map +1 -0
  164. package/dist/collection/components/table/table.css +1 -0
  165. package/dist/collection/components/table/table.js +77 -0
  166. package/dist/collection/components/table/table.js.map +1 -0
  167. package/dist/collection/components/table-cell/table-cell.css +1 -0
  168. package/dist/collection/components/table-cell/table-cell.js +171 -0
  169. package/dist/collection/components/table-cell/table-cell.js.map +1 -0
  170. package/dist/collection/components/table-header-cell/table-header-cell.css +1 -0
  171. package/dist/collection/components/table-header-cell/table-header-cell.js +164 -0
  172. package/dist/collection/components/table-header-cell/table-header-cell.js.map +1 -0
  173. package/dist/collection/components/table-header-row/table-header-row.css +1 -0
  174. package/dist/collection/components/table-header-row/table-header-row.js +77 -0
  175. package/dist/collection/components/table-header-row/table-header-row.js.map +1 -0
  176. package/dist/collection/components/table-row/table-row.css +1 -0
  177. package/dist/collection/components/table-row/table-row.js +69 -0
  178. package/dist/collection/components/table-row/table-row.js.map +1 -0
  179. package/dist/collection/components/tag/tag.css +1 -1
  180. package/dist/collection/components/tag/tag.js +2 -2
  181. package/dist/collection/components/textarea/textarea.css +1 -1
  182. package/dist/collection/components/textarea/textarea.js +1 -1
  183. package/dist/collection/components/upload/upload.css +1 -1
  184. package/dist/collection/components/upload/upload.js +1 -1
  185. package/dist/collection/pages/components/footer/index.js +18 -0
  186. package/dist/collection/pages/components/tab/index.js +18 -0
  187. package/dist/collection/pages/components/table/index.js +18 -0
  188. package/dist/collection/pages/scripts/menu.js +18 -4
  189. package/dist/collection/utils/css-variables.js +10 -0
  190. package/dist/collection/utils/css-variables.js.map +1 -0
  191. package/dist/collection/utils/helpers.js +17 -0
  192. package/dist/collection/utils/helpers.js.map +1 -0
  193. package/dist/collection/utils/types.js +2 -0
  194. package/dist/collection/utils/types.js.map +1 -0
  195. package/dist/components/br-avatar.js +3 -3
  196. package/dist/components/br-breadcrumb.js +29 -21
  197. package/dist/components/br-breadcrumb.js.map +1 -1
  198. package/dist/components/br-button.js +4 -4
  199. package/dist/components/br-checkbox.js +3 -3
  200. package/dist/components/br-checkgroup.js +3 -3
  201. package/dist/components/br-collapse.js +4 -171
  202. package/dist/components/br-collapse.js.map +1 -1
  203. package/dist/components/br-divider.js +4 -131
  204. package/dist/components/br-divider.js.map +1 -1
  205. package/dist/components/br-dropdown.js +2 -2
  206. package/dist/components/br-footer-category.d.ts +11 -0
  207. package/dist/components/br-footer-category.js +169 -0
  208. package/dist/components/br-footer-category.js.map +1 -0
  209. package/dist/components/br-footer-item.d.ts +11 -0
  210. package/dist/components/br-footer-item.js +95 -0
  211. package/dist/components/br-footer-item.js.map +1 -0
  212. package/dist/components/br-footer-legal.d.ts +11 -0
  213. package/dist/components/br-footer-legal.js +85 -0
  214. package/dist/components/br-footer-legal.js.map +1 -0
  215. package/dist/components/br-footer-logo.d.ts +11 -0
  216. package/dist/components/br-footer-logo.js +112 -0
  217. package/dist/components/br-footer-logo.js.map +1 -0
  218. package/dist/components/br-footer-social.d.ts +11 -0
  219. package/dist/components/br-footer-social.js +116 -0
  220. package/dist/components/br-footer-social.js.map +1 -0
  221. package/dist/components/br-footer.d.ts +11 -0
  222. package/dist/components/br-footer.js +113 -0
  223. package/dist/components/br-footer.js.map +1 -0
  224. package/dist/components/br-icon.js +1 -1
  225. package/dist/components/br-input.js +3 -3
  226. package/dist/components/br-item.js +4 -4
  227. package/dist/components/br-list.js +1 -1
  228. package/dist/components/br-loading.js +3 -3
  229. package/dist/components/br-message.js +7 -7
  230. package/dist/components/br-message.js.map +1 -1
  231. package/dist/components/br-radio.js +4 -4
  232. package/dist/components/br-select.js +33 -25
  233. package/dist/components/br-select.js.map +1 -1
  234. package/dist/components/br-step-item.js +18 -20
  235. package/dist/components/br-step-item.js.map +1 -1
  236. package/dist/components/br-step.js +9 -9
  237. package/dist/components/br-switch.js +7 -7
  238. package/dist/components/br-tab-item.d.ts +11 -0
  239. package/dist/components/br-tab-item.js +142 -0
  240. package/dist/components/br-tab-item.js.map +1 -0
  241. package/dist/components/br-tab.d.ts +11 -0
  242. package/dist/components/br-tab.js +323 -0
  243. package/dist/components/br-tab.js.map +1 -0
  244. package/dist/components/br-table-cell.d.ts +11 -0
  245. package/dist/components/br-table-cell.js +118 -0
  246. package/dist/components/br-table-cell.js.map +1 -0
  247. package/dist/components/br-table-header-cell.d.ts +11 -0
  248. package/dist/components/br-table-header-cell.js +108 -0
  249. package/dist/components/br-table-header-cell.js.map +1 -0
  250. package/dist/components/br-table-header-row.d.ts +11 -0
  251. package/dist/components/br-table-header-row.js +76 -0
  252. package/dist/components/br-table-header-row.js.map +1 -0
  253. package/dist/components/br-table-row.d.ts +11 -0
  254. package/dist/components/br-table-row.js +69 -0
  255. package/dist/components/br-table-row.js.map +1 -0
  256. package/dist/components/br-table.d.ts +11 -0
  257. package/dist/components/br-table.js +86 -0
  258. package/dist/components/br-table.js.map +1 -0
  259. package/dist/components/br-tag.js +10 -10
  260. package/dist/components/br-tag.js.map +1 -1
  261. package/dist/components/br-textarea.js +10 -10
  262. package/dist/components/br-upload.js +13 -13
  263. package/dist/components/br-upload.js.map +1 -1
  264. package/dist/components/index.d.ts +26 -0
  265. package/dist/components/index.js +27 -1
  266. package/dist/components/p-6zXKXi1G.js +386 -0
  267. package/dist/components/p-6zXKXi1G.js.map +1 -0
  268. package/dist/components/{p-CyMSBO1R.js → p-BBbnZnbw.js} +3 -3
  269. package/dist/components/p-BRKK5nMe.js +22 -0
  270. package/dist/components/p-BRKK5nMe.js.map +1 -0
  271. package/dist/components/p-BUstn93c.js +190 -0
  272. package/dist/components/p-BUstn93c.js.map +1 -0
  273. package/dist/components/p-BccYWJTM.js +285 -0
  274. package/dist/components/p-C69qzP4f.js +2270 -0
  275. package/dist/components/{p-ZjuPhQfh.js.map → p-C69qzP4f.js.map} +1 -1
  276. package/dist/components/p-CLzPNRoE.js +198 -0
  277. package/dist/components/p-YVVBeyHg.js +183 -0
  278. package/dist/components/p-YVVBeyHg.js.map +1 -0
  279. package/dist/components/p-fXOTnsCB.js +237 -0
  280. package/dist/components/p-fXOTnsCB.js.map +1 -0
  281. package/dist/components/p-lS-a0O7q.js +161 -0
  282. package/dist/components/p-lS-a0O7q.js.map +1 -0
  283. package/dist/components/p-netcRdpj.js +136 -0
  284. package/dist/components/p-netcRdpj.js.map +1 -0
  285. package/dist/custom-elements.json +3676 -1685
  286. package/dist/esm/br-avatar.entry.js +1 -1
  287. package/dist/esm/br-avatar.entry.js.map +1 -1
  288. package/dist/esm/br-breadcrumb.entry.js +1 -1
  289. package/dist/esm/br-breadcrumb.entry.js.map +1 -1
  290. package/dist/esm/br-button.br-icon.entry.js.map +1 -1
  291. package/dist/esm/br-button_2.entry.js +10 -4
  292. package/dist/esm/br-button_2.entry.js.map +1 -1
  293. package/dist/esm/br-checkbox.entry.js +1 -1
  294. package/dist/esm/br-checkbox.entry.js.map +1 -1
  295. package/dist/esm/br-checkgroup.entry.js +1 -1
  296. package/dist/esm/br-checkgroup.entry.js.map +1 -1
  297. package/dist/esm/br-collapse.br-list.entry.js.map +1 -0
  298. package/dist/esm/br-collapse_2.entry.js +283 -0
  299. package/dist/esm/br-collapse_2.entry.js.map +1 -0
  300. package/dist/esm/br-divider.entry.js +1 -1
  301. package/dist/esm/br-divider.entry.js.map +1 -1
  302. package/dist/esm/br-dropdown.entry.js +1 -1
  303. package/dist/esm/br-dropdown.entry.js.map +1 -1
  304. package/dist/esm/br-footer-category.entry.js +108 -0
  305. package/dist/esm/br-footer-category.entry.js.map +1 -0
  306. package/dist/esm/br-footer-item.entry.js +50 -0
  307. package/dist/esm/br-footer-item.entry.js.map +1 -0
  308. package/dist/esm/br-footer-legal.entry.js +41 -0
  309. package/dist/esm/br-footer-legal.entry.js.map +1 -0
  310. package/dist/esm/br-footer-logo.entry.js +72 -0
  311. package/dist/esm/br-footer-logo.entry.js.map +1 -0
  312. package/dist/esm/br-footer-social.entry.js +55 -0
  313. package/dist/esm/br-footer-social.entry.js.map +1 -0
  314. package/dist/esm/br-footer.entry.js +47 -0
  315. package/dist/esm/br-footer.entry.js.map +1 -0
  316. package/dist/esm/br-input.br-radio.entry.js.map +1 -1
  317. package/dist/esm/br-input_2.entry.js +33 -4
  318. package/dist/esm/br-input_2.entry.js.map +1 -1
  319. package/dist/esm/br-item.entry.js +2 -2
  320. package/dist/esm/br-item.entry.js.map +1 -1
  321. package/dist/esm/br-loading.entry.js +2 -2
  322. package/dist/esm/br-loading.entry.js.map +1 -1
  323. package/dist/esm/br-message.entry.js +2 -2
  324. package/dist/esm/br-message.entry.js.map +1 -1
  325. package/dist/esm/br-select.entry.js +2 -2
  326. package/dist/esm/br-select.entry.js.map +1 -1
  327. package/dist/esm/br-step-item.entry.js +2 -2
  328. package/dist/esm/br-step-item.entry.js.map +1 -1
  329. package/dist/esm/br-step.entry.js +2 -2
  330. package/dist/esm/br-step.entry.js.map +1 -1
  331. package/dist/esm/br-switch.entry.js +2 -2
  332. package/dist/esm/br-switch.entry.js.map +1 -1
  333. package/dist/esm/br-tab-item.entry.js +74 -0
  334. package/dist/esm/br-tab-item.entry.js.map +1 -0
  335. package/dist/esm/{br-collapse.entry.js → br-tab.entry.js} +254 -60
  336. package/dist/esm/br-tab.entry.js.map +1 -0
  337. package/dist/esm/br-table-cell.entry.js +79 -0
  338. package/dist/esm/br-table-cell.entry.js.map +1 -0
  339. package/dist/esm/br-table-header-cell.entry.js +68 -0
  340. package/dist/esm/br-table-header-cell.entry.js.map +1 -0
  341. package/dist/esm/br-table-header-row.entry.js +42 -0
  342. package/dist/esm/br-table-header-row.entry.js.map +1 -0
  343. package/dist/esm/br-table-row.entry.js +34 -0
  344. package/dist/esm/br-table-row.entry.js.map +1 -0
  345. package/dist/esm/br-table.entry.js +42 -0
  346. package/dist/esm/br-table.entry.js.map +1 -0
  347. package/dist/esm/br-tag.entry.js +3 -3
  348. package/dist/esm/br-tag.entry.js.map +1 -1
  349. package/dist/esm/br-textarea.entry.js +2 -2
  350. package/dist/esm/br-textarea.entry.js.map +1 -1
  351. package/dist/esm/br-upload.entry.js +2 -2
  352. package/dist/esm/br-upload.entry.js.map +1 -1
  353. package/dist/esm/helpers-BRKK5nMe.js +21 -0
  354. package/dist/esm/helpers-BRKK5nMe.js.map +1 -0
  355. package/dist/esm/index-ClsF4De3.js +58 -10
  356. package/dist/esm/loader.js +1 -1
  357. package/dist/esm/webcomponents.js +1 -1
  358. package/dist/hydrate/index.js +1418 -148
  359. package/dist/hydrate/index.mjs +1418 -148
  360. package/dist/types/components/button/button.d.ts +1 -0
  361. package/dist/types/components/collapse/collapse.d.ts +73 -9
  362. package/dist/types/components/footer/footer.d.ts +37 -0
  363. package/dist/types/components/footer-category/footer-category.d.ts +81 -0
  364. package/dist/types/components/footer-item/footer-item.d.ts +39 -0
  365. package/dist/types/components/footer-legal/footer-legal.d.ts +24 -0
  366. package/dist/types/components/footer-logo/footer-logo.d.ts +49 -0
  367. package/dist/types/components/footer-social/footer-social.d.ts +38 -0
  368. package/dist/types/components/list/list.d.ts +39 -1
  369. package/dist/types/components/radio/radio.d.ts +8 -0
  370. package/dist/types/components/tab/tab.d.ts +103 -0
  371. package/dist/types/components/tab-item/tab-item.d.ts +52 -0
  372. package/dist/types/components/table/table.d.ts +27 -0
  373. package/dist/types/components/table-cell/table-cell.d.ts +50 -0
  374. package/dist/types/components/table-header-cell/table-header-cell.d.ts +39 -0
  375. package/dist/types/components/table-header-row/table-header-row.d.ts +27 -0
  376. package/dist/types/components/table-row/table-row.d.ts +19 -0
  377. package/dist/types/components.d.ts +772 -10
  378. package/dist/types/utils/css-variables.d.ts +5 -0
  379. package/dist/types/utils/helpers.d.ts +8 -0
  380. package/dist/types/utils/types.d.ts +1 -0
  381. package/dist/webcomponents/br-avatar.entry.esm.js.map +1 -1
  382. package/dist/webcomponents/br-breadcrumb.entry.esm.js.map +1 -1
  383. package/dist/webcomponents/br-button.br-icon.entry.esm.js.map +1 -1
  384. package/dist/webcomponents/br-checkbox.entry.esm.js.map +1 -1
  385. package/dist/webcomponents/br-checkgroup.entry.esm.js.map +1 -1
  386. package/dist/webcomponents/br-collapse.br-list.entry.esm.js.map +1 -0
  387. package/dist/webcomponents/br-divider.entry.esm.js.map +1 -1
  388. package/dist/webcomponents/br-dropdown.entry.esm.js.map +1 -1
  389. package/dist/webcomponents/br-footer-category.entry.esm.js.map +1 -0
  390. package/dist/webcomponents/br-footer-item.entry.esm.js.map +1 -0
  391. package/dist/webcomponents/br-footer-legal.entry.esm.js.map +1 -0
  392. package/dist/webcomponents/br-footer-logo.entry.esm.js.map +1 -0
  393. package/dist/webcomponents/br-footer-social.entry.esm.js.map +1 -0
  394. package/dist/webcomponents/br-footer.entry.esm.js.map +1 -0
  395. package/dist/webcomponents/br-input.br-radio.entry.esm.js.map +1 -1
  396. package/dist/webcomponents/br-item.entry.esm.js.map +1 -1
  397. package/dist/webcomponents/br-loading.entry.esm.js.map +1 -1
  398. package/dist/webcomponents/br-message.entry.esm.js.map +1 -1
  399. package/dist/webcomponents/br-select.entry.esm.js.map +1 -1
  400. package/dist/webcomponents/br-step-item.entry.esm.js.map +1 -1
  401. package/dist/webcomponents/br-step.entry.esm.js.map +1 -1
  402. package/dist/webcomponents/br-switch.entry.esm.js.map +1 -1
  403. package/dist/webcomponents/br-tab-item.entry.esm.js.map +1 -0
  404. package/dist/webcomponents/br-tab.entry.esm.js.map +1 -0
  405. package/dist/webcomponents/br-table-cell.entry.esm.js.map +1 -0
  406. package/dist/webcomponents/br-table-header-cell.entry.esm.js.map +1 -0
  407. package/dist/webcomponents/br-table-header-row.entry.esm.js.map +1 -0
  408. package/dist/webcomponents/br-table-row.entry.esm.js.map +1 -0
  409. package/dist/webcomponents/br-table.entry.esm.js.map +1 -0
  410. package/dist/webcomponents/br-tag.entry.esm.js.map +1 -1
  411. package/dist/webcomponents/br-textarea.entry.esm.js.map +1 -1
  412. package/dist/webcomponents/br-upload.entry.esm.js.map +1 -1
  413. package/dist/webcomponents/p-0d558b53.entry.js +164 -0
  414. package/dist/webcomponents/p-264546b9.entry.js +72 -0
  415. package/dist/webcomponents/p-264546b9.entry.js.map +1 -0
  416. package/dist/webcomponents/p-290d85de.entry.js +61 -0
  417. package/dist/webcomponents/p-290d85de.entry.js.map +1 -0
  418. package/dist/webcomponents/p-2c34874f.entry.js +210 -0
  419. package/dist/webcomponents/p-2c34874f.entry.js.map +1 -0
  420. package/dist/webcomponents/p-2d0ea474.entry.js +52 -0
  421. package/dist/webcomponents/p-2d0ea474.entry.js.map +1 -0
  422. package/dist/webcomponents/p-2f53eae4.entry.js +79 -0
  423. package/dist/webcomponents/p-2f53eae4.entry.js.map +1 -0
  424. package/dist/webcomponents/p-329b8988.entry.js +167 -0
  425. package/dist/webcomponents/p-3565a60d.entry.js +153 -0
  426. package/dist/webcomponents/p-3565a60d.entry.js.map +1 -0
  427. package/dist/webcomponents/p-356d2ed1.entry.js +399 -0
  428. package/dist/webcomponents/p-356d2ed1.entry.js.map +1 -0
  429. package/dist/webcomponents/p-39b2018d.entry.js +149 -0
  430. package/dist/webcomponents/p-3dede3fc.entry.js +145 -0
  431. package/dist/webcomponents/p-3ffdd86d.entry.js +117 -0
  432. package/dist/webcomponents/p-3ffdd86d.entry.js.map +1 -0
  433. package/dist/webcomponents/p-43d52598.entry.js +376 -0
  434. package/dist/webcomponents/p-4a7f95ce.entry.js +255 -0
  435. package/dist/webcomponents/p-4f7a4a8c.entry.js +83 -0
  436. package/dist/webcomponents/p-4f7a4a8c.entry.js.map +1 -0
  437. package/dist/webcomponents/p-52f26deb.entry.js +484 -0
  438. package/dist/webcomponents/p-52f26deb.entry.js.map +1 -0
  439. package/dist/webcomponents/p-564e2ed1.entry.js +89 -0
  440. package/dist/webcomponents/p-564e2ed1.entry.js.map +1 -0
  441. package/dist/webcomponents/p-59eecde7.entry.js +343 -0
  442. package/dist/webcomponents/p-59eecde7.entry.js.map +1 -0
  443. package/dist/webcomponents/p-62527cde.entry.js +258 -0
  444. package/dist/webcomponents/p-62527cde.entry.js.map +1 -0
  445. package/dist/webcomponents/p-774ba96e.entry.js +51 -0
  446. package/dist/webcomponents/p-774ba96e.entry.js.map +1 -0
  447. package/dist/webcomponents/p-7a41ff6c.entry.js +61 -0
  448. package/dist/webcomponents/p-7a41ff6c.entry.js.map +1 -0
  449. package/dist/webcomponents/p-7e15d753.entry.js +282 -0
  450. package/dist/webcomponents/p-8939b230.entry.js +297 -0
  451. package/dist/webcomponents/p-8939b230.entry.js.map +1 -0
  452. package/dist/webcomponents/p-8e8f9f78.entry.js +169 -0
  453. package/dist/webcomponents/p-923d0ee2.entry.js +2369 -0
  454. package/dist/webcomponents/p-923d0ee2.entry.js.map +1 -0
  455. package/dist/webcomponents/p-9c435cb9.entry.js +88 -0
  456. package/dist/webcomponents/p-BRKK5nMe.js +22 -0
  457. package/dist/webcomponents/p-BRKK5nMe.js.map +1 -0
  458. package/dist/webcomponents/p-bf7f634f.entry.js +86 -0
  459. package/dist/webcomponents/p-bf7f634f.entry.js.map +1 -0
  460. package/dist/webcomponents/p-c473e6fd.entry.js +277 -0
  461. package/dist/webcomponents/{p-36231217.entry.js.map → p-c473e6fd.entry.js.map} +1 -1
  462. package/dist/webcomponents/p-c47722eb.entry.js +44 -0
  463. package/dist/webcomponents/p-c47722eb.entry.js.map +1 -0
  464. package/dist/webcomponents/p-ccbd8201.entry.js +105 -0
  465. package/dist/webcomponents/p-d8efe09f.entry.js +108 -0
  466. package/dist/webcomponents/p-d8efe09f.entry.js.map +1 -0
  467. package/dist/webcomponents/p-e267327f.entry.js +141 -0
  468. package/dist/webcomponents/webcomponents.esm.js +139 -78
  469. package/dist/webcomponents.html-custom-data.json +147 -4
  470. package/package.json +1 -1
  471. package/dist/cjs/br-collapse.cjs.entry.js.map +0 -1
  472. package/dist/cjs/br-collapse.entry.cjs.js.map +0 -1
  473. package/dist/cjs/br-list.cjs.entry.js +0 -90
  474. package/dist/cjs/br-list.cjs.entry.js.map +0 -1
  475. package/dist/cjs/br-list.entry.cjs.js.map +0 -1
  476. package/dist/components/p-BQZa6fK2.js +0 -198
  477. package/dist/components/p-BQb4_NfQ.js +0 -166
  478. package/dist/components/p-BQb4_NfQ.js.map +0 -1
  479. package/dist/components/p-CAjrcMpR.js +0 -154
  480. package/dist/components/p-CAjrcMpR.js.map +0 -1
  481. package/dist/components/p-DP5hSLC1.js +0 -130
  482. package/dist/components/p-DP5hSLC1.js.map +0 -1
  483. package/dist/components/p-DvG8eiYP.js +0 -285
  484. package/dist/components/p-ZjuPhQfh.js +0 -2270
  485. package/dist/components/p-sndAoOGI.js +0 -386
  486. package/dist/components/p-sndAoOGI.js.map +0 -1
  487. package/dist/esm/br-collapse.entry.js.map +0 -1
  488. package/dist/esm/br-list.entry.js +0 -88
  489. package/dist/esm/br-list.entry.js.map +0 -1
  490. package/dist/webcomponents/br-collapse.entry.esm.js.map +0 -1
  491. package/dist/webcomponents/br-list.entry.esm.js.map +0 -1
  492. package/dist/webcomponents/p-2537ae9c.entry.js +0 -167
  493. package/dist/webcomponents/p-36231217.entry.js +0 -279
  494. package/dist/webcomponents/p-3c0f3cb4.entry.js +0 -169
  495. package/dist/webcomponents/p-477035e2.entry.js +0 -164
  496. package/dist/webcomponents/p-48996f81.entry.js +0 -282
  497. package/dist/webcomponents/p-520c5527.entry.js +0 -149
  498. package/dist/webcomponents/p-64df4b98.entry.js +0 -255
  499. package/dist/webcomponents/p-795c258e.entry.js +0 -105
  500. package/dist/webcomponents/p-94aa48d4.entry.js +0 -460
  501. package/dist/webcomponents/p-94aa48d4.entry.js.map +0 -1
  502. package/dist/webcomponents/p-94aab132.entry.js +0 -141
  503. package/dist/webcomponents/p-9cf1963e.entry.js +0 -145
  504. package/dist/webcomponents/p-9cfc8db7.entry.js +0 -399
  505. package/dist/webcomponents/p-9cfc8db7.entry.js.map +0 -1
  506. package/dist/webcomponents/p-bfb1bd71.entry.js +0 -258
  507. package/dist/webcomponents/p-bfb1bd71.entry.js.map +0 -1
  508. package/dist/webcomponents/p-c5ac5216.entry.js +0 -210
  509. package/dist/webcomponents/p-c5ac5216.entry.js.map +0 -1
  510. package/dist/webcomponents/p-caa64d3d.entry.js +0 -111
  511. package/dist/webcomponents/p-caa64d3d.entry.js.map +0 -1
  512. package/dist/webcomponents/p-cd2933f6.entry.js +0 -153
  513. package/dist/webcomponents/p-cd2933f6.entry.js.map +0 -1
  514. package/dist/webcomponents/p-db618028.entry.js +0 -2362
  515. package/dist/webcomponents/p-db618028.entry.js.map +0 -1
  516. package/dist/webcomponents/p-ddee0a15.entry.js +0 -88
  517. package/dist/webcomponents/p-eecebb46.entry.js +0 -376
  518. package/dist/webcomponents/p-ff97c81f.entry.js +0 -145
  519. package/dist/webcomponents/p-ff97c81f.entry.js.map +0 -1
  520. /package/dist/components/{p-CyMSBO1R.js.map → p-BBbnZnbw.js.map} +0 -0
  521. /package/dist/components/{p-DvG8eiYP.js.map → p-BccYWJTM.js.map} +0 -0
  522. /package/dist/components/{p-BQZa6fK2.js.map → p-CLzPNRoE.js.map} +0 -0
  523. /package/dist/webcomponents/{p-477035e2.entry.js.map → p-0d558b53.entry.js.map} +0 -0
  524. /package/dist/webcomponents/{p-2537ae9c.entry.js.map → p-329b8988.entry.js.map} +0 -0
  525. /package/dist/webcomponents/{p-520c5527.entry.js.map → p-39b2018d.entry.js.map} +0 -0
  526. /package/dist/webcomponents/{p-9cf1963e.entry.js.map → p-3dede3fc.entry.js.map} +0 -0
  527. /package/dist/webcomponents/{p-eecebb46.entry.js.map → p-43d52598.entry.js.map} +0 -0
  528. /package/dist/webcomponents/{p-64df4b98.entry.js.map → p-4a7f95ce.entry.js.map} +0 -0
  529. /package/dist/webcomponents/{p-48996f81.entry.js.map → p-7e15d753.entry.js.map} +0 -0
  530. /package/dist/webcomponents/{p-3c0f3cb4.entry.js.map → p-8e8f9f78.entry.js.map} +0 -0
  531. /package/dist/webcomponents/{p-ddee0a15.entry.js.map → p-9c435cb9.entry.js.map} +0 -0
  532. /package/dist/webcomponents/{p-795c258e.entry.js.map → p-ccbd8201.entry.js.map} +0 -0
  533. /package/dist/webcomponents/{p-94aab132.entry.js.map → p-e267327f.entry.js.map} +0 -0
@@ -0,0 +1,297 @@
1
+ /*!
2
+ * Construído por SERPRO
3
+ * © https://serpro.gov.br/ - MIT License.
4
+ */
5
+ import { r, c as a, g as o, h as i, a as n } from "./p-ClsF4De3.js";
6
+
7
+ const v = "*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden]{display:none}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-.5);margin-right:calc(var(--grid-gutter)*-.5)}@media (min-width:576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width:992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width:1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width:1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half)!important}.mb-1{margin-bottom:var(--spacing-scale-half)!important}.mr-2{margin-right:var(--spacing-scale-base)!important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1)!important}.ml-2{margin-left:var(--spacing-scale-base)!important}.mr-auto{margin-right:auto!important}.pt-half{padding-top:var(--spacing-scale-half)!important}.py-3{padding-bottom:var(--spacing-scale-2x)!important;padding-top:var(--spacing-scale-2x)!important}.py-4{padding-bottom:var(--spacing-scale-3x)!important;padding-top:var(--spacing-scale-3x)!important}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width:576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--pressed))),to(rgba(var(--interactive-rgb),var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ol,ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}.label,label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.placeholder,::placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.input,input,textarea{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.bg-blue-90{--background:var(--blue-90);background:var(--blue-90)!important}.bg-blue-80{--background:var(--blue-80);background:var(--blue-80)!important}.bg-blue-70{--background:var(--blue-70);background:var(--blue-70)!important}.bg-blue-60{--background:var(--blue-60);background:var(--blue-60)!important}.bg-blue-50{--background:var(--blue-50);background:var(--blue-50)!important}.bg-blue-40{--background:var(--blue-40);background:var(--blue-40)!important}.bg-blue-30{--background:var(--blue-30);background:var(--blue-30)!important}.bg-blue-20{--background:var(--blue-20);background:var(--blue-20)!important}.bg-blue-10{--background:var(--blue-10);background:var(--blue-10)!important}.bg-blue-5{--background:var(--blue-5);background:var(--blue-5)!important}.bg-blue-cool-90{--background:var(--blue-cool-90);background:var(--blue-cool-90)!important}.bg-blue-cool-80{--background:var(--blue-cool-80);background:var(--blue-cool-80)!important}.bg-blue-cool-70{--background:var(--blue-cool-70);background:var(--blue-cool-70)!important}.bg-blue-cool-60{--background:var(--blue-cool-60);background:var(--blue-cool-60)!important}.bg-blue-cool-50{--background:var(--blue-cool-50);background:var(--blue-cool-50)!important}.bg-blue-cool-40{--background:var(--blue-cool-40);background:var(--blue-cool-40)!important}.bg-blue-cool-30{--background:var(--blue-cool-30);background:var(--blue-cool-30)!important}.bg-blue-cool-20{--background:var(--blue-cool-20);background:var(--blue-cool-20)!important}.bg-blue-cool-10{--background:var(--blue-cool-10);background:var(--blue-cool-10)!important}.bg-blue-cool-5{--background:var(--blue-cool-5);background:var(--blue-cool-5)!important}.bg-blue-warm-90{--background:var(--blue-warm-90);background:var(--blue-warm-90)!important}.bg-blue-warm-80{--background:var(--blue-warm-80);background:var(--blue-warm-80)!important}.bg-blue-warm-70{--background:var(--blue-warm-70);background:var(--blue-warm-70)!important}.bg-blue-warm-60{--background:var(--blue-warm-60);background:var(--blue-warm-60)!important}.bg-blue-warm-50{--background:var(--blue-warm-50);background:var(--blue-warm-50)!important}.bg-blue-warm-40{--background:var(--blue-warm-40);background:var(--blue-warm-40)!important}.bg-blue-warm-30{--background:var(--blue-warm-30);background:var(--blue-warm-30)!important}.bg-blue-warm-20{--background:var(--blue-warm-20);background:var(--blue-warm-20)!important}.bg-blue-warm-10{--background:var(--blue-warm-10);background:var(--blue-warm-10)!important}.bg-blue-warm-5{--background:var(--blue-warm-5);background:var(--blue-warm-5)!important}.bg-blue-vivid-80{--background:var(--blue-vivid-80);background:var(--blue-vivid-80)!important}.bg-blue-vivid-70{--background:var(--blue-vivid-70);background:var(--blue-vivid-70)!important}.bg-blue-vivid-60{--background:var(--blue-vivid-60);background:var(--blue-vivid-60)!important}.bg-blue-vivid-50{--background:var(--blue-vivid-50);background:var(--blue-vivid-50)!important}.bg-blue-vivid-40{--background:var(--blue-vivid-40);background:var(--blue-vivid-40)!important}.bg-blue-vivid-30{--background:var(--blue-vivid-30);background:var(--blue-vivid-30)!important}.bg-blue-vivid-20{--background:var(--blue-vivid-20);background:var(--blue-vivid-20)!important}.bg-blue-vivid-10{--background:var(--blue-vivid-10);background:var(--blue-vivid-10)!important}.bg-blue-vivid-5{--background:var(--blue-vivid-5);background:var(--blue-vivid-5)!important}.bg-blue-cool-vivid-80{--background:var(--blue-cool-vivid-80);background:var(--blue-cool-vivid-80)!important}.bg-blue-cool-vivid-70{--background:var(--blue-cool-vivid-70);background:var(--blue-cool-vivid-70)!important}.bg-blue-cool-vivid-60{--background:var(--blue-cool-vivid-60);background:var(--blue-cool-vivid-60)!important}.bg-blue-cool-vivid-50{--background:var(--blue-cool-vivid-50);background:var(--blue-cool-vivid-50)!important}.bg-blue-cool-vivid-40{--background:var(--blue-cool-vivid-40);background:var(--blue-cool-vivid-40)!important}.bg-blue-cool-vivid-30{--background:var(--blue-cool-vivid-30);background:var(--blue-cool-vivid-30)!important}.bg-blue-cool-vivid-20{--background:var(--blue-cool-vivid-20);background:var(--blue-cool-vivid-20)!important}.bg-blue-cool-vivid-10{--background:var(--blue-cool-vivid-10);background:var(--blue-cool-vivid-10)!important}.bg-blue-cool-vivid-5{--background:var(--blue-cool-vivid-5);background:var(--blue-cool-vivid-5)!important}.bg-blue-warm-vivid-90{--background:var(--blue-warm-vivid-90);background:var(--blue-warm-vivid-90)!important}.bg-blue-warm-vivid-80{--background:var(--blue-warm-vivid-80);background:var(--blue-warm-vivid-80)!important}.bg-blue-warm-vivid-70{--background:var(--blue-warm-vivid-70);background:var(--blue-warm-vivid-70)!important}.bg-blue-warm-vivid-60{--background:var(--blue-warm-vivid-60);background:var(--blue-warm-vivid-60)!important}.bg-blue-warm-vivid-50{--background:var(--blue-warm-vivid-50);background:var(--blue-warm-vivid-50)!important}.bg-blue-warm-vivid-40{--background:var(--blue-warm-vivid-40);background:var(--blue-warm-vivid-40)!important}.bg-blue-warm-vivid-30{--background:var(--blue-warm-vivid-30);background:var(--blue-warm-vivid-30)!important}.bg-blue-warm-vivid-20{--background:var(--blue-warm-vivid-20);background:var(--blue-warm-vivid-20)!important}.bg-blue-warm-vivid-10{--background:var(--blue-warm-vivid-10);background:var(--blue-warm-vivid-10)!important}.bg-blue-warm-vivid-5{--background:var(--blue-warm-vivid-5);background:var(--blue-warm-vivid-5)!important}.bg-cyan-90{--background:var(--cyan-90);background:var(--cyan-90)!important}.bg-cyan-80{--background:var(--cyan-80);background:var(--cyan-80)!important}.bg-cyan-70{--background:var(--cyan-70);background:var(--cyan-70)!important}.bg-cyan-60{--background:var(--cyan-60);background:var(--cyan-60)!important}.bg-cyan-50{--background:var(--cyan-50);background:var(--cyan-50)!important}.bg-cyan-40{--background:var(--cyan-40);background:var(--cyan-40)!important}.bg-cyan-30{--background:var(--cyan-30);background:var(--cyan-30)!important}.bg-cyan-20{--background:var(--cyan-20);background:var(--cyan-20)!important}.bg-cyan-10{--background:var(--cyan-10);background:var(--cyan-10)!important}.bg-cyan-5{--background:var(--cyan-5);background:var(--cyan-5)!important}.bg-cyan-vivid-80{--background:var(--cyan-vivid-80);background:var(--cyan-vivid-80)!important}.bg-cyan-vivid-70{--background:var(--cyan-vivid-70);background:var(--cyan-vivid-70)!important}.bg-cyan-vivid-60{--background:var(--cyan-vivid-60);background:var(--cyan-vivid-60)!important}.bg-cyan-vivid-50{--background:var(--cyan-vivid-50);background:var(--cyan-vivid-50)!important}.bg-cyan-vivid-40{--background:var(--cyan-vivid-40);background:var(--cyan-vivid-40)!important}.bg-cyan-vivid-30{--background:var(--cyan-vivid-30);background:var(--cyan-vivid-30)!important}.bg-cyan-vivid-20{--background:var(--cyan-vivid-20);background:var(--cyan-vivid-20)!important}.bg-cyan-vivid-10{--background:var(--cyan-vivid-10);background:var(--cyan-vivid-10)!important}.bg-cyan-vivid-5{--background:var(--cyan-vivid-5);background:var(--cyan-vivid-5)!important}.bg-gold-90{--background:var(--gold-90);background:var(--gold-90)!important}.bg-gold-80{--background:var(--gold-80);background:var(--gold-80)!important}.bg-gold-70{--background:var(--gold-70);background:var(--gold-70)!important}.bg-gold-60{--background:var(--gold-60);background:var(--gold-60)!important}.bg-gold-50{--background:var(--gold-50);background:var(--gold-50)!important}.bg-gold-40{--background:var(--gold-40);background:var(--gold-40)!important}.bg-gold-30{--background:var(--gold-30);background:var(--gold-30)!important}.bg-gold-20{--background:var(--gold-20);background:var(--gold-20)!important}.bg-gold-10{--background:var(--gold-10);background:var(--gold-10)!important}.bg-gold-5{--background:var(--gold-5);background:var(--gold-5)!important}.bg-gold-vivid-80{--background:var(--gold-vivid-80);background:var(--gold-vivid-80)!important}.bg-gold-vivid-70{--background:var(--gold-vivid-70);background:var(--gold-vivid-70)!important}.bg-gold-vivid-60{--background:var(--gold-vivid-60);background:var(--gold-vivid-60)!important}.bg-gold-vivid-50{--background:var(--gold-vivid-50);background:var(--gold-vivid-50)!important}.bg-gold-vivid-40{--background:var(--gold-vivid-40);background:var(--gold-vivid-40)!important}.bg-gold-vivid-30{--background:var(--gold-vivid-30);background:var(--gold-vivid-30)!important}.bg-gold-vivid-20{--background:var(--gold-vivid-20);background:var(--gold-vivid-20)!important}.bg-gold-vivid-10{--background:var(--gold-vivid-10);background:var(--gold-vivid-10)!important}.bg-gold-vivid-5{--background:var(--gold-vivid-5);background:var(--gold-vivid-5)!important}.bg-gray-90{--background:var(--gray-90);background:var(--gray-90)!important}.bg-gray-80{--background:var(--gray-80);background:var(--gray-80)!important}.bg-gray-70{--background:var(--gray-70);background:var(--gray-70)!important}.bg-gray-60{--background:var(--gray-60);background:var(--gray-60)!important}.bg-gray-50{--background:var(--gray-50);background:var(--gray-50)!important}.bg-gray-40{--background:var(--gray-40);background:var(--gray-40)!important}.bg-gray-30{--background:var(--gray-30);background:var(--gray-30)!important}.bg-gray-20{--background:var(--gray-20);background:var(--gray-20)!important}.bg-gray-10{--background:var(--gray-10);background:var(--gray-10)!important}.bg-gray-5{--background:var(--gray-5);background:var(--gray-5)!important}.bg-gray-4{--background:var(--gray-4);background:var(--gray-4)!important}.bg-gray-3{--background:var(--gray-3);background:var(--gray-3)!important}.bg-gray-2{--background:var(--gray-2);background:var(--gray-2)!important}.bg-gray-1{--background:var(--gray-1);background:var(--gray-1)!important}.bg-gray-cool-90{--background:var(--gray-cool-90);background:var(--gray-cool-90)!important}.bg-gray-cool-80{--background:var(--gray-cool-80);background:var(--gray-cool-80)!important}.bg-gray-cool-70{--background:var(--gray-cool-70);background:var(--gray-cool-70)!important}.bg-gray-cool-60{--background:var(--gray-cool-60);background:var(--gray-cool-60)!important}.bg-gray-cool-50{--background:var(--gray-cool-50);background:var(--gray-cool-50)!important}.bg-gray-cool-40{--background:var(--gray-cool-40);background:var(--gray-cool-40)!important}.bg-gray-cool-30{--background:var(--gray-cool-30);background:var(--gray-cool-30)!important}.bg-gray-cool-20{--background:var(--gray-cool-20);background:var(--gray-cool-20)!important}.bg-gray-cool-10{--background:var(--gray-cool-10);background:var(--gray-cool-10)!important}.bg-gray-cool-5{--background:var(--gray-cool-5);background:var(--gray-cool-5)!important}.bg-gray-cool-4{--background:var(--gray-cool-4);background:var(--gray-cool-4)!important}.bg-gray-cool-3{--background:var(--gray-cool-3);background:var(--gray-cool-3)!important}.bg-gray-cool-2{--background:var(--gray-cool-2);background:var(--gray-cool-2)!important}.bg-gray-cool-1{--background:var(--gray-cool-1);background:var(--gray-cool-1)!important}.bg-gray-warm-90{--background:var(--gray-warm-90);background:var(--gray-warm-90)!important}.bg-gray-warm-80{--background:var(--gray-warm-80);background:var(--gray-warm-80)!important}.bg-gray-warm-70{--background:var(--gray-warm-70);background:var(--gray-warm-70)!important}.bg-gray-warm-60{--background:var(--gray-warm-60);background:var(--gray-warm-60)!important}.bg-gray-warm-50{--background:var(--gray-warm-50);background:var(--gray-warm-50)!important}.bg-gray-warm-40{--background:var(--gray-warm-40);background:var(--gray-warm-40)!important}.bg-gray-warm-30{--background:var(--gray-warm-30);background:var(--gray-warm-30)!important}.bg-gray-warm-20{--background:var(--gray-warm-20);background:var(--gray-warm-20)!important}.bg-gray-warm-10{--background:var(--gray-warm-10);background:var(--gray-warm-10)!important}.bg-gray-warm-5{--background:var(--gray-warm-5);background:var(--gray-warm-5)!important}.bg-gray-warm-4{--background:var(--gray-warm-4);background:var(--gray-warm-4)!important}.bg-gray-warm-3{--background:var(--gray-warm-3);background:var(--gray-warm-3)!important}.bg-gray-warm-2{--background:var(--gray-warm-2);background:var(--gray-warm-2)!important}.bg-gray-warm-1{--background:var(--gray-warm-1);background:var(--gray-warm-1)!important}.bg-green-90{--background:var(--green-90);background:var(--green-90)!important}.bg-green-80{--background:var(--green-80);background:var(--green-80)!important}.bg-green-70{--background:var(--green-70);background:var(--green-70)!important}.bg-green-60{--background:var(--green-60);background:var(--green-60)!important}.bg-green-50{--background:var(--green-50);background:var(--green-50)!important}.bg-green-40{--background:var(--green-40);background:var(--green-40)!important}.bg-green-30{--background:var(--green-30);background:var(--green-30)!important}.bg-green-20{--background:var(--green-20);background:var(--green-20)!important}.bg-green-10{--background:var(--green-10);background:var(--green-10)!important}.bg-green-5{--background:var(--green-5);background:var(--green-5)!important}.bg-green-cool-90{--background:var(--green-cool-90);background:var(--green-cool-90)!important}.bg-green-cool-80{--background:var(--green-cool-80);background:var(--green-cool-80)!important}.bg-green-cool-70{--background:var(--green-cool-70);background:var(--green-cool-70)!important}.bg-green-cool-60{--background:var(--green-cool-60);background:var(--green-cool-60)!important}.bg-green-cool-50{--background:var(--green-cool-50);background:var(--green-cool-50)!important}.bg-green-cool-40{--background:var(--green-cool-40);background:var(--green-cool-40)!important}.bg-green-cool-30{--background:var(--green-cool-30);background:var(--green-cool-30)!important}.bg-green-cool-20{--background:var(--green-cool-20);background:var(--green-cool-20)!important}.bg-green-cool-10{--background:var(--green-cool-10);background:var(--green-cool-10)!important}.bg-green-cool-5{--background:var(--green-cool-5);background:var(--green-cool-5)!important}.bg-green-warm-90{--background:var(--green-warm-90);background:var(--green-warm-90)!important}.bg-green-warm-80{--background:var(--green-warm-80);background:var(--green-warm-80)!important}.bg-green-warm-70{--background:var(--green-warm-70);background:var(--green-warm-70)!important}.bg-green-warm-60{--background:var(--green-warm-60);background:var(--green-warm-60)!important}.bg-green-warm-50{--background:var(--green-warm-50);background:var(--green-warm-50)!important}.bg-green-warm-40{--background:var(--green-warm-40);background:var(--green-warm-40)!important}.bg-green-warm-30{--background:var(--green-warm-30);background:var(--green-warm-30)!important}.bg-green-warm-20{--background:var(--green-warm-20);background:var(--green-warm-20)!important}.bg-green-warm-10{--background:var(--green-warm-10);background:var(--green-warm-10)!important}.bg-green-warm-5{--background:var(--green-warm-5);background:var(--green-warm-5)!important}.bg-green-vivid-80{--background:var(--green-vivid-80);background:var(--green-vivid-80)!important}.bg-green-vivid-70{--background:var(--green-vivid-70);background:var(--green-vivid-70)!important}.bg-green-vivid-60{--background:var(--green-vivid-60);background:var(--green-vivid-60)!important}.bg-green-vivid-50{--background:var(--green-vivid-50);background:var(--green-vivid-50)!important}.bg-green-vivid-40{--background:var(--green-vivid-40);background:var(--green-vivid-40)!important}.bg-green-vivid-30{--background:var(--green-vivid-30);background:var(--green-vivid-30)!important}.bg-green-vivid-20{--background:var(--green-vivid-20);background:var(--green-vivid-20)!important}.bg-green-vivid-10{--background:var(--green-vivid-10);background:var(--green-vivid-10)!important}.bg-green-vivid-5{--background:var(--green-vivid-5);background:var(--green-vivid-5)!important}.bg-green-cool-vivid-80{--background:var(--green-cool-vivid-80);background:var(--green-cool-vivid-80)!important}.bg-green-cool-vivid-70{--background:var(--green-cool-vivid-70);background:var(--green-cool-vivid-70)!important}.bg-green-cool-vivid-60{--background:var(--green-cool-vivid-60);background:var(--green-cool-vivid-60)!important}.bg-green-cool-vivid-50{--background:var(--green-cool-vivid-50);background:var(--green-cool-vivid-50)!important}.bg-green-cool-vivid-40{--background:var(--green-cool-vivid-40);background:var(--green-cool-vivid-40)!important}.bg-green-cool-vivid-30{--background:var(--green-cool-vivid-30);background:var(--green-cool-vivid-30)!important}.bg-green-cool-vivid-20{--background:var(--green-cool-vivid-20);background:var(--green-cool-vivid-20)!important}.bg-green-cool-vivid-10{--background:var(--green-cool-vivid-10);background:var(--green-cool-vivid-10)!important}.bg-green-cool-vivid-5{--background:var(--green-cool-vivid-5);background:var(--green-cool-vivid-5)!important}.bg-green-warm-vivid-80{--background:var(--green-warm-vivid-80);background:var(--green-warm-vivid-80)!important}.bg-green-warm-vivid-70{--background:var(--green-warm-vivid-70);background:var(--green-warm-vivid-70)!important}.bg-green-warm-vivid-60{--background:var(--green-warm-vivid-60);background:var(--green-warm-vivid-60)!important}.bg-green-warm-vivid-50{--background:var(--green-warm-vivid-50);background:var(--green-warm-vivid-50)!important}.bg-green-warm-vivid-40{--background:var(--green-warm-vivid-40);background:var(--green-warm-vivid-40)!important}.bg-green-warm-vivid-30{--background:var(--green-warm-vivid-30);background:var(--green-warm-vivid-30)!important}.bg-green-warm-vivid-20{--background:var(--green-warm-vivid-20);background:var(--green-warm-vivid-20)!important}.bg-green-warm-vivid-10{--background:var(--green-warm-vivid-10);background:var(--green-warm-vivid-10)!important}.bg-green-warm-vivid-5{--background:var(--green-warm-vivid-5);background:var(--green-warm-vivid-5)!important}.bg-indigo-90{--background:var(--indigo-90);background:var(--indigo-90)!important}.bg-indigo-80{--background:var(--indigo-80);background:var(--indigo-80)!important}.bg-indigo-70{--background:var(--indigo-70);background:var(--indigo-70)!important}.bg-indigo-60{--background:var(--indigo-60);background:var(--indigo-60)!important}.bg-indigo-50{--background:var(--indigo-50);background:var(--indigo-50)!important}.bg-indigo-40{--background:var(--indigo-40);background:var(--indigo-40)!important}.bg-indigo-30{--background:var(--indigo-30);background:var(--indigo-30)!important}.bg-indigo-20{--background:var(--indigo-20);background:var(--indigo-20)!important}.bg-indigo-10{--background:var(--indigo-10);background:var(--indigo-10)!important}.bg-indigo-5{--background:var(--indigo-5);background:var(--indigo-5)!important}.bg-indigo-cool-90{--background:var(--indigo-cool-90);background:var(--indigo-cool-90)!important}.bg-indigo-cool-80{--background:var(--indigo-cool-80);background:var(--indigo-cool-80)!important}.bg-indigo-cool-70{--background:var(--indigo-cool-70);background:var(--indigo-cool-70)!important}.bg-indigo-cool-60{--background:var(--indigo-cool-60);background:var(--indigo-cool-60)!important}.bg-indigo-cool-50{--background:var(--indigo-cool-50);background:var(--indigo-cool-50)!important}.bg-indigo-cool-40{--background:var(--indigo-cool-40);background:var(--indigo-cool-40)!important}.bg-indigo-cool-30{--background:var(--indigo-cool-30);background:var(--indigo-cool-30)!important}.bg-indigo-cool-20{--background:var(--indigo-cool-20);background:var(--indigo-cool-20)!important}.bg-indigo-cool-10{--background:var(--indigo-cool-10);background:var(--indigo-cool-10)!important}.bg-indigo-cool-5{--background:var(--indigo-cool-5);background:var(--indigo-cool-5)!important}.bg-indigo-warm-90{--background:var(--indigo-warm-90);background:var(--indigo-warm-90)!important}.bg-indigo-warm-80{--background:var(--indigo-warm-80);background:var(--indigo-warm-80)!important}.bg-indigo-warm-70{--background:var(--indigo-warm-70);background:var(--indigo-warm-70)!important}.bg-indigo-warm-60{--background:var(--indigo-warm-60);background:var(--indigo-warm-60)!important}.bg-indigo-warm-50{--background:var(--indigo-warm-50);background:var(--indigo-warm-50)!important}.bg-indigo-warm-40{--background:var(--indigo-warm-40);background:var(--indigo-warm-40)!important}.bg-indigo-warm-30{--background:var(--indigo-warm-30);background:var(--indigo-warm-30)!important}.bg-indigo-warm-20{--background:var(--indigo-warm-20);background:var(--indigo-warm-20)!important}.bg-indigo-warm-10{--background:var(--indigo-warm-10);background:var(--indigo-warm-10)!important}.bg-indigo-warm-5{--background:var(--indigo-warm-5);background:var(--indigo-warm-5)!important}.bg-indigo-vivid-80{--background:var(--indigo-vivid-80);background:var(--indigo-vivid-80)!important}.bg-indigo-vivid-70{--background:var(--indigo-vivid-70);background:var(--indigo-vivid-70)!important}.bg-indigo-vivid-60{--background:var(--indigo-vivid-60);background:var(--indigo-vivid-60)!important}.bg-indigo-vivid-50{--background:var(--indigo-vivid-50);background:var(--indigo-vivid-50)!important}.bg-indigo-vivid-40{--background:var(--indigo-vivid-40);background:var(--indigo-vivid-40)!important}.bg-indigo-vivid-30{--background:var(--indigo-vivid-30);background:var(--indigo-vivid-30)!important}.bg-indigo-vivid-20{--background:var(--indigo-vivid-20);background:var(--indigo-vivid-20)!important}.bg-indigo-vivid-10{--background:var(--indigo-vivid-10);background:var(--indigo-vivid-10)!important}.bg-indigo-vivid-5{--background:var(--indigo-vivid-5);background:var(--indigo-vivid-5)!important}.bg-indigo-cool-vivid-80{--background:var(--indigo-cool-vivid-80);background:var(--indigo-cool-vivid-80)!important}.bg-indigo-cool-vivid-70{--background:var(--indigo-cool-vivid-70);background:var(--indigo-cool-vivid-70)!important}.bg-indigo-cool-vivid-60{--background:var(--indigo-cool-vivid-60);background:var(--indigo-cool-vivid-60)!important}.bg-indigo-cool-vivid-50{--background:var(--indigo-cool-vivid-50);background:var(--indigo-cool-vivid-50)!important}.bg-indigo-cool-vivid-40{--background:var(--indigo-cool-vivid-40);background:var(--indigo-cool-vivid-40)!important}.bg-indigo-cool-vivid-30{--background:var(--indigo-cool-vivid-30);background:var(--indigo-cool-vivid-30)!important}.bg-indigo-cool-vivid-20{--background:var(--indigo-cool-vivid-20);background:var(--indigo-cool-vivid-20)!important}.bg-indigo-cool-vivid-10{--background:var(--indigo-cool-vivid-10);background:var(--indigo-cool-vivid-10)!important}.bg-indigo-cool-vivid-5{--background:var(--indigo-cool-vivid-5);background:var(--indigo-cool-vivid-5)!important}.bg-indigo-warm-vivid-80{--background:var(--indigo-warm-vivid-80);background:var(--indigo-warm-vivid-80)!important}.bg-indigo-warm-vivid-70{--background:var(--indigo-warm-vivid-70);background:var(--indigo-warm-vivid-70)!important}.bg-indigo-warm-vivid-60{--background:var(--indigo-warm-vivid-60);background:var(--indigo-warm-vivid-60)!important}.bg-indigo-warm-vivid-50{--background:var(--indigo-warm-vivid-50);background:var(--indigo-warm-vivid-50)!important}.bg-indigo-warm-vivid-40{--background:var(--indigo-warm-vivid-40);background:var(--indigo-warm-vivid-40)!important}.bg-indigo-warm-vivid-30{--background:var(--indigo-warm-vivid-30);background:var(--indigo-warm-vivid-30)!important}.bg-indigo-warm-vivid-20{--background:var(--indigo-warm-vivid-20);background:var(--indigo-warm-vivid-20)!important}.bg-indigo-warm-vivid-10{--background:var(--indigo-warm-vivid-10);background:var(--indigo-warm-vivid-10)!important}.bg-indigo-warm-vivid-5{--background:var(--indigo-warm-vivid-5);background:var(--indigo-warm-vivid-5)!important}.bg-magenta-90{--background:var(--magenta-90);background:var(--magenta-90)!important}.bg-magenta-80{--background:var(--magenta-80);background:var(--magenta-80)!important}.bg-magenta-70{--background:var(--magenta-70);background:var(--magenta-70)!important}.bg-magenta-60{--background:var(--magenta-60);background:var(--magenta-60)!important}.bg-magenta-50{--background:var(--magenta-50);background:var(--magenta-50)!important}.bg-magenta-40{--background:var(--magenta-40);background:var(--magenta-40)!important}.bg-magenta-30{--background:var(--magenta-30);background:var(--magenta-30)!important}.bg-magenta-20{--background:var(--magenta-20);background:var(--magenta-20)!important}.bg-magenta-10{--background:var(--magenta-10);background:var(--magenta-10)!important}.bg-magenta-5{--background:var(--magenta-5);background:var(--magenta-5)!important}.bg-magenta-vivid-80{--background:var(--magenta-vivid-80);background:var(--magenta-vivid-80)!important}.bg-magenta-vivid-70{--background:var(--magenta-vivid-70);background:var(--magenta-vivid-70)!important}.bg-magenta-vivid-60{--background:var(--magenta-vivid-60);background:var(--magenta-vivid-60)!important}.bg-magenta-vivid-50{--background:var(--magenta-vivid-50);background:var(--magenta-vivid-50)!important}.bg-magenta-vivid-40{--background:var(--magenta-vivid-40);background:var(--magenta-vivid-40)!important}.bg-magenta-vivid-30{--background:var(--magenta-vivid-30);background:var(--magenta-vivid-30)!important}.bg-magenta-vivid-20{--background:var(--magenta-vivid-20);background:var(--magenta-vivid-20)!important}.bg-magenta-vivid-10{--background:var(--magenta-vivid-10);background:var(--magenta-vivid-10)!important}.bg-magenta-vivid-5{--background:var(--magenta-vivid-5);background:var(--magenta-vivid-5)!important}.bg-mint-90{--background:var(--mint-90);background:var(--mint-90)!important}.bg-mint-80{--background:var(--mint-80);background:var(--mint-80)!important}.bg-mint-70{--background:var(--mint-70);background:var(--mint-70)!important}.bg-mint-60{--background:var(--mint-60);background:var(--mint-60)!important}.bg-mint-50{--background:var(--mint-50);background:var(--mint-50)!important}.bg-mint-40{--background:var(--mint-40);background:var(--mint-40)!important}.bg-mint-30{--background:var(--mint-30);background:var(--mint-30)!important}.bg-mint-20{--background:var(--mint-20);background:var(--mint-20)!important}.bg-mint-10{--background:var(--mint-10);background:var(--mint-10)!important}.bg-mint-5{--background:var(--mint-5);background:var(--mint-5)!important}.bg-mint-cool-90{--background:var(--mint-cool-90);background:var(--mint-cool-90)!important}.bg-mint-cool-80{--background:var(--mint-cool-80);background:var(--mint-cool-80)!important}.bg-mint-cool-70{--background:var(--mint-cool-70);background:var(--mint-cool-70)!important}.bg-mint-cool-60{--background:var(--mint-cool-60);background:var(--mint-cool-60)!important}.bg-mint-cool-50{--background:var(--mint-cool-50);background:var(--mint-cool-50)!important}.bg-mint-cool-40{--background:var(--mint-cool-40);background:var(--mint-cool-40)!important}.bg-mint-cool-30{--background:var(--mint-cool-30);background:var(--mint-cool-30)!important}.bg-mint-cool-20{--background:var(--mint-cool-20);background:var(--mint-cool-20)!important}.bg-mint-cool-10{--background:var(--mint-cool-10);background:var(--mint-cool-10)!important}.bg-mint-cool-5{--background:var(--mint-cool-5);background:var(--mint-cool-5)!important}.bg-mint-vivid-80{--background:var(--mint-vivid-80);background:var(--mint-vivid-80)!important}.bg-mint-vivid-70{--background:var(--mint-vivid-70);background:var(--mint-vivid-70)!important}.bg-mint-vivid-60{--background:var(--mint-vivid-60);background:var(--mint-vivid-60)!important}.bg-mint-vivid-50{--background:var(--mint-vivid-50);background:var(--mint-vivid-50)!important}.bg-mint-vivid-40{--background:var(--mint-vivid-40);background:var(--mint-vivid-40)!important}.bg-mint-vivid-30{--background:var(--mint-vivid-30);background:var(--mint-vivid-30)!important}.bg-mint-vivid-20{--background:var(--mint-vivid-20);background:var(--mint-vivid-20)!important}.bg-mint-vivid-10{--background:var(--mint-vivid-10);background:var(--mint-vivid-10)!important}.bg-mint-vivid-5{--background:var(--mint-vivid-5);background:var(--mint-vivid-5)!important}.bg-mint-cool-vivid-80{--background:var(--mint-cool-vivid-80);background:var(--mint-cool-vivid-80)!important}.bg-mint-cool-vivid-70{--background:var(--mint-cool-vivid-70);background:var(--mint-cool-vivid-70)!important}.bg-mint-cool-vivid-60{--background:var(--mint-cool-vivid-60);background:var(--mint-cool-vivid-60)!important}.bg-mint-cool-vivid-50{--background:var(--mint-cool-vivid-50);background:var(--mint-cool-vivid-50)!important}.bg-mint-cool-vivid-40{--background:var(--mint-cool-vivid-40);background:var(--mint-cool-vivid-40)!important}.bg-mint-cool-vivid-30{--background:var(--mint-cool-vivid-30);background:var(--mint-cool-vivid-30)!important}.bg-mint-cool-vivid-20{--background:var(--mint-cool-vivid-20);background:var(--mint-cool-vivid-20)!important}.bg-mint-cool-vivid-10{--background:var(--mint-cool-vivid-10);background:var(--mint-cool-vivid-10)!important}.bg-mint-cool-vivid-5{--background:var(--mint-cool-vivid-5);background:var(--mint-cool-vivid-5)!important}.bg-orange-90{--background:var(--orange-90);background:var(--orange-90)!important}.bg-orange-80{--background:var(--orange-80);background:var(--orange-80)!important}.bg-orange-70{--background:var(--orange-70);background:var(--orange-70)!important}.bg-orange-60{--background:var(--orange-60);background:var(--orange-60)!important}.bg-orange-50{--background:var(--orange-50);background:var(--orange-50)!important}.bg-orange-40{--background:var(--orange-40);background:var(--orange-40)!important}.bg-orange-30{--background:var(--orange-30);background:var(--orange-30)!important}.bg-orange-20{--background:var(--orange-20);background:var(--orange-20)!important}.bg-orange-10{--background:var(--orange-10);background:var(--orange-10)!important}.bg-orange-5{--background:var(--orange-5);background:var(--orange-5)!important}.bg-orange-warm-90{--background:var(--orange-warm-90);background:var(--orange-warm-90)!important}.bg-orange-warm-80{--background:var(--orange-warm-80);background:var(--orange-warm-80)!important}.bg-orange-warm-70{--background:var(--orange-warm-70);background:var(--orange-warm-70)!important}.bg-orange-warm-60{--background:var(--orange-warm-60);background:var(--orange-warm-60)!important}.bg-orange-warm-50{--background:var(--orange-warm-50);background:var(--orange-warm-50)!important}.bg-orange-warm-40{--background:var(--orange-warm-40);background:var(--orange-warm-40)!important}.bg-orange-warm-30{--background:var(--orange-warm-30);background:var(--orange-warm-30)!important}.bg-orange-warm-20{--background:var(--orange-warm-20);background:var(--orange-warm-20)!important}.bg-orange-warm-10{--background:var(--orange-warm-10);background:var(--orange-warm-10)!important}.bg-orange-warm-5{--background:var(--orange-warm-5);background:var(--orange-warm-5)!important}.bg-orange-vivid-80{--background:var(--orange-vivid-80);background:var(--orange-vivid-80)!important}.bg-orange-vivid-70{--background:var(--orange-vivid-70);background:var(--orange-vivid-70)!important}.bg-orange-vivid-60{--background:var(--orange-vivid-60);background:var(--orange-vivid-60)!important}.bg-orange-vivid-50{--background:var(--orange-vivid-50);background:var(--orange-vivid-50)!important}.bg-orange-vivid-40{--background:var(--orange-vivid-40);background:var(--orange-vivid-40)!important}.bg-orange-vivid-30{--background:var(--orange-vivid-30);background:var(--orange-vivid-30)!important}.bg-orange-vivid-20{--background:var(--orange-vivid-20);background:var(--orange-vivid-20)!important}.bg-orange-vivid-10{--background:var(--orange-vivid-10);background:var(--orange-vivid-10)!important}.bg-orange-vivid-5{--background:var(--orange-vivid-5);background:var(--orange-vivid-5)!important}.bg-orange-warm-vivid-80{--background:var(--orange-warm-vivid-80);background:var(--orange-warm-vivid-80)!important}.bg-orange-warm-vivid-70{--background:var(--orange-warm-vivid-70);background:var(--orange-warm-vivid-70)!important}.bg-orange-warm-vivid-60{--background:var(--orange-warm-vivid-60);background:var(--orange-warm-vivid-60)!important}.bg-orange-warm-vivid-50{--background:var(--orange-warm-vivid-50);background:var(--orange-warm-vivid-50)!important}.bg-orange-warm-vivid-40{--background:var(--orange-warm-vivid-40);background:var(--orange-warm-vivid-40)!important}.bg-orange-warm-vivid-30{--background:var(--orange-warm-vivid-30);background:var(--orange-warm-vivid-30)!important}.bg-orange-warm-vivid-20{--background:var(--orange-warm-vivid-20);background:var(--orange-warm-vivid-20)!important}.bg-orange-warm-vivid-10{--background:var(--orange-warm-vivid-10);background:var(--orange-warm-vivid-10)!important}.bg-orange-warm-vivid-5{--background:var(--orange-warm-vivid-5);background:var(--orange-warm-vivid-5)!important}.bg-pure-100{--background:var(--pure-100);background:var(--pure-100)!important}.bg-pure-0{--background:var(--pure-0);background:var(--pure-0)!important}.text-pure-0{color:var(--pure-0)!important}.bg-red-90{--background:var(--red-90);background:var(--red-90)!important}.bg-red-80{--background:var(--red-80);background:var(--red-80)!important}.bg-red-70{--background:var(--red-70);background:var(--red-70)!important}.bg-red-60{--background:var(--red-60);background:var(--red-60)!important}.bg-red-50{--background:var(--red-50);background:var(--red-50)!important}.bg-red-40{--background:var(--red-40);background:var(--red-40)!important}.bg-red-30{--background:var(--red-30);background:var(--red-30)!important}.bg-red-20{--background:var(--red-20);background:var(--red-20)!important}.bg-red-10{--background:var(--red-10);background:var(--red-10)!important}.bg-red-5{--background:var(--red-5);background:var(--red-5)!important}.bg-red-cool-90{--background:var(--red-cool-90);background:var(--red-cool-90)!important}.bg-red-cool-80{--background:var(--red-cool-80);background:var(--red-cool-80)!important}.bg-red-cool-70{--background:var(--red-cool-70);background:var(--red-cool-70)!important}.bg-red-cool-60{--background:var(--red-cool-60);background:var(--red-cool-60)!important}.bg-red-cool-50{--background:var(--red-cool-50);background:var(--red-cool-50)!important}.bg-red-cool-40{--background:var(--red-cool-40);background:var(--red-cool-40)!important}.bg-red-cool-30{--background:var(--red-cool-30);background:var(--red-cool-30)!important}.bg-red-cool-20{--background:var(--red-cool-20);background:var(--red-cool-20)!important}.bg-red-cool-10{--background:var(--red-cool-10);background:var(--red-cool-10)!important}.bg-red-cool-5{--background:var(--red-cool-5);background:var(--red-cool-5)!important}.bg-red-warm-90{--background:var(--red-warm-90);background:var(--red-warm-90)!important}.bg-red-warm-80{--background:var(--red-warm-80);background:var(--red-warm-80)!important}.bg-red-warm-70{--background:var(--red-warm-70);background:var(--red-warm-70)!important}.bg-red-warm-60{--background:var(--red-warm-60);background:var(--red-warm-60)!important}.bg-red-warm-50{--background:var(--red-warm-50);background:var(--red-warm-50)!important}.bg-red-warm-40{--background:var(--red-warm-40);background:var(--red-warm-40)!important}.bg-red-warm-30{--background:var(--red-warm-30);background:var(--red-warm-30)!important}.bg-red-warm-20{--background:var(--red-warm-20);background:var(--red-warm-20)!important}.bg-red-warm-10{--background:var(--red-warm-10);background:var(--red-warm-10)!important}.bg-red-warm-5{--background:var(--red-warm-5);background:var(--red-warm-5)!important}.bg-red-vivid-80{--background:var(--red-vivid-80);background:var(--red-vivid-80)!important}.bg-red-vivid-70{--background:var(--red-vivid-70);background:var(--red-vivid-70)!important}.bg-red-vivid-60{--background:var(--red-vivid-60);background:var(--red-vivid-60)!important}.bg-red-vivid-50{--background:var(--red-vivid-50);background:var(--red-vivid-50)!important}.bg-red-vivid-40{--background:var(--red-vivid-40);background:var(--red-vivid-40)!important}.bg-red-vivid-30{--background:var(--red-vivid-30);background:var(--red-vivid-30)!important}.bg-red-vivid-20{--background:var(--red-vivid-20);background:var(--red-vivid-20)!important}.bg-red-vivid-10{--background:var(--red-vivid-10);background:var(--red-vivid-10)!important}.bg-red-vivid-5{--background:var(--red-vivid-5);background:var(--red-vivid-5)!important}.bg-red-cool-vivid-80{--background:var(--red-cool-vivid-80);background:var(--red-cool-vivid-80)!important}.bg-red-cool-vivid-70{--background:var(--red-cool-vivid-70);background:var(--red-cool-vivid-70)!important}.bg-red-cool-vivid-60{--background:var(--red-cool-vivid-60);background:var(--red-cool-vivid-60)!important}.bg-red-cool-vivid-50{--background:var(--red-cool-vivid-50);background:var(--red-cool-vivid-50)!important}.bg-red-cool-vivid-40{--background:var(--red-cool-vivid-40);background:var(--red-cool-vivid-40)!important}.bg-red-cool-vivid-30{--background:var(--red-cool-vivid-30);background:var(--red-cool-vivid-30)!important}.bg-red-cool-vivid-20{--background:var(--red-cool-vivid-20);background:var(--red-cool-vivid-20)!important}.bg-red-cool-vivid-10{--background:var(--red-cool-vivid-10);background:var(--red-cool-vivid-10)!important}.bg-red-cool-vivid-5{--background:var(--red-cool-vivid-5);background:var(--red-cool-vivid-5)!important}.bg-red-warm-vivid-80{--background:var(--red-warm-vivid-80);background:var(--red-warm-vivid-80)!important}.bg-red-warm-vivid-70{--background:var(--red-warm-vivid-70);background:var(--red-warm-vivid-70)!important}.bg-red-warm-vivid-60{--background:var(--red-warm-vivid-60);background:var(--red-warm-vivid-60)!important}.bg-red-warm-vivid-50{--background:var(--red-warm-vivid-50);background:var(--red-warm-vivid-50)!important}.bg-red-warm-vivid-40{--background:var(--red-warm-vivid-40);background:var(--red-warm-vivid-40)!important}.bg-red-warm-vivid-30{--background:var(--red-warm-vivid-30);background:var(--red-warm-vivid-30)!important}.bg-red-warm-vivid-20{--background:var(--red-warm-vivid-20);background:var(--red-warm-vivid-20)!important}.bg-red-warm-vivid-10{--background:var(--red-warm-vivid-10);background:var(--red-warm-vivid-10)!important}.bg-red-warm-vivid-5{--background:var(--red-warm-vivid-5);background:var(--red-warm-vivid-5)!important}.bg-violet-90{--background:var(--violet-90);background:var(--violet-90)!important}.bg-violet-80{--background:var(--violet-80);background:var(--violet-80)!important}.bg-violet-70{--background:var(--violet-70);background:var(--violet-70)!important}.bg-violet-60{--background:var(--violet-60);background:var(--violet-60)!important}.bg-violet-50{--background:var(--violet-50);background:var(--violet-50)!important}.bg-violet-40{--background:var(--violet-40);background:var(--violet-40)!important}.bg-violet-30{--background:var(--violet-30);background:var(--violet-30)!important}.bg-violet-20{--background:var(--violet-20);background:var(--violet-20)!important}.bg-violet-10{--background:var(--violet-10);background:var(--violet-10)!important}.bg-violet-5{--background:var(--violet-5);background:var(--violet-5)!important}.bg-violet-warm-90{--background:var(--violet-warm-90);background:var(--violet-warm-90)!important}.bg-violet-warm-80{--background:var(--violet-warm-80);background:var(--violet-warm-80)!important}.bg-violet-warm-70{--background:var(--violet-warm-70);background:var(--violet-warm-70)!important}.bg-violet-warm-60{--background:var(--violet-warm-60);background:var(--violet-warm-60)!important}.bg-violet-warm-50{--background:var(--violet-warm-50);background:var(--violet-warm-50)!important}.bg-violet-warm-40{--background:var(--violet-warm-40);background:var(--violet-warm-40)!important}.bg-violet-warm-30{--background:var(--violet-warm-30);background:var(--violet-warm-30)!important}.bg-violet-warm-20{--background:var(--violet-warm-20);background:var(--violet-warm-20)!important}.bg-violet-warm-10{--background:var(--violet-warm-10);background:var(--violet-warm-10)!important}.bg-violet-warm-5{--background:var(--violet-warm-5);background:var(--violet-warm-5)!important}.bg-violet-vivid-80{--background:var(--violet-vivid-80);background:var(--violet-vivid-80)!important}.bg-violet-vivid-70{--background:var(--violet-vivid-70);background:var(--violet-vivid-70)!important}.bg-violet-vivid-60{--background:var(--violet-vivid-60);background:var(--violet-vivid-60)!important}.bg-violet-vivid-50{--background:var(--violet-vivid-50);background:var(--violet-vivid-50)!important}.bg-violet-vivid-40{--background:var(--violet-vivid-40);background:var(--violet-vivid-40)!important}.bg-violet-vivid-30{--background:var(--violet-vivid-30);background:var(--violet-vivid-30)!important}.bg-violet-vivid-20{--background:var(--violet-vivid-20);background:var(--violet-vivid-20)!important}.bg-violet-vivid-10{--background:var(--violet-vivid-10);background:var(--violet-vivid-10)!important}.bg-violet-vivid-5{--background:var(--violet-vivid-5);background:var(--violet-vivid-5)!important}.bg-violet-warm-vivid-80{--background:var(--violet-warm-vivid-80);background:var(--violet-warm-vivid-80)!important}.bg-violet-warm-vivid-70{--background:var(--violet-warm-vivid-70);background:var(--violet-warm-vivid-70)!important}.bg-violet-warm-vivid-60{--background:var(--violet-warm-vivid-60);background:var(--violet-warm-vivid-60)!important}.bg-violet-warm-vivid-50{--background:var(--violet-warm-vivid-50);background:var(--violet-warm-vivid-50)!important}.bg-violet-warm-vivid-40{--background:var(--violet-warm-vivid-40);background:var(--violet-warm-vivid-40)!important}.bg-violet-warm-vivid-30{--background:var(--violet-warm-vivid-30);background:var(--violet-warm-vivid-30)!important}.bg-violet-warm-vivid-20{--background:var(--violet-warm-vivid-20);background:var(--violet-warm-vivid-20)!important}.bg-violet-warm-vivid-10{--background:var(--violet-warm-vivid-10);background:var(--violet-warm-vivid-10)!important}.bg-violet-warm-vivid-5{--background:var(--violet-warm-vivid-5);background:var(--violet-warm-vivid-5)!important}.bg-yellow-90{--background:var(--yellow-90);background:var(--yellow-90)!important}.bg-yellow-80{--background:var(--yellow-80);background:var(--yellow-80)!important}.bg-yellow-70{--background:var(--yellow-70);background:var(--yellow-70)!important}.bg-yellow-60{--background:var(--yellow-60);background:var(--yellow-60)!important}.bg-yellow-50{--background:var(--yellow-50);background:var(--yellow-50)!important}.bg-yellow-40{--background:var(--yellow-40);background:var(--yellow-40)!important}.bg-yellow-30{--background:var(--yellow-30);background:var(--yellow-30)!important}.bg-yellow-20{--background:var(--yellow-20);background:var(--yellow-20)!important}.bg-yellow-10{--background:var(--yellow-10);background:var(--yellow-10)!important}.bg-yellow-5{--background:var(--yellow-5);background:var(--yellow-5)!important}.bg-yellow-vivid-80{--background:var(--yellow-vivid-80);background:var(--yellow-vivid-80)!important}.bg-yellow-vivid-70{--background:var(--yellow-vivid-70);background:var(--yellow-vivid-70)!important}.bg-yellow-vivid-60{--background:var(--yellow-vivid-60);background:var(--yellow-vivid-60)!important}.bg-yellow-vivid-50{--background:var(--yellow-vivid-50);background:var(--yellow-vivid-50)!important}.bg-yellow-vivid-40{--background:var(--yellow-vivid-40);background:var(--yellow-vivid-40)!important}.bg-yellow-vivid-30{--background:var(--yellow-vivid-30);background:var(--yellow-vivid-30)!important}.bg-yellow-vivid-20{--background:var(--yellow-vivid-20);background:var(--yellow-vivid-20)!important}.bg-yellow-vivid-10{--background:var(--yellow-vivid-10);background:var(--yellow-vivid-10)!important}.bg-yellow-vivid-5{--background:var(--yellow-vivid-5);background:var(--yellow-vivid-5)!important}.bg-interactive{--background:var(--interactive);background:var(--interactive)!important}.bg-interactive-dark{--background:var(--interactive-dark);background:var(--interactive-dark)!important}.bg-danger{--background:var(--danger);background:var(--danger)!important}.bg-warning{--background:var(--warning);background:var(--warning)!important}.bg-success{--background:var(--success);background:var(--success)!important}.bg-info{--background:var(--info);background:var(--info)!important}.bg-primary-pastel-01{background:var(--color-primary-pastel-01)!important}.bg-primary-pastel-02{background:var(--color-primary-pastel-02)!important}.bg-primary-lighten-01{background:var(--color-primary-lighten-01)!important}.bg-primary-lighten-01,.bg-primary-lighten-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-lighten-02{background:var(--color-primary-lighten-02)!important}.bg-primary-default{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-primary-default)!important}.text-primary-default{color:var(--color-primary-default)!important}.bg-primary-darken-01{background:var(--color-primary-darken-01)!important}.bg-primary-darken-01,.bg-primary-darken-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-darken-02{background:var(--color-primary-darken-02)!important}.bg-secondary-01{background:var(--color-secondary-01)!important}.bg-secondary-02{background:var(--color-secondary-02)!important}.bg-secondary-03{background:var(--color-secondary-03)!important}.bg-secondary-04{background:var(--color-secondary-04)!important}.bg-secondary-05{background:var(--color-secondary-05)!important}.bg-secondary-06{background:var(--color-secondary-06)!important}.bg-secondary-06,.bg-secondary-07{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-07{background:var(--color-secondary-07)!important}.bg-secondary-08{background:var(--color-secondary-08)!important}.bg-secondary-08,.bg-secondary-09{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-09{background:var(--color-secondary-09)!important}.bg-highlight{background:var(--color-highlight)!important}.bg-highlight,.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-01{background:var(--color-support-01)!important}.bg-support-02{background:var(--color-support-02)!important}.bg-support-03{background:var(--color-support-03)!important}.bg-support-03,.bg-support-04{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-04{background:var(--color-support-04)!important}.bg-support-05{background:var(--color-support-05)!important}.bg-support-06{background:var(--color-support-06)!important}.bg-support-07{background:var(--color-support-07)!important}.bg-support-07,.bg-support-08{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-08{background:var(--color-support-08)!important}.bg-support-09{background:var(--color-support-09)!important}.bg-support-10{background:var(--color-support-10)!important}.bg-support-11{background:var(--color-support-11)!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-medium{font-weight:500!important}.text-base{font-size:var(--font-size-scale-base)!important}.text-down-01{font-size:var(--font-size-scale-down-01)!important}@media (min-width:576px){.text-sm-center{text-align:center!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}}.ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear,left top,left bottom,from(var(--status-highlight-overlay)),to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay),var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}.disabled,[disabled]{cursor:not-allowed;opacity:var(--disabled)}.disabled *,[disabled] *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}[data-toggle=collapse]:focus{outline:none}[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav{overflow-x:auto;width:100%}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}@media (max-width:991px){.br-tab .tab-nav{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;width:100%}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item,.br-tab .tab-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}.br-tab .tab-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item a,.br-tab .tab-item button{--focus-offset:calc(var(--spacing-scale-half)*-1);background-color:transparent;border:0;border-bottom:4px solid transparent;color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item a:focus,.br-tab .tab-item button:focus{outline:none}.br-tab .tab-item a:focus-visible,.br-tab .tab-item button:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item a:not(:disabled):hover,.br-tab .tab-item button:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--color-rgb),var(--hover))),to(rgba(var(--color-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover)))}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.active button,.br-tab .tab-item.is-active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.active .results,.br-tab .tab-item.is-active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.active,.br-tab .tab-content .tab-panel.is-active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium]{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.dark-mode,.br-tab.inverted{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-tab.dark-mode .tab-item.active button,.br-tab.inverted .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block}.results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:16px}.tab-nav[data-counter=true] ul{max-height:65px}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden}";
8
+
9
+ const t = class {
10
+ constructor(o) {
11
+ r(this, o);
12
+ this.brDidActive = a(this, "brDidActive");
13
+ if (o.$hostElement$["s-ei"]) {
14
+ this.elementInternals = o.$hostElement$["s-ei"];
15
+ } else {
16
+ this.elementInternals = o.$hostElement$.attachInternals();
17
+ o.$hostElement$["s-ei"] = this.elementInternals;
18
+ }
19
+ }
20
+ get el() {
21
+ return o(this);
22
+ }
23
+ elementInternals;
24
+ /**
25
+ * A propriedade 'density' define a densidade do componente.
26
+ * Os valores possíveis são 'small', 'medium' e 'large'.
27
+ * @type {string}
28
+ * @default 'medium'
29
+ */
30
+ density="medium";
31
+ /**
32
+ * Define se o Tab usará um esquema de cores.
33
+ * Apenas o esquema 'dark' está disponível para o modo escuro.
34
+ * @type {string}
35
+ */
36
+ colorMode;
37
+ /**
38
+ * A propriedade 'activeTab' define o tab ativo.
39
+ */
40
+ activeTab;
41
+ /**
42
+ * A propriedade 'tabItems' lista dos tabs items .
43
+ */
44
+ tabItems=[];
45
+ /**
46
+ * A propriedade 'tabContent' armazena o conteúdo dos tabs.
47
+ * @type {string}
48
+ * @memberof Tab
49
+ */
50
+ tabContent="";
51
+ maxWidth;
52
+ hostStyle={};
53
+ containerStyle={};
54
+ mutationObserver;
55
+ focusElementIndex=0;
56
+ brDidActive;
57
+ getCssClassMap() {
58
+ return {
59
+ "br-tab": true,
60
+ [this.density]: true,
61
+ "dark-mode": this.colorMode === "dark"
62
+ };
63
+ }
64
+ setupHostStyles() {
65
+ this.hostStyle = {
66
+ maxWidth: "100%",
67
+ display: "block",
68
+ boxSizing: "border-box"
69
+ };
70
+ }
71
+ updateContainerStyles() {
72
+ this.containerStyle = {
73
+ maxWidth: this.maxWidth,
74
+ overflow: "hidden",
75
+ width: "100%",
76
+ boxSizing: "border-box"
77
+ };
78
+ }
79
+ /**
80
+ * Obtém os elementos de tab items dentro do componente.
81
+ * Se não houver elementos, emite um aviso.
82
+ * @private
83
+ * @returns {void}
84
+ * @memberof Tab
85
+ */ getTabItemsElements() {
86
+ const r = Array.from(this.el.children);
87
+ r.forEach((r => {
88
+ if (this.colorMode) r.setAttribute("color-mode", this.colorMode);
89
+ if (!r.hasAttribute("tab-item-id")) {
90
+ r.setAttribute("tab-item-id", crypto.randomUUID());
91
+ }
92
+ }));
93
+ this.tabItems = r;
94
+ }
95
+ /**
96
+ * Atualiza o conteúdo dos tabs com base nos elementos de tab items.
97
+ * Cada tab item é transformado em um painel de tab com o ID apropriado.
98
+ * O painel ativo é marcado com a classe 'active'.
99
+ * @private
100
+ * @returns {void}
101
+ * @memberof Tab
102
+ * @description
103
+ */ updateTabContent() {
104
+ this.tabContent = this.tabItems.map((r => {
105
+ const a = this.isTabActive(r);
106
+ return `\n <div\n id="tab-panel-${this.getTabID(r)}"\n role="tabpanel"\n aria-labelledby="tab-button-${r.getAttribute("tab-item-id")}"\n class="tab-panel${a ? " active" : ""}"\n >\n ${r.innerHTML} \n </div>\n `;
107
+ })).join("");
108
+ }
109
+ /**
110
+ * Atualiza a largura máxima do componente com base na largura da janela.
111
+ * Se a largura da janela não estiver disponível, define a largura máxima como 100%.
112
+ * @private
113
+ * @returns {void}
114
+ * @memberof Tab
115
+ * @description
116
+ * Esta função calcula a largura máxima do componente com base na posição do elemento na tela.
117
+ */ updateMaxWidth() {
118
+ if (typeof window !== "undefined") {
119
+ const r = this.el.getBoundingClientRect();
120
+ const a = window.innerWidth - r.left;
121
+ this.maxWidth = `${a - 5}px`;
122
+ } else {
123
+ this.maxWidth = "100%";
124
+ }
125
+ this.updateContainerStyles();
126
+ }
127
+ /**
128
+ * Obtém o ID do tab item.
129
+ * @private
130
+ * @param {Element} tab - O elemento do tab item.
131
+ * @returns {string} - O ID do tab item.
132
+ * @memberof Tab
133
+ * @description
134
+ * Esta função retorna o ID do tab item, que é armazenado no atributo 'tab-item-id'.
135
+ */ getTabID(r) {
136
+ return r.getAttribute("tab-item-id");
137
+ }
138
+ /**
139
+ *
140
+ * @param tab
141
+ * @returns
142
+ */ isTabActive(r) {
143
+ return this.getTabID(r) === this.activeTab;
144
+ }
145
+ verifActiveTab() {
146
+ const r = this.el.querySelector("br-tab-item[active]");
147
+ if (!r && this.tabItems.length > 0) {
148
+ this.activeTab = this.getTabID(this.tabItems[0]);
149
+ } else if (r) {
150
+ this.activeTab = this.getTabID(r);
151
+ }
152
+ }
153
+ activeTabChanged(r) {
154
+ this.tabItems.forEach((a => {
155
+ try {
156
+ if (this.getTabID(a) === r) {
157
+ a.setAttribute("is-active", "true");
158
+ a.setAttribute("aria-selected", "true");
159
+ } else {
160
+ if (a.hasAttribute("is-active")) {
161
+ if (a) {
162
+ a.removeAttribute("is-active");
163
+ }
164
+ a.removeAttribute("aria-selected");
165
+ }
166
+ }
167
+ } catch (r) {
168
+ console.error('Failed to remove attribute "is-active":', r);
169
+ }
170
+ }));
171
+ this.updateTabContent();
172
+ this.brDidActive.emit({
173
+ id: r
174
+ });
175
+ }
176
+ /**
177
+ * Evento de navegação por teclado
178
+ * @param event
179
+ */ handleKeyNavigation=r => {
180
+ const a = Array.from(this.tabItems);
181
+ if (r.key === "ArrowDown") {
182
+ const r = this.el.shadowRoot.querySelector(".tab-panel.active");
183
+ if (r) {
184
+ const a = Array.from(r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
185
+ if (a.length > 0) {
186
+ a[0].focus();
187
+ }
188
+ }
189
+ }
190
+ const o = this.focusElementIndex;
191
+ if (r.key === "ArrowRight") {
192
+ const r = (o + 1) % a.length;
193
+ const i = a[r]?.shadowRoot?.querySelector("button");
194
+ if (i) {
195
+ i.focus();
196
+ this.focusElementIndex = r;
197
+ }
198
+ } else if (r.key === "ArrowLeft") {
199
+ const r = (o - 1 + a.length) % a.length;
200
+ const i = a[r]?.shadowRoot?.querySelector("button");
201
+ if (i) {
202
+ i.focus();
203
+ this.focusElementIndex = r;
204
+ }
205
+ }
206
+ };
207
+ componentWillLoad() {
208
+ this.getTabItemsElements();
209
+ this.setupHostStyles();
210
+ this.updateTabContent();
211
+ if (typeof window !== "undefined" && typeof MutationObserver !== "undefined") {
212
+ // window.addEventListener('resize', () => this.updateMaxWidth());
213
+ this.mutationObserver = new MutationObserver((() => this.updateMaxWidth()));
214
+ this.mutationObserver.observe(this.el, {
215
+ childList: true,
216
+ subtree: true
217
+ });
218
+ this.updateMaxWidth();
219
+ } else {
220
+ this.maxWidth = "100%";
221
+ this.updateContainerStyles();
222
+ }
223
+ }
224
+ componentDidLoad() {
225
+ if (!this.el) {
226
+ console.error("Host element is not defined.");
227
+ return;
228
+ }
229
+ requestAnimationFrame((() => this.verifActiveTab()));
230
+ // Use the class method directly
231
+ if (this.el) {
232
+ try {
233
+ const r = this.handleTabClick;
234
+ this.el.addEventListener("keydown", this.handleKeyNavigation);
235
+ this.el.addEventListener("itemTabClick", r);
236
+ } catch (r) {
237
+ console.error("Failed to add event listener for itemTabClick:", r);
238
+ }
239
+ }
240
+ }
241
+ disconnectedCallback() {
242
+ if (typeof window !== "undefined") {
243
+ window.removeEventListener("resize", (() => this.updateMaxWidth()));
244
+ }
245
+ if (this.mutationObserver) this.mutationObserver.disconnect();
246
+ this.el.removeEventListener("itemTabClick", this.handleTabClick);
247
+ this.el.removeEventListener("keydown", this.handleKeyNavigation);
248
+ // Remove the keydown listener
249
+ }
250
+ handleTabClick=r => {
251
+ if (r.detail && r.detail.id) {
252
+ this.setActiveTab(r.detail.id.trim());
253
+ }
254
+ };
255
+ setActiveTab(r) {
256
+ // if (this.activeTab !== newActiveTab) {
257
+ this.activeTab = r;
258
+ // }
259
+ }
260
+ render() {
261
+ return i(n, {
262
+ key: "e46e5444c9f14c6077962a39b537344519292cae",
263
+ style: this.hostStyle
264
+ }, i("div", {
265
+ key: "f6684893d06f74703b48318341cc51e13f484937",
266
+ class: this.getCssClassMap(),
267
+ style: this.containerStyle
268
+ }, i("nav", {
269
+ key: "7479b2c6db098b0694519f004ebad83cb239b375",
270
+ class: "tab-nav",
271
+ "data-counter": this.tabItems.some((r => r.hasAttribute("counter"))) ? "true" : "false"
272
+ }, i("ul", {
273
+ key: "4e32d29b674a982c5f964f2869a2a127a0c8a58b",
274
+ role: "tablist"
275
+ }, i("slot", {
276
+ key: "3f9b7c5b20b93f73d0dd5e707deba35cda15e45f"
277
+ }))), i("div", {
278
+ key: "1ca2baa51f97d472c32aa0a6ce99272bc69f807c",
279
+ class: "tab-content",
280
+ innerHTML: this.tabContent
281
+ })));
282
+ }
283
+ static get formAssociated() {
284
+ return true;
285
+ }
286
+ static get watchers() {
287
+ return {
288
+ activeTab: [ "activeTabChanged" ]
289
+ };
290
+ }
291
+ };
292
+
293
+ t.style = v;
294
+
295
+ export { t as br_tab };
296
+ //# sourceMappingURL=br-tab.entry.esm.js.map
297
+ //# sourceMappingURL=p-8939b230.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["tabCss","Tab","elementInternals","density","colorMode","activeTab","tabItems","tabContent","maxWidth","hostStyle","containerStyle","mutationObserver","focusElementIndex","brDidActive","getCssClassMap","this","setupHostStyles","display","boxSizing","updateContainerStyles","overflow","width","getTabItemsElements","slotItems","Array","from","el","children","forEach","tab","setAttribute","hasAttribute","crypto","randomUUID","updateTabContent","map","tabActive","isTabActive","getTabID","getAttribute","innerHTML","join","updateMaxWidth","window","componentRect","getBoundingClientRect","availableWidth","innerWidth","left","verifActiveTab","selected","querySelector","length","activeTabChanged","newValue","removeAttribute","error","console","emit","id","handleKeyNavigation","event","focusableTabs","key","activeTabPanel","shadowRoot","focusableElements","querySelectorAll","focus","activeIndex","nextIndex","nextButton","prevIndex","prevButton","componentWillLoad","MutationObserver","observe","childList","subtree","componentDidLoad","requestAnimationFrame","hndClick","handleTabClick","addEventListener","disconnectedCallback","removeEventListener","disconnect","detail","setActiveTab","trim","newActiveTab","render","h","Host","style","class","some","role"],"sources":["../../packages/webcomponents/src/components/tab/tab.scss?tag=br-tab&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n@import \"~@govbr-ds/core/src/partial/scss/configs/icons\";\n\n:host {\n display: block;\n}\n\n.results {\n display: flex;\n font-weight: var(--font-weight);\n justify-content: center;\n margin-top: var(--spacing-scale-2x);\n position: absolute;\n top: 100%;\n}\n\n.br-tab {\n max-width: 100vw; /* Impede que o elemento ultrapasse a largura da janela */\n overflow-x: hidden; /* Evita rolagem horizontal indesejada */\n padding: 16px;\n box-sizing: border-box;\n}\n\n.tab-nav[data-counter=\"true\"] ul {\n max-height: 65px;\n}\n\n.tab-nav[data-counter=\"true\"] {\n overflow: hidden;\n min-height: 102px;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n *\n * @slot default - Slot com os componentes item da tab\n */\n@Component({\n tag: 'br-tab',\n styleUrl: 'tab.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tab {\n @Element() el: HTMLBrTabElement\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * A propriedade 'density' define a densidade do componente.\n * Os valores possíveis são 'small', 'medium' e 'large'.\n * @type {string}\n * @default 'medium'\n */\n @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = 'medium'\n /**\n * Define se o Tab usará um esquema de cores.\n * Apenas o esquema 'dark' está disponível para o modo escuro.\n * @type {string}\n */\n @Prop({ reflect: true }) colorMode: string\n /**\n * A propriedade 'activeTab' define o tab ativo.\n */\n @State() activeTab: string\n /**\n * A propriedade 'tabItems' lista dos tabs items .\n */\n @State() tabItems: Element[] = []\n\n /**\n * A propriedade 'tabContent' armazena o conteúdo dos tabs.\n * @type {string}\n * @memberof Tab\n */\n @State() tabContent: string = ''\n\n private maxWidth: string\n private hostStyle: { [key: string]: string } = {}\n private containerStyle: { [key: string]: string } = {}\n private mutationObserver: MutationObserver\n private focusElementIndex: number = 0\n\n @Event() brDidActive: EventEmitter\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-tab': true,\n [this.density]: true,\n 'dark-mode': this.colorMode === 'dark',\n }\n }\n\n private setupHostStyles() {\n this.hostStyle = {\n maxWidth: '100%',\n display: 'block',\n boxSizing: 'border-box',\n }\n }\n\n private updateContainerStyles() {\n this.containerStyle = {\n maxWidth: this.maxWidth,\n overflow: 'hidden',\n width: '100%',\n boxSizing: 'border-box',\n }\n }\n /**\n * Obtém os elementos de tab items dentro do componente.\n * Se não houver elementos, emite um aviso.\n * @private\n * @returns {void}\n * @memberof Tab\n */\n private getTabItemsElements() {\n const slotItems = Array.from(this.el.children)\n\n slotItems.forEach((tab) => {\n if (this.colorMode) tab.setAttribute('color-mode', this.colorMode)\n if (!tab.hasAttribute('tab-item-id')) {\n tab.setAttribute('tab-item-id', crypto.randomUUID())\n }\n })\n\n this.tabItems = slotItems\n }\n /**\n * Atualiza o conteúdo dos tabs com base nos elementos de tab items.\n * Cada tab item é transformado em um painel de tab com o ID apropriado.\n * O painel ativo é marcado com a classe 'active'.\n * @private\n * @returns {void}\n * @memberof Tab\n * @description\n */\n private updateTabContent() {\n this.tabContent = this.tabItems\n .map((tab: Element) => {\n const tabActive = this.isTabActive(tab)\n\n return `\n <div\n id=\"tab-panel-${this.getTabID(tab)}\"\n role=\"tabpanel\"\n aria-labelledby=\"tab-button-${tab.getAttribute('tab-item-id')}\"\n class=\"tab-panel${tabActive ? ' active' : ''}\"\n >\n ${tab.innerHTML} \n </div>\n `\n })\n .join('')\n }\n /**\n * Atualiza a largura máxima do componente com base na largura da janela.\n * Se a largura da janela não estiver disponível, define a largura máxima como 100%.\n * @private\n * @returns {void}\n * @memberof Tab\n * @description\n * Esta função calcula a largura máxima do componente com base na posição do elemento na tela.\n */\n private updateMaxWidth() {\n if (typeof window !== 'undefined') {\n const componentRect = this.el.getBoundingClientRect()\n const availableWidth = window.innerWidth - componentRect.left\n this.maxWidth = `${availableWidth - 5}px`\n } else {\n this.maxWidth = '100%'\n }\n this.updateContainerStyles()\n }\n\n /**\n * Obtém o ID do tab item.\n * @private\n * @param {Element} tab - O elemento do tab item.\n * @returns {string} - O ID do tab item.\n * @memberof Tab\n * @description\n * Esta função retorna o ID do tab item, que é armazenado no atributo 'tab-item-id'.\n */\n private getTabID(tab: Element): string {\n return tab.getAttribute('tab-item-id')\n }\n /**\n *\n * @param tab\n * @returns\n */\n private isTabActive(tab: Element): boolean {\n return this.getTabID(tab) === this.activeTab\n }\n\n private verifActiveTab() {\n const selected = this.el.querySelector('br-tab-item[active]')\n if (!selected && this.tabItems.length > 0) {\n this.activeTab = this.getTabID(this.tabItems[0])\n } else if (selected) {\n this.activeTab = this.getTabID(selected)\n }\n }\n\n @Watch('activeTab')\n activeTabChanged(newValue: string) {\n this.tabItems.forEach((tab) => {\n try {\n if (this.getTabID(tab) === newValue) {\n tab.setAttribute('is-active', 'true')\n tab.setAttribute('aria-selected', 'true')\n } else {\n if (tab.hasAttribute('is-active')) {\n if (tab) {\n tab.removeAttribute('is-active')\n }\n tab.removeAttribute('aria-selected')\n }\n }\n } catch (error) {\n console.error('Failed to remove attribute \"is-active\":', error)\n }\n })\n this.updateTabContent()\n this.brDidActive.emit({ id: newValue })\n }\n\n /**\n * Evento de navegação por teclado\n * @param event\n */\n private handleKeyNavigation = (event: KeyboardEvent) => {\n const focusableTabs = Array.from(this.tabItems) as HTMLElement[]\n\n if (event.key === 'ArrowDown') {\n const activeTabPanel = this.el.shadowRoot.querySelector('.tab-panel.active') as HTMLElement\n if (activeTabPanel) {\n const focusableElements = Array.from(\n activeTabPanel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n ) as HTMLElement[]\n if (focusableElements.length > 0) {\n focusableElements[0].focus()\n }\n }\n }\n\n const activeIndex = this.focusElementIndex\n if (event.key === 'ArrowRight') {\n const nextIndex = (activeIndex + 1) % focusableTabs.length\n const nextButton = focusableTabs[nextIndex]?.shadowRoot?.querySelector('button')\n if (nextButton) {\n nextButton.focus()\n this.focusElementIndex = nextIndex\n }\n } else if (event.key === 'ArrowLeft') {\n const prevIndex = (activeIndex - 1 + focusableTabs.length) % focusableTabs.length\n const prevButton = focusableTabs[prevIndex]?.shadowRoot?.querySelector('button')\n if (prevButton) {\n prevButton.focus()\n this.focusElementIndex = prevIndex\n }\n }\n }\n\n componentWillLoad() {\n this.getTabItemsElements()\n this.setupHostStyles()\n this.updateTabContent()\n\n if (typeof window !== 'undefined' && typeof MutationObserver !== 'undefined') {\n // window.addEventListener('resize', () => this.updateMaxWidth());\n\n this.mutationObserver = new MutationObserver(() => this.updateMaxWidth())\n this.mutationObserver.observe(this.el, { childList: true, subtree: true })\n\n this.updateMaxWidth()\n } else {\n this.maxWidth = '100%'\n this.updateContainerStyles()\n }\n }\n\n componentDidLoad() {\n if (!this.el) {\n console.error('Host element is not defined.')\n return\n }\n requestAnimationFrame(() => this.verifActiveTab())\n\n // Use the class method directly\n if (this.el) {\n try {\n const hndClick = this.handleTabClick\n this.el.addEventListener('keydown', this.handleKeyNavigation)\n this.el.addEventListener('itemTabClick', hndClick)\n } catch (error) {\n console.error('Failed to add event listener for itemTabClick:', error)\n }\n }\n }\n\n disconnectedCallback() {\n if (typeof window !== 'undefined') {\n window.removeEventListener('resize', () => this.updateMaxWidth())\n }\n if (this.mutationObserver) this.mutationObserver.disconnect()\n this.el.removeEventListener('itemTabClick', this.handleTabClick)\n this.el.removeEventListener('keydown', this.handleKeyNavigation) // Remove the keydown listener\n }\n\n private handleTabClick: (event: CustomEvent<{ id: string }>) => void = (event) => {\n if (event.detail && event.detail.id) {\n this.setActiveTab(event.detail.id.trim())\n }\n }\n\n private setActiveTab(newActiveTab: string) {\n // if (this.activeTab !== newActiveTab) {\n this.activeTab = newActiveTab\n // }\n }\n\n render() {\n return (\n <Host style={this.hostStyle}>\n <div class={this.getCssClassMap()} style={this.containerStyle}>\n <nav\n class=\"tab-nav\"\n data-counter={this.tabItems.some((tab) => tab.hasAttribute('counter')) ? 'true' : 'false'}\n >\n <ul role=\"tablist\">\n <slot></slot>\n </ul>\n </nav>\n <div class=\"tab-content\" innerHTML={this.tabContent}></div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAS;;MCeFC,IAAG;;;;;;;;;;;;;;EAEKC;;;;;;;EAQeC,QAAwC;;;;;;EAMjDC;;;;EAIhBC;;;;EAIAC,SAAsB;;;;;;EAOtBC,WAAqB;EAEtBC;EACAC,UAAuC;EACvCC,eAA4C;EAC5CC;EACAC,kBAA4B;EAE3BC;EAED,cAAAC;IACN,OAAO;MACL,UAAU;MACV,CAACC,KAAKZ,UAAU;MAChB,aAAaY,KAAKX,cAAc;;;EAI5B,eAAAY;IACND,KAAKN,YAAY;MACfD,UAAU;MACVS,SAAS;MACTC,WAAW;;;EAIP,qBAAAC;IACNJ,KAAKL,iBAAiB;MACpBF,UAAUO,KAAKP;MACfY,UAAU;MACVC,OAAO;MACPH,WAAW;;;;;;;;;SAUP,mBAAAI;IACN,MAAMC,IAAYC,MAAMC,KAAKV,KAAKW,GAAGC;IAErCJ,EAAUK,SAASC;MACjB,IAAId,KAAKX,WAAWyB,EAAIC,aAAa,cAAcf,KAAKX;MACxD,KAAKyB,EAAIE,aAAa,gBAAgB;QACpCF,EAAIC,aAAa,eAAeE,OAAOC;;;IAI3ClB,KAAKT,WAAWiB;;;;;;;;;;SAWV,gBAAAW;IACNnB,KAAKR,aAAaQ,KAAKT,SACpB6B,KAAKN;MACJ,MAAMO,IAAYrB,KAAKsB,YAAYR;MAEnC,OAAO,2CAEWd,KAAKuB,SAAST,yEAEAA,EAAIU,aAAa,8CAC7BH,IAAY,YAAY,6BAExCP,EAAIW;AAET,QAEAC,KAAK;;;;;;;;;;SAWF,cAAAC;IACN,WAAWC,WAAW,aAAa;MACjC,MAAMC,IAAgB7B,KAAKW,GAAGmB;MAC9B,MAAMC,IAAiBH,OAAOI,aAAaH,EAAcI;MACzDjC,KAAKP,WAAW,GAAGsC,IAAiB;WAC/B;MACL/B,KAAKP,WAAW;;IAElBO,KAAKI;;;;;;;;;;SAYC,QAAAmB,CAAST;IACf,OAAOA,EAAIU,aAAa;;;;;;SAOlB,WAAAF,CAAYR;IAClB,OAAOd,KAAKuB,SAAST,OAASd,KAAKV;;EAG7B,cAAA4C;IACN,MAAMC,IAAWnC,KAAKW,GAAGyB,cAAc;IACvC,KAAKD,KAAYnC,KAAKT,SAAS8C,SAAS,GAAG;MACzCrC,KAAKV,YAAYU,KAAKuB,SAASvB,KAAKT,SAAS;WACxC,IAAI4C,GAAU;MACnBnC,KAAKV,YAAYU,KAAKuB,SAASY;;;EAKnC,gBAAAG,CAAiBC;IACfvC,KAAKT,SAASsB,SAASC;MACrB;QACE,IAAId,KAAKuB,SAAST,OAASyB,GAAU;UACnCzB,EAAIC,aAAa,aAAa;UAC9BD,EAAIC,aAAa,iBAAiB;eAC7B;UACL,IAAID,EAAIE,aAAa,cAAc;YACjC,IAAIF,GAAK;cACPA,EAAI0B,gBAAgB;;YAEtB1B,EAAI0B,gBAAgB;;;QAGxB,OAAOC;QACPC,QAAQD,MAAM,2CAA2CA;;;IAG7DzC,KAAKmB;IACLnB,KAAKF,YAAY6C,KAAK;MAAEC,IAAIL;;;;;;SAOtBM,oBAAuBC;IAC7B,MAAMC,IAAgBtC,MAAMC,KAAKV,KAAKT;IAEtC,IAAIuD,EAAME,QAAQ,aAAa;MAC7B,MAAMC,IAAiBjD,KAAKW,GAAGuC,WAAWd,cAAc;MACxD,IAAIa,GAAgB;QAClB,MAAME,IAAoB1C,MAAMC,KAC9BuC,EAAeG,iBAAiB;QAElC,IAAID,EAAkBd,SAAS,GAAG;UAChCc,EAAkB,GAAGE;;;;IAK3B,MAAMC,IAActD,KAAKH;IACzB,IAAIiD,EAAME,QAAQ,cAAc;MAC9B,MAAMO,KAAaD,IAAc,KAAKP,EAAcV;MACpD,MAAMmB,IAAaT,EAAcQ,IAAYL,YAAYd,cAAc;MACvE,IAAIoB,GAAY;QACdA,EAAWH;QACXrD,KAAKH,oBAAoB0D;;WAEtB,IAAIT,EAAME,QAAQ,aAAa;MACpC,MAAMS,KAAaH,IAAc,IAAIP,EAAcV,UAAUU,EAAcV;MAC3E,MAAMqB,IAAaX,EAAcU,IAAYP,YAAYd,cAAc;MACvE,IAAIsB,GAAY;QACdA,EAAWL;QACXrD,KAAKH,oBAAoB4D;;;;EAK/B,iBAAAE;IACE3D,KAAKO;IACLP,KAAKC;IACLD,KAAKmB;IAEL,WAAWS,WAAW,sBAAsBgC,qBAAqB,aAAa;;MAG5E5D,KAAKJ,mBAAmB,IAAIgE,kBAAiB,MAAM5D,KAAK2B;MACxD3B,KAAKJ,iBAAiBiE,QAAQ7D,KAAKW,IAAI;QAAEmD,WAAW;QAAMC,SAAS;;MAEnE/D,KAAK2B;WACA;MACL3B,KAAKP,WAAW;MAChBO,KAAKI;;;EAIT,gBAAA4D;IACE,KAAKhE,KAAKW,IAAI;MACZ+B,QAAQD,MAAM;MACd;;IAEFwB,uBAAsB,MAAMjE,KAAKkC;;QAGjC,IAAIlC,KAAKW,IAAI;MACX;QACE,MAAMuD,IAAWlE,KAAKmE;QACtBnE,KAAKW,GAAGyD,iBAAiB,WAAWpE,KAAK6C;QACzC7C,KAAKW,GAAGyD,iBAAiB,gBAAgBF;QACzC,OAAOzB;QACPC,QAAQD,MAAM,kDAAkDA;;;;EAKtE,oBAAA4B;IACE,WAAWzC,WAAW,aAAa;MACjCA,OAAO0C,oBAAoB,WAAU,MAAMtE,KAAK2B;;IAElD,IAAI3B,KAAKJ,kBAAkBI,KAAKJ,iBAAiB2E;IACjDvE,KAAKW,GAAG2D,oBAAoB,gBAAgBtE,KAAKmE;IACjDnE,KAAKW,GAAG2D,oBAAoB,WAAWtE,KAAK6C;;;EAGtCsB,eAAgErB;IACtE,IAAIA,EAAM0B,UAAU1B,EAAM0B,OAAO5B,IAAI;MACnC5C,KAAKyE,aAAa3B,EAAM0B,OAAO5B,GAAG8B;;;EAI9B,YAAAD,CAAaE;;IAEnB3E,KAAKV,YAAYqF;;;EAInB,MAAAC;IACE,OACEC,EAACC,GAAI;MAAA9B,KAAA;MAAC+B,OAAO/E,KAAKN;OAChBmF,EAAK;MAAA7B,KAAA;MAAAgC,OAAOhF,KAAKD;MAAkBgF,OAAO/E,KAAKL;OAC7CkF,EAAA;MAAA7B,KAAA;MACEgC,OAAM;MAAS,gBACDhF,KAAKT,SAAS0F,MAAMnE,KAAQA,EAAIE,aAAa,eAAc,SAAS;OAElF6D,EAAI;MAAA7B,KAAA;MAAAkC,MAAK;OACPL,EAAA;MAAA7B,KAAA;UAGJ6B,EAAA;MAAA7B,KAAA;MAAKgC,OAAM;MAAcvD,WAAWzB,KAAKR","ignoreList":[]}