boreal-ui 0.0.80 → 0.0.82
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/README.md +2 -2
- package/dist/core/{Accordion-Bp-rbJiD.js → Accordion-B75Z1kZq.js} +2 -2
- package/dist/core/{Accordion-Bp-rbJiD.js.map → Accordion-B75Z1kZq.js.map} +1 -1
- package/dist/core/{Accordion-7FjsUwVp.cjs → Accordion-BSbcWB0g.cjs} +2 -2
- package/dist/core/{Accordion-7FjsUwVp.cjs.map → Accordion-BSbcWB0g.cjs.map} +1 -1
- package/dist/core/Accordion.cjs.js +1 -1
- package/dist/core/Accordion.css +634 -0
- package/dist/core/Accordion.js +1 -1
- package/dist/core/{Avatar-CHatDRhp.js → Avatar-BZ-XhHJa.js} +2 -2
- package/dist/core/{Avatar-CHatDRhp.js.map → Avatar-BZ-XhHJa.js.map} +1 -1
- package/dist/core/{Avatar-jxGFijtF.cjs → Avatar-CoS_9xSA.cjs} +2 -2
- package/dist/core/{Avatar-jxGFijtF.cjs.map → Avatar-CoS_9xSA.cjs.map} +1 -1
- package/dist/core/Avatar.cjs.js +1 -1
- package/dist/core/Avatar.css +444 -0
- package/dist/core/Avatar.js +1 -1
- package/dist/core/{Badge-DwWiN50f.js → Badge-CG7SBChl.js} +2 -2
- package/dist/core/{Badge-DwWiN50f.js.map → Badge-CG7SBChl.js.map} +1 -1
- package/dist/core/{Badge-oXVUTleI.cjs → Badge-ls5DaP4F.cjs} +2 -2
- package/dist/core/{Badge-oXVUTleI.cjs.map → Badge-ls5DaP4F.cjs.map} +1 -1
- package/dist/core/Badge.cjs.js +1 -1
- package/dist/core/Badge.css +640 -0
- package/dist/core/Badge.js +1 -1
- package/dist/core/{Breadcrumbs-BwDAukNi.js → Breadcrumbs--l_brteX.js} +3 -3
- package/dist/core/Breadcrumbs--l_brteX.js.map +1 -0
- package/dist/core/{Breadcrumbs-B-I-UmIg.cjs → Breadcrumbs-DB8KX7sH.cjs} +3 -3
- package/dist/core/Breadcrumbs-DB8KX7sH.cjs.map +1 -0
- package/dist/core/Breadcrumbs.cjs.js +1 -1
- package/dist/core/Breadcrumbs.css +611 -0
- package/dist/core/Breadcrumbs.js +1 -1
- package/dist/core/{Button-nxtJFOWD.cjs → Button-B2ucbkuX.cjs} +2 -2
- package/dist/core/{Button-nxtJFOWD.cjs.map → Button-B2ucbkuX.cjs.map} +1 -1
- package/dist/core/{Button-CneoIlVV.js → Button-BT0hAOju.js} +2 -2
- package/dist/core/{Button-CneoIlVV.js.map → Button-BT0hAOju.js.map} +1 -1
- package/dist/core/Button.cjs.js +1 -1
- package/dist/core/Button.css +571 -0
- package/dist/core/Button.js +1 -1
- package/dist/core/{Card-B2gCUSuQ.cjs → Card-BTmfk5hP.cjs} +5 -5
- package/dist/core/{Card-B2gCUSuQ.cjs.map → Card-BTmfk5hP.cjs.map} +1 -1
- package/dist/core/{Card-CnvOGnWI.js → Card-DtTW3W1D.js} +5 -5
- package/dist/core/{Card-CnvOGnWI.js.map → Card-DtTW3W1D.js.map} +1 -1
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.css +954 -0
- package/dist/core/Card.js +1 -1
- package/dist/core/CheckBox.cjs.js +1 -1
- package/dist/core/CheckBox.js +1 -1
- package/dist/core/{Checkbox-JWFInEW_.cjs → Checkbox-BeygmQM6.cjs} +2 -2
- package/dist/core/{Checkbox-JWFInEW_.cjs.map → Checkbox-BeygmQM6.cjs.map} +1 -1
- package/dist/core/{Checkbox-BuFcBJb9.js → Checkbox-V8SCsAp_.js} +2 -2
- package/dist/core/{Checkbox-BuFcBJb9.js.map → Checkbox-V8SCsAp_.js.map} +1 -1
- package/dist/core/Checkbox.css +756 -0
- package/dist/core/{Chip-DoRSxZKk.js → Chip-CIOLLJrX.js} +3 -3
- package/dist/core/{Chip-DoRSxZKk.js.map → Chip-CIOLLJrX.js.map} +1 -1
- package/dist/core/{Chip-DV-l08jr.cjs → Chip-CnAUaqE0.cjs} +3 -3
- package/dist/core/{Chip-DV-l08jr.cjs.map → Chip-CnAUaqE0.cjs.map} +1 -1
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.css +598 -0
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CircularProgress-DEZZm76L.js → CircularProgress-Dzy0X6TP.js} +2 -2
- package/dist/core/{CircularProgress-DEZZm76L.js.map → CircularProgress-Dzy0X6TP.js.map} +1 -1
- package/dist/core/{CircularProgress-CAlIuRfH.cjs → CircularProgress-SMiUvhT4.cjs} +2 -2
- package/dist/core/{CircularProgress-CAlIuRfH.cjs.map → CircularProgress-SMiUvhT4.cjs.map} +1 -1
- package/dist/core/CircularProgress.cjs.js +1 -1
- package/dist/core/CircularProgress.css +536 -0
- package/dist/core/CircularProgress.js +1 -1
- package/dist/core/{ColorPicker-BpJgDnaw.js → ColorPicker-DPtYvL88.js} +2 -2
- package/dist/core/{ColorPicker-BpJgDnaw.js.map → ColorPicker-DPtYvL88.js.map} +1 -1
- package/dist/core/{ColorPicker-j6djvLOC.cjs → ColorPicker-_Gj5zW9V.cjs} +2 -2
- package/dist/core/{ColorPicker-j6djvLOC.cjs.map → ColorPicker-_Gj5zW9V.cjs.map} +1 -1
- package/dist/core/ColorPicker.cjs.js +1 -1
- package/dist/core/ColorPicker.css +338 -0
- package/dist/core/ColorPicker.js +1 -1
- package/dist/core/{CommandPalette-BKd-BCUk.cjs → CommandPalette-CBk0jCVZ.cjs} +3 -3
- package/dist/core/{CommandPalette-BKd-BCUk.cjs.map → CommandPalette-CBk0jCVZ.cjs.map} +1 -1
- package/dist/core/{CommandPalette-C5XB2s4L.js → CommandPalette-DeLCtv3Q.js} +3 -3
- package/dist/core/{CommandPalette-C5XB2s4L.js.map → CommandPalette-DeLCtv3Q.js.map} +1 -1
- package/dist/core/CommandPalette.cjs.js +1 -1
- package/dist/core/CommandPalette.css +633 -0
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/{DataTable-CCPWihcW.cjs → DataTable-6f7j0ahI.cjs} +2 -2
- package/dist/core/{DataTable-CCPWihcW.cjs.map → DataTable-6f7j0ahI.cjs.map} +1 -1
- package/dist/core/{DataTable-FIxUWKG4.js → DataTable-BC8BOwEL.js} +2 -2
- package/dist/core/{DataTable-FIxUWKG4.js.map → DataTable-BC8BOwEL.js.map} +1 -1
- package/dist/core/DataTable.cjs.js +1 -1
- package/dist/core/DataTable.css +444 -0
- package/dist/core/DataTable.js +1 -1
- package/dist/core/{DateTimePicker-wO_P5Ab1.js → DateTimePicker-BdMcK29B.js} +2 -2
- package/dist/core/{DateTimePicker-wO_P5Ab1.js.map → DateTimePicker-BdMcK29B.js.map} +1 -1
- package/dist/core/{DateTimePicker-Ul1dl1A1.cjs → DateTimePicker-CGGEz-yi.cjs} +2 -2
- package/dist/core/{DateTimePicker-Ul1dl1A1.cjs.map → DateTimePicker-CGGEz-yi.cjs.map} +1 -1
- package/dist/core/DateTimePicker.cjs.js +1 -1
- package/dist/core/DateTimePicker.css +536 -0
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/{Divider-CgUoL8NV.cjs → Divider-CPNhFktF.cjs} +2 -2
- package/dist/core/{Divider-CgUoL8NV.cjs.map → Divider-CPNhFktF.cjs.map} +1 -1
- package/dist/core/{Divider-C34MwVBv.js → Divider-k2JhUTSd.js} +2 -2
- package/dist/core/{Divider-C34MwVBv.js.map → Divider-k2JhUTSd.js.map} +1 -1
- package/dist/core/Divider.cjs.js +1 -1
- package/dist/core/Divider.css +228 -0
- package/dist/core/Divider.js +1 -1
- package/dist/core/{Dropdown-fr7AR3nt.js → Dropdown-CyBoip5d.js} +3 -3
- package/dist/core/{Dropdown-fr7AR3nt.js.map → Dropdown-CyBoip5d.js.map} +1 -1
- package/dist/core/{Dropdown-DflOD92W.cjs → Dropdown-D0fVF8cO.cjs} +3 -3
- package/dist/core/{Dropdown-DflOD92W.cjs.map → Dropdown-D0fVF8cO.cjs.map} +1 -1
- package/dist/core/Dropdown.cjs.js +1 -1
- package/dist/core/Dropdown.css +288 -0
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{EmptyState-BSVIrZHm.cjs → EmptyState-DjjDtIWX.cjs} +3 -3
- package/dist/core/{EmptyState-BSVIrZHm.cjs.map → EmptyState-DjjDtIWX.cjs.map} +1 -1
- package/dist/core/{EmptyState-ClFhpjyo.js → EmptyState-hJ0Ah8VR.js} +3 -3
- package/dist/core/{EmptyState-ClFhpjyo.js.map → EmptyState-hJ0Ah8VR.js.map} +1 -1
- package/dist/core/EmptyState.cjs.js +1 -1
- package/dist/core/EmptyState.css +632 -0
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/{FileUpload-BR9-eENT.cjs → FileUpload-CAApCmGC.cjs} +6 -6
- package/dist/core/{FileUpload-BR9-eENT.cjs.map → FileUpload-CAApCmGC.cjs.map} +1 -1
- package/dist/core/{FileUpload-CPZetlXM.js → FileUpload-DNt-frsZ.js} +6 -6
- package/dist/core/{FileUpload-CPZetlXM.js.map → FileUpload-DNt-frsZ.js.map} +1 -1
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.css +493 -0
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{Footer-CDcKfT68.cjs → Footer-CUhlSqSq.cjs} +7 -6
- package/dist/core/Footer-CUhlSqSq.cjs.map +1 -0
- package/dist/core/{Footer-DaEqi5su.js → Footer-CqyycOAG.js} +7 -6
- package/dist/core/{Footer-DaEqi5su.js.map → Footer-CqyycOAG.js.map} +1 -1
- package/dist/core/Footer.cjs.js +1 -1
- package/dist/core/Footer.css +493 -0
- package/dist/core/Footer.js +1 -1
- package/dist/core/{FormGroup-qqHKY5fP.js → FormGroup-BjscJO0M.js} +2 -2
- package/dist/core/{FormGroup-qqHKY5fP.js.map → FormGroup-BjscJO0M.js.map} +1 -1
- package/dist/core/{FormGroup-s3n6ZiDT.cjs → FormGroup-CkAvqkDt.cjs} +2 -2
- package/dist/core/{FormGroup-s3n6ZiDT.cjs.map → FormGroup-CkAvqkDt.cjs.map} +1 -1
- package/dist/core/FormGroup.cjs.js +1 -1
- package/dist/core/FormGroup.css +406 -0
- package/dist/core/FormGroup.js +1 -1
- package/dist/core/{IconButton-C_ktew-6.cjs → IconButton-CFSu6aoV.cjs} +2 -2
- package/dist/core/{IconButton-C_ktew-6.cjs.map → IconButton-CFSu6aoV.cjs.map} +1 -1
- package/dist/core/{IconButton-By8zuXrs.js → IconButton-LlILBbQv.js} +2 -2
- package/dist/core/{IconButton-By8zuXrs.js.map → IconButton-LlILBbQv.js.map} +1 -1
- package/dist/core/IconButton.cjs.js +1 -1
- package/dist/core/IconButton.css +574 -0
- package/dist/core/IconButton.js +1 -1
- package/dist/core/{MarkdownRenderer-CBPB1PJt.cjs → MarkdownRenderer-Bts9Hams.cjs} +2 -2
- package/dist/core/{MarkdownRenderer-CBPB1PJt.cjs.map → MarkdownRenderer-Bts9Hams.cjs.map} +1 -1
- package/dist/core/{MarkdownRenderer-EbqPYLEM.js → MarkdownRenderer-CSoe6-5C.js} +2 -2
- package/dist/core/{MarkdownRenderer-EbqPYLEM.js.map → MarkdownRenderer-CSoe6-5C.js.map} +1 -1
- package/dist/core/MarkdownRenderer.cjs.js +1 -1
- package/dist/core/MarkdownRenderer.css +473 -0
- package/dist/core/MarkdownRenderer.js +1 -1
- package/dist/core/{MessagePopup-DIfdILWZ.cjs → MessagePopup-BUv50REp.cjs} +4 -4
- package/dist/core/{MessagePopup-DIfdILWZ.cjs.map → MessagePopup-BUv50REp.cjs.map} +1 -1
- package/dist/core/{MessagePopup-D6ljI_rQ.js → MessagePopup-RG3zdtj5.js} +4 -4
- package/dist/core/{MessagePopup-D6ljI_rQ.js.map → MessagePopup-RG3zdtj5.js.map} +1 -1
- package/dist/core/MessagePopup.cjs.js +1 -1
- package/dist/core/MessagePopup.css +279 -0
- package/dist/core/MessagePopup.js +1 -1
- package/dist/core/{MetricBox-DTn2x1vz.js → MetricBox-Dz1vJglK.js} +2 -2
- package/dist/core/{MetricBox-DTn2x1vz.js.map → MetricBox-Dz1vJglK.js.map} +1 -1
- package/dist/core/{MetricBox-Dq8ZwEGV.cjs → MetricBox-vD_Z75Ql.cjs} +2 -2
- package/dist/core/{MetricBox-Dq8ZwEGV.cjs.map → MetricBox-vD_Z75Ql.cjs.map} +1 -1
- package/dist/core/MetricBox.cjs.js +1 -1
- package/dist/core/MetricBox.css +628 -0
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/{Modal-CW8jt0lU.js → Modal-BPFmNfo0.js} +3 -3
- package/dist/core/{Modal-CW8jt0lU.js.map → Modal-BPFmNfo0.js.map} +1 -1
- package/dist/core/{Modal-B9FXClBr.cjs → Modal-T8x0k13n.cjs} +3 -3
- package/dist/core/{Modal-B9FXClBr.cjs.map → Modal-T8x0k13n.cjs.map} +1 -1
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.css +439 -0
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NavBar-Dq1f1NSn.cjs → NavBar-CrIIJonc.cjs} +2 -2
- package/dist/core/{NavBar-Dq1f1NSn.cjs.map → NavBar-CrIIJonc.cjs.map} +1 -1
- package/dist/core/{NavBar-DelYH3IR.js → NavBar-Dt9lPoCd.js} +2 -2
- package/dist/core/{NavBar-DelYH3IR.js.map → NavBar-Dt9lPoCd.js.map} +1 -1
- package/dist/core/NavBar.cjs.js +1 -1
- package/dist/core/NavBar.css +487 -0
- package/dist/core/NavBar.js +1 -1
- package/dist/core/{NotificationCenter-Dg_F-nLl.cjs → NotificationCenter-CKTzBgOe.cjs} +4 -4
- package/dist/core/{NotificationCenter-Dg_F-nLl.cjs.map → NotificationCenter-CKTzBgOe.cjs.map} +1 -1
- package/dist/core/{NotificationCenter-B8e8mMb_.js → NotificationCenter-LKIIfSiT.js} +4 -4
- package/dist/core/{NotificationCenter-B8e8mMb_.js.map → NotificationCenter-LKIIfSiT.js.map} +1 -1
- package/dist/core/NotificationCenter.cjs.js +1 -1
- package/dist/core/NotificationCenter.css +470 -0
- package/dist/core/NotificationCenter.js +1 -1
- package/dist/core/{Pager-BH8hdkMS.js → Pager-C5iWqoD3.js} +4 -4
- package/dist/core/{Pager-BH8hdkMS.js.map → Pager-C5iWqoD3.js.map} +1 -1
- package/dist/core/{Pager-BXAAjmIk.cjs → Pager-CJg_Ii_h.cjs} +4 -4
- package/dist/core/{Pager-BXAAjmIk.cjs.map → Pager-CJg_Ii_h.cjs.map} +1 -1
- package/dist/core/Pager.cjs.js +1 -1
- package/dist/core/Pager.css +289 -0
- package/dist/core/Pager.js +1 -1
- package/dist/core/{PopOver-B87GGM3R.cjs → PopOver-BgBsIP8G.cjs} +65 -26
- package/dist/core/PopOver-BgBsIP8G.cjs.map +1 -0
- package/dist/core/{PopOver-DCuqGQ_j.js → PopOver-v5r_x6eg.js} +67 -28
- package/dist/core/PopOver-v5r_x6eg.js.map +1 -0
- package/dist/core/PopOver.cjs.js +1 -1
- package/dist/core/PopOver.css +404 -0
- package/dist/core/PopOver.js +1 -1
- package/dist/core/{ProgressBar-BxzX6yn1.js → ProgressBar-CamFw0Qk.js} +2 -2
- package/dist/core/{ProgressBar-BxzX6yn1.js.map → ProgressBar-CamFw0Qk.js.map} +1 -1
- package/dist/core/{ProgressBar-Cjw7Npjq.cjs → ProgressBar-D_DI8Pfo.cjs} +2 -2
- package/dist/core/{ProgressBar-Cjw7Npjq.cjs.map → ProgressBar-D_DI8Pfo.cjs.map} +1 -1
- package/dist/core/ProgressBar.cjs.js +1 -1
- package/dist/core/ProgressBar.css +442 -0
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/{RadioButton-BM0-FaUG.js → RadioButton-CBXitpBe.js} +2 -2
- package/dist/core/{RadioButton-BM0-FaUG.js.map → RadioButton-CBXitpBe.js.map} +1 -1
- package/dist/core/{RadioButton-QK6SCEbU.cjs → RadioButton-yRHlP7xo.cjs} +2 -2
- package/dist/core/{RadioButton-QK6SCEbU.cjs.map → RadioButton-yRHlP7xo.cjs.map} +1 -1
- package/dist/core/RadioButton.cjs.js +1 -1
- package/dist/core/RadioButton.css +454 -0
- package/dist/core/RadioButton.js +1 -1
- package/dist/core/{Rating-C7xfIXYT.js → Rating-BncWPG7s.js} +2 -2
- package/dist/core/{Rating-C7xfIXYT.js.map → Rating-BncWPG7s.js.map} +1 -1
- package/dist/core/{Rating-CIo6DFh5.cjs → Rating-g569Iy03.cjs} +2 -2
- package/dist/core/{Rating-CIo6DFh5.cjs.map → Rating-g569Iy03.cjs.map} +1 -1
- package/dist/core/Rating.cjs.js +1 -1
- package/dist/core/Rating.css +390 -0
- package/dist/core/Rating.js +1 -1
- package/dist/core/{ScrollToTop-CK74BkzY.cjs → ScrollToTop-D_a7ZYwb.cjs} +2 -2
- package/dist/core/{ScrollToTop-CK74BkzY.cjs.map → ScrollToTop-D_a7ZYwb.cjs.map} +1 -1
- package/dist/core/{ScrollToTop-BYyKPqix.js → ScrollToTop-DqVtYbF3.js} +2 -2
- package/dist/core/{ScrollToTop-BYyKPqix.js.map → ScrollToTop-DqVtYbF3.js.map} +1 -1
- package/dist/core/ScrollToTop.cjs.js +1 -1
- package/dist/core/ScrollToTop.css +215 -0
- package/dist/core/ScrollToTop.js +1 -1
- package/dist/core/{Select-KiOrD0xY.cjs → Select-BAv-TDRc.cjs} +2 -2
- package/dist/core/{Select-KiOrD0xY.cjs.map → Select-BAv-TDRc.cjs.map} +1 -1
- package/dist/core/{Select-BXIz5BbU.js → Select-btS45KZa.js} +2 -2
- package/dist/core/{Select-BXIz5BbU.js.map → Select-btS45KZa.js.map} +1 -1
- package/dist/core/Select.cjs.js +1 -1
- package/dist/core/Select.css +543 -0
- package/dist/core/Select.js +1 -1
- package/dist/core/{Sidebar-Bi7elIRO.js → Sidebar-CrOdTdqM.js} +2 -2
- package/dist/core/{Sidebar-Bi7elIRO.js.map → Sidebar-CrOdTdqM.js.map} +1 -1
- package/dist/core/{Sidebar-DrEQ7PwW.cjs → Sidebar-DNGyww74.cjs} +2 -2
- package/dist/core/{Sidebar-DrEQ7PwW.cjs.map → Sidebar-DNGyww74.cjs.map} +1 -1
- package/dist/core/Sidebar.cjs.js +1 -1
- package/dist/core/Sidebar.css +613 -0
- package/dist/core/Sidebar.js +1 -1
- package/dist/core/{Skeleton-BXeQBgX2.cjs → Skeleton-Dpu5zygi.cjs} +2 -2
- package/dist/core/{Skeleton-BXeQBgX2.cjs.map → Skeleton-Dpu5zygi.cjs.map} +1 -1
- package/dist/core/{Skeleton-C-L3OgVt.js → Skeleton-lR3mqQQ0.js} +2 -2
- package/dist/core/{Skeleton-C-L3OgVt.js.map → Skeleton-lR3mqQQ0.js.map} +1 -1
- package/dist/core/Skeleton.cjs.js +1 -1
- package/dist/core/Skeleton.css +288 -0
- package/dist/core/Skeleton.js +1 -1
- package/dist/core/{Slider-CW11kjMv.js → Slider-CdbTZWwe.js} +2 -2
- package/dist/core/{Slider-CW11kjMv.js.map → Slider-CdbTZWwe.js.map} +1 -1
- package/dist/core/{Slider-Davbqf_v.cjs → Slider-DPWxHXbb.cjs} +2 -2
- package/dist/core/{Slider-Davbqf_v.cjs.map → Slider-DPWxHXbb.cjs.map} +1 -1
- package/dist/core/Slider.cjs.js +1 -1
- package/dist/core/Slider.css +771 -0
- package/dist/core/Slider.js +1 -1
- package/dist/core/{Spinner-C0bxVDCy.js → Spinner-D25E8B1d.js} +2 -2
- package/dist/core/{Spinner-C0bxVDCy.js.map → Spinner-D25E8B1d.js.map} +1 -1
- package/dist/core/{Spinner-DvzolXTI.cjs → Spinner-DsXiZEWp.cjs} +2 -2
- package/dist/core/{Spinner-DvzolXTI.cjs.map → Spinner-DsXiZEWp.cjs.map} +1 -1
- package/dist/core/Spinner.cjs.js +1 -1
- package/dist/core/Spinner.css +378 -0
- package/dist/core/Spinner.js +1 -1
- package/dist/core/{Stepper-DRCnDvvv.js → Stepper-DdQwSiol.js} +3 -3
- package/dist/core/{Stepper-DRCnDvvv.js.map → Stepper-DdQwSiol.js.map} +1 -1
- package/dist/core/{Stepper-BImUKM9h.cjs → Stepper-TA9Ejnni.cjs} +3 -3
- package/dist/core/{Stepper-BImUKM9h.cjs.map → Stepper-TA9Ejnni.cjs.map} +1 -1
- package/dist/core/Stepper.cjs.js +1 -1
- package/dist/core/Stepper.css +383 -0
- package/dist/core/Stepper.js +1 -1
- package/dist/core/{Tabs-r1nyJCFz.cjs → Tabs-Cf4VTH_H.cjs} +2 -2
- package/dist/core/{Tabs-r1nyJCFz.cjs.map → Tabs-Cf4VTH_H.cjs.map} +1 -1
- package/dist/core/{Tabs-DBqWn9j9.js → Tabs-DjhYCmdd.js} +2 -2
- package/dist/core/{Tabs-DBqWn9j9.js.map → Tabs-DjhYCmdd.js.map} +1 -1
- package/dist/core/Tabs.cjs.js +1 -1
- package/dist/core/Tabs.css +384 -0
- package/dist/core/Tabs.js +1 -1
- package/dist/core/{TagInput-BO0Br1nf.js → TagInput-BJA-6kCP.js} +5 -5
- package/dist/core/TagInput-BJA-6kCP.js.map +1 -0
- package/dist/core/{TagInput-CpJ--Wzp.cjs → TagInput-D6GoiYJi.cjs} +5 -5
- package/dist/core/TagInput-D6GoiYJi.cjs.map +1 -0
- package/dist/core/TagInput.cjs.js +1 -1
- package/dist/core/TagInput.css +456 -0
- package/dist/core/TagInput.js +1 -1
- package/dist/core/{TextArea-BKmmcXld.cjs → TextArea-BRjtF3d9.cjs} +2 -2
- package/dist/core/{TextArea-BKmmcXld.cjs.map → TextArea-BRjtF3d9.cjs.map} +1 -1
- package/dist/core/{TextArea-CLLK5k18.js → TextArea-CU2VDvnv.js} +2 -2
- package/dist/core/{TextArea-CLLK5k18.js.map → TextArea-CU2VDvnv.js.map} +1 -1
- package/dist/core/TextArea.cjs.js +1 -1
- package/dist/core/TextArea.css +391 -0
- package/dist/core/TextArea.js +1 -1
- package/dist/core/{TextInput-xBrLtn_h.cjs → TextInput-B78NR000.cjs} +3 -3
- package/dist/core/{TextInput-xBrLtn_h.cjs.map → TextInput-B78NR000.cjs.map} +1 -1
- package/dist/core/{TextInput-CXyzklAm.js → TextInput-Bx_LhlBz.js} +3 -3
- package/dist/core/{TextInput-CXyzklAm.js.map → TextInput-Bx_LhlBz.js.map} +1 -1
- package/dist/core/TextInput.cjs.js +1 -1
- package/dist/core/TextInput.css +547 -0
- package/dist/core/TextInput.js +1 -1
- package/dist/{next/ThemeContext-zE_shsx6.js → core/ThemeContext-BJYW0Fe2.js} +55 -33
- package/dist/core/ThemeContext-BJYW0Fe2.js.map +1 -0
- package/dist/core/{ThemeContext-4edI_44t.cjs → ThemeContext-D3YvU3jr.cjs} +55 -33
- package/dist/core/ThemeContext-D3YvU3jr.cjs.map +1 -0
- package/dist/core/ThemeProvider.cjs.js +1 -1
- package/dist/core/ThemeProvider.js +1 -1
- package/dist/core/{Timeline-5mzFplzB.js → Timeline-CYoaHxyE.js} +2 -2
- package/dist/core/{Timeline-5mzFplzB.js.map → Timeline-CYoaHxyE.js.map} +1 -1
- package/dist/core/{Timeline-CfTmjEVS.cjs → Timeline-DeaKZUMm.cjs} +2 -2
- package/dist/core/{Timeline-CfTmjEVS.cjs.map → Timeline-DeaKZUMm.cjs.map} +1 -1
- package/dist/core/Timeline.cjs.js +1 -1
- package/dist/core/Timeline.css +452 -0
- package/dist/core/Timeline.js +1 -1
- package/dist/core/{Toggle-BRUwXOhV.cjs → Toggle-3nuqlVaz.cjs} +2 -2
- package/dist/core/{Toggle-BRUwXOhV.cjs.map → Toggle-3nuqlVaz.cjs.map} +1 -1
- package/dist/core/{Toggle-DCK1KtP5.js → Toggle-CLtipApe.js} +2 -2
- package/dist/core/{Toggle-DCK1KtP5.js.map → Toggle-CLtipApe.js.map} +1 -1
- package/dist/core/Toggle.cjs.js +1 -1
- package/dist/core/Toggle.css +463 -0
- package/dist/core/Toggle.js +1 -1
- package/dist/core/{Toolbar-DLgQqPBh.js → Toolbar-ArPZcJS3.js} +3 -3
- package/dist/core/{Toolbar-DLgQqPBh.js.map → Toolbar-ArPZcJS3.js.map} +1 -1
- package/dist/core/{Toolbar-CxJxebIJ.cjs → Toolbar-Dz1rhlz_.cjs} +3 -3
- package/dist/core/{Toolbar-CxJxebIJ.cjs.map → Toolbar-Dz1rhlz_.cjs.map} +1 -1
- package/dist/core/Toolbar.cjs.js +1 -1
- package/dist/core/Toolbar.css +364 -0
- package/dist/core/Toolbar.js +1 -1
- package/dist/core/{Tooltip-Dua_3tqJ.js → Tooltip-BNHtd1c3.js} +2 -2
- package/dist/core/{Tooltip-Dua_3tqJ.js.map → Tooltip-BNHtd1c3.js.map} +1 -1
- package/dist/core/{Tooltip-_e_4s6pE.cjs → Tooltip-D3RRuobR.cjs} +2 -2
- package/dist/core/{Tooltip-_e_4s6pE.cjs.map → Tooltip-D3RRuobR.cjs.map} +1 -1
- package/dist/core/Tooltip.cjs.js +1 -1
- package/dist/core/Tooltip.css +558 -0
- package/dist/core/Tooltip.js +1 -1
- package/dist/core/{Typography-D0hPzK5Y.js → Typography-BcomyoSj.js} +2 -2
- package/dist/core/{Typography-D0hPzK5Y.js.map → Typography-BcomyoSj.js.map} +1 -1
- package/dist/core/{Typography-DdTiWRgQ.cjs → Typography-CbCgiVjO.cjs} +2 -2
- package/dist/core/{Typography-DdTiWRgQ.cjs.map → Typography-CbCgiVjO.cjs.map} +1 -1
- package/dist/core/Typography.cjs.js +1 -1
- package/dist/core/Typography.css +294 -0
- package/dist/core/Typography.js +1 -1
- package/dist/core/colorSchemes.cjs.js +167 -39
- package/dist/core/colorSchemes.cjs.js.map +1 -1
- package/dist/core/colorSchemes.js +167 -39
- package/dist/core/colorSchemes.js.map +1 -1
- package/dist/core/globals.cjs.js +2 -0
- package/dist/core/globals.cjs.js.map +1 -0
- package/dist/core/globals.css +674 -0
- package/dist/core/globals.js +2 -0
- package/dist/core/globals.js.map +1 -0
- package/dist/core/index.cjs.js +49 -48
- package/dist/core/index.cjs.js.map +1 -1
- package/dist/core/index.css +241 -0
- package/dist/core/index.js +50 -49
- package/dist/core/index.js.map +1 -1
- package/dist/next/Breadcrumbs-BEDmdhgu.js.map +1 -1
- package/dist/next/Breadcrumbs-CMOeEih6.cjs.map +1 -1
- package/dist/next/{Footer-BVic2clD.js → Footer-B7OSnvy9.js} +2 -2
- package/dist/next/{Footer-BVic2clD.js.map → Footer-B7OSnvy9.js.map} +1 -1
- package/dist/next/{Footer-lEKbmF3y.cjs → Footer-D1pm-fuQ.cjs} +2 -2
- package/dist/next/{Footer-lEKbmF3y.cjs.map → Footer-D1pm-fuQ.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{PopOver-Dmf41W2o.js → PopOver-B1nYU2sm.js} +66 -27
- package/dist/next/PopOver-B1nYU2sm.js.map +1 -0
- package/dist/next/{PopOver-D8BwV2PM.cjs → PopOver-B6b58Z6c.cjs} +64 -25
- package/dist/next/PopOver-B6b58Z6c.cjs.map +1 -0
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{Slider-Cli7b9xm.cjs → Slider-D3jJZLpk.cjs} +38 -38
- package/dist/next/{Slider-Cli7b9xm.cjs.map → Slider-D3jJZLpk.cjs.map} +1 -1
- package/dist/next/{Slider-B4G0kHQA.js → Slider-DlI8yCLb.js} +38 -38
- package/dist/next/{Slider-B4G0kHQA.js.map → Slider-DlI8yCLb.js.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.css +293 -124
- package/dist/next/Slider.js +1 -1
- package/dist/next/{TagInput-CabR-drk.js → TagInput-CjCmGICU.js} +42 -42
- package/dist/next/TagInput-CjCmGICU.js.map +1 -0
- package/dist/next/{TagInput-BycAVBEu.cjs → TagInput-uSwY2N5A.cjs} +42 -42
- package/dist/next/TagInput-uSwY2N5A.cjs.map +1 -0
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.css +69 -69
- package/dist/next/TagInput.js +1 -1
- package/dist/{core/ThemeContext-zE_shsx6.js → next/ThemeContext-BJYW0Fe2.js} +55 -33
- package/dist/next/ThemeContext-BJYW0Fe2.js.map +1 -0
- package/dist/next/{ThemeContext-CNPp2bRD.cjs → ThemeContext-D8ssbe_u.cjs} +55 -33
- package/dist/next/ThemeContext-D8ssbe_u.cjs.map +1 -0
- package/dist/next/ThemeProvider.cjs.js +1 -1
- package/dist/next/ThemeProvider.js +1 -1
- package/dist/next/colorSchemes.cjs.js +167 -39
- package/dist/next/colorSchemes.cjs.js.map +1 -1
- package/dist/next/colorSchemes.js +167 -39
- package/dist/next/colorSchemes.js.map +1 -1
- package/dist/next/index.cjs.js +5 -5
- package/dist/next/index.js +5 -5
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts +1 -0
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOver.types.d.ts +38 -4
- package/dist/types/components/PopOver/PopOver.types.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOverBase.d.ts.map +1 -1
- package/dist/types/components/Select/ThemeSelect/core/ThemeSelect.d.ts.map +1 -1
- package/dist/types/context/ThemeContext.d.ts +0 -35
- package/dist/types/context/ThemeContext.d.ts.map +1 -1
- package/dist/types/styles/Themes.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/Breadcrumbs-B-I-UmIg.cjs.map +0 -1
- package/dist/core/Breadcrumbs-BwDAukNi.js.map +0 -1
- package/dist/core/Footer-CDcKfT68.cjs.map +0 -1
- package/dist/core/PopOver-B87GGM3R.cjs.map +0 -1
- package/dist/core/PopOver-DCuqGQ_j.js.map +0 -1
- package/dist/core/TagInput-BO0Br1nf.js.map +0 -1
- package/dist/core/TagInput-CpJ--Wzp.cjs.map +0 -1
- package/dist/core/ThemeContext-4edI_44t.cjs.map +0 -1
- package/dist/core/ThemeContext-zE_shsx6.js.map +0 -1
- package/dist/core/boreal-ui.css +0 -23392
- package/dist/next/PopOver-D8BwV2PM.cjs.map +0 -1
- package/dist/next/PopOver-Dmf41W2o.js.map +0 -1
- package/dist/next/TagInput-BycAVBEu.cjs.map +0 -1
- package/dist/next/TagInput-CabR-drk.js.map +0 -1
- package/dist/next/ThemeContext-CNPp2bRD.cjs.map +0 -1
- package/dist/next/ThemeContext-zE_shsx6.js.map +0 -1
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@ npm install boreal-ui
|
|
|
37
37
|
In your globals.css (or globals.scss), add the following at the top:
|
|
38
38
|
|
|
39
39
|
```css
|
|
40
|
-
@import "boreal-ui/next/
|
|
40
|
+
@import "boreal-ui/next/globals.css";
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
Then, make sure this global file is included in your layout or \_app.tsx:
|
|
@@ -51,7 +51,7 @@ import "./globals.css"; // or "./globals.scss"
|
|
|
51
51
|
If you're using boreal-ui/core, import the base styles in your main entry (e.g., index.tsx or App.tsx):
|
|
52
52
|
|
|
53
53
|
```tsx
|
|
54
|
-
import "boreal-ui/core/
|
|
54
|
+
import "boreal-ui/core/globals.css";
|
|
55
55
|
```
|
|
56
56
|
|
|
57
57
|
### Importing Components
|
|
@@ -3,7 +3,7 @@ import { useMemo, useState, useEffect } from "react";
|
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
5
|
import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
|
-
const AccordionBase = ({
|
|
6
|
+
import './Accordion.css';const AccordionBase = ({
|
|
7
7
|
title,
|
|
8
8
|
id,
|
|
9
9
|
children,
|
|
@@ -247,4 +247,4 @@ Accordion.displayName = "Accordion";
|
|
|
247
247
|
export {
|
|
248
248
|
Accordion as A
|
|
249
249
|
};
|
|
250
|
-
//# sourceMappingURL=Accordion-
|
|
250
|
+
//# sourceMappingURL=Accordion-B75Z1kZq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion-Bp-rbJiD.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n regionAriaLabel,\r\n regionAriaLabelledBy,\r\n regionAriaDescribedBy,\r\n loadingAriaLabel,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"data-testid\": testId = \"accordion\",\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const baseId = id || internalId;\r\n const contentId = `${baseId}-content`;\r\n const buttonId = `${baseId}-button`;\r\n const descId = description ? `${baseId}-desc` : undefined;\r\n const loadingId = `${baseId}-loading`;\r\n\r\n const buttonDescribedBy =\r\n [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n const regionLabelledBy =\r\n regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n const regionDescribedBy =\r\n [\r\n regionAriaDescribedBy,\r\n asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n\r\n if (isControlled) {\r\n onToggle?.(!expanded);\r\n } else {\r\n setInternalExpanded((prev) => !prev);\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded, hasBeenExpanded]);\r\n\r\n useEffect(() => {\r\n if (asyncContent && isExpanded) {\r\n setIsLoading(true);\r\n\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n\r\n return undefined;\r\n }, [asyncContent, isExpanded]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className,\r\n ),\r\n [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n ),\r\n [classMap, theme, state, outline, disabled, isExpanded],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled || undefined}\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={buttonDescribedBy}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-label={regionAriaLabel}\r\n aria-labelledby={regionLabelledBy}\r\n aria-describedby={regionDescribedBy}\r\n aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div\r\n id={loadingId}\r\n className={classMap.loading}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loadingAriaLabel || \"Loading content\"}\r\n </div>\r\n )}\r\n\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n accordion: \"accordion\",\r\n header: \"accordion_header\",\r\n content: \"accordion_content\",\r\n icon: \"accordion_icon\",\r\n accordionTitle: \"accordion_title\",\r\n\r\n shadowNone: \"accordion_shadow-None\",\r\n shadowLight: \"accordion_shadow-Light\",\r\n shadowMedium: \"accordion_shadow-Medium\",\r\n shadowStrong: \"accordion_shadow-Strong\",\r\n shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n roundNone: \"accordion_round-None\",\r\n roundSmall: \"accordion_round-Small\",\r\n roundMedium: \"accordion_round-Medium\",\r\n roundLarge: \"accordion_round-Large\",\r\n\r\n disabled: \"accordion_disabled\",\r\n expanded: \"accordion_expanded\",\r\n\r\n primary: \"accordion_primary\",\r\n secondary: \"accordion_secondary\",\r\n\r\n tertiary: \"accordion_tertiary\",\r\n quaternary: \"accordion_quaternary\",\r\n\r\n success: \"accordion_success\",\r\n error: \"accordion_error\",\r\n warning: \"accordion_warning\",\r\n clear: \"accordion_clear\",\r\n outline: \"accordion_outline\",\r\n\r\n xs: \"accordion_xs\",\r\n small: \"accordion_small\",\r\n medium: \"accordion_medium\",\r\n large: \"accordion_large\",\r\n xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n let counter = 0;\r\n return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion-B75Z1kZq.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n regionAriaLabel,\r\n regionAriaLabelledBy,\r\n regionAriaDescribedBy,\r\n loadingAriaLabel,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"data-testid\": testId = \"accordion\",\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const baseId = id || internalId;\r\n const contentId = `${baseId}-content`;\r\n const buttonId = `${baseId}-button`;\r\n const descId = description ? `${baseId}-desc` : undefined;\r\n const loadingId = `${baseId}-loading`;\r\n\r\n const buttonDescribedBy =\r\n [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n const regionLabelledBy =\r\n regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n const regionDescribedBy =\r\n [\r\n regionAriaDescribedBy,\r\n asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n\r\n if (isControlled) {\r\n onToggle?.(!expanded);\r\n } else {\r\n setInternalExpanded((prev) => !prev);\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded, hasBeenExpanded]);\r\n\r\n useEffect(() => {\r\n if (asyncContent && isExpanded) {\r\n setIsLoading(true);\r\n\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n\r\n return undefined;\r\n }, [asyncContent, isExpanded]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className,\r\n ),\r\n [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n ),\r\n [classMap, theme, state, outline, disabled, isExpanded],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled || undefined}\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={buttonDescribedBy}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-label={regionAriaLabel}\r\n aria-labelledby={regionLabelledBy}\r\n aria-describedby={regionDescribedBy}\r\n aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div\r\n id={loadingId}\r\n className={classMap.loading}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loadingAriaLabel || \"Loading content\"}\r\n </div>\r\n )}\r\n\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n accordion: \"accordion\",\r\n header: \"accordion_header\",\r\n content: \"accordion_content\",\r\n icon: \"accordion_icon\",\r\n accordionTitle: \"accordion_title\",\r\n\r\n shadowNone: \"accordion_shadow-None\",\r\n shadowLight: \"accordion_shadow-Light\",\r\n shadowMedium: \"accordion_shadow-Medium\",\r\n shadowStrong: \"accordion_shadow-Strong\",\r\n shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n roundNone: \"accordion_round-None\",\r\n roundSmall: \"accordion_round-Small\",\r\n roundMedium: \"accordion_round-Medium\",\r\n roundLarge: \"accordion_round-Large\",\r\n\r\n disabled: \"accordion_disabled\",\r\n expanded: \"accordion_expanded\",\r\n\r\n primary: \"accordion_primary\",\r\n secondary: \"accordion_secondary\",\r\n\r\n tertiary: \"accordion_tertiary\",\r\n quaternary: \"accordion_quaternary\",\r\n\r\n success: \"accordion_success\",\r\n error: \"accordion_error\",\r\n warning: \"accordion_warning\",\r\n clear: \"accordion_clear\",\r\n outline: \"accordion_outline\",\r\n\r\n xs: \"accordion_xs\",\r\n small: \"accordion_small\",\r\n medium: \"accordion_medium\",\r\n large: \"accordion_large\",\r\n xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n let counter = 0;\r\n return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
2
|
+
require('./Accordion.css');const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
5
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
@@ -246,4 +246,4 @@ const generateUniqueId = /* @__PURE__ */ (() => {
|
|
|
246
246
|
const Accordion = (props) => /* @__PURE__ */ jsxRuntime.jsx(AccordionBase, { ...props, getUniqueId: generateUniqueId, classMap: classes });
|
|
247
247
|
Accordion.displayName = "Accordion";
|
|
248
248
|
exports.Accordion = Accordion;
|
|
249
|
-
//# sourceMappingURL=Accordion-
|
|
249
|
+
//# sourceMappingURL=Accordion-BSbcWB0g.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion-7FjsUwVp.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n regionAriaLabel,\r\n regionAriaLabelledBy,\r\n regionAriaDescribedBy,\r\n loadingAriaLabel,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"data-testid\": testId = \"accordion\",\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const baseId = id || internalId;\r\n const contentId = `${baseId}-content`;\r\n const buttonId = `${baseId}-button`;\r\n const descId = description ? `${baseId}-desc` : undefined;\r\n const loadingId = `${baseId}-loading`;\r\n\r\n const buttonDescribedBy =\r\n [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n const regionLabelledBy =\r\n regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n const regionDescribedBy =\r\n [\r\n regionAriaDescribedBy,\r\n asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n\r\n if (isControlled) {\r\n onToggle?.(!expanded);\r\n } else {\r\n setInternalExpanded((prev) => !prev);\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded, hasBeenExpanded]);\r\n\r\n useEffect(() => {\r\n if (asyncContent && isExpanded) {\r\n setIsLoading(true);\r\n\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n\r\n return undefined;\r\n }, [asyncContent, isExpanded]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className,\r\n ),\r\n [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n ),\r\n [classMap, theme, state, outline, disabled, isExpanded],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled || undefined}\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={buttonDescribedBy}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-label={regionAriaLabel}\r\n aria-labelledby={regionLabelledBy}\r\n aria-describedby={regionDescribedBy}\r\n aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div\r\n id={loadingId}\r\n className={classMap.loading}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loadingAriaLabel || \"Loading content\"}\r\n </div>\r\n )}\r\n\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n accordion: \"accordion\",\r\n header: \"accordion_header\",\r\n content: \"accordion_content\",\r\n icon: \"accordion_icon\",\r\n accordionTitle: \"accordion_title\",\r\n\r\n shadowNone: \"accordion_shadow-None\",\r\n shadowLight: \"accordion_shadow-Light\",\r\n shadowMedium: \"accordion_shadow-Medium\",\r\n shadowStrong: \"accordion_shadow-Strong\",\r\n shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n roundNone: \"accordion_round-None\",\r\n roundSmall: \"accordion_round-Small\",\r\n roundMedium: \"accordion_round-Medium\",\r\n roundLarge: \"accordion_round-Large\",\r\n\r\n disabled: \"accordion_disabled\",\r\n expanded: \"accordion_expanded\",\r\n\r\n primary: \"accordion_primary\",\r\n secondary: \"accordion_secondary\",\r\n\r\n tertiary: \"accordion_tertiary\",\r\n quaternary: \"accordion_quaternary\",\r\n\r\n success: \"accordion_success\",\r\n error: \"accordion_error\",\r\n warning: \"accordion_warning\",\r\n clear: \"accordion_clear\",\r\n outline: \"accordion_outline\",\r\n\r\n xs: \"accordion_xs\",\r\n small: \"accordion_small\",\r\n medium: \"accordion_medium\",\r\n large: \"accordion_large\",\r\n xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n let counter = 0;\r\n return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","useMemo","useState","useEffect","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion-BSbcWB0g.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n regionAriaLabel,\r\n regionAriaLabelledBy,\r\n regionAriaDescribedBy,\r\n loadingAriaLabel,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"data-testid\": testId = \"accordion\",\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const baseId = id || internalId;\r\n const contentId = `${baseId}-content`;\r\n const buttonId = `${baseId}-button`;\r\n const descId = description ? `${baseId}-desc` : undefined;\r\n const loadingId = `${baseId}-loading`;\r\n\r\n const buttonDescribedBy =\r\n [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n const regionLabelledBy =\r\n regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n const regionDescribedBy =\r\n [\r\n regionAriaDescribedBy,\r\n asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n\r\n if (isControlled) {\r\n onToggle?.(!expanded);\r\n } else {\r\n setInternalExpanded((prev) => !prev);\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded, hasBeenExpanded]);\r\n\r\n useEffect(() => {\r\n if (asyncContent && isExpanded) {\r\n setIsLoading(true);\r\n\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n\r\n return undefined;\r\n }, [asyncContent, isExpanded]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className,\r\n ),\r\n [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n ),\r\n [classMap, theme, state, outline, disabled, isExpanded],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded],\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled || undefined}\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={buttonDescribedBy}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-label={regionAriaLabel}\r\n aria-labelledby={regionLabelledBy}\r\n aria-describedby={regionDescribedBy}\r\n aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div\r\n id={loadingId}\r\n className={classMap.loading}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loadingAriaLabel || \"Loading content\"}\r\n </div>\r\n )}\r\n\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n accordion: \"accordion\",\r\n header: \"accordion_header\",\r\n content: \"accordion_content\",\r\n icon: \"accordion_icon\",\r\n accordionTitle: \"accordion_title\",\r\n\r\n shadowNone: \"accordion_shadow-None\",\r\n shadowLight: \"accordion_shadow-Light\",\r\n shadowMedium: \"accordion_shadow-Medium\",\r\n shadowStrong: \"accordion_shadow-Strong\",\r\n shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n roundNone: \"accordion_round-None\",\r\n roundSmall: \"accordion_round-Small\",\r\n roundMedium: \"accordion_round-Medium\",\r\n roundLarge: \"accordion_round-Large\",\r\n\r\n disabled: \"accordion_disabled\",\r\n expanded: \"accordion_expanded\",\r\n\r\n primary: \"accordion_primary\",\r\n secondary: \"accordion_secondary\",\r\n\r\n tertiary: \"accordion_tertiary\",\r\n quaternary: \"accordion_quaternary\",\r\n\r\n success: \"accordion_success\",\r\n error: \"accordion_error\",\r\n warning: \"accordion_warning\",\r\n clear: \"accordion_clear\",\r\n outline: \"accordion_outline\",\r\n\r\n xs: \"accordion_xs\",\r\n small: \"accordion_small\",\r\n medium: \"accordion_medium\",\r\n large: \"accordion_large\",\r\n xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n let counter = 0;\r\n return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","useMemo","useState","useEffect","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|