boreal-ui 0.0.20 → 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.
- package/dist/core/{Chip-CNn0UvOB.cjs → Chip-BtQlcu8Z.cjs} +2 -1
- package/dist/core/Chip-BtQlcu8Z.cjs.map +1 -0
- package/dist/core/{Chip-7R6wAufO.js → Chip-M8cB2nXM.js} +2 -1
- package/dist/core/Chip-M8cB2nXM.js.map +1 -0
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/STT-CA0J3Cr9.js.map +1 -1
- package/dist/core/STT-CKXp-dIO.cjs.map +1 -1
- package/dist/core/Sidebar-CqTJJULG.cjs.map +1 -1
- package/dist/core/Sidebar-z0mG5nn_.js.map +1 -1
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/core/style.css +3244 -904
- package/dist/next/{Accordion-P9JXxfBX.cjs → Accordion-CJGWE3z1.cjs} +47 -47
- package/dist/next/{Accordion-P9JXxfBX.cjs.map → Accordion-CJGWE3z1.cjs.map} +1 -1
- package/dist/next/{Accordion-DD5oHwaa.js → Accordion-CwNZAMaX.js} +47 -47
- package/dist/next/{Accordion-DD5oHwaa.js.map → Accordion-CwNZAMaX.js.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Avatar-0OXmXwmQ.js → Avatar-B3eTb_Xz.js} +40 -40
- package/dist/next/{Avatar-0OXmXwmQ.js.map → Avatar-B3eTb_Xz.js.map} +1 -1
- package/dist/next/{Avatar-CguQwhBN.cjs → Avatar-BX8mh_3b.cjs} +40 -40
- package/dist/next/{Avatar-CguQwhBN.cjs.map → Avatar-BX8mh_3b.cjs.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Badge-WWxkzKOl.js → Badge-C4JwPL9J.js} +31 -31
- package/dist/next/{Badge-WWxkzKOl.js.map → Badge-C4JwPL9J.js.map} +1 -1
- package/dist/next/{Badge-CnKwIP4u.cjs → Badge-d7iY-oiw.cjs} +31 -31
- package/dist/next/{Badge-CnKwIP4u.cjs.map → Badge-d7iY-oiw.cjs.map} +1 -1
- package/dist/next/Badge.cjs.js +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-0cJD4s9s.cjs → Breadcrumbs-CEHoh3s2.cjs} +37 -37
- package/dist/next/{Breadcrumbs-0cJD4s9s.cjs.map → Breadcrumbs-CEHoh3s2.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-liNC5ZzY.js → Breadcrumbs-LfCnghHj.js} +37 -37
- package/dist/next/{Breadcrumbs-liNC5ZzY.js.map → Breadcrumbs-LfCnghHj.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-CbX-VlK_.js → Button-CDvdEOSq.js} +46 -46
- package/dist/next/{Button-CbX-VlK_.js.map → Button-CDvdEOSq.js.map} +1 -1
- package/dist/next/{Button-WSFdkLsa.cjs → Button-Cw9aGFLo.cjs} +46 -46
- package/dist/next/{Button-WSFdkLsa.cjs.map → Button-Cw9aGFLo.cjs.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-BCYMEFyT.cjs → Card-B7oD0UlA.cjs} +61 -61
- package/dist/next/{Card-BCYMEFyT.cjs.map → Card-B7oD0UlA.cjs.map} +1 -1
- package/dist/next/{Card-DhdZiqdl.js → Card-DauNfmwZ.js} +61 -61
- package/dist/next/{Card-DhdZiqdl.js.map → Card-DauNfmwZ.js.map} +1 -1
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/{Checkbox-kWrAB9F7.js → Checkbox-CiHMrYmz.js} +44 -44
- package/dist/next/{Checkbox-kWrAB9F7.js.map → Checkbox-CiHMrYmz.js.map} +1 -1
- package/dist/next/{Checkbox-COcqcXOD.cjs → Checkbox-wdW0yOxr.cjs} +44 -44
- package/dist/next/{Checkbox-COcqcXOD.cjs.map → Checkbox-wdW0yOxr.cjs.map} +1 -1
- package/dist/next/Checkbox.cjs.js +1 -1
- package/dist/next/Checkbox.js +1 -1
- package/dist/next/{Chip-DtHYUkJ4.js → Chip-06q10So-.js} +52 -51
- package/dist/next/Chip-06q10So-.js.map +1 -0
- package/dist/next/{Chip-DJMY0KHl.cjs → Chip-CVEIkG-f.cjs} +52 -51
- package/dist/next/Chip-CVEIkG-f.cjs.map +1 -0
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-DXC_JBTG.cjs → CircularProgress-CcIv2nXN.cjs} +37 -37
- package/dist/next/{CircularProgress-DXC_JBTG.cjs.map → CircularProgress-CcIv2nXN.cjs.map} +1 -1
- package/dist/next/{CircularProgress-CYo_VUG7.js → CircularProgress-DTKTvWPL.js} +37 -37
- package/dist/next/{CircularProgress-CYo_VUG7.js.map → CircularProgress-DTKTvWPL.js.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-Ub3qNdeF.js → ColorPicker-BWv-0yLo.js} +36 -36
- package/dist/next/{ColorPicker-Ub3qNdeF.js.map → ColorPicker-BWv-0yLo.js.map} +1 -1
- package/dist/next/{ColorPicker-C-klUf3G.cjs → ColorPicker-C2FmQVNl.cjs} +36 -36
- package/dist/next/{ColorPicker-C-klUf3G.cjs.map → ColorPicker-C2FmQVNl.cjs.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-CEZwvLuu.js → CommandPalette-BvgDewF1.js} +42 -42
- package/dist/next/{CommandPalette-CEZwvLuu.js.map → CommandPalette-BvgDewF1.js.map} +1 -1
- package/dist/next/{CommandPalette-Dp2pT5ot.cjs → CommandPalette-FO3S6xly.cjs} +42 -42
- package/dist/next/{CommandPalette-Dp2pT5ot.cjs.map → CommandPalette-FO3S6xly.cjs.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-D5ffcx-L.js → DataTable-BxpVeU6-.js} +41 -41
- package/dist/next/{DataTable-D5ffcx-L.js.map → DataTable-BxpVeU6-.js.map} +1 -1
- package/dist/next/{DataTable-9JLEi0CK.cjs → DataTable-C5OyGLWn.cjs} +41 -41
- package/dist/next/{DataTable-9JLEi0CK.cjs.map → DataTable-C5OyGLWn.cjs.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-CoTQNBzD.cjs → DateTimePicker-CnHSl0jQ.cjs} +32 -32
- package/dist/next/{DateTimePicker-CoTQNBzD.cjs.map → DateTimePicker-CnHSl0jQ.cjs.map} +1 -1
- package/dist/next/{DateTimePicker-C2-or1uL.js → DateTimePicker-HNGW6xNG.js} +32 -32
- package/dist/next/{DateTimePicker-C2-or1uL.js.map → DateTimePicker-HNGW6xNG.js.map} +1 -1
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-BlJMteki.cjs → Divider-Fpf7-0z3.cjs} +14 -14
- package/dist/next/{Divider-BlJMteki.cjs.map → Divider-Fpf7-0z3.cjs.map} +1 -1
- package/dist/next/{Divider-g7VS0Sbx.js → Divider-PQO6alS3.js} +14 -14
- package/dist/next/{Divider-g7VS0Sbx.js.map → Divider-PQO6alS3.js.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-DyBmnKrz.js → Dropdown-C_B5tfQD.js} +21 -21
- package/dist/next/{Dropdown-DyBmnKrz.js.map → Dropdown-C_B5tfQD.js.map} +1 -1
- package/dist/next/{Dropdown-BtbLZeZq.cjs → Dropdown-Pjjqikm8.cjs} +21 -21
- package/dist/next/{Dropdown-BtbLZeZq.cjs.map → Dropdown-Pjjqikm8.cjs.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-CSEhZvTp.js → EmptyState-Bo9W0BX5.js} +31 -31
- package/dist/next/{EmptyState-CSEhZvTp.js.map → EmptyState-Bo9W0BX5.js.map} +1 -1
- package/dist/next/{EmptyState-DUZQ2Qmn.cjs → EmptyState-DCjBopC6.cjs} +31 -31
- package/dist/next/{EmptyState-DUZQ2Qmn.cjs.map → EmptyState-DCjBopC6.cjs.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-DQhKhtgc.js → FileUpload-BGK2Pg4X.js} +51 -51
- package/dist/next/{FileUpload-DQhKhtgc.js.map → FileUpload-BGK2Pg4X.js.map} +1 -1
- package/dist/next/{FileUpload-427ZyzCY.cjs → FileUpload-DoMMMgwj.cjs} +51 -51
- package/dist/next/{FileUpload-427ZyzCY.cjs.map → FileUpload-DoMMMgwj.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-CzA8xCa3.js → Footer-Ch1HX1aI.js} +42 -42
- package/dist/next/{Footer-CzA8xCa3.js.map → Footer-Ch1HX1aI.js.map} +1 -1
- package/dist/next/{Footer-CLvhExUU.cjs → Footer-Uoh8g5Y0.cjs} +42 -42
- package/dist/next/{Footer-CLvhExUU.cjs.map → Footer-Uoh8g5Y0.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-Bstsn_US.cjs → FormGroup-BBfiah0c.cjs} +29 -29
- package/dist/next/{FormGroup-Bstsn_US.cjs.map → FormGroup-BBfiah0c.cjs.map} +1 -1
- package/dist/next/{FormGroup-BMLGXHiz.js → FormGroup-D_92BmcS.js} +29 -29
- package/dist/next/{FormGroup-BMLGXHiz.js.map → FormGroup-D_92BmcS.js.map} +1 -1
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/{IconButton-CNzF48hu.cjs → IconButton-1BW390eT.cjs} +37 -37
- package/dist/next/{IconButton-CNzF48hu.cjs.map → IconButton-1BW390eT.cjs.map} +1 -1
- package/dist/next/{IconButton-DFrFh0kg.js → IconButton-DxGzuz13.js} +37 -37
- package/dist/next/{IconButton-DFrFh0kg.js.map → IconButton-DxGzuz13.js.map} +1 -1
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MarkdownRenderer-B-WThNR7.cjs → MarkdownRenderer-DnhK5V1k.cjs} +12 -12
- package/dist/next/{MarkdownRenderer-B-WThNR7.cjs.map → MarkdownRenderer-DnhK5V1k.cjs.map} +1 -1
- package/dist/next/{MarkdownRenderer-CxJOetSp.js → MarkdownRenderer-xAxEjENn.js} +12 -12
- package/dist/next/{MarkdownRenderer-CxJOetSp.js.map → MarkdownRenderer-xAxEjENn.js.map} +1 -1
- package/dist/next/MarkdownRenderer.cjs.js +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/{MessagePopUp-BxFI8IpO.cjs → MessagePopUp-CRXKWJcY.cjs} +18 -18
- package/dist/next/{MessagePopUp-BxFI8IpO.cjs.map → MessagePopUp-CRXKWJcY.cjs.map} +1 -1
- package/dist/next/{MessagePopUp-DI7-Ggmn.js → MessagePopUp-r4RzD_hc.js} +18 -18
- package/dist/next/{MessagePopUp-DI7-Ggmn.js.map → MessagePopUp-r4RzD_hc.js.map} +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MetricBox-rxFYolH_.js → MetricBox-BIWbtopW.js} +47 -47
- package/dist/next/{MetricBox-rxFYolH_.js.map → MetricBox-BIWbtopW.js.map} +1 -1
- package/dist/next/{MetricBox-Dtkrwrtw.cjs → MetricBox-Cl0r-MUz.cjs} +47 -47
- package/dist/next/{MetricBox-Dtkrwrtw.cjs.map → MetricBox-Cl0r-MUz.cjs.map} +1 -1
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-Bf7egMf2.cjs → Modal-BUWht7j9.cjs} +17 -17
- package/dist/next/{Modal-Bf7egMf2.cjs.map → Modal-BUWht7j9.cjs.map} +1 -1
- package/dist/next/{Modal-BZvTcgoM.js → Modal-HVhtE6zt.js} +17 -17
- package/dist/next/{Modal-BZvTcgoM.js.map → Modal-HVhtE6zt.js.map} +1 -1
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-BXbAUNSJ.js → NavBar-BL5qICdc.js} +36 -35
- package/dist/next/{NavBar-BXbAUNSJ.js.map → NavBar-BL5qICdc.js.map} +1 -1
- package/dist/next/{NavBar-CXqV4sKP.cjs → NavBar-Dj4sWT26.cjs} +36 -35
- package/dist/next/{NavBar-CXqV4sKP.cjs.map → NavBar-Dj4sWT26.cjs.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-DmcHIkOp.cjs → NotificationCenter-Bi6LJr55.cjs} +37 -37
- package/dist/next/{NotificationCenter-DmcHIkOp.cjs.map → NotificationCenter-Bi6LJr55.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-BCXpVjHd.js → NotificationCenter-OqRd6YfC.js} +37 -37
- package/dist/next/{NotificationCenter-BCXpVjHd.js.map → NotificationCenter-OqRd6YfC.js.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-BqShs8_d.js → Pager-AgAN8E1P.js} +3 -3
- package/dist/next/{Pager-BqShs8_d.js.map → Pager-AgAN8E1P.js.map} +1 -1
- package/dist/next/{Pager-B81ecC4j.cjs → Pager-DCW208Vq.cjs} +3 -3
- package/dist/next/{Pager-B81ecC4j.cjs.map → Pager-DCW208Vq.cjs.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-Cz4BCVFe.js → PopOver-CAUFP1-Y.js} +40 -40
- package/dist/next/{PopOver-Cz4BCVFe.js.map → PopOver-CAUFP1-Y.js.map} +1 -1
- package/dist/next/{PopOver-CAxcmHRx.cjs → PopOver-D2x2a4Jw.cjs} +40 -40
- package/dist/next/{PopOver-CAxcmHRx.cjs.map → PopOver-D2x2a4Jw.cjs.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-D_fi1WW3.js → ProgressBar-C02f6SzB.js} +42 -42
- package/dist/next/{ProgressBar-D_fi1WW3.js.map → ProgressBar-C02f6SzB.js.map} +1 -1
- package/dist/next/{ProgressBar-Cvf0uNKW.cjs → ProgressBar-QdYZNfsm.cjs} +42 -42
- package/dist/next/{ProgressBar-Cvf0uNKW.cjs.map → ProgressBar-QdYZNfsm.cjs.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-cXdUfJD2.cjs → RadioButton-BvqTDvI8.cjs} +38 -38
- package/dist/next/{RadioButton-cXdUfJD2.cjs.map → RadioButton-BvqTDvI8.cjs.map} +1 -1
- package/dist/next/{RadioButton-BKS65jm9.js → RadioButton-CffrjQlz.js} +38 -38
- package/dist/next/{RadioButton-BKS65jm9.js.map → RadioButton-CffrjQlz.js.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-BjN0Sj0r.cjs → Rating-C31vTdO9.cjs} +34 -34
- package/dist/next/{Rating-BjN0Sj0r.cjs.map → Rating-C31vTdO9.cjs.map} +1 -1
- package/dist/next/{Rating-Bs7oCe4w.js → Rating-CqV2p3Wa.js} +34 -34
- package/dist/next/{Rating-Bs7oCe4w.js.map → Rating-CqV2p3Wa.js.map} +1 -1
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{STT-B5eE92VH.js → STT-B89YQxDF.js} +14 -14
- package/dist/next/STT-B89YQxDF.js.map +1 -0
- package/dist/next/{STT-CLZjfsV_.cjs → STT-B8QYAxU7.cjs} +14 -14
- package/dist/next/STT-B8QYAxU7.cjs.map +1 -0
- package/dist/next/ScrollToTop.cjs.js +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/{Select-DxQS7u41.cjs → Select-BVxDV81c.cjs} +38 -38
- package/dist/next/{Select-DxQS7u41.cjs.map → Select-BVxDV81c.cjs.map} +1 -1
- package/dist/next/{Select-D-9wuabW.js → Select-DXO2nK78.js} +38 -38
- package/dist/next/{Select-D-9wuabW.js.map → Select-DXO2nK78.js.map} +1 -1
- package/dist/next/Select.cjs.js +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-PUffGMhm.cjs → Sidebar-C_zefcbg.cjs} +47 -47
- package/dist/next/Sidebar-C_zefcbg.cjs.map +1 -0
- package/dist/next/{Sidebar-B9jHy0wy.js → Sidebar-R1NSvWHu.js} +47 -47
- package/dist/next/Sidebar-R1NSvWHu.js.map +1 -0
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Skeleton-BWBHgsOM.js → Skeleton-CJpwvGKT.js} +26 -26
- package/dist/next/{Skeleton-BWBHgsOM.js.map → Skeleton-CJpwvGKT.js.map} +1 -1
- package/dist/next/{Skeleton-CMuXs5GO.cjs → Skeleton-VK_AxGlo.cjs} +26 -26
- package/dist/next/{Skeleton-CMuXs5GO.cjs.map → Skeleton-VK_AxGlo.cjs.map} +1 -1
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-DbxNKdGq.cjs → Slider-CkQdnTd6.cjs} +43 -43
- package/dist/next/{Slider-DbxNKdGq.cjs.map → Slider-CkQdnTd6.cjs.map} +1 -1
- package/dist/next/{Slider-B5BJJyaD.js → Slider-DIJEeH2r.js} +43 -43
- package/dist/next/{Slider-B5BJJyaD.js.map → Slider-DIJEeH2r.js.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-Doh4Uft1.cjs → Spinner-Duq63bbK.cjs} +32 -32
- package/dist/next/{Spinner-Doh4Uft1.cjs.map → Spinner-Duq63bbK.cjs.map} +1 -1
- package/dist/next/{Spinner-BxvU43sx.js → Spinner-N0I3bKh8.js} +32 -32
- package/dist/next/{Spinner-BxvU43sx.js.map → Spinner-N0I3bKh8.js.map} +1 -1
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-5FojeYPE.js → Stepper-DPIt2hlL.js} +43 -43
- package/dist/next/{Stepper-5FojeYPE.js.map → Stepper-DPIt2hlL.js.map} +1 -1
- package/dist/next/{Stepper-D2UYDRwT.cjs → Stepper-JSC7kNUK.cjs} +43 -43
- package/dist/next/{Stepper-D2UYDRwT.cjs.map → Stepper-JSC7kNUK.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-DuZPFjen.cjs → Tabs-CEFKDLm1.cjs} +44 -44
- package/dist/next/{Tabs-DuZPFjen.cjs.map → Tabs-CEFKDLm1.cjs.map} +1 -1
- package/dist/next/{Tabs-CNU0A_YY.js → Tabs-Dk0OQfLb.js} +44 -44
- package/dist/next/{Tabs-CNU0A_YY.js.map → Tabs-Dk0OQfLb.js.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-BcNgwFOj.cjs → TagInput-BwoUWtRR.cjs} +48 -48
- package/dist/next/{TagInput-BcNgwFOj.cjs.map → TagInput-BwoUWtRR.cjs.map} +1 -1
- package/dist/next/{TagInput-CdYMgcYY.js → TagInput-DjHDSsny.js} +48 -48
- package/dist/next/{TagInput-CdYMgcYY.js.map → TagInput-DjHDSsny.js.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextArea-CwR4vrML.js → TextArea-BDYg--3P.js} +25 -25
- package/dist/next/{TextArea-CwR4vrML.js.map → TextArea-BDYg--3P.js.map} +1 -1
- package/dist/next/{TextArea-BfVBd3wl.cjs → TextArea-OVtBBpaP.cjs} +25 -25
- package/dist/next/{TextArea-BfVBd3wl.cjs.map → TextArea-OVtBBpaP.cjs.map} +1 -1
- package/dist/next/TextArea.cjs.js +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/{TextInput-iQT-2lPj.cjs → TextInput--th5kygP.cjs} +40 -40
- package/dist/next/{TextInput-iQT-2lPj.cjs.map → TextInput--th5kygP.cjs.map} +1 -1
- package/dist/next/{TextInput-DkNxrV4X.js → TextInput-DXXcGZtq.js} +40 -40
- package/dist/next/{TextInput-DkNxrV4X.js.map → TextInput-DXXcGZtq.js.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{Timeline-36_Qy1-m.cjs → Timeline-BmXIKNsF.cjs} +39 -39
- package/dist/next/{Timeline-36_Qy1-m.cjs.map → Timeline-BmXIKNsF.cjs.map} +1 -1
- package/dist/next/{Timeline-EnwGQ4Mi.js → Timeline-CLEpMONv.js} +39 -39
- package/dist/next/{Timeline-EnwGQ4Mi.js.map → Timeline-CLEpMONv.js.map} +1 -1
- package/dist/next/Timeline.cjs.js +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toggle-R5pWM7gk.js → Toggle-D1vM9KrI.js} +30 -30
- package/dist/next/{Toggle-R5pWM7gk.js.map → Toggle-D1vM9KrI.js.map} +1 -1
- package/dist/next/{Toggle-CU7I_vjc.cjs → Toggle-ei8CN3th.cjs} +30 -30
- package/dist/next/{Toggle-CU7I_vjc.cjs.map → Toggle-ei8CN3th.cjs.map} +1 -1
- package/dist/next/Toggle.cjs.js +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/{Toolbar-OpUQ2wdO.cjs → Toolbar-DleUmVkR.cjs} +35 -35
- package/dist/next/{Toolbar-OpUQ2wdO.cjs.map → Toolbar-DleUmVkR.cjs.map} +1 -1
- package/dist/next/{Toolbar-C1_m1ygd.js → Toolbar-Dme9QqMY.js} +35 -35
- package/dist/next/{Toolbar-C1_m1ygd.js.map → Toolbar-Dme9QqMY.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-G3P0OyTP.js → Tooltip-BLzis3b9.js} +39 -39
- package/dist/next/{Tooltip-G3P0OyTP.js.map → Tooltip-BLzis3b9.js.map} +1 -1
- package/dist/next/{Tooltip-DHhLeygn.cjs → Tooltip-CIR-uUPY.cjs} +39 -39
- package/dist/next/{Tooltip-DHhLeygn.cjs.map → Tooltip-CIR-uUPY.cjs.map} +1 -1
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/index.cjs.js +69 -69
- package/dist/next/index.js +70 -70
- package/dist/next/style.css +5161 -3301
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Chip/ChipBase.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts +0 -11
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTopBase.d.ts +1 -0
- package/dist/types/components/ScrollToTop/ScrollToTopBase.d.ts.map +1 -1
- package/dist/types/components/Sidebar/SidebarBase.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/Chip-7R6wAufO.js.map +0 -1
- package/dist/core/Chip-CNn0UvOB.cjs.map +0 -1
- package/dist/next/Chip-DJMY0KHl.cjs.map +0 -1
- package/dist/next/Chip-DtHYUkJ4.js.map +0 -1
- package/dist/next/STT-B5eE92VH.js.map +0 -1
- package/dist/next/STT-CLZjfsV_.cjs.map +0 -1
- package/dist/next/Sidebar-B9jHy0wy.js.map +0 -1
- package/dist/next/Sidebar-PUffGMhm.cjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const NotificationCenter = require("./NotificationCenter-
|
|
3
|
+
const NotificationCenter = require("./NotificationCenter-Bi6LJr55.cjs");
|
|
4
4
|
exports.default = NotificationCenter.NotificationCenter;
|
|
5
5
|
exports.themeIcons = NotificationCenter.themeIcons;
|
|
6
6
|
//# sourceMappingURL=NotificationCenter.cjs.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
|
|
3
3
|
import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
4
|
-
import { B as Button } from "./Button-
|
|
5
|
-
import { I as IconButton } from "./IconButton-
|
|
4
|
+
import { B as Button } from "./Button-CDvdEOSq.js";
|
|
5
|
+
import { I as IconButton } from "./IconButton-DxGzuz13.js";
|
|
6
6
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
|
|
7
7
|
"svg",
|
|
8
8
|
{
|
|
@@ -164,4 +164,4 @@ const Pager = (props) => {
|
|
|
164
164
|
export {
|
|
165
165
|
Pager as P
|
|
166
166
|
};
|
|
167
|
-
//# sourceMappingURL=Pager-
|
|
167
|
+
//# sourceMappingURL=Pager-AgAN8E1P.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-
|
|
1
|
+
{"version":3,"file":"Pager-AgAN8E1P.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
const require$$2 = require("react/jsx-runtime");
|
|
3
3
|
const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
|
|
4
4
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
5
|
-
const Button = require("./Button-
|
|
6
|
-
const IconButton = require("./IconButton-
|
|
5
|
+
const Button = require("./Button-Cw9aGFLo.cjs");
|
|
6
|
+
const IconButton = require("./IconButton-1BW390eT.cjs");
|
|
7
7
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
8
8
|
"svg",
|
|
9
9
|
{
|
|
@@ -163,4 +163,4 @@ const Pager = (props) => {
|
|
|
163
163
|
);
|
|
164
164
|
};
|
|
165
165
|
exports.Pager = Pager;
|
|
166
|
-
//# sourceMappingURL=Pager-
|
|
166
|
+
//# sourceMappingURL=Pager-DCW208Vq.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-
|
|
1
|
+
{"version":3,"file":"Pager-DCW208Vq.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","jsxs","ArrowRightIcon"],"mappings":"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"}
|
package/dist/next/Pager.cjs.js
CHANGED
package/dist/next/Pager.js
CHANGED
|
@@ -152,38 +152,38 @@ const BasePopover = ({
|
|
|
152
152
|
)
|
|
153
153
|
] });
|
|
154
154
|
};
|
|
155
|
-
const noScroll = "
|
|
156
|
-
const errorMessage = "
|
|
157
|
-
const loadingContainer = "
|
|
158
|
-
const hideScrollbar = "
|
|
159
|
-
const sr_only = "
|
|
160
|
-
const container = "
|
|
161
|
-
const trigger = "
|
|
162
|
-
const popover = "
|
|
163
|
-
const primary = "
|
|
164
|
-
const secondary = "
|
|
165
|
-
const tertiary = "
|
|
166
|
-
const quaternary = "
|
|
167
|
-
const clear = "
|
|
168
|
-
const success = "
|
|
169
|
-
const error = "
|
|
170
|
-
const warning = "
|
|
171
|
-
const top = "
|
|
172
|
-
const bottom = "
|
|
173
|
-
const left = "
|
|
174
|
-
const right = "
|
|
175
|
-
const roundNone = "
|
|
176
|
-
const roundSmall = "
|
|
177
|
-
const roundMedium = "
|
|
178
|
-
const roundLarge = "
|
|
179
|
-
const roundFull = "
|
|
180
|
-
const shadowNone = "
|
|
181
|
-
const shadowLight = "
|
|
182
|
-
const shadowMedium = "
|
|
183
|
-
const shadowStrong = "
|
|
184
|
-
const shadowIntense = "
|
|
185
|
-
const spin = "
|
|
186
|
-
const pulse = "
|
|
155
|
+
const noScroll = "_noScroll_1w1dn_91";
|
|
156
|
+
const errorMessage = "_errorMessage_1w1dn_92";
|
|
157
|
+
const loadingContainer = "_loadingContainer_1w1dn_93";
|
|
158
|
+
const hideScrollbar = "_hideScrollbar_1w1dn_85";
|
|
159
|
+
const sr_only = "_sr_only_1w1dn_94";
|
|
160
|
+
const container = "_container_1w1dn_539";
|
|
161
|
+
const trigger = "_trigger_1w1dn_545";
|
|
162
|
+
const popover = "_popover_1w1dn_554";
|
|
163
|
+
const primary = "_primary_1w1dn_566";
|
|
164
|
+
const secondary = "_secondary_1w1dn_571";
|
|
165
|
+
const tertiary = "_tertiary_1w1dn_576";
|
|
166
|
+
const quaternary = "_quaternary_1w1dn_581";
|
|
167
|
+
const clear = "_clear_1w1dn_586";
|
|
168
|
+
const success = "_success_1w1dn_591";
|
|
169
|
+
const error = "_error_1w1dn_92";
|
|
170
|
+
const warning = "_warning_1w1dn_603";
|
|
171
|
+
const top = "_top_1w1dn_618";
|
|
172
|
+
const bottom = "_bottom_1w1dn_624";
|
|
173
|
+
const left = "_left_1w1dn_630";
|
|
174
|
+
const right = "_right_1w1dn_636";
|
|
175
|
+
const roundNone = "_roundNone_1w1dn_642";
|
|
176
|
+
const roundSmall = "_roundSmall_1w1dn_646";
|
|
177
|
+
const roundMedium = "_roundMedium_1w1dn_650";
|
|
178
|
+
const roundLarge = "_roundLarge_1w1dn_654";
|
|
179
|
+
const roundFull = "_roundFull_1w1dn_658";
|
|
180
|
+
const shadowNone = "_shadowNone_1w1dn_662";
|
|
181
|
+
const shadowLight = "_shadowLight_1w1dn_666";
|
|
182
|
+
const shadowMedium = "_shadowMedium_1w1dn_670";
|
|
183
|
+
const shadowStrong = "_shadowStrong_1w1dn_674";
|
|
184
|
+
const shadowIntense = "_shadowIntense_1w1dn_678";
|
|
185
|
+
const spin = "_spin_1w1dn_1";
|
|
186
|
+
const pulse = "_pulse_1w1dn_1";
|
|
187
187
|
const styles = {
|
|
188
188
|
noScroll,
|
|
189
189
|
errorMessage,
|
|
@@ -193,7 +193,7 @@ const styles = {
|
|
|
193
193
|
container,
|
|
194
194
|
trigger,
|
|
195
195
|
popover,
|
|
196
|
-
"fade-in": "_fade-
|
|
196
|
+
"fade-in": "_fade-in_1w1dn_1",
|
|
197
197
|
primary,
|
|
198
198
|
secondary,
|
|
199
199
|
tertiary,
|
|
@@ -216,14 +216,14 @@ const styles = {
|
|
|
216
216
|
shadowMedium,
|
|
217
217
|
shadowStrong,
|
|
218
218
|
shadowIntense,
|
|
219
|
-
"slide-up": "_slide-
|
|
220
|
-
"spin-3d": "_spin-
|
|
219
|
+
"slide-up": "_slide-up_1w1dn_1",
|
|
220
|
+
"spin-3d": "_spin-3d_1w1dn_1",
|
|
221
221
|
spin,
|
|
222
222
|
pulse,
|
|
223
|
-
"fade-in-up": "_fade-in-
|
|
224
|
-
"progress-grow": "_progress-
|
|
225
|
-
"indeterminate-move": "_indeterminate-
|
|
226
|
-
"skeleton-loading": "_skeleton-
|
|
223
|
+
"fade-in-up": "_fade-in-up_1w1dn_1",
|
|
224
|
+
"progress-grow": "_progress-grow_1w1dn_1",
|
|
225
|
+
"indeterminate-move": "_indeterminate-move_1w1dn_1",
|
|
226
|
+
"skeleton-loading": "_skeleton-loading_1w1dn_1"
|
|
227
227
|
};
|
|
228
228
|
const Popover = (props) => {
|
|
229
229
|
return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: styles });
|
|
@@ -231,4 +231,4 @@ const Popover = (props) => {
|
|
|
231
231
|
export {
|
|
232
232
|
Popover as P
|
|
233
233
|
};
|
|
234
|
-
//# sourceMappingURL=PopOver-
|
|
234
|
+
//# sourceMappingURL=PopOver-CAUFP1-Y.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopOver-Cz4BCVFe.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr_only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopOver-CAUFP1-Y.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr_only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
|
|
@@ -153,38 +153,38 @@ const BasePopover = ({
|
|
|
153
153
|
)
|
|
154
154
|
] });
|
|
155
155
|
};
|
|
156
|
-
const noScroll = "
|
|
157
|
-
const errorMessage = "
|
|
158
|
-
const loadingContainer = "
|
|
159
|
-
const hideScrollbar = "
|
|
160
|
-
const sr_only = "
|
|
161
|
-
const container = "
|
|
162
|
-
const trigger = "
|
|
163
|
-
const popover = "
|
|
164
|
-
const primary = "
|
|
165
|
-
const secondary = "
|
|
166
|
-
const tertiary = "
|
|
167
|
-
const quaternary = "
|
|
168
|
-
const clear = "
|
|
169
|
-
const success = "
|
|
170
|
-
const error = "
|
|
171
|
-
const warning = "
|
|
172
|
-
const top = "
|
|
173
|
-
const bottom = "
|
|
174
|
-
const left = "
|
|
175
|
-
const right = "
|
|
176
|
-
const roundNone = "
|
|
177
|
-
const roundSmall = "
|
|
178
|
-
const roundMedium = "
|
|
179
|
-
const roundLarge = "
|
|
180
|
-
const roundFull = "
|
|
181
|
-
const shadowNone = "
|
|
182
|
-
const shadowLight = "
|
|
183
|
-
const shadowMedium = "
|
|
184
|
-
const shadowStrong = "
|
|
185
|
-
const shadowIntense = "
|
|
186
|
-
const spin = "
|
|
187
|
-
const pulse = "
|
|
156
|
+
const noScroll = "_noScroll_1w1dn_91";
|
|
157
|
+
const errorMessage = "_errorMessage_1w1dn_92";
|
|
158
|
+
const loadingContainer = "_loadingContainer_1w1dn_93";
|
|
159
|
+
const hideScrollbar = "_hideScrollbar_1w1dn_85";
|
|
160
|
+
const sr_only = "_sr_only_1w1dn_94";
|
|
161
|
+
const container = "_container_1w1dn_539";
|
|
162
|
+
const trigger = "_trigger_1w1dn_545";
|
|
163
|
+
const popover = "_popover_1w1dn_554";
|
|
164
|
+
const primary = "_primary_1w1dn_566";
|
|
165
|
+
const secondary = "_secondary_1w1dn_571";
|
|
166
|
+
const tertiary = "_tertiary_1w1dn_576";
|
|
167
|
+
const quaternary = "_quaternary_1w1dn_581";
|
|
168
|
+
const clear = "_clear_1w1dn_586";
|
|
169
|
+
const success = "_success_1w1dn_591";
|
|
170
|
+
const error = "_error_1w1dn_92";
|
|
171
|
+
const warning = "_warning_1w1dn_603";
|
|
172
|
+
const top = "_top_1w1dn_618";
|
|
173
|
+
const bottom = "_bottom_1w1dn_624";
|
|
174
|
+
const left = "_left_1w1dn_630";
|
|
175
|
+
const right = "_right_1w1dn_636";
|
|
176
|
+
const roundNone = "_roundNone_1w1dn_642";
|
|
177
|
+
const roundSmall = "_roundSmall_1w1dn_646";
|
|
178
|
+
const roundMedium = "_roundMedium_1w1dn_650";
|
|
179
|
+
const roundLarge = "_roundLarge_1w1dn_654";
|
|
180
|
+
const roundFull = "_roundFull_1w1dn_658";
|
|
181
|
+
const shadowNone = "_shadowNone_1w1dn_662";
|
|
182
|
+
const shadowLight = "_shadowLight_1w1dn_666";
|
|
183
|
+
const shadowMedium = "_shadowMedium_1w1dn_670";
|
|
184
|
+
const shadowStrong = "_shadowStrong_1w1dn_674";
|
|
185
|
+
const shadowIntense = "_shadowIntense_1w1dn_678";
|
|
186
|
+
const spin = "_spin_1w1dn_1";
|
|
187
|
+
const pulse = "_pulse_1w1dn_1";
|
|
188
188
|
const styles = {
|
|
189
189
|
noScroll,
|
|
190
190
|
errorMessage,
|
|
@@ -194,7 +194,7 @@ const styles = {
|
|
|
194
194
|
container,
|
|
195
195
|
trigger,
|
|
196
196
|
popover,
|
|
197
|
-
"fade-in": "_fade-
|
|
197
|
+
"fade-in": "_fade-in_1w1dn_1",
|
|
198
198
|
primary,
|
|
199
199
|
secondary,
|
|
200
200
|
tertiary,
|
|
@@ -217,17 +217,17 @@ const styles = {
|
|
|
217
217
|
shadowMedium,
|
|
218
218
|
shadowStrong,
|
|
219
219
|
shadowIntense,
|
|
220
|
-
"slide-up": "_slide-
|
|
221
|
-
"spin-3d": "_spin-
|
|
220
|
+
"slide-up": "_slide-up_1w1dn_1",
|
|
221
|
+
"spin-3d": "_spin-3d_1w1dn_1",
|
|
222
222
|
spin,
|
|
223
223
|
pulse,
|
|
224
|
-
"fade-in-up": "_fade-in-
|
|
225
|
-
"progress-grow": "_progress-
|
|
226
|
-
"indeterminate-move": "_indeterminate-
|
|
227
|
-
"skeleton-loading": "_skeleton-
|
|
224
|
+
"fade-in-up": "_fade-in-up_1w1dn_1",
|
|
225
|
+
"progress-grow": "_progress-grow_1w1dn_1",
|
|
226
|
+
"indeterminate-move": "_indeterminate-move_1w1dn_1",
|
|
227
|
+
"skeleton-loading": "_skeleton-loading_1w1dn_1"
|
|
228
228
|
};
|
|
229
229
|
const Popover = (props) => {
|
|
230
230
|
return /* @__PURE__ */ require$$2.jsx(BasePopover, { ...props, classMap: styles });
|
|
231
231
|
};
|
|
232
232
|
exports.Popover = Popover;
|
|
233
|
-
//# sourceMappingURL=PopOver-
|
|
233
|
+
//# sourceMappingURL=PopOver-D2x2a4Jw.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopOver-CAxcmHRx.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr_only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopOver-D2x2a4Jw.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr_only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
package/dist/next/PopOver.cjs.js
CHANGED
package/dist/next/PopOver.js
CHANGED
|
@@ -62,40 +62,40 @@ const BaseProgressBar = ({
|
|
|
62
62
|
}
|
|
63
63
|
);
|
|
64
64
|
};
|
|
65
|
-
const noScroll = "
|
|
66
|
-
const errorMessage = "
|
|
67
|
-
const loadingContainer = "
|
|
68
|
-
const hideScrollbar = "
|
|
69
|
-
const sr_only = "
|
|
70
|
-
const container = "
|
|
71
|
-
const xs = "
|
|
72
|
-
const small = "
|
|
73
|
-
const medium = "
|
|
74
|
-
const large = "
|
|
75
|
-
const xl = "
|
|
76
|
-
const bar = "
|
|
77
|
-
const primary = "
|
|
78
|
-
const secondary = "
|
|
79
|
-
const tertiary = "
|
|
80
|
-
const quaternary = "
|
|
81
|
-
const clear = "
|
|
82
|
-
const success = "
|
|
83
|
-
const error = "
|
|
84
|
-
const warning = "
|
|
85
|
-
const animated = "
|
|
86
|
-
const indeterminate = "
|
|
87
|
-
const roundNone = "
|
|
88
|
-
const roundSmall = "
|
|
89
|
-
const roundMedium = "
|
|
90
|
-
const roundLarge = "
|
|
91
|
-
const roundFull = "
|
|
92
|
-
const shadowNone = "
|
|
93
|
-
const shadowLight = "
|
|
94
|
-
const shadowMedium = "
|
|
95
|
-
const shadowStrong = "
|
|
96
|
-
const shadowIntense = "
|
|
97
|
-
const spin = "
|
|
98
|
-
const pulse = "
|
|
65
|
+
const noScroll = "_noScroll_17u6w_91";
|
|
66
|
+
const errorMessage = "_errorMessage_17u6w_92";
|
|
67
|
+
const loadingContainer = "_loadingContainer_17u6w_93";
|
|
68
|
+
const hideScrollbar = "_hideScrollbar_17u6w_85";
|
|
69
|
+
const sr_only = "_sr_only_17u6w_94";
|
|
70
|
+
const container = "_container_17u6w_539";
|
|
71
|
+
const xs = "_xs_17u6w_547";
|
|
72
|
+
const small = "_small_17u6w_550";
|
|
73
|
+
const medium = "_medium_17u6w_553";
|
|
74
|
+
const large = "_large_17u6w_556";
|
|
75
|
+
const xl = "_xl_17u6w_559";
|
|
76
|
+
const bar = "_bar_17u6w_563";
|
|
77
|
+
const primary = "_primary_17u6w_568";
|
|
78
|
+
const secondary = "_secondary_17u6w_571";
|
|
79
|
+
const tertiary = "_tertiary_17u6w_574";
|
|
80
|
+
const quaternary = "_quaternary_17u6w_577";
|
|
81
|
+
const clear = "_clear_17u6w_580";
|
|
82
|
+
const success = "_success_17u6w_583";
|
|
83
|
+
const error = "_error_17u6w_92";
|
|
84
|
+
const warning = "_warning_17u6w_589";
|
|
85
|
+
const animated = "_animated_17u6w_596";
|
|
86
|
+
const indeterminate = "_indeterminate_17u6w_600";
|
|
87
|
+
const roundNone = "_roundNone_17u6w_605";
|
|
88
|
+
const roundSmall = "_roundSmall_17u6w_609";
|
|
89
|
+
const roundMedium = "_roundMedium_17u6w_613";
|
|
90
|
+
const roundLarge = "_roundLarge_17u6w_617";
|
|
91
|
+
const roundFull = "_roundFull_17u6w_621";
|
|
92
|
+
const shadowNone = "_shadowNone_17u6w_625";
|
|
93
|
+
const shadowLight = "_shadowLight_17u6w_629";
|
|
94
|
+
const shadowMedium = "_shadowMedium_17u6w_633";
|
|
95
|
+
const shadowStrong = "_shadowStrong_17u6w_637";
|
|
96
|
+
const shadowIntense = "_shadowIntense_17u6w_641";
|
|
97
|
+
const spin = "_spin_17u6w_1";
|
|
98
|
+
const pulse = "_pulse_17u6w_1";
|
|
99
99
|
const styles = {
|
|
100
100
|
noScroll,
|
|
101
101
|
errorMessage,
|
|
@@ -118,9 +118,9 @@ const styles = {
|
|
|
118
118
|
error,
|
|
119
119
|
warning,
|
|
120
120
|
animated,
|
|
121
|
-
"progress-grow": "_progress-
|
|
121
|
+
"progress-grow": "_progress-grow_17u6w_1",
|
|
122
122
|
indeterminate,
|
|
123
|
-
"indeterminate-move": "_indeterminate-
|
|
123
|
+
"indeterminate-move": "_indeterminate-move_17u6w_1",
|
|
124
124
|
roundNone,
|
|
125
125
|
roundSmall,
|
|
126
126
|
roundMedium,
|
|
@@ -131,13 +131,13 @@ const styles = {
|
|
|
131
131
|
shadowMedium,
|
|
132
132
|
shadowStrong,
|
|
133
133
|
shadowIntense,
|
|
134
|
-
"fade-in": "_fade-
|
|
135
|
-
"slide-up": "_slide-
|
|
136
|
-
"spin-3d": "_spin-
|
|
134
|
+
"fade-in": "_fade-in_17u6w_1",
|
|
135
|
+
"slide-up": "_slide-up_17u6w_1",
|
|
136
|
+
"spin-3d": "_spin-3d_17u6w_1",
|
|
137
137
|
spin,
|
|
138
138
|
pulse,
|
|
139
|
-
"fade-in-up": "_fade-in-
|
|
140
|
-
"skeleton-loading": "_skeleton-
|
|
139
|
+
"fade-in-up": "_fade-in-up_17u6w_1",
|
|
140
|
+
"skeleton-loading": "_skeleton-loading_17u6w_1"
|
|
141
141
|
};
|
|
142
142
|
const ProgressBar = (props) => {
|
|
143
143
|
return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: styles });
|
|
@@ -145,4 +145,4 @@ const ProgressBar = (props) => {
|
|
|
145
145
|
export {
|
|
146
146
|
ProgressBar as P
|
|
147
147
|
};
|
|
148
|
-
//# sourceMappingURL=ProgressBar-
|
|
148
|
+
//# sourceMappingURL=ProgressBar-C02f6SzB.js.map
|