boreal-ui 0.0.21 → 0.0.22

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 (300) hide show
  1. package/dist/core/{Chip-CNn0UvOB.cjs → Chip-BtQlcu8Z.cjs} +2 -1
  2. package/dist/core/Chip-BtQlcu8Z.cjs.map +1 -0
  3. package/dist/core/{Chip-7R6wAufO.js → Chip-M8cB2nXM.js} +2 -1
  4. package/dist/core/Chip-M8cB2nXM.js.map +1 -0
  5. package/dist/core/Chip.cjs.js +1 -1
  6. package/dist/core/Chip.js +1 -1
  7. package/dist/core/Sidebar-CqTJJULG.cjs.map +1 -1
  8. package/dist/core/Sidebar-z0mG5nn_.js.map +1 -1
  9. package/dist/core/index.cjs.js +1 -1
  10. package/dist/core/index.js +1 -1
  11. package/dist/core/style.css +3244 -904
  12. package/dist/next/{Accordion-P9JXxfBX.cjs → Accordion-CJGWE3z1.cjs} +47 -47
  13. package/dist/next/{Accordion-P9JXxfBX.cjs.map → Accordion-CJGWE3z1.cjs.map} +1 -1
  14. package/dist/next/{Accordion-DD5oHwaa.js → Accordion-CwNZAMaX.js} +47 -47
  15. package/dist/next/{Accordion-DD5oHwaa.js.map → Accordion-CwNZAMaX.js.map} +1 -1
  16. package/dist/next/Accordion.cjs.js +1 -1
  17. package/dist/next/Accordion.js +1 -1
  18. package/dist/next/{Avatar-0OXmXwmQ.js → Avatar-B3eTb_Xz.js} +40 -40
  19. package/dist/next/{Avatar-0OXmXwmQ.js.map → Avatar-B3eTb_Xz.js.map} +1 -1
  20. package/dist/next/{Avatar-CguQwhBN.cjs → Avatar-BX8mh_3b.cjs} +40 -40
  21. package/dist/next/{Avatar-CguQwhBN.cjs.map → Avatar-BX8mh_3b.cjs.map} +1 -1
  22. package/dist/next/Avatar.cjs.js +1 -1
  23. package/dist/next/Avatar.js +1 -1
  24. package/dist/next/{Badge-WWxkzKOl.js → Badge-C4JwPL9J.js} +31 -31
  25. package/dist/next/{Badge-WWxkzKOl.js.map → Badge-C4JwPL9J.js.map} +1 -1
  26. package/dist/next/{Badge-CnKwIP4u.cjs → Badge-d7iY-oiw.cjs} +31 -31
  27. package/dist/next/{Badge-CnKwIP4u.cjs.map → Badge-d7iY-oiw.cjs.map} +1 -1
  28. package/dist/next/Badge.cjs.js +1 -1
  29. package/dist/next/Badge.js +1 -1
  30. package/dist/next/{Breadcrumbs-0cJD4s9s.cjs → Breadcrumbs-CEHoh3s2.cjs} +37 -37
  31. package/dist/next/{Breadcrumbs-0cJD4s9s.cjs.map → Breadcrumbs-CEHoh3s2.cjs.map} +1 -1
  32. package/dist/next/{Breadcrumbs-liNC5ZzY.js → Breadcrumbs-LfCnghHj.js} +37 -37
  33. package/dist/next/{Breadcrumbs-liNC5ZzY.js.map → Breadcrumbs-LfCnghHj.js.map} +1 -1
  34. package/dist/next/Breadcrumbs.cjs.js +1 -1
  35. package/dist/next/Breadcrumbs.js +1 -1
  36. package/dist/next/{Button-CbX-VlK_.js → Button-CDvdEOSq.js} +46 -46
  37. package/dist/next/{Button-CbX-VlK_.js.map → Button-CDvdEOSq.js.map} +1 -1
  38. package/dist/next/{Button-WSFdkLsa.cjs → Button-Cw9aGFLo.cjs} +46 -46
  39. package/dist/next/{Button-WSFdkLsa.cjs.map → Button-Cw9aGFLo.cjs.map} +1 -1
  40. package/dist/next/Button.cjs.js +1 -1
  41. package/dist/next/Button.js +1 -1
  42. package/dist/next/{Card-BCYMEFyT.cjs → Card-B7oD0UlA.cjs} +61 -61
  43. package/dist/next/{Card-BCYMEFyT.cjs.map → Card-B7oD0UlA.cjs.map} +1 -1
  44. package/dist/next/{Card-DhdZiqdl.js → Card-DauNfmwZ.js} +61 -61
  45. package/dist/next/{Card-DhdZiqdl.js.map → Card-DauNfmwZ.js.map} +1 -1
  46. package/dist/next/Card.cjs.js +1 -1
  47. package/dist/next/Card.js +1 -1
  48. package/dist/next/{Checkbox-kWrAB9F7.js → Checkbox-CiHMrYmz.js} +44 -44
  49. package/dist/next/{Checkbox-kWrAB9F7.js.map → Checkbox-CiHMrYmz.js.map} +1 -1
  50. package/dist/next/{Checkbox-COcqcXOD.cjs → Checkbox-wdW0yOxr.cjs} +44 -44
  51. package/dist/next/{Checkbox-COcqcXOD.cjs.map → Checkbox-wdW0yOxr.cjs.map} +1 -1
  52. package/dist/next/Checkbox.cjs.js +1 -1
  53. package/dist/next/Checkbox.js +1 -1
  54. package/dist/next/{Chip-DtHYUkJ4.js → Chip-06q10So-.js} +52 -51
  55. package/dist/next/Chip-06q10So-.js.map +1 -0
  56. package/dist/next/{Chip-DJMY0KHl.cjs → Chip-CVEIkG-f.cjs} +52 -51
  57. package/dist/next/Chip-CVEIkG-f.cjs.map +1 -0
  58. package/dist/next/Chip.cjs.js +1 -1
  59. package/dist/next/Chip.js +1 -1
  60. package/dist/next/{CircularProgress-DXC_JBTG.cjs → CircularProgress-CcIv2nXN.cjs} +37 -37
  61. package/dist/next/{CircularProgress-DXC_JBTG.cjs.map → CircularProgress-CcIv2nXN.cjs.map} +1 -1
  62. package/dist/next/{CircularProgress-CYo_VUG7.js → CircularProgress-DTKTvWPL.js} +37 -37
  63. package/dist/next/{CircularProgress-CYo_VUG7.js.map → CircularProgress-DTKTvWPL.js.map} +1 -1
  64. package/dist/next/CircularProgress.cjs.js +1 -1
  65. package/dist/next/CircularProgress.js +1 -1
  66. package/dist/next/{ColorPicker-Ub3qNdeF.js → ColorPicker-BWv-0yLo.js} +36 -36
  67. package/dist/next/{ColorPicker-Ub3qNdeF.js.map → ColorPicker-BWv-0yLo.js.map} +1 -1
  68. package/dist/next/{ColorPicker-C-klUf3G.cjs → ColorPicker-C2FmQVNl.cjs} +36 -36
  69. package/dist/next/{ColorPicker-C-klUf3G.cjs.map → ColorPicker-C2FmQVNl.cjs.map} +1 -1
  70. package/dist/next/ColorPicker.cjs.js +1 -1
  71. package/dist/next/ColorPicker.js +1 -1
  72. package/dist/next/{CommandPalette-CEZwvLuu.js → CommandPalette-BvgDewF1.js} +42 -42
  73. package/dist/next/{CommandPalette-CEZwvLuu.js.map → CommandPalette-BvgDewF1.js.map} +1 -1
  74. package/dist/next/{CommandPalette-Dp2pT5ot.cjs → CommandPalette-FO3S6xly.cjs} +42 -42
  75. package/dist/next/{CommandPalette-Dp2pT5ot.cjs.map → CommandPalette-FO3S6xly.cjs.map} +1 -1
  76. package/dist/next/CommandPalette.cjs.js +1 -1
  77. package/dist/next/CommandPalette.js +1 -1
  78. package/dist/next/{DataTable-D5ffcx-L.js → DataTable-BxpVeU6-.js} +41 -41
  79. package/dist/next/{DataTable-D5ffcx-L.js.map → DataTable-BxpVeU6-.js.map} +1 -1
  80. package/dist/next/{DataTable-9JLEi0CK.cjs → DataTable-C5OyGLWn.cjs} +41 -41
  81. package/dist/next/{DataTable-9JLEi0CK.cjs.map → DataTable-C5OyGLWn.cjs.map} +1 -1
  82. package/dist/next/DataTable.cjs.js +1 -1
  83. package/dist/next/DataTable.js +1 -1
  84. package/dist/next/{DateTimePicker-CoTQNBzD.cjs → DateTimePicker-CnHSl0jQ.cjs} +32 -32
  85. package/dist/next/{DateTimePicker-CoTQNBzD.cjs.map → DateTimePicker-CnHSl0jQ.cjs.map} +1 -1
  86. package/dist/next/{DateTimePicker-C2-or1uL.js → DateTimePicker-HNGW6xNG.js} +32 -32
  87. package/dist/next/{DateTimePicker-C2-or1uL.js.map → DateTimePicker-HNGW6xNG.js.map} +1 -1
  88. package/dist/next/DateTimePicker.cjs.js +1 -1
  89. package/dist/next/DateTimePicker.js +1 -1
  90. package/dist/next/{Divider-BlJMteki.cjs → Divider-Fpf7-0z3.cjs} +14 -14
  91. package/dist/next/{Divider-BlJMteki.cjs.map → Divider-Fpf7-0z3.cjs.map} +1 -1
  92. package/dist/next/{Divider-g7VS0Sbx.js → Divider-PQO6alS3.js} +14 -14
  93. package/dist/next/{Divider-g7VS0Sbx.js.map → Divider-PQO6alS3.js.map} +1 -1
  94. package/dist/next/Divider.cjs.js +1 -1
  95. package/dist/next/Divider.js +1 -1
  96. package/dist/next/{Dropdown-DyBmnKrz.js → Dropdown-C_B5tfQD.js} +21 -21
  97. package/dist/next/{Dropdown-DyBmnKrz.js.map → Dropdown-C_B5tfQD.js.map} +1 -1
  98. package/dist/next/{Dropdown-BtbLZeZq.cjs → Dropdown-Pjjqikm8.cjs} +21 -21
  99. package/dist/next/{Dropdown-BtbLZeZq.cjs.map → Dropdown-Pjjqikm8.cjs.map} +1 -1
  100. package/dist/next/Dropdown.cjs.js +1 -1
  101. package/dist/next/Dropdown.js +1 -1
  102. package/dist/next/{EmptyState-CSEhZvTp.js → EmptyState-Bo9W0BX5.js} +31 -31
  103. package/dist/next/{EmptyState-CSEhZvTp.js.map → EmptyState-Bo9W0BX5.js.map} +1 -1
  104. package/dist/next/{EmptyState-DUZQ2Qmn.cjs → EmptyState-DCjBopC6.cjs} +31 -31
  105. package/dist/next/{EmptyState-DUZQ2Qmn.cjs.map → EmptyState-DCjBopC6.cjs.map} +1 -1
  106. package/dist/next/EmptyState.cjs.js +1 -1
  107. package/dist/next/EmptyState.js +1 -1
  108. package/dist/next/{FileUpload-DQhKhtgc.js → FileUpload-BGK2Pg4X.js} +51 -51
  109. package/dist/next/{FileUpload-DQhKhtgc.js.map → FileUpload-BGK2Pg4X.js.map} +1 -1
  110. package/dist/next/{FileUpload-427ZyzCY.cjs → FileUpload-DoMMMgwj.cjs} +51 -51
  111. package/dist/next/{FileUpload-427ZyzCY.cjs.map → FileUpload-DoMMMgwj.cjs.map} +1 -1
  112. package/dist/next/FileUpload.cjs.js +1 -1
  113. package/dist/next/FileUpload.js +1 -1
  114. package/dist/next/{Footer-CzA8xCa3.js → Footer-Ch1HX1aI.js} +42 -42
  115. package/dist/next/{Footer-CzA8xCa3.js.map → Footer-Ch1HX1aI.js.map} +1 -1
  116. package/dist/next/{Footer-CLvhExUU.cjs → Footer-Uoh8g5Y0.cjs} +42 -42
  117. package/dist/next/{Footer-CLvhExUU.cjs.map → Footer-Uoh8g5Y0.cjs.map} +1 -1
  118. package/dist/next/Footer.cjs.js +1 -1
  119. package/dist/next/Footer.js +1 -1
  120. package/dist/next/{FormGroup-Bstsn_US.cjs → FormGroup-BBfiah0c.cjs} +29 -29
  121. package/dist/next/{FormGroup-Bstsn_US.cjs.map → FormGroup-BBfiah0c.cjs.map} +1 -1
  122. package/dist/next/{FormGroup-BMLGXHiz.js → FormGroup-D_92BmcS.js} +29 -29
  123. package/dist/next/{FormGroup-BMLGXHiz.js.map → FormGroup-D_92BmcS.js.map} +1 -1
  124. package/dist/next/FormGroup.cjs.js +1 -1
  125. package/dist/next/FormGroup.js +1 -1
  126. package/dist/next/{IconButton-CNzF48hu.cjs → IconButton-1BW390eT.cjs} +37 -37
  127. package/dist/next/{IconButton-CNzF48hu.cjs.map → IconButton-1BW390eT.cjs.map} +1 -1
  128. package/dist/next/{IconButton-DFrFh0kg.js → IconButton-DxGzuz13.js} +37 -37
  129. package/dist/next/{IconButton-DFrFh0kg.js.map → IconButton-DxGzuz13.js.map} +1 -1
  130. package/dist/next/IconButton.cjs.js +1 -1
  131. package/dist/next/IconButton.js +1 -1
  132. package/dist/next/{MarkdownRenderer-B-WThNR7.cjs → MarkdownRenderer-DnhK5V1k.cjs} +12 -12
  133. package/dist/next/{MarkdownRenderer-B-WThNR7.cjs.map → MarkdownRenderer-DnhK5V1k.cjs.map} +1 -1
  134. package/dist/next/{MarkdownRenderer-CxJOetSp.js → MarkdownRenderer-xAxEjENn.js} +12 -12
  135. package/dist/next/{MarkdownRenderer-CxJOetSp.js.map → MarkdownRenderer-xAxEjENn.js.map} +1 -1
  136. package/dist/next/MarkdownRenderer.cjs.js +1 -1
  137. package/dist/next/MarkdownRenderer.js +1 -1
  138. package/dist/next/{MessagePopUp-BxFI8IpO.cjs → MessagePopUp-CRXKWJcY.cjs} +18 -18
  139. package/dist/next/{MessagePopUp-BxFI8IpO.cjs.map → MessagePopUp-CRXKWJcY.cjs.map} +1 -1
  140. package/dist/next/{MessagePopUp-DI7-Ggmn.js → MessagePopUp-r4RzD_hc.js} +18 -18
  141. package/dist/next/{MessagePopUp-DI7-Ggmn.js.map → MessagePopUp-r4RzD_hc.js.map} +1 -1
  142. package/dist/next/MessagePopUp.cjs.js +1 -1
  143. package/dist/next/MessagePopUp.js +1 -1
  144. package/dist/next/{MetricBox-rxFYolH_.js → MetricBox-BIWbtopW.js} +47 -47
  145. package/dist/next/{MetricBox-rxFYolH_.js.map → MetricBox-BIWbtopW.js.map} +1 -1
  146. package/dist/next/{MetricBox-Dtkrwrtw.cjs → MetricBox-Cl0r-MUz.cjs} +47 -47
  147. package/dist/next/{MetricBox-Dtkrwrtw.cjs.map → MetricBox-Cl0r-MUz.cjs.map} +1 -1
  148. package/dist/next/MetricBox.cjs.js +1 -1
  149. package/dist/next/MetricBox.js +1 -1
  150. package/dist/next/{Modal-Bf7egMf2.cjs → Modal-BUWht7j9.cjs} +17 -17
  151. package/dist/next/{Modal-Bf7egMf2.cjs.map → Modal-BUWht7j9.cjs.map} +1 -1
  152. package/dist/next/{Modal-BZvTcgoM.js → Modal-HVhtE6zt.js} +17 -17
  153. package/dist/next/{Modal-BZvTcgoM.js.map → Modal-HVhtE6zt.js.map} +1 -1
  154. package/dist/next/Modal.cjs.js +1 -1
  155. package/dist/next/Modal.js +1 -1
  156. package/dist/next/{NavBar-BXbAUNSJ.js → NavBar-BL5qICdc.js} +36 -35
  157. package/dist/next/{NavBar-BXbAUNSJ.js.map → NavBar-BL5qICdc.js.map} +1 -1
  158. package/dist/next/{NavBar-CXqV4sKP.cjs → NavBar-Dj4sWT26.cjs} +36 -35
  159. package/dist/next/{NavBar-CXqV4sKP.cjs.map → NavBar-Dj4sWT26.cjs.map} +1 -1
  160. package/dist/next/NavBar.cjs.js +1 -1
  161. package/dist/next/NavBar.js +1 -1
  162. package/dist/next/{NotificationCenter-DmcHIkOp.cjs → NotificationCenter-Bi6LJr55.cjs} +37 -37
  163. package/dist/next/{NotificationCenter-DmcHIkOp.cjs.map → NotificationCenter-Bi6LJr55.cjs.map} +1 -1
  164. package/dist/next/{NotificationCenter-BCXpVjHd.js → NotificationCenter-OqRd6YfC.js} +37 -37
  165. package/dist/next/{NotificationCenter-BCXpVjHd.js.map → NotificationCenter-OqRd6YfC.js.map} +1 -1
  166. package/dist/next/NotificationCenter.cjs.js +1 -1
  167. package/dist/next/NotificationCenter.js +1 -1
  168. package/dist/next/{Pager-BqShs8_d.js → Pager-AgAN8E1P.js} +3 -3
  169. package/dist/next/{Pager-BqShs8_d.js.map → Pager-AgAN8E1P.js.map} +1 -1
  170. package/dist/next/{Pager-B81ecC4j.cjs → Pager-DCW208Vq.cjs} +3 -3
  171. package/dist/next/{Pager-B81ecC4j.cjs.map → Pager-DCW208Vq.cjs.map} +1 -1
  172. package/dist/next/Pager.cjs.js +1 -1
  173. package/dist/next/Pager.js +1 -1
  174. package/dist/next/{PopOver-Cz4BCVFe.js → PopOver-CAUFP1-Y.js} +40 -40
  175. package/dist/next/{PopOver-Cz4BCVFe.js.map → PopOver-CAUFP1-Y.js.map} +1 -1
  176. package/dist/next/{PopOver-CAxcmHRx.cjs → PopOver-D2x2a4Jw.cjs} +40 -40
  177. package/dist/next/{PopOver-CAxcmHRx.cjs.map → PopOver-D2x2a4Jw.cjs.map} +1 -1
  178. package/dist/next/PopOver.cjs.js +1 -1
  179. package/dist/next/PopOver.js +1 -1
  180. package/dist/next/{ProgressBar-D_fi1WW3.js → ProgressBar-C02f6SzB.js} +42 -42
  181. package/dist/next/{ProgressBar-D_fi1WW3.js.map → ProgressBar-C02f6SzB.js.map} +1 -1
  182. package/dist/next/{ProgressBar-Cvf0uNKW.cjs → ProgressBar-QdYZNfsm.cjs} +42 -42
  183. package/dist/next/{ProgressBar-Cvf0uNKW.cjs.map → ProgressBar-QdYZNfsm.cjs.map} +1 -1
  184. package/dist/next/ProgressBar.cjs.js +1 -1
  185. package/dist/next/ProgressBar.js +1 -1
  186. package/dist/next/{RadioButton-cXdUfJD2.cjs → RadioButton-BvqTDvI8.cjs} +38 -38
  187. package/dist/next/{RadioButton-cXdUfJD2.cjs.map → RadioButton-BvqTDvI8.cjs.map} +1 -1
  188. package/dist/next/{RadioButton-BKS65jm9.js → RadioButton-CffrjQlz.js} +38 -38
  189. package/dist/next/{RadioButton-BKS65jm9.js.map → RadioButton-CffrjQlz.js.map} +1 -1
  190. package/dist/next/RadioButton.cjs.js +1 -1
  191. package/dist/next/RadioButton.js +1 -1
  192. package/dist/next/{Rating-BjN0Sj0r.cjs → Rating-C31vTdO9.cjs} +34 -34
  193. package/dist/next/{Rating-BjN0Sj0r.cjs.map → Rating-C31vTdO9.cjs.map} +1 -1
  194. package/dist/next/{Rating-Bs7oCe4w.js → Rating-CqV2p3Wa.js} +34 -34
  195. package/dist/next/{Rating-Bs7oCe4w.js.map → Rating-CqV2p3Wa.js.map} +1 -1
  196. package/dist/next/Rating.cjs.js +1 -1
  197. package/dist/next/Rating.js +1 -1
  198. package/dist/next/{STT-B5eE92VH.js → STT-B89YQxDF.js} +14 -14
  199. package/dist/next/{STT-B5eE92VH.js.map → STT-B89YQxDF.js.map} +1 -1
  200. package/dist/next/{STT-CLZjfsV_.cjs → STT-B8QYAxU7.cjs} +14 -14
  201. package/dist/next/{STT-CLZjfsV_.cjs.map → STT-B8QYAxU7.cjs.map} +1 -1
  202. package/dist/next/ScrollToTop.cjs.js +1 -1
  203. package/dist/next/ScrollToTop.js +1 -1
  204. package/dist/next/{Select-DxQS7u41.cjs → Select-BVxDV81c.cjs} +38 -38
  205. package/dist/next/{Select-DxQS7u41.cjs.map → Select-BVxDV81c.cjs.map} +1 -1
  206. package/dist/next/{Select-D-9wuabW.js → Select-DXO2nK78.js} +38 -38
  207. package/dist/next/{Select-D-9wuabW.js.map → Select-DXO2nK78.js.map} +1 -1
  208. package/dist/next/Select.cjs.js +1 -1
  209. package/dist/next/Select.js +1 -1
  210. package/dist/next/{Sidebar-PUffGMhm.cjs → Sidebar-C_zefcbg.cjs} +47 -47
  211. package/dist/next/Sidebar-C_zefcbg.cjs.map +1 -0
  212. package/dist/next/{Sidebar-B9jHy0wy.js → Sidebar-R1NSvWHu.js} +47 -47
  213. package/dist/next/Sidebar-R1NSvWHu.js.map +1 -0
  214. package/dist/next/Sidebar.cjs.js +1 -1
  215. package/dist/next/Sidebar.js +1 -1
  216. package/dist/next/{Skeleton-BWBHgsOM.js → Skeleton-CJpwvGKT.js} +26 -26
  217. package/dist/next/{Skeleton-BWBHgsOM.js.map → Skeleton-CJpwvGKT.js.map} +1 -1
  218. package/dist/next/{Skeleton-CMuXs5GO.cjs → Skeleton-VK_AxGlo.cjs} +26 -26
  219. package/dist/next/{Skeleton-CMuXs5GO.cjs.map → Skeleton-VK_AxGlo.cjs.map} +1 -1
  220. package/dist/next/Skeleton.cjs.js +1 -1
  221. package/dist/next/Skeleton.js +1 -1
  222. package/dist/next/{Slider-DbxNKdGq.cjs → Slider-CkQdnTd6.cjs} +43 -43
  223. package/dist/next/{Slider-DbxNKdGq.cjs.map → Slider-CkQdnTd6.cjs.map} +1 -1
  224. package/dist/next/{Slider-B5BJJyaD.js → Slider-DIJEeH2r.js} +43 -43
  225. package/dist/next/{Slider-B5BJJyaD.js.map → Slider-DIJEeH2r.js.map} +1 -1
  226. package/dist/next/Slider.cjs.js +1 -1
  227. package/dist/next/Slider.js +1 -1
  228. package/dist/next/{Spinner-Doh4Uft1.cjs → Spinner-Duq63bbK.cjs} +32 -32
  229. package/dist/next/{Spinner-Doh4Uft1.cjs.map → Spinner-Duq63bbK.cjs.map} +1 -1
  230. package/dist/next/{Spinner-BxvU43sx.js → Spinner-N0I3bKh8.js} +32 -32
  231. package/dist/next/{Spinner-BxvU43sx.js.map → Spinner-N0I3bKh8.js.map} +1 -1
  232. package/dist/next/Spinner.cjs.js +1 -1
  233. package/dist/next/Spinner.js +1 -1
  234. package/dist/next/{Stepper-5FojeYPE.js → Stepper-DPIt2hlL.js} +43 -43
  235. package/dist/next/{Stepper-5FojeYPE.js.map → Stepper-DPIt2hlL.js.map} +1 -1
  236. package/dist/next/{Stepper-D2UYDRwT.cjs → Stepper-JSC7kNUK.cjs} +43 -43
  237. package/dist/next/{Stepper-D2UYDRwT.cjs.map → Stepper-JSC7kNUK.cjs.map} +1 -1
  238. package/dist/next/Stepper.cjs.js +1 -1
  239. package/dist/next/Stepper.js +1 -1
  240. package/dist/next/{Tabs-DuZPFjen.cjs → Tabs-CEFKDLm1.cjs} +44 -44
  241. package/dist/next/{Tabs-DuZPFjen.cjs.map → Tabs-CEFKDLm1.cjs.map} +1 -1
  242. package/dist/next/{Tabs-CNU0A_YY.js → Tabs-Dk0OQfLb.js} +44 -44
  243. package/dist/next/{Tabs-CNU0A_YY.js.map → Tabs-Dk0OQfLb.js.map} +1 -1
  244. package/dist/next/Tabs.cjs.js +1 -1
  245. package/dist/next/Tabs.js +1 -1
  246. package/dist/next/{TagInput-BcNgwFOj.cjs → TagInput-BwoUWtRR.cjs} +48 -48
  247. package/dist/next/{TagInput-BcNgwFOj.cjs.map → TagInput-BwoUWtRR.cjs.map} +1 -1
  248. package/dist/next/{TagInput-CdYMgcYY.js → TagInput-DjHDSsny.js} +48 -48
  249. package/dist/next/{TagInput-CdYMgcYY.js.map → TagInput-DjHDSsny.js.map} +1 -1
  250. package/dist/next/TagInput.cjs.js +1 -1
  251. package/dist/next/TagInput.js +1 -1
  252. package/dist/next/{TextArea-CwR4vrML.js → TextArea-BDYg--3P.js} +25 -25
  253. package/dist/next/{TextArea-CwR4vrML.js.map → TextArea-BDYg--3P.js.map} +1 -1
  254. package/dist/next/{TextArea-BfVBd3wl.cjs → TextArea-OVtBBpaP.cjs} +25 -25
  255. package/dist/next/{TextArea-BfVBd3wl.cjs.map → TextArea-OVtBBpaP.cjs.map} +1 -1
  256. package/dist/next/TextArea.cjs.js +1 -1
  257. package/dist/next/TextArea.js +1 -1
  258. package/dist/next/{TextInput-iQT-2lPj.cjs → TextInput--th5kygP.cjs} +40 -40
  259. package/dist/next/{TextInput-iQT-2lPj.cjs.map → TextInput--th5kygP.cjs.map} +1 -1
  260. package/dist/next/{TextInput-DkNxrV4X.js → TextInput-DXXcGZtq.js} +40 -40
  261. package/dist/next/{TextInput-DkNxrV4X.js.map → TextInput-DXXcGZtq.js.map} +1 -1
  262. package/dist/next/TextInput.cjs.js +1 -1
  263. package/dist/next/TextInput.js +1 -1
  264. package/dist/next/{Timeline-36_Qy1-m.cjs → Timeline-BmXIKNsF.cjs} +39 -39
  265. package/dist/next/{Timeline-36_Qy1-m.cjs.map → Timeline-BmXIKNsF.cjs.map} +1 -1
  266. package/dist/next/{Timeline-EnwGQ4Mi.js → Timeline-CLEpMONv.js} +39 -39
  267. package/dist/next/{Timeline-EnwGQ4Mi.js.map → Timeline-CLEpMONv.js.map} +1 -1
  268. package/dist/next/Timeline.cjs.js +1 -1
  269. package/dist/next/Timeline.js +1 -1
  270. package/dist/next/{Toggle-R5pWM7gk.js → Toggle-D1vM9KrI.js} +30 -30
  271. package/dist/next/{Toggle-R5pWM7gk.js.map → Toggle-D1vM9KrI.js.map} +1 -1
  272. package/dist/next/{Toggle-CU7I_vjc.cjs → Toggle-ei8CN3th.cjs} +30 -30
  273. package/dist/next/{Toggle-CU7I_vjc.cjs.map → Toggle-ei8CN3th.cjs.map} +1 -1
  274. package/dist/next/Toggle.cjs.js +1 -1
  275. package/dist/next/Toggle.js +1 -1
  276. package/dist/next/{Toolbar-OpUQ2wdO.cjs → Toolbar-DleUmVkR.cjs} +35 -35
  277. package/dist/next/{Toolbar-OpUQ2wdO.cjs.map → Toolbar-DleUmVkR.cjs.map} +1 -1
  278. package/dist/next/{Toolbar-C1_m1ygd.js → Toolbar-Dme9QqMY.js} +35 -35
  279. package/dist/next/{Toolbar-C1_m1ygd.js.map → Toolbar-Dme9QqMY.js.map} +1 -1
  280. package/dist/next/Toolbar.cjs.js +1 -1
  281. package/dist/next/Toolbar.js +1 -1
  282. package/dist/next/{Tooltip-G3P0OyTP.js → Tooltip-BLzis3b9.js} +39 -39
  283. package/dist/next/{Tooltip-G3P0OyTP.js.map → Tooltip-BLzis3b9.js.map} +1 -1
  284. package/dist/next/{Tooltip-DHhLeygn.cjs → Tooltip-CIR-uUPY.cjs} +39 -39
  285. package/dist/next/{Tooltip-DHhLeygn.cjs.map → Tooltip-CIR-uUPY.cjs.map} +1 -1
  286. package/dist/next/Tooltip.cjs.js +1 -1
  287. package/dist/next/Tooltip.js +1 -1
  288. package/dist/next/index.cjs.js +69 -69
  289. package/dist/next/index.js +70 -70
  290. package/dist/next/style.css +5161 -3301
  291. package/dist/tsconfig.build.tsbuildinfo +1 -1
  292. package/dist/types/components/Chip/ChipBase.d.ts.map +1 -1
  293. package/dist/types/components/Sidebar/SidebarBase.d.ts.map +1 -1
  294. package/package.json +1 -1
  295. package/dist/core/Chip-7R6wAufO.js.map +0 -1
  296. package/dist/core/Chip-CNn0UvOB.cjs.map +0 -1
  297. package/dist/next/Chip-DJMY0KHl.cjs.map +0 -1
  298. package/dist/next/Chip-DtHYUkJ4.js.map +0 -1
  299. package/dist/next/Sidebar-B9jHy0wy.js.map +0 -1
  300. package/dist/next/Sidebar-PUffGMhm.cjs.map +0 -1
@@ -5,7 +5,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
5
5
  import { c as capitalize } from "./capitalize-C0TSQSPh.js";
6
6
  import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
7
7
  import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
8
- import { I as IconButton } from "./IconButton-DFrFh0kg.js";
8
+ import { I as IconButton } from "./IconButton-DxGzuz13.js";
9
9
  const ChipBase = ({
10
10
  id,
11
11
  message: message2,
@@ -73,6 +73,7 @@ const ChipBase = ({
73
73
  "aria-controls": `${testId}-message`,
74
74
  className: classMap.close,
75
75
  onClick: handleClose,
76
+ shadow: "none",
76
77
  onKeyDown: (e) => {
77
78
  if (e.key === "Enter" || e.key === " ") {
78
79
  e.preventDefault();
@@ -93,48 +94,48 @@ const ChipBase = ({
93
94
  }
94
95
  return chipElement;
95
96
  };
96
- const noScroll = "_noScroll_umlom_91";
97
- const errorMessage = "_errorMessage_umlom_92";
98
- const loadingContainer = "_loadingContainer_umlom_93";
99
- const hideScrollbar = "_hideScrollbar_umlom_85";
100
- const sr_only = "_sr_only_umlom_94";
101
- const chip = "_chip_umlom_479";
102
- const roundNone = "_roundNone_umlom_495";
103
- const roundSmall = "_roundSmall_umlom_498";
104
- const roundMedium = "_roundMedium_umlom_501";
105
- const roundLarge = "_roundLarge_umlom_504";
106
- const roundFull = "_roundFull_umlom_507";
107
- const shadowNone = "_shadowNone_umlom_510";
108
- const shadowLight = "_shadowLight_umlom_513";
109
- const shadowMedium = "_shadowMedium_umlom_516";
110
- const shadowStrong = "_shadowStrong_umlom_519";
111
- const shadowIntense = "_shadowIntense_umlom_522";
112
- const fixed = "_fixed_umlom_526";
113
- const fadeout = "_fadeout_umlom_532";
114
- const topCenter = "_topCenter_umlom_537";
115
- const bottomCenter = "_bottomCenter_umlom_541";
116
- const topLeft = "_topLeft_umlom_545";
117
- const topRight = "_topRight_umlom_551";
118
- const bottomLeft = "_bottomLeft_umlom_558";
119
- const bottomRight = "_bottomRight_umlom_564";
120
- const primary = "_primary_umlom_571";
121
- const secondary = "_secondary_umlom_577";
122
- const tertiary = "_tertiary_umlom_583";
123
- const quaternary = "_quaternary_umlom_589";
124
- const clear = "_clear_umlom_595";
125
- const success = "_success_umlom_601";
126
- const error = "_error_umlom_92";
127
- const warning = "_warning_umlom_613";
128
- const icon = "_icon_umlom_619";
129
- const message = "_message_umlom_626";
130
- const icon_inner = "_icon_inner_umlom_631";
131
- const xs = "_xs_umlom_636";
132
- const small = "_small_umlom_648";
133
- const medium = "_medium_umlom_660";
134
- const large = "_large_umlom_671";
135
- const xl = "_xl_umlom_682";
136
- const spin = "_spin_umlom_1";
137
- const pulse = "_pulse_umlom_1";
97
+ const noScroll = "_noScroll_1lma8_91";
98
+ const errorMessage = "_errorMessage_1lma8_92";
99
+ const loadingContainer = "_loadingContainer_1lma8_93";
100
+ const hideScrollbar = "_hideScrollbar_1lma8_85";
101
+ const sr_only = "_sr_only_1lma8_94";
102
+ const chip = "_chip_1lma8_539";
103
+ const roundNone = "_roundNone_1lma8_555";
104
+ const roundSmall = "_roundSmall_1lma8_558";
105
+ const roundMedium = "_roundMedium_1lma8_561";
106
+ const roundLarge = "_roundLarge_1lma8_564";
107
+ const roundFull = "_roundFull_1lma8_567";
108
+ const shadowNone = "_shadowNone_1lma8_570";
109
+ const shadowLight = "_shadowLight_1lma8_573";
110
+ const shadowMedium = "_shadowMedium_1lma8_576";
111
+ const shadowStrong = "_shadowStrong_1lma8_579";
112
+ const shadowIntense = "_shadowIntense_1lma8_582";
113
+ const fixed = "_fixed_1lma8_586";
114
+ const fadeout = "_fadeout_1lma8_592";
115
+ const topCenter = "_topCenter_1lma8_597";
116
+ const bottomCenter = "_bottomCenter_1lma8_601";
117
+ const topLeft = "_topLeft_1lma8_605";
118
+ const topRight = "_topRight_1lma8_611";
119
+ const bottomLeft = "_bottomLeft_1lma8_618";
120
+ const bottomRight = "_bottomRight_1lma8_624";
121
+ const primary = "_primary_1lma8_631";
122
+ const secondary = "_secondary_1lma8_637";
123
+ const tertiary = "_tertiary_1lma8_643";
124
+ const quaternary = "_quaternary_1lma8_649";
125
+ const clear = "_clear_1lma8_655";
126
+ const success = "_success_1lma8_661";
127
+ const error = "_error_1lma8_92";
128
+ const warning = "_warning_1lma8_673";
129
+ const icon = "_icon_1lma8_679";
130
+ const message = "_message_1lma8_686";
131
+ const icon_inner = "_icon_inner_1lma8_691";
132
+ const xs = "_xs_1lma8_696";
133
+ const small = "_small_1lma8_708";
134
+ const medium = "_medium_1lma8_720";
135
+ const large = "_large_1lma8_731";
136
+ const xl = "_xl_1lma8_742";
137
+ const spin = "_spin_1lma8_1";
138
+ const pulse = "_pulse_1lma8_1";
138
139
  const styles = {
139
140
  noScroll,
140
141
  errorMessage,
@@ -142,7 +143,7 @@ const styles = {
142
143
  hideScrollbar,
143
144
  sr_only,
144
145
  chip,
145
- "fade-in": "_fade-in_umlom_1",
146
+ "fade-in": "_fade-in_1lma8_1",
146
147
  roundNone,
147
148
  roundSmall,
148
149
  roundMedium,
@@ -177,14 +178,14 @@ const styles = {
177
178
  medium,
178
179
  large,
179
180
  xl,
180
- "slide-up": "_slide-up_umlom_1",
181
- "spin-3d": "_spin-3d_umlom_1",
181
+ "slide-up": "_slide-up_1lma8_1",
182
+ "spin-3d": "_spin-3d_1lma8_1",
182
183
  spin,
183
184
  pulse,
184
- "fade-in-up": "_fade-in-up_umlom_1",
185
- "progress-grow": "_progress-grow_umlom_1",
186
- "indeterminate-move": "_indeterminate-move_umlom_1",
187
- "skeleton-loading": "_skeleton-loading_umlom_1"
185
+ "fade-in-up": "_fade-in-up_1lma8_1",
186
+ "progress-grow": "_progress-grow_1lma8_1",
187
+ "indeterminate-move": "_indeterminate-move_1lma8_1",
188
+ "skeleton-loading": "_skeleton-loading_1lma8_1"
188
189
  };
189
190
  const Chip = (props) => /* @__PURE__ */ jsx(
190
191
  ChipBase,
@@ -198,4 +199,4 @@ const Chip = (props) => /* @__PURE__ */ jsx(
198
199
  export {
199
200
  Chip as C
200
201
  };
201
- //# sourceMappingURL=Chip-DtHYUkJ4.js.map
202
+ //# sourceMappingURL=Chip-06q10So-.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip-06q10So-.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n onKeyDown={(e: KeyboardEvent) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleClose();\r\n }\r\n }}\r\n role=\"button\"\r\n tabIndex={0}\r\n data-testid=\"chip-close\"\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={styles}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":";;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9C,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAGF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QAAO,eAAY,QAC7D,UAAA,oBAAC,MAAA,EAAK,WAAW,SAAS,YAAY,GACxC;AAAA,QAEF,oBAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAAD,SAAA,CACH;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,WAAW,CAAC,MAAqB;AAC/B,kBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAE,eAAA;AACF,4BAAA;AAAA,cACF;AAAA,YACF;AAAA,YACA,MAAK;AAAA,YACL,UAAU;AAAA,YACV,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAlCK;AAAA,EAAA;AAsCT,MAAI,aAAa,UAAU;AACzB,WAAO,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvGA,MAAM,OAA4B,CAAC,UACjC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,WAAW;AAAA,EAAA;AACb;"}
@@ -6,7 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
6
6
  const capitalize = require("./capitalize-DoV-nOmN.cjs");
7
7
  const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
8
8
  const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
9
- const IconButton = require("./IconButton-CNzF48hu.cjs");
9
+ const IconButton = require("./IconButton-1BW390eT.cjs");
10
10
  const ChipBase = ({
11
11
  id,
12
12
  message: message2,
@@ -74,6 +74,7 @@ const ChipBase = ({
74
74
  "aria-controls": `${testId}-message`,
75
75
  className: classMap.close,
76
76
  onClick: handleClose,
77
+ shadow: "none",
77
78
  onKeyDown: (e) => {
78
79
  if (e.key === "Enter" || e.key === " ") {
79
80
  e.preventDefault();
@@ -94,48 +95,48 @@ const ChipBase = ({
94
95
  }
95
96
  return chipElement;
96
97
  };
97
- const noScroll = "_noScroll_umlom_91";
98
- const errorMessage = "_errorMessage_umlom_92";
99
- const loadingContainer = "_loadingContainer_umlom_93";
100
- const hideScrollbar = "_hideScrollbar_umlom_85";
101
- const sr_only = "_sr_only_umlom_94";
102
- const chip = "_chip_umlom_479";
103
- const roundNone = "_roundNone_umlom_495";
104
- const roundSmall = "_roundSmall_umlom_498";
105
- const roundMedium = "_roundMedium_umlom_501";
106
- const roundLarge = "_roundLarge_umlom_504";
107
- const roundFull = "_roundFull_umlom_507";
108
- const shadowNone = "_shadowNone_umlom_510";
109
- const shadowLight = "_shadowLight_umlom_513";
110
- const shadowMedium = "_shadowMedium_umlom_516";
111
- const shadowStrong = "_shadowStrong_umlom_519";
112
- const shadowIntense = "_shadowIntense_umlom_522";
113
- const fixed = "_fixed_umlom_526";
114
- const fadeout = "_fadeout_umlom_532";
115
- const topCenter = "_topCenter_umlom_537";
116
- const bottomCenter = "_bottomCenter_umlom_541";
117
- const topLeft = "_topLeft_umlom_545";
118
- const topRight = "_topRight_umlom_551";
119
- const bottomLeft = "_bottomLeft_umlom_558";
120
- const bottomRight = "_bottomRight_umlom_564";
121
- const primary = "_primary_umlom_571";
122
- const secondary = "_secondary_umlom_577";
123
- const tertiary = "_tertiary_umlom_583";
124
- const quaternary = "_quaternary_umlom_589";
125
- const clear = "_clear_umlom_595";
126
- const success = "_success_umlom_601";
127
- const error = "_error_umlom_92";
128
- const warning = "_warning_umlom_613";
129
- const icon = "_icon_umlom_619";
130
- const message = "_message_umlom_626";
131
- const icon_inner = "_icon_inner_umlom_631";
132
- const xs = "_xs_umlom_636";
133
- const small = "_small_umlom_648";
134
- const medium = "_medium_umlom_660";
135
- const large = "_large_umlom_671";
136
- const xl = "_xl_umlom_682";
137
- const spin = "_spin_umlom_1";
138
- const pulse = "_pulse_umlom_1";
98
+ const noScroll = "_noScroll_1lma8_91";
99
+ const errorMessage = "_errorMessage_1lma8_92";
100
+ const loadingContainer = "_loadingContainer_1lma8_93";
101
+ const hideScrollbar = "_hideScrollbar_1lma8_85";
102
+ const sr_only = "_sr_only_1lma8_94";
103
+ const chip = "_chip_1lma8_539";
104
+ const roundNone = "_roundNone_1lma8_555";
105
+ const roundSmall = "_roundSmall_1lma8_558";
106
+ const roundMedium = "_roundMedium_1lma8_561";
107
+ const roundLarge = "_roundLarge_1lma8_564";
108
+ const roundFull = "_roundFull_1lma8_567";
109
+ const shadowNone = "_shadowNone_1lma8_570";
110
+ const shadowLight = "_shadowLight_1lma8_573";
111
+ const shadowMedium = "_shadowMedium_1lma8_576";
112
+ const shadowStrong = "_shadowStrong_1lma8_579";
113
+ const shadowIntense = "_shadowIntense_1lma8_582";
114
+ const fixed = "_fixed_1lma8_586";
115
+ const fadeout = "_fadeout_1lma8_592";
116
+ const topCenter = "_topCenter_1lma8_597";
117
+ const bottomCenter = "_bottomCenter_1lma8_601";
118
+ const topLeft = "_topLeft_1lma8_605";
119
+ const topRight = "_topRight_1lma8_611";
120
+ const bottomLeft = "_bottomLeft_1lma8_618";
121
+ const bottomRight = "_bottomRight_1lma8_624";
122
+ const primary = "_primary_1lma8_631";
123
+ const secondary = "_secondary_1lma8_637";
124
+ const tertiary = "_tertiary_1lma8_643";
125
+ const quaternary = "_quaternary_1lma8_649";
126
+ const clear = "_clear_1lma8_655";
127
+ const success = "_success_1lma8_661";
128
+ const error = "_error_1lma8_92";
129
+ const warning = "_warning_1lma8_673";
130
+ const icon = "_icon_1lma8_679";
131
+ const message = "_message_1lma8_686";
132
+ const icon_inner = "_icon_inner_1lma8_691";
133
+ const xs = "_xs_1lma8_696";
134
+ const small = "_small_1lma8_708";
135
+ const medium = "_medium_1lma8_720";
136
+ const large = "_large_1lma8_731";
137
+ const xl = "_xl_1lma8_742";
138
+ const spin = "_spin_1lma8_1";
139
+ const pulse = "_pulse_1lma8_1";
139
140
  const styles = {
140
141
  noScroll,
141
142
  errorMessage,
@@ -143,7 +144,7 @@ const styles = {
143
144
  hideScrollbar,
144
145
  sr_only,
145
146
  chip,
146
- "fade-in": "_fade-in_umlom_1",
147
+ "fade-in": "_fade-in_1lma8_1",
147
148
  roundNone,
148
149
  roundSmall,
149
150
  roundMedium,
@@ -178,14 +179,14 @@ const styles = {
178
179
  medium,
179
180
  large,
180
181
  xl,
181
- "slide-up": "_slide-up_umlom_1",
182
- "spin-3d": "_spin-3d_umlom_1",
182
+ "slide-up": "_slide-up_1lma8_1",
183
+ "spin-3d": "_spin-3d_1lma8_1",
183
184
  spin,
184
185
  pulse,
185
- "fade-in-up": "_fade-in-up_umlom_1",
186
- "progress-grow": "_progress-grow_umlom_1",
187
- "indeterminate-move": "_indeterminate-move_umlom_1",
188
- "skeleton-loading": "_skeleton-loading_umlom_1"
186
+ "fade-in-up": "_fade-in-up_1lma8_1",
187
+ "progress-grow": "_progress-grow_1lma8_1",
188
+ "indeterminate-move": "_indeterminate-move_1lma8_1",
189
+ "skeleton-loading": "_skeleton-loading_1lma8_1"
189
190
  };
190
191
  const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
191
192
  ChipBase,
@@ -197,4 +198,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
197
198
  }
198
199
  );
199
200
  exports.Chip = Chip;
200
- //# sourceMappingURL=Chip-DJMY0KHl.cjs.map
201
+ //# sourceMappingURL=Chip-CVEIkG-f.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip-CVEIkG-f.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n onKeyDown={(e: KeyboardEvent) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleClose();\r\n }\r\n }}\r\n role=\"button\"\r\n tabIndex={0}\r\n data-testid=\"chip-close\"\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={styles}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":";;;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5C,QAAM,cAAcC,MAAAA,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9C,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgBC,WAAAA;AAAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAGF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCC,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QAAO,eAAY,QAC7D,UAAAA,2BAAAA,IAAC,MAAA,EAAK,WAAW,SAAS,YAAY,GACxC;AAAA,QAEFA,2BAAAA,IAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAAZ,SAAA,CACH;AAAA,QAEAY,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMP;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,WAAW,CAAC,MAAqB;AAC/B,kBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAE,eAAA;AACF,4BAAA;AAAA,cACF;AAAA,YACF;AAAA,YACA,MAAK;AAAA,YACL,UAAU;AAAA,YACV,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAlCK;AAAA,EAAA;AAsCT,MAAI,aAAa,UAAU;AACzB,WAAOQ,SAAAA,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvGA,MAAM,OAA4B,CAAC,UACjCD,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqBE,WAAAA;AAAAA,IACrB,WAAWT,UAAAA;AAAAA,EAAA;AACb;;"}
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
- const Chip = require("./Chip-DJMY0KHl.cjs");
2
+ const Chip = require("./Chip-CVEIkG-f.cjs");
3
3
  module.exports = Chip.Chip;
4
4
  //# sourceMappingURL=Chip.cjs.js.map
package/dist/next/Chip.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C } from "./Chip-DtHYUkJ4.js";
1
+ import { C } from "./Chip-06q10So-.js";
2
2
  export {
3
3
  C as default
4
4
  };
@@ -82,35 +82,35 @@ const CircularProgressBase = ({
82
82
  }
83
83
  );
84
84
  };
85
- const noScroll = "_noScroll_n6bg9_91";
86
- const errorMessage = "_errorMessage_n6bg9_92";
87
- const loadingContainer = "_loadingContainer_n6bg9_93";
88
- const hideScrollbar = "_hideScrollbar_n6bg9_85";
89
- const sr_only = "_sr_only_n6bg9_94";
90
- const circular_progress = "_circular_progress_n6bg9_479";
91
- const shadowNone = "_shadowNone_n6bg9_484";
92
- const circle_border = "_circle_border_n6bg9_484";
93
- const shadowLight = "_shadowLight_n6bg9_487";
94
- const shadowMedium = "_shadowMedium_n6bg9_490";
95
- const shadowStrong = "_shadowStrong_n6bg9_493";
96
- const shadowIntense = "_shadowIntense_n6bg9_496";
97
- const xs = "_xs_n6bg9_499";
98
- const rating_text = "_rating_text_n6bg9_503";
99
- const small = "_small_n6bg9_508";
100
- const medium = "_medium_n6bg9_517";
101
- const large = "_large_n6bg9_526";
102
- const xl = "_xl_n6bg9_535";
103
- const inner_circle = "_inner_circle_n6bg9_553";
104
- const primary = "_primary_n6bg9_563";
105
- const secondary = "_secondary_n6bg9_566";
106
- const tertiary = "_tertiary_n6bg9_569";
107
- const quaternary = "_quaternary_n6bg9_572";
108
- const clear = "_clear_n6bg9_575";
109
- const success = "_success_n6bg9_578";
110
- const error = "_error_n6bg9_92";
111
- const warning = "_warning_n6bg9_584";
112
- const spin = "_spin_n6bg9_1";
113
- const pulse = "_pulse_n6bg9_1";
85
+ const noScroll = "_noScroll_189z5_91";
86
+ const errorMessage = "_errorMessage_189z5_92";
87
+ const loadingContainer = "_loadingContainer_189z5_93";
88
+ const hideScrollbar = "_hideScrollbar_189z5_85";
89
+ const sr_only = "_sr_only_189z5_94";
90
+ const circular_progress = "_circular_progress_189z5_539";
91
+ const shadowNone = "_shadowNone_189z5_544";
92
+ const circle_border = "_circle_border_189z5_544";
93
+ const shadowLight = "_shadowLight_189z5_547";
94
+ const shadowMedium = "_shadowMedium_189z5_550";
95
+ const shadowStrong = "_shadowStrong_189z5_553";
96
+ const shadowIntense = "_shadowIntense_189z5_556";
97
+ const xs = "_xs_189z5_559";
98
+ const rating_text = "_rating_text_189z5_563";
99
+ const small = "_small_189z5_568";
100
+ const medium = "_medium_189z5_577";
101
+ const large = "_large_189z5_586";
102
+ const xl = "_xl_189z5_595";
103
+ const inner_circle = "_inner_circle_189z5_613";
104
+ const primary = "_primary_189z5_623";
105
+ const secondary = "_secondary_189z5_626";
106
+ const tertiary = "_tertiary_189z5_629";
107
+ const quaternary = "_quaternary_189z5_632";
108
+ const clear = "_clear_189z5_635";
109
+ const success = "_success_189z5_638";
110
+ const error = "_error_189z5_92";
111
+ const warning = "_warning_189z5_644";
112
+ const spin = "_spin_189z5_1";
113
+ const pulse = "_pulse_189z5_1";
114
114
  const styles = {
115
115
  noScroll,
116
116
  errorMessage,
@@ -139,16 +139,16 @@ const styles = {
139
139
  success,
140
140
  error,
141
141
  warning,
142
- "fade-in": "_fade-in_n6bg9_1",
143
- "slide-up": "_slide-up_n6bg9_1",
144
- "spin-3d": "_spin-3d_n6bg9_1",
142
+ "fade-in": "_fade-in_189z5_1",
143
+ "slide-up": "_slide-up_189z5_1",
144
+ "spin-3d": "_spin-3d_189z5_1",
145
145
  spin,
146
146
  pulse,
147
- "fade-in-up": "_fade-in-up_n6bg9_1",
148
- "progress-grow": "_progress-grow_n6bg9_1",
149
- "indeterminate-move": "_indeterminate-move_n6bg9_1",
150
- "skeleton-loading": "_skeleton-loading_n6bg9_1"
147
+ "fade-in-up": "_fade-in-up_189z5_1",
148
+ "progress-grow": "_progress-grow_189z5_1",
149
+ "indeterminate-move": "_indeterminate-move_189z5_1",
150
+ "skeleton-loading": "_skeleton-loading_189z5_1"
151
151
  };
152
152
  const CircularProgress = (props) => /* @__PURE__ */ require$$2.jsx(CircularProgressBase, { ...props, classMap: styles });
153
153
  exports.CircularProgress = CircularProgress;
154
- //# sourceMappingURL=CircularProgress-DXC_JBTG.cjs.map
154
+ //# sourceMappingURL=CircularProgress-CcIv2nXN.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"CircularProgress-DXC_JBTG.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,CAAC;AAEpCC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
1
+ {"version":3,"file":"CircularProgress-CcIv2nXN.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,CAAC;AAEpCC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
@@ -81,35 +81,35 @@ const CircularProgressBase = ({
81
81
  }
82
82
  );
83
83
  };
84
- const noScroll = "_noScroll_n6bg9_91";
85
- const errorMessage = "_errorMessage_n6bg9_92";
86
- const loadingContainer = "_loadingContainer_n6bg9_93";
87
- const hideScrollbar = "_hideScrollbar_n6bg9_85";
88
- const sr_only = "_sr_only_n6bg9_94";
89
- const circular_progress = "_circular_progress_n6bg9_479";
90
- const shadowNone = "_shadowNone_n6bg9_484";
91
- const circle_border = "_circle_border_n6bg9_484";
92
- const shadowLight = "_shadowLight_n6bg9_487";
93
- const shadowMedium = "_shadowMedium_n6bg9_490";
94
- const shadowStrong = "_shadowStrong_n6bg9_493";
95
- const shadowIntense = "_shadowIntense_n6bg9_496";
96
- const xs = "_xs_n6bg9_499";
97
- const rating_text = "_rating_text_n6bg9_503";
98
- const small = "_small_n6bg9_508";
99
- const medium = "_medium_n6bg9_517";
100
- const large = "_large_n6bg9_526";
101
- const xl = "_xl_n6bg9_535";
102
- const inner_circle = "_inner_circle_n6bg9_553";
103
- const primary = "_primary_n6bg9_563";
104
- const secondary = "_secondary_n6bg9_566";
105
- const tertiary = "_tertiary_n6bg9_569";
106
- const quaternary = "_quaternary_n6bg9_572";
107
- const clear = "_clear_n6bg9_575";
108
- const success = "_success_n6bg9_578";
109
- const error = "_error_n6bg9_92";
110
- const warning = "_warning_n6bg9_584";
111
- const spin = "_spin_n6bg9_1";
112
- const pulse = "_pulse_n6bg9_1";
84
+ const noScroll = "_noScroll_189z5_91";
85
+ const errorMessage = "_errorMessage_189z5_92";
86
+ const loadingContainer = "_loadingContainer_189z5_93";
87
+ const hideScrollbar = "_hideScrollbar_189z5_85";
88
+ const sr_only = "_sr_only_189z5_94";
89
+ const circular_progress = "_circular_progress_189z5_539";
90
+ const shadowNone = "_shadowNone_189z5_544";
91
+ const circle_border = "_circle_border_189z5_544";
92
+ const shadowLight = "_shadowLight_189z5_547";
93
+ const shadowMedium = "_shadowMedium_189z5_550";
94
+ const shadowStrong = "_shadowStrong_189z5_553";
95
+ const shadowIntense = "_shadowIntense_189z5_556";
96
+ const xs = "_xs_189z5_559";
97
+ const rating_text = "_rating_text_189z5_563";
98
+ const small = "_small_189z5_568";
99
+ const medium = "_medium_189z5_577";
100
+ const large = "_large_189z5_586";
101
+ const xl = "_xl_189z5_595";
102
+ const inner_circle = "_inner_circle_189z5_613";
103
+ const primary = "_primary_189z5_623";
104
+ const secondary = "_secondary_189z5_626";
105
+ const tertiary = "_tertiary_189z5_629";
106
+ const quaternary = "_quaternary_189z5_632";
107
+ const clear = "_clear_189z5_635";
108
+ const success = "_success_189z5_638";
109
+ const error = "_error_189z5_92";
110
+ const warning = "_warning_189z5_644";
111
+ const spin = "_spin_189z5_1";
112
+ const pulse = "_pulse_189z5_1";
113
113
  const styles = {
114
114
  noScroll,
115
115
  errorMessage,
@@ -138,18 +138,18 @@ const styles = {
138
138
  success,
139
139
  error,
140
140
  warning,
141
- "fade-in": "_fade-in_n6bg9_1",
142
- "slide-up": "_slide-up_n6bg9_1",
143
- "spin-3d": "_spin-3d_n6bg9_1",
141
+ "fade-in": "_fade-in_189z5_1",
142
+ "slide-up": "_slide-up_189z5_1",
143
+ "spin-3d": "_spin-3d_189z5_1",
144
144
  spin,
145
145
  pulse,
146
- "fade-in-up": "_fade-in-up_n6bg9_1",
147
- "progress-grow": "_progress-grow_n6bg9_1",
148
- "indeterminate-move": "_indeterminate-move_n6bg9_1",
149
- "skeleton-loading": "_skeleton-loading_n6bg9_1"
146
+ "fade-in-up": "_fade-in-up_189z5_1",
147
+ "progress-grow": "_progress-grow_189z5_1",
148
+ "indeterminate-move": "_indeterminate-move_189z5_1",
149
+ "skeleton-loading": "_skeleton-loading_189z5_1"
150
150
  };
151
151
  const CircularProgress = (props) => /* @__PURE__ */ jsx(CircularProgressBase, { ...props, classMap: styles });
152
152
  export {
153
153
  CircularProgress as C
154
154
  };
155
- //# sourceMappingURL=CircularProgress-CYo_VUG7.js.map
155
+ //# sourceMappingURL=CircularProgress-DTKTvWPL.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CircularProgress-CYo_VUG7.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
1
+ {"version":3,"file":"CircularProgress-DTKTvWPL.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
- const CircularProgress = require("./CircularProgress-DXC_JBTG.cjs");
2
+ const CircularProgress = require("./CircularProgress-CcIv2nXN.cjs");
3
3
  module.exports = CircularProgress.CircularProgress;
4
4
  //# sourceMappingURL=CircularProgress.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { C } from "./CircularProgress-CYo_VUG7.js";
1
+ import { C } from "./CircularProgress-DTKTvWPL.js";
2
2
  export {
3
3
  C as default
4
4
  };