boreal-ui 0.0.31 → 0.0.33
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/{Avatar-BxHxzh30.js → Avatar-BFec6Gv4.js} +59 -36
- package/dist/core/Avatar-BFec6Gv4.js.map +1 -0
- package/dist/core/{Avatar-B3hD_M2R.cjs → Avatar-CeIz25Rt.cjs} +58 -35
- package/dist/core/Avatar-CeIz25Rt.cjs.map +1 -0
- package/dist/core/Avatar.cjs.js +1 -1
- package/dist/core/Avatar.js +1 -1
- package/dist/core/{Badge-DwjSTlvN.cjs → Badge-C6qp0Eym.cjs} +78 -26
- package/dist/core/Badge-C6qp0Eym.cjs.map +1 -0
- package/dist/core/{Badge-DUALACa_.js → Badge-MiX5w_Ui.js} +79 -27
- package/dist/core/Badge-MiX5w_Ui.js.map +1 -0
- package/dist/core/Badge.cjs.js +1 -1
- package/dist/core/Badge.js +1 -1
- package/dist/core/{Breadcrumbs-BKx89feu.js → Breadcrumbs-BulpkVaU.js} +37 -14
- package/dist/core/Breadcrumbs-BulpkVaU.js.map +1 -0
- package/dist/core/{Breadcrumbs-DrfR3704.cjs → Breadcrumbs-hKtLDMrC.cjs} +37 -14
- package/dist/core/Breadcrumbs-hKtLDMrC.cjs.map +1 -0
- package/dist/core/Breadcrumbs.cjs.js +1 -1
- package/dist/core/Breadcrumbs.js +1 -1
- package/dist/core/{Button-BnyCKkUs.cjs → Button-CD1ETVvS.cjs} +50 -31
- package/dist/core/Button-CD1ETVvS.cjs.map +1 -0
- package/dist/core/{Button-brEyEh7E.js → Button-sz60qyTn.js} +51 -32
- package/dist/core/Button-sz60qyTn.js.map +1 -0
- package/dist/core/Button.cjs.js +1 -1
- package/dist/core/Button.js +1 -1
- package/dist/core/{Card-Bae4H8tR.js → Card-BRExeyNd.js} +33 -11
- package/dist/core/Card-BRExeyNd.js.map +1 -0
- package/dist/core/{Card-BsYXSByx.cjs → Card-jrGaJLdX.cjs} +33 -11
- package/dist/core/Card-jrGaJLdX.cjs.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/CheckBox.cjs.js +4 -0
- package/dist/core/CheckBox.cjs.js.map +1 -0
- package/dist/core/CheckBox.js +5 -0
- package/dist/core/CheckBox.js.map +1 -0
- package/dist/core/{Checkbox-BykCObI-.js → Checkbox-CkidkPsK.js} +13 -3
- package/dist/core/Checkbox-CkidkPsK.js.map +1 -0
- package/dist/core/{Checkbox-Ye8jGIKV.cjs → Checkbox-dcfbhcGR.cjs} +13 -3
- package/dist/core/Checkbox-dcfbhcGR.cjs.map +1 -0
- package/dist/core/{Chip-DjWJJ19V.js → Chip-ByR2AKjl.js} +28 -14
- package/dist/core/Chip-ByR2AKjl.js.map +1 -0
- package/dist/core/{Chip-JKvM6DlT.cjs → Chip-C6sk2qAd.cjs} +28 -14
- package/dist/core/Chip-C6sk2qAd.cjs.map +1 -0
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CircularProgress-B-N4px22.cjs → CircularProgress-CNh3NKwl.cjs} +20 -17
- package/dist/core/CircularProgress-CNh3NKwl.cjs.map +1 -0
- package/dist/core/{CircularProgress-ClCxzsSz.js → CircularProgress-CSkKaHhU.js} +20 -17
- package/dist/core/CircularProgress-CSkKaHhU.js.map +1 -0
- package/dist/core/CircularProgress.cjs.js +1 -1
- package/dist/core/CircularProgress.js +1 -1
- package/dist/core/{ColorPicker-BQiTjeqQ.js → ColorPicker-Btkkzx1b.js} +44 -42
- package/dist/core/ColorPicker-Btkkzx1b.js.map +1 -0
- package/dist/core/{ColorPicker-DR9huYqs.cjs → ColorPicker-D-X4hsS7.cjs} +44 -42
- package/dist/core/ColorPicker-D-X4hsS7.cjs.map +1 -0
- package/dist/core/ColorPicker.cjs.js +1 -1
- package/dist/core/ColorPicker.js +1 -1
- package/dist/core/{CommandPalette-XZ3MmC7j.cjs → CommandPalette-IOV8q6GZ.cjs} +53 -15
- package/dist/core/CommandPalette-IOV8q6GZ.cjs.map +1 -0
- package/dist/core/{CommandPalette-PhWRjxbF.js → CommandPalette-KcMGDC0i.js} +53 -15
- package/dist/core/CommandPalette-KcMGDC0i.js.map +1 -0
- package/dist/core/CommandPalette.cjs.js +1 -1
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/{DataTable-DZeVQIC0.cjs → DataTable-8q8mTnjE.cjs} +36 -16
- package/dist/core/DataTable-8q8mTnjE.cjs.map +1 -0
- package/dist/core/{DataTable-DQU1WxPr.js → DataTable-C3l5XKKC.js} +36 -16
- package/dist/core/DataTable-C3l5XKKC.js.map +1 -0
- package/dist/core/DataTable.cjs.js +1 -1
- package/dist/core/DataTable.js +1 -1
- package/dist/core/{DateTimePicker-O8khtyOu.js → DateTimePicker-Cq_QZBV5.js} +30 -15
- package/dist/core/DateTimePicker-Cq_QZBV5.js.map +1 -0
- package/dist/core/{DateTimePicker-BtITiL_E.cjs → DateTimePicker-DU-vjgee.cjs} +30 -15
- package/dist/core/DateTimePicker-DU-vjgee.cjs.map +1 -0
- package/dist/core/DateTimePicker.cjs.js +1 -1
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/{Divider-TtfSFBcp.cjs → Divider-Bn7ghdiP.cjs} +19 -5
- package/dist/core/Divider-Bn7ghdiP.cjs.map +1 -0
- package/dist/core/{Divider-An2VsXog.js → Divider-BxiplAj2.js} +19 -5
- package/dist/core/Divider-BxiplAj2.js.map +1 -0
- package/dist/core/Divider.cjs.js +1 -1
- package/dist/core/Divider.js +1 -1
- package/dist/core/{Dropdown-iTrhrEMO.cjs → Dropdown-CJo6T9__.cjs} +71 -33
- package/dist/core/Dropdown-CJo6T9__.cjs.map +1 -0
- package/dist/core/{Dropdown-CPKkSeq2.js → Dropdown-Dzjmt9gx.js} +72 -34
- package/dist/core/Dropdown-Dzjmt9gx.js.map +1 -0
- package/dist/core/Dropdown.cjs.js +1 -1
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{EmptyState-C0TYr_9h.cjs → EmptyState-1ZbzRKLl.cjs} +41 -8
- package/dist/core/EmptyState-1ZbzRKLl.cjs.map +1 -0
- package/dist/core/{EmptyState-DHNuzYnG.js → EmptyState-CSnwsLvV.js} +42 -9
- package/dist/core/EmptyState-CSnwsLvV.js.map +1 -0
- package/dist/core/EmptyState.cjs.js +1 -1
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/{FileUpload-BJu-5NKg.js → FileUpload-Bcu5v4TO.js} +73 -45
- package/dist/core/FileUpload-Bcu5v4TO.js.map +1 -0
- package/dist/core/{FileUpload-CuJ8RYA7.cjs → FileUpload-DrPV-Oiy.cjs} +72 -44
- package/dist/core/FileUpload-DrPV-Oiy.cjs.map +1 -0
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/Footer-DrYZJObN.cjs +201 -0
- package/dist/core/Footer-DrYZJObN.cjs.map +1 -0
- package/dist/core/Footer-vLVfqKWf.js +202 -0
- package/dist/core/Footer-vLVfqKWf.js.map +1 -0
- package/dist/core/Footer.cjs.js +1 -1
- package/dist/core/Footer.js +1 -1
- package/dist/core/{FormGroup-BXWYrYOK.cjs → FormGroup-B5kG6FR4.cjs} +26 -15
- package/dist/core/FormGroup-B5kG6FR4.cjs.map +1 -0
- package/dist/core/{FormGroup-DS2tW-lC.js → FormGroup-CAJwxFcs.js} +27 -16
- package/dist/core/FormGroup-CAJwxFcs.js.map +1 -0
- package/dist/core/FormGroup.cjs.js +1 -1
- package/dist/core/FormGroup.js +1 -1
- package/dist/core/IconButton-B9WWbeSM.js +165 -0
- package/dist/core/IconButton-B9WWbeSM.js.map +1 -0
- package/dist/core/IconButton-D_W4nsPZ.cjs +164 -0
- package/dist/core/IconButton-D_W4nsPZ.cjs.map +1 -0
- package/dist/core/IconButton.cjs.js +1 -1
- package/dist/core/IconButton.js +1 -1
- package/dist/core/MarkdownRenderer-COnLzf0t.js +109 -0
- package/dist/core/MarkdownRenderer-COnLzf0t.js.map +1 -0
- package/dist/core/MarkdownRenderer-OUEnVOLG.cjs +108 -0
- package/dist/core/MarkdownRenderer-OUEnVOLG.cjs.map +1 -0
- package/dist/core/MarkdownRenderer.cjs.js +1 -1
- package/dist/core/MarkdownRenderer.js +1 -1
- package/dist/core/MessagePopUp.cjs.js +2 -2
- package/dist/core/MessagePopUp.js +1 -1
- package/dist/core/{MessagePopUp-D6rtyzX3.cjs → MessagePopup-CIsMNnVM.cjs} +36 -14
- package/dist/core/MessagePopup-CIsMNnVM.cjs.map +1 -0
- package/dist/core/{MessagePopUp--LfNe9F6.js → MessagePopup-DiipcrNp.js} +36 -14
- package/dist/core/MessagePopup-DiipcrNp.js.map +1 -0
- package/dist/core/{MetricBox-D5Dl19d2.js → MetricBox-BzI1gx1P.js} +14 -20
- package/dist/core/MetricBox-BzI1gx1P.js.map +1 -0
- package/dist/core/{MetricBox-DjE-rdp0.cjs → MetricBox-CdNvh1qG.cjs} +13 -19
- package/dist/core/MetricBox-CdNvh1qG.cjs.map +1 -0
- package/dist/core/MetricBox.cjs.js +1 -1
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/{Modal--5xg1kDj.cjs → Modal-BdxvP-Ei.cjs} +65 -50
- package/dist/core/Modal-BdxvP-Ei.cjs.map +1 -0
- package/dist/core/{Modal-CYw6ZB5A.js → Modal-Bi8OdWKS.js} +65 -50
- package/dist/core/Modal-Bi8OdWKS.js.map +1 -0
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NavBar-UpeebUNC.js → NavBar-CBC9YPkH.js} +36 -37
- package/dist/core/NavBar-CBC9YPkH.js.map +1 -0
- package/dist/core/{NavBar-Dier3-3b.cjs → NavBar-DUNxiip6.cjs} +36 -37
- package/dist/core/NavBar-DUNxiip6.cjs.map +1 -0
- package/dist/core/NavBar.cjs.js +1 -1
- package/dist/core/NavBar.js +1 -1
- package/dist/core/{NotificationCenter-C8acfI4Y.js → NotificationCenter-BkoTAZCz.js} +46 -21
- package/dist/core/{NotificationCenter-C8acfI4Y.js.map → NotificationCenter-BkoTAZCz.js.map} +1 -1
- package/dist/core/{NotificationCenter-DdPqMwuQ.cjs → NotificationCenter-DpdzdrPB.cjs} +46 -21
- package/dist/core/{NotificationCenter-DdPqMwuQ.cjs.map → NotificationCenter-DpdzdrPB.cjs.map} +1 -1
- package/dist/core/NotificationCenter.cjs.js +1 -1
- package/dist/core/NotificationCenter.js +1 -1
- package/dist/core/Pager-CcIEdgIe.cjs +185 -0
- package/dist/core/Pager-CcIEdgIe.cjs.map +1 -0
- package/dist/core/Pager-De-awunI.js +186 -0
- package/dist/core/Pager-De-awunI.js.map +1 -0
- package/dist/core/Pager.cjs.js +1 -1
- package/dist/core/Pager.js +1 -1
- package/dist/core/PopOver-BnOcfrAC.js +203 -0
- package/dist/core/PopOver-BnOcfrAC.js.map +1 -0
- package/dist/core/PopOver-Gy7Gn9LW.cjs +202 -0
- package/dist/core/PopOver-Gy7Gn9LW.cjs.map +1 -0
- package/dist/core/PopOver.cjs.js +1 -1
- package/dist/core/PopOver.js +1 -1
- package/dist/core/{ProgressBar-CuIHF5N0.js → ProgressBar-BAbEjBvm.js} +11 -8
- package/dist/core/ProgressBar-BAbEjBvm.js.map +1 -0
- package/dist/core/{ProgressBar-PiSFvLwa.cjs → ProgressBar-QkROTKv6.cjs} +11 -8
- package/dist/core/ProgressBar-QkROTKv6.cjs.map +1 -0
- package/dist/core/ProgressBar.cjs.js +1 -1
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/{RadioButton-DTPBlw1t.js → RadioButton-B8QehL7o.js} +54 -42
- package/dist/core/RadioButton-B8QehL7o.js.map +1 -0
- package/dist/core/{RadioButton-DP8HSNZD.cjs → RadioButton-BxdmcaZg.cjs} +53 -41
- package/dist/core/RadioButton-BxdmcaZg.cjs.map +1 -0
- package/dist/core/RadioButton.cjs.js +1 -1
- package/dist/core/RadioButton.js +1 -1
- package/dist/core/{Rating-QF5O1MFS.js → Rating-Dpmm_ZPv.js} +58 -27
- package/dist/core/Rating-Dpmm_ZPv.js.map +1 -0
- package/dist/core/{Rating-Jx3DBFOd.cjs → Rating-DwPu-mqi.cjs} +57 -26
- package/dist/core/Rating-DwPu-mqi.cjs.map +1 -0
- package/dist/core/Rating.cjs.js +1 -1
- package/dist/core/Rating.js +1 -1
- package/dist/core/STT-DnhnXAIK.js +120 -0
- package/dist/core/STT-DnhnXAIK.js.map +1 -0
- package/dist/core/STT-Tf9R4S2f.cjs +119 -0
- package/dist/core/STT-Tf9R4S2f.cjs.map +1 -0
- package/dist/core/ScrollToTop.cjs.js +1 -1
- package/dist/core/ScrollToTop.js +1 -1
- package/dist/core/{Select-DWzxymiA.cjs → Select-C65ai0xO.cjs} +30 -11
- package/dist/core/Select-C65ai0xO.cjs.map +1 -0
- package/dist/core/{Select-CDWU_cuN.js → Select-bMjOWXRX.js} +30 -11
- package/dist/core/Select-bMjOWXRX.js.map +1 -0
- package/dist/core/Select.cjs.js +1 -1
- package/dist/core/Select.js +1 -1
- package/dist/core/{Sidebar-CqTJJULG.cjs → Sidebar-BoMGJwqC.cjs} +67 -35
- package/dist/core/Sidebar-BoMGJwqC.cjs.map +1 -0
- package/dist/core/{Sidebar-z0mG5nn_.js → Sidebar-CnGBAT2_.js} +68 -36
- package/dist/core/Sidebar-CnGBAT2_.js.map +1 -0
- package/dist/core/Sidebar.cjs.js +1 -1
- package/dist/core/Sidebar.js +1 -1
- package/dist/core/{Skeleton-CeMwLgnq.cjs → Skeleton-BlyxKLt_.cjs} +26 -13
- package/dist/core/Skeleton-BlyxKLt_.cjs.map +1 -0
- package/dist/core/{Skeleton-BniIVZmx.js → Skeleton-CMhlYg-Q.js} +26 -13
- package/dist/core/Skeleton-CMhlYg-Q.js.map +1 -0
- package/dist/core/Skeleton.cjs.js +1 -1
- package/dist/core/Skeleton.js +1 -1
- package/dist/core/{Slider-DZycGDIY.cjs → Slider-BT1Pi-VJ.cjs} +33 -20
- package/dist/core/Slider-BT1Pi-VJ.cjs.map +1 -0
- package/dist/core/{Slider-QEwgd0le.js → Slider-CZYfXDHn.js} +34 -21
- package/dist/core/Slider-CZYfXDHn.js.map +1 -0
- package/dist/core/Slider.cjs.js +1 -1
- package/dist/core/Slider.js +1 -1
- package/dist/core/{Spinner-DGF0pR7I.js → Spinner-BQlcBZmK.js} +28 -25
- package/dist/core/Spinner-BQlcBZmK.js.map +1 -0
- package/dist/core/{Spinner-BTmQ7ZN9.cjs → Spinner-ChxHCoaN.cjs} +27 -24
- package/dist/core/Spinner-ChxHCoaN.cjs.map +1 -0
- package/dist/core/Spinner.cjs.js +1 -1
- package/dist/core/Spinner.js +1 -1
- package/dist/core/{Stepper-CZ0lJwyQ.cjs → Stepper-Cphvkx0O.cjs} +3 -2
- package/dist/core/Stepper-Cphvkx0O.cjs.map +1 -0
- package/dist/core/{Stepper-B-wTooCi.js → Stepper-DNSzwiZR.js} +3 -2
- package/dist/core/Stepper-DNSzwiZR.js.map +1 -0
- package/dist/core/Stepper.cjs.js +1 -1
- package/dist/core/Stepper.js +1 -1
- package/dist/core/TagInput.cjs.js +2 -2
- package/dist/core/TagInput.js +1 -1
- package/dist/core/{TagInput-DftgiPXn.cjs → Taginput-BNZg4SGI.cjs} +3 -3
- package/dist/core/{TagInput-DftgiPXn.cjs.map → Taginput-BNZg4SGI.cjs.map} +1 -1
- package/dist/core/{TagInput-B3yI5CWh.js → Taginput-D0wKEzGh.js} +3 -3
- package/dist/core/{TagInput-B3yI5CWh.js.map → Taginput-D0wKEzGh.js.map} +1 -1
- package/dist/core/{TextInput-BP3o-iku.cjs → TextInput-B03e-LMT.cjs} +2 -2
- package/dist/core/{TextInput-BP3o-iku.cjs.map → TextInput-B03e-LMT.cjs.map} +1 -1
- package/dist/core/{TextInput-CXb9gNEa.js → TextInput-C8mNE1R4.js} +2 -2
- package/dist/core/{TextInput-CXb9gNEa.js.map → TextInput-C8mNE1R4.js.map} +1 -1
- package/dist/core/TextInput.cjs.js +1 -1
- package/dist/core/TextInput.js +1 -1
- package/dist/core/{Toolbar-D3gg3Q2K.js → Toolbar-Tf01bUjT.js} +2 -2
- package/dist/core/{Toolbar-D3gg3Q2K.js.map → Toolbar-Tf01bUjT.js.map} +1 -1
- package/dist/core/{Toolbar-CEiYjTwB.cjs → Toolbar-zZrwUT66.cjs} +2 -2
- package/dist/core/{Toolbar-CEiYjTwB.cjs.map → Toolbar-zZrwUT66.cjs.map} +1 -1
- package/dist/core/Toolbar.cjs.js +1 -1
- package/dist/core/Toolbar.js +1 -1
- package/dist/core/index.cjs.js +42 -42
- package/dist/core/index.js +40 -40
- package/dist/core/style.css +1544 -599
- package/dist/next/{Accordion-CwNZAMaX.js → Accordion-81qBJa4M.js} +53 -49
- package/dist/next/{Accordion-CwNZAMaX.js.map → Accordion-81qBJa4M.js.map} +1 -1
- package/dist/next/{Accordion-CJGWE3z1.cjs → Accordion-CmbMyudL.cjs} +53 -49
- package/dist/next/{Accordion-CJGWE3z1.cjs.map → Accordion-CmbMyudL.cjs.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Avatar-B3eTb_Xz.js → Avatar-96V7QHyt.js} +59 -36
- package/dist/next/Avatar-96V7QHyt.js.map +1 -0
- package/dist/next/{Avatar-BX8mh_3b.cjs → Avatar-hwM3F1Jw.cjs} +58 -35
- package/dist/next/Avatar-hwM3F1Jw.cjs.map +1 -0
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/Badge-BG9cWEDv.js +191 -0
- package/dist/next/Badge-BG9cWEDv.js.map +1 -0
- package/dist/next/Badge-DLSfi5vo.cjs +190 -0
- package/dist/next/Badge-DLSfi5vo.cjs.map +1 -0
- package/dist/next/Badge.cjs.js +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-BM-yj_kq.js → Breadcrumbs-IO2iNAjN.js} +74 -49
- package/dist/next/Breadcrumbs-IO2iNAjN.js.map +1 -0
- package/dist/next/{Breadcrumbs-7MNPobUi.cjs → Breadcrumbs-veVO4yuY.cjs} +74 -49
- package/dist/next/Breadcrumbs-veVO4yuY.cjs.map +1 -0
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/Button-DN8rTQSp.js +229 -0
- package/dist/next/Button-DN8rTQSp.js.map +1 -0
- package/dist/next/Button-sIKQmn_c.cjs +228 -0
- package/dist/next/Button-sIKQmn_c.cjs.map +1 -0
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-B_USybKk.js → Card-B9EjkoVy.js} +91 -69
- package/dist/next/Card-B9EjkoVy.js.map +1 -0
- package/dist/next/{Card-Bg9EknRD.cjs → Card-BQTJkNCL.cjs} +91 -69
- package/dist/next/Card-BQTJkNCL.cjs.map +1 -0
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.cjs.js +4 -0
- package/dist/next/CheckBox.cjs.js.map +1 -0
- package/dist/next/CheckBox.js +5 -0
- package/dist/next/CheckBox.js.map +1 -0
- package/dist/next/{Checkbox-3k5UZ20q.js → Checkbox-BMaEzceF.js} +56 -46
- package/dist/next/Checkbox-BMaEzceF.js.map +1 -0
- package/dist/next/{Checkbox-CFz2oqPW.cjs → Checkbox-NAEbjhCf.cjs} +56 -46
- package/dist/next/Checkbox-NAEbjhCf.cjs.map +1 -0
- package/dist/next/{Chip-CMP-naRw.js → Chip-CekCQRke.js} +77 -63
- package/dist/next/Chip-CekCQRke.js.map +1 -0
- package/dist/next/{Chip-DoRB7LBO.cjs → Chip-CfJ473TI.cjs} +77 -63
- package/dist/next/Chip-CfJ473TI.cjs.map +1 -0
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-CcIv2nXN.cjs → CircularProgress-B0pzDdsh.cjs} +56 -53
- package/dist/next/CircularProgress-B0pzDdsh.cjs.map +1 -0
- package/dist/next/{CircularProgress-DTKTvWPL.js → CircularProgress-C3vHw9Vz.js} +56 -53
- package/dist/next/CircularProgress-C3vHw9Vz.js.map +1 -0
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/ColorPicker-4Fw0fwbk.js +163 -0
- package/dist/next/ColorPicker-4Fw0fwbk.js.map +1 -0
- package/dist/next/ColorPicker-CDHrECBi.cjs +162 -0
- package/dist/next/ColorPicker-CDHrECBi.cjs.map +1 -0
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-BaJ9KSob.js → CommandPalette-BEDyY7vY.js} +93 -55
- package/dist/next/CommandPalette-BEDyY7vY.js.map +1 -0
- package/dist/next/{CommandPalette-DjR2pE5m.cjs → CommandPalette-DhyChRCJ.cjs} +93 -55
- package/dist/next/CommandPalette-DhyChRCJ.cjs.map +1 -0
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-C5OyGLWn.cjs → DataTable-B0-pq0MG.cjs} +75 -57
- package/dist/next/DataTable-B0-pq0MG.cjs.map +1 -0
- package/dist/next/{DataTable-BxpVeU6-.js → DataTable-D17xbmiu.js} +75 -57
- package/dist/next/DataTable-D17xbmiu.js.map +1 -0
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-HNGW6xNG.js → DateTimePicker-BJnnZBgd.js} +61 -46
- package/dist/next/DateTimePicker-BJnnZBgd.js.map +1 -0
- package/dist/next/{DateTimePicker-CnHSl0jQ.cjs → DateTimePicker-DivMR4Oe.cjs} +61 -46
- package/dist/next/DateTimePicker-DivMR4Oe.cjs.map +1 -0
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-PQO6alS3.js → Divider-BGf_EQkK.js} +19 -5
- package/dist/next/Divider-BGf_EQkK.js.map +1 -0
- package/dist/next/{Divider-Fpf7-0z3.cjs → Divider-Bew1Qx5f.cjs} +19 -5
- package/dist/next/Divider-Bew1Qx5f.cjs.map +1 -0
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-CzQhdSD7.js → Dropdown-DqYjIelJ.js} +72 -34
- package/dist/next/Dropdown-DqYjIelJ.js.map +1 -0
- package/dist/next/{Dropdown-BHd5BuCB.cjs → Dropdown-qvuelg8z.cjs} +71 -33
- package/dist/next/Dropdown-qvuelg8z.cjs.map +1 -0
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-BbuuFZCb.js → EmptyState-CNii02MI.js} +42 -9
- package/dist/next/EmptyState-CNii02MI.js.map +1 -0
- package/dist/next/{EmptyState-edgOQ6GW.cjs → EmptyState-DMIL8ecB.cjs} +41 -8
- package/dist/next/EmptyState-DMIL8ecB.cjs.map +1 -0
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-D7qdf0y5.js → FileUpload-BSqFdKZD.js} +119 -91
- package/dist/next/FileUpload-BSqFdKZD.js.map +1 -0
- package/dist/next/{FileUpload-BeTvsLw-.cjs → FileUpload-DpxmgS-B.cjs} +118 -90
- package/dist/next/FileUpload-DpxmgS-B.cjs.map +1 -0
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/Footer-CD8eu471.js +252 -0
- package/dist/next/Footer-CD8eu471.js.map +1 -0
- package/dist/next/Footer-CukKL1zM.cjs +251 -0
- package/dist/next/Footer-CukKL1zM.cjs.map +1 -0
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-D_92BmcS.js → FormGroup-DSDuqKWJ.js} +55 -44
- package/dist/next/FormGroup-DSDuqKWJ.js.map +1 -0
- package/dist/next/{FormGroup-BBfiah0c.cjs → FormGroup-DXvH4AmB.cjs} +54 -43
- package/dist/next/FormGroup-DXvH4AmB.cjs.map +1 -0
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/IconButton--X_Bqn4g.cjs +202 -0
- package/dist/next/IconButton--X_Bqn4g.cjs.map +1 -0
- package/dist/next/IconButton-B1r838wY.js +203 -0
- package/dist/next/IconButton-B1r838wY.js.map +1 -0
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/MarkdownRenderer-ByOcqHm_.cjs +119 -0
- package/dist/next/MarkdownRenderer-ByOcqHm_.cjs.map +1 -0
- package/dist/next/MarkdownRenderer-r0prlhyN.js +120 -0
- package/dist/next/MarkdownRenderer-r0prlhyN.js.map +1 -0
- package/dist/next/MarkdownRenderer.cjs.js +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/MessagePopUp.cjs.js +2 -2
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopUp-D6QdsrUO.cjs → MessagePopup-BL7842Cu.cjs} +36 -14
- package/dist/next/MessagePopup-BL7842Cu.cjs.map +1 -0
- package/dist/next/{MessagePopUp-DEbsvN19.js → MessagePopup-Bjgods-d.js} +36 -14
- package/dist/next/MessagePopup-Bjgods-d.js.map +1 -0
- package/dist/next/{MetricBox-Cl0r-MUz.cjs → MetricBox-B9AG8u6p.cjs} +59 -65
- package/dist/next/MetricBox-B9AG8u6p.cjs.map +1 -0
- package/dist/next/{MetricBox-BIWbtopW.js → MetricBox-CM85hhlk.js} +60 -66
- package/dist/next/MetricBox-CM85hhlk.js.map +1 -0
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-BmAYw3X9.cjs → Modal-Bauehvf1.cjs} +65 -50
- package/dist/next/Modal-Bauehvf1.cjs.map +1 -0
- package/dist/next/{Modal-BOaNai97.js → Modal-BddVxoXY.js} +65 -50
- package/dist/next/Modal-BddVxoXY.js.map +1 -0
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/NavBar-kgNrVtKB.js +173 -0
- package/dist/next/NavBar-kgNrVtKB.js.map +1 -0
- package/dist/next/NavBar-yvxI6w8C.cjs +172 -0
- package/dist/next/NavBar-yvxI6w8C.cjs.map +1 -0
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-DCE8DuOm.js → NotificationCenter-DlbqVzzr.js} +80 -55
- package/dist/next/{NotificationCenter-DCE8DuOm.js.map → NotificationCenter-DlbqVzzr.js.map} +1 -1
- package/dist/next/{NotificationCenter-BIuJj-PB.cjs → NotificationCenter-dkrHsIKr.cjs} +80 -55
- package/dist/next/{NotificationCenter-BIuJj-PB.cjs.map → NotificationCenter-dkrHsIKr.cjs.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/Pager-CGqvekhJ.js +187 -0
- package/dist/next/Pager-CGqvekhJ.js.map +1 -0
- package/dist/next/Pager-jPCTdMIg.cjs +186 -0
- package/dist/next/Pager-jPCTdMIg.cjs.map +1 -0
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/PopOver-BBFa0Sr0.js +250 -0
- package/dist/next/PopOver-BBFa0Sr0.js.map +1 -0
- package/dist/next/PopOver-DoS-aqXT.cjs +249 -0
- package/dist/next/PopOver-DoS-aqXT.cjs.map +1 -0
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/ProgressBar-BIojCvdG.js +151 -0
- package/dist/next/ProgressBar-BIojCvdG.js.map +1 -0
- package/dist/next/{ProgressBar-QdYZNfsm.cjs → ProgressBar-DyyIhH1C.cjs} +52 -49
- package/dist/next/ProgressBar-DyyIhH1C.cjs.map +1 -0
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/RadioButton-B2yQz2_q.js +172 -0
- package/dist/next/RadioButton-B2yQz2_q.js.map +1 -0
- package/dist/next/RadioButton-V4J4u58H.cjs +171 -0
- package/dist/next/RadioButton-V4J4u58H.cjs.map +1 -0
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/Rating-C1Lb-VqV.cjs +208 -0
- package/dist/next/Rating-C1Lb-VqV.cjs.map +1 -0
- package/dist/next/Rating-DQsfA43l.js +209 -0
- package/dist/next/Rating-DQsfA43l.js.map +1 -0
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/STT-BygzgjFx.cjs +133 -0
- package/dist/next/STT-BygzgjFx.cjs.map +1 -0
- package/dist/next/STT-DKdM1tbk.js +134 -0
- package/dist/next/STT-DKdM1tbk.js.map +1 -0
- package/dist/next/ScrollToTop.cjs.js +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/{Select-DXO2nK78.js → Select-B3JaOW2f.js} +67 -48
- package/dist/next/Select-B3JaOW2f.js.map +1 -0
- package/dist/next/{Select-BVxDV81c.cjs → Select-D4QdlQ6W.cjs} +67 -48
- package/dist/next/Select-D4QdlQ6W.cjs.map +1 -0
- package/dist/next/Select.cjs.js +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-R1NSvWHu.js → Sidebar-C6NbdjWV.js} +112 -78
- package/dist/next/Sidebar-C6NbdjWV.js.map +1 -0
- package/dist/next/{Sidebar-C_zefcbg.cjs → Sidebar-CbQ4ssz-.cjs} +111 -77
- package/dist/next/Sidebar-CbQ4ssz-.cjs.map +1 -0
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/Skeleton-BCbvshNz.cjs +116 -0
- package/dist/next/Skeleton-BCbvshNz.cjs.map +1 -0
- package/dist/next/Skeleton-D8Jqmncm.js +117 -0
- package/dist/next/Skeleton-D8Jqmncm.js.map +1 -0
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/Slider-BLoEjvbT.cjs +172 -0
- package/dist/next/Slider-BLoEjvbT.cjs.map +1 -0
- package/dist/next/Slider-q_hjFuqb.js +173 -0
- package/dist/next/Slider-q_hjFuqb.js.map +1 -0
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/Spinner-Bk_yQWCK.cjs +142 -0
- package/dist/next/Spinner-Bk_yQWCK.cjs.map +1 -0
- package/dist/next/Spinner-CagtJg0l.js +143 -0
- package/dist/next/Spinner-CagtJg0l.js.map +1 -0
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-De9foUOK.js → Stepper-BzItximd.js} +44 -43
- package/dist/next/Stepper-BzItximd.js.map +1 -0
- package/dist/next/{Stepper-C_qUO4sd.cjs → Stepper-kC6EOZ_b.cjs} +44 -43
- package/dist/next/Stepper-kC6EOZ_b.cjs.map +1 -0
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-Dk0OQfLb.js → Tabs-CuF_JTan.js} +44 -44
- package/dist/next/{Tabs-Dk0OQfLb.js.map → Tabs-CuF_JTan.js.map} +1 -1
- package/dist/next/{Tabs-CEFKDLm1.cjs → Tabs-DhQgzZKQ.cjs} +44 -44
- package/dist/next/{Tabs-CEFKDLm1.cjs.map → Tabs-DhQgzZKQ.cjs.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-B_VOR8-r.js → TagInput-CJ2XdMU0.js} +48 -48
- package/dist/next/{TagInput-B_VOR8-r.js.map → TagInput-CJ2XdMU0.js.map} +1 -1
- package/dist/next/{TagInput-BVng78ON.cjs → TagInput-DuvUD94J.cjs} +48 -48
- package/dist/next/{TagInput-BVng78ON.cjs.map → TagInput-DuvUD94J.cjs.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextInput-D0rdRASC.cjs → TextInput-CpbTf99E.cjs} +40 -40
- package/dist/next/{TextInput-D0rdRASC.cjs.map → TextInput-CpbTf99E.cjs.map} +1 -1
- package/dist/next/{TextInput-B00XEBiM.js → TextInput-G1Pvtebv.js} +40 -40
- package/dist/next/{TextInput-B00XEBiM.js.map → TextInput-G1Pvtebv.js.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{Timeline-CLEpMONv.js → Timeline-WHRPqD31.js} +39 -39
- package/dist/next/{Timeline-CLEpMONv.js.map → Timeline-WHRPqD31.js.map} +1 -1
- package/dist/next/{Timeline-BmXIKNsF.cjs → Timeline-jmKmKwxD.cjs} +39 -39
- package/dist/next/{Timeline-BmXIKNsF.cjs.map → Timeline-jmKmKwxD.cjs.map} +1 -1
- package/dist/next/Timeline.cjs.js +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toolbar-DleUmVkR.cjs → Toolbar-Dv6focMM.cjs} +35 -35
- package/dist/next/{Toolbar-DleUmVkR.cjs.map → Toolbar-Dv6focMM.cjs.map} +1 -1
- package/dist/next/{Toolbar-Dme9QqMY.js → Toolbar-Dw__aR2C.js} +35 -35
- package/dist/next/{Toolbar-Dme9QqMY.js.map → Toolbar-Dw__aR2C.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-CIR-uUPY.cjs → Tooltip-CnwS0tgW.cjs} +39 -39
- package/dist/next/{Tooltip-CIR-uUPY.cjs.map → Tooltip-CnwS0tgW.cjs.map} +1 -1
- package/dist/next/{Tooltip-BLzis3b9.js → Tooltip-DhRckexD.js} +39 -39
- package/dist/next/{Tooltip-BLzis3b9.js.map → Tooltip-DhRckexD.js.map} +1 -1
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/index.cjs.js +68 -72
- package/dist/next/index.cjs.js.map +1 -1
- package/dist/next/index.js +70 -75
- package/dist/next/index.js.map +1 -1
- package/dist/next/style.css +2933 -2524
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Avatar/Avatar.types.d.ts +14 -0
- package/dist/types/components/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/types/components/Avatar/AvatarBase.d.ts +2 -7
- package/dist/types/components/Avatar/AvatarBase.d.ts.map +1 -1
- package/dist/types/components/Badge/Badge.types.d.ts +12 -1
- package/dist/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/types/components/Badge/BadgeBase.d.ts +1 -4
- package/dist/types/components/Badge/BadgeBase.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +5 -0
- package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts +1 -6
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts.map +1 -1
- package/dist/types/components/Button/Button.types.d.ts +18 -2
- package/dist/types/components/Button/Button.types.d.ts.map +1 -1
- package/dist/types/components/Button/ButtonBase.d.ts +1 -5
- package/dist/types/components/Button/ButtonBase.d.ts.map +1 -1
- package/dist/types/components/Card/Card.types.d.ts +14 -2
- package/dist/types/components/Card/Card.types.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts +1 -15
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/dist/types/components/Checkbox/Checkbox.types.d.ts +3 -0
- package/dist/types/components/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/dist/types/components/Checkbox/CheckboxBase.d.ts +1 -4
- package/dist/types/components/Checkbox/CheckboxBase.d.ts.map +1 -1
- package/dist/types/components/Chip/ChipBase.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/CircularProgress.types.d.ts +3 -0
- package/dist/types/components/CircularProgress/CircularProgress.types.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/CircularProgressBase.d.ts +1 -4
- package/dist/types/components/CircularProgress/CircularProgressBase.d.ts.map +1 -1
- package/dist/types/components/ColorPicker/ColorPicker.types.d.ts +3 -0
- package/dist/types/components/ColorPicker/ColorPicker.types.d.ts.map +1 -1
- package/dist/types/components/ColorPicker/ColorPickerBase.d.ts +1 -4
- package/dist/types/components/ColorPicker/ColorPickerBase.d.ts.map +1 -1
- package/dist/types/components/CommandPalette/CommandPalette.types.d.ts +4 -0
- package/dist/types/components/CommandPalette/CommandPalette.types.d.ts.map +1 -1
- package/dist/types/components/CommandPalette/CommandPaletteBase.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTable.types.d.ts +4 -0
- package/dist/types/components/DataTable/DataTable.types.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts +4 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts +6 -0
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/DateTimePickerBase.d.ts +1 -7
- package/dist/types/components/DateTimePicker/DateTimePickerBase.d.ts.map +1 -1
- package/dist/types/components/Divider/Divider.types.d.ts +3 -0
- package/dist/types/components/Divider/Divider.types.d.ts.map +1 -1
- package/dist/types/components/Divider/DividerBase.d.ts +1 -4
- package/dist/types/components/Divider/DividerBase.d.ts.map +1 -1
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/dist/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/types/components/Dropdown/DropdownBase.d.ts +2 -6
- package/dist/types/components/Dropdown/DropdownBase.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyState.types.d.ts +4 -0
- package/dist/types/components/EmptyState/EmptyState.types.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyStateBase.d.ts +1 -5
- package/dist/types/components/EmptyState/EmptyStateBase.d.ts.map +1 -1
- package/dist/types/components/FileUpload/FileUpload.types.d.ts +7 -0
- package/dist/types/components/FileUpload/FileUpload.types.d.ts.map +1 -1
- package/dist/types/components/FileUpload/FileUploadBase.d.ts +1 -8
- package/dist/types/components/FileUpload/FileUploadBase.d.ts.map +1 -1
- package/dist/types/components/Footer/Footer.types.d.ts +13 -0
- package/dist/types/components/Footer/Footer.types.d.ts.map +1 -1
- package/dist/types/components/Footer/FooterBase.d.ts +2 -14
- package/dist/types/components/Footer/FooterBase.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroup.types.d.ts +3 -0
- package/dist/types/components/FormGroup/FormGroup.types.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroupBase.d.ts +1 -4
- package/dist/types/components/FormGroup/FormGroupBase.d.ts.map +1 -1
- package/dist/types/components/IconButton/IconButton.types.d.ts +11 -10
- package/dist/types/components/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/types/components/IconButton/IconButtonBase.d.ts +1 -5
- package/dist/types/components/IconButton/IconButtonBase.d.ts.map +1 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRenderer.types.d.ts +5 -0
- package/dist/types/components/MarkdownRenderer/MarkdownRenderer.types.d.ts.map +1 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRendererBase.d.ts +1 -5
- package/dist/types/components/MarkdownRenderer/MarkdownRendererBase.d.ts.map +1 -1
- package/dist/types/components/MessagePopUp/{MessagePopUp.types.d.ts → MessagePopup.types.d.ts} +6 -1
- package/dist/types/components/MessagePopUp/{MessagePopUp.types.d.ts.map → MessagePopup.types.d.ts.map} +1 -1
- package/dist/types/components/MessagePopUp/MessagePopupBase.d.ts +5 -0
- package/dist/types/components/MessagePopUp/MessagePopupBase.d.ts.map +1 -0
- package/dist/types/components/MessagePopUp/core/{MessagePopUp.d.ts → MessagePopup.d.ts} +2 -2
- package/dist/types/components/MessagePopUp/core/{MessagePopUp.d.ts.map → MessagePopup.d.ts.map} +1 -1
- package/dist/types/components/MessagePopUp/next/{MessagePopUp.d.ts → MessagePopup.d.ts} +2 -2
- package/dist/types/components/MessagePopUp/next/MessagePopup.d.ts.map +1 -0
- package/dist/types/components/MetricBox/MetricBox.types.d.ts +3 -0
- package/dist/types/components/MetricBox/MetricBox.types.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBoxBase.d.ts +1 -4
- package/dist/types/components/MetricBox/MetricBoxBase.d.ts.map +1 -1
- package/dist/types/components/Modal/Modal.types.d.ts +5 -0
- package/dist/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalBase.d.ts +1 -6
- package/dist/types/components/Modal/ModalBase.d.ts.map +1 -1
- package/dist/types/components/NavBar/NavBar.types.d.ts +13 -0
- package/dist/types/components/NavBar/NavBar.types.d.ts.map +1 -1
- package/dist/types/components/NavBar/NavBarBase.d.ts +2 -14
- package/dist/types/components/NavBar/NavBarBase.d.ts.map +1 -1
- package/dist/types/components/NavBar/core/NavBar.d.ts.map +1 -1
- package/dist/types/components/NavBar/next/NavBar.d.ts.map +1 -1
- package/dist/types/components/NotificationCenter/NotificationCenter.types.d.ts +5 -0
- package/dist/types/components/NotificationCenter/NotificationCenter.types.d.ts.map +1 -1
- package/dist/types/components/NotificationCenter/NotificationCenterBase.d.ts +1 -6
- package/dist/types/components/NotificationCenter/NotificationCenterBase.d.ts.map +1 -1
- package/dist/types/components/Pager/Pager.types.d.ts +5 -0
- package/dist/types/components/Pager/Pager.types.d.ts.map +1 -1
- package/dist/types/components/Pager/PagerBase.d.ts +1 -6
- package/dist/types/components/Pager/PagerBase.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOver.types.d.ts +4 -0
- package/dist/types/components/PopOver/PopOver.types.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOverBase.d.ts +1 -4
- package/dist/types/components/PopOver/PopOverBase.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts +3 -0
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBarBase.d.ts +1 -4
- package/dist/types/components/ProgressBar/ProgressBarBase.d.ts.map +1 -1
- package/dist/types/components/RadioButton/RadioButton.types.d.ts +3 -0
- package/dist/types/components/RadioButton/RadioButton.types.d.ts.map +1 -1
- package/dist/types/components/RadioButton/RadioButtonBase.d.ts +1 -4
- package/dist/types/components/RadioButton/RadioButtonBase.d.ts.map +1 -1
- package/dist/types/components/Rating/Rating.types.d.ts +3 -0
- package/dist/types/components/Rating/Rating.types.d.ts.map +1 -1
- package/dist/types/components/Rating/RatingBase.d.ts +1 -4
- package/dist/types/components/Rating/RatingBase.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts +4 -0
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTopBase.d.ts +1 -5
- package/dist/types/components/ScrollToTop/ScrollToTopBase.d.ts.map +1 -1
- package/dist/types/components/Select/Select.types.d.ts +9 -0
- package/dist/types/components/Select/Select.types.d.ts.map +1 -1
- package/dist/types/components/Select/SelectBase.d.ts +1 -4
- package/dist/types/components/Select/SelectBase.d.ts.map +1 -1
- package/dist/types/components/Sidebar/Sidebar.types.d.ts +4 -0
- package/dist/types/components/Sidebar/Sidebar.types.d.ts.map +1 -1
- package/dist/types/components/Sidebar/SidebarBase.d.ts +1 -5
- package/dist/types/components/Sidebar/SidebarBase.d.ts.map +1 -1
- package/dist/types/components/Skeleton/Skeleton.types.d.ts +9 -0
- package/dist/types/components/Skeleton/Skeleton.types.d.ts.map +1 -1
- package/dist/types/components/Skeleton/SkeletonBase.d.ts +2 -5
- package/dist/types/components/Skeleton/SkeletonBase.d.ts.map +1 -1
- package/dist/types/components/Slider/Slider.types.d.ts +8 -0
- package/dist/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/dist/types/components/Slider/SliderBase.d.ts.map +1 -1
- package/dist/types/components/Spinner/SpinnerBase.d.ts.map +1 -1
- package/dist/types/components/Stepper/Stepper.types.d.ts +4 -0
- package/dist/types/components/Stepper/Stepper.types.d.ts.map +1 -1
- package/dist/types/components/Stepper/StepperBase.d.ts +1 -5
- package/dist/types/components/Stepper/StepperBase.d.ts.map +1 -1
- package/dist/types/components/TagInput/core/{TagInput.d.ts → Taginput.d.ts} +1 -1
- package/dist/types/components/TagInput/core/{TagInput.d.ts.map → Taginput.d.ts.map} +1 -1
- package/dist/types/index.core.d.ts +2 -2
- package/dist/types/index.next.d.ts +1 -2
- package/dist/types/index.next.d.ts.map +1 -1
- package/dist/types/public.types.d.ts +1 -1
- package/dist/types/utils/scales.d.ts +7 -0
- package/dist/types/utils/scales.d.ts.map +1 -0
- package/package.json +11 -23
- package/dist/core/Avatar-B3hD_M2R.cjs.map +0 -1
- package/dist/core/Avatar-BxHxzh30.js.map +0 -1
- package/dist/core/Badge-DUALACa_.js.map +0 -1
- package/dist/core/Badge-DwjSTlvN.cjs.map +0 -1
- package/dist/core/Breadcrumbs-BKx89feu.js.map +0 -1
- package/dist/core/Breadcrumbs-DrfR3704.cjs.map +0 -1
- package/dist/core/Button-BnyCKkUs.cjs.map +0 -1
- package/dist/core/Button-brEyEh7E.js.map +0 -1
- package/dist/core/Card-Bae4H8tR.js.map +0 -1
- package/dist/core/Card-BsYXSByx.cjs.map +0 -1
- package/dist/core/Checkbox-BykCObI-.js.map +0 -1
- package/dist/core/Checkbox-Ye8jGIKV.cjs.map +0 -1
- package/dist/core/Checkbox.cjs.js +0 -4
- package/dist/core/Checkbox.cjs.js.map +0 -1
- package/dist/core/Checkbox.js +0 -5
- package/dist/core/Checkbox.js.map +0 -1
- package/dist/core/Chip-DjWJJ19V.js.map +0 -1
- package/dist/core/Chip-JKvM6DlT.cjs.map +0 -1
- package/dist/core/CircularProgress-B-N4px22.cjs.map +0 -1
- package/dist/core/CircularProgress-ClCxzsSz.js.map +0 -1
- package/dist/core/ColorPicker-BQiTjeqQ.js.map +0 -1
- package/dist/core/ColorPicker-DR9huYqs.cjs.map +0 -1
- package/dist/core/CommandPalette-PhWRjxbF.js.map +0 -1
- package/dist/core/CommandPalette-XZ3MmC7j.cjs.map +0 -1
- package/dist/core/DataTable-DQU1WxPr.js.map +0 -1
- package/dist/core/DataTable-DZeVQIC0.cjs.map +0 -1
- package/dist/core/DateTimePicker-BtITiL_E.cjs.map +0 -1
- package/dist/core/DateTimePicker-O8khtyOu.js.map +0 -1
- package/dist/core/Divider-An2VsXog.js.map +0 -1
- package/dist/core/Divider-TtfSFBcp.cjs.map +0 -1
- package/dist/core/Dropdown-CPKkSeq2.js.map +0 -1
- package/dist/core/Dropdown-iTrhrEMO.cjs.map +0 -1
- package/dist/core/EmptyState-C0TYr_9h.cjs.map +0 -1
- package/dist/core/EmptyState-DHNuzYnG.js.map +0 -1
- package/dist/core/FileUpload-BJu-5NKg.js.map +0 -1
- package/dist/core/FileUpload-CuJ8RYA7.cjs.map +0 -1
- package/dist/core/Footer-B6ybz8yK.cjs +0 -201
- package/dist/core/Footer-B6ybz8yK.cjs.map +0 -1
- package/dist/core/Footer-C0OiicSH.js +0 -202
- package/dist/core/Footer-C0OiicSH.js.map +0 -1
- package/dist/core/FormGroup-BXWYrYOK.cjs.map +0 -1
- package/dist/core/FormGroup-DS2tW-lC.js.map +0 -1
- package/dist/core/IconButton-BADgP1DD.cjs +0 -147
- package/dist/core/IconButton-BADgP1DD.cjs.map +0 -1
- package/dist/core/IconButton-Dsw2M1s8.js +0 -148
- package/dist/core/IconButton-Dsw2M1s8.js.map +0 -1
- package/dist/core/MarkdownRenderer-CQVfqnxf.js +0 -79
- package/dist/core/MarkdownRenderer-CQVfqnxf.js.map +0 -1
- package/dist/core/MarkdownRenderer-taVkZLE9.cjs +0 -78
- package/dist/core/MarkdownRenderer-taVkZLE9.cjs.map +0 -1
- package/dist/core/MessagePopUp--LfNe9F6.js.map +0 -1
- package/dist/core/MessagePopUp-D6rtyzX3.cjs.map +0 -1
- package/dist/core/MetricBox-D5Dl19d2.js.map +0 -1
- package/dist/core/MetricBox-DjE-rdp0.cjs.map +0 -1
- package/dist/core/Modal--5xg1kDj.cjs.map +0 -1
- package/dist/core/Modal-CYw6ZB5A.js.map +0 -1
- package/dist/core/NavBar-Dier3-3b.cjs.map +0 -1
- package/dist/core/NavBar-UpeebUNC.js.map +0 -1
- package/dist/core/Pager-Dfaqg2oX.js +0 -166
- package/dist/core/Pager-Dfaqg2oX.js.map +0 -1
- package/dist/core/Pager-DrKL8NGY.cjs +0 -165
- package/dist/core/Pager-DrKL8NGY.cjs.map +0 -1
- package/dist/core/PopOver-BdZXa2hs.cjs +0 -186
- package/dist/core/PopOver-BdZXa2hs.cjs.map +0 -1
- package/dist/core/PopOver-C6AnRNop.js +0 -187
- package/dist/core/PopOver-C6AnRNop.js.map +0 -1
- package/dist/core/ProgressBar-CuIHF5N0.js.map +0 -1
- package/dist/core/ProgressBar-PiSFvLwa.cjs.map +0 -1
- package/dist/core/RadioButton-DP8HSNZD.cjs.map +0 -1
- package/dist/core/RadioButton-DTPBlw1t.js.map +0 -1
- package/dist/core/Rating-Jx3DBFOd.cjs.map +0 -1
- package/dist/core/Rating-QF5O1MFS.js.map +0 -1
- package/dist/core/STT-CA0J3Cr9.js +0 -97
- package/dist/core/STT-CA0J3Cr9.js.map +0 -1
- package/dist/core/STT-CKXp-dIO.cjs +0 -96
- package/dist/core/STT-CKXp-dIO.cjs.map +0 -1
- package/dist/core/Select-CDWU_cuN.js.map +0 -1
- package/dist/core/Select-DWzxymiA.cjs.map +0 -1
- package/dist/core/Sidebar-CqTJJULG.cjs.map +0 -1
- package/dist/core/Sidebar-z0mG5nn_.js.map +0 -1
- package/dist/core/Skeleton-BniIVZmx.js.map +0 -1
- package/dist/core/Skeleton-CeMwLgnq.cjs.map +0 -1
- package/dist/core/Slider-DZycGDIY.cjs.map +0 -1
- package/dist/core/Slider-QEwgd0le.js.map +0 -1
- package/dist/core/Spinner-BTmQ7ZN9.cjs.map +0 -1
- package/dist/core/Spinner-DGF0pR7I.js.map +0 -1
- package/dist/core/Stepper-B-wTooCi.js.map +0 -1
- package/dist/core/Stepper-CZ0lJwyQ.cjs.map +0 -1
- package/dist/next/Avatar-B3eTb_Xz.js.map +0 -1
- package/dist/next/Avatar-BX8mh_3b.cjs.map +0 -1
- package/dist/next/Badge-DUUW_Zp1.cjs +0 -138
- package/dist/next/Badge-DUUW_Zp1.cjs.map +0 -1
- package/dist/next/Badge-DywmGB1E.js +0 -139
- package/dist/next/Badge-DywmGB1E.js.map +0 -1
- package/dist/next/Breadcrumbs-7MNPobUi.cjs.map +0 -1
- package/dist/next/Breadcrumbs-BM-yj_kq.js.map +0 -1
- package/dist/next/Button-ClWB5gZW.js +0 -208
- package/dist/next/Button-ClWB5gZW.js.map +0 -1
- package/dist/next/Button-G1PFBSqU.cjs +0 -207
- package/dist/next/Button-G1PFBSqU.cjs.map +0 -1
- package/dist/next/Card-B_USybKk.js.map +0 -1
- package/dist/next/Card-Bg9EknRD.cjs.map +0 -1
- package/dist/next/Checkbox-3k5UZ20q.js.map +0 -1
- package/dist/next/Checkbox-CFz2oqPW.cjs.map +0 -1
- package/dist/next/Checkbox.cjs.js +0 -4
- package/dist/next/Checkbox.cjs.js.map +0 -1
- package/dist/next/Checkbox.js +0 -5
- package/dist/next/Checkbox.js.map +0 -1
- package/dist/next/Chip-CMP-naRw.js.map +0 -1
- package/dist/next/Chip-DoRB7LBO.cjs.map +0 -1
- package/dist/next/CircularProgress-CcIv2nXN.cjs.map +0 -1
- package/dist/next/CircularProgress-DTKTvWPL.js.map +0 -1
- package/dist/next/ColorPicker-BWv-0yLo.js +0 -159
- package/dist/next/ColorPicker-BWv-0yLo.js.map +0 -1
- package/dist/next/ColorPicker-C2FmQVNl.cjs +0 -158
- package/dist/next/ColorPicker-C2FmQVNl.cjs.map +0 -1
- package/dist/next/CommandPalette-BaJ9KSob.js.map +0 -1
- package/dist/next/CommandPalette-DjR2pE5m.cjs.map +0 -1
- package/dist/next/DataTable-BxpVeU6-.js.map +0 -1
- package/dist/next/DataTable-C5OyGLWn.cjs.map +0 -1
- package/dist/next/DateTimePicker-CnHSl0jQ.cjs.map +0 -1
- package/dist/next/DateTimePicker-HNGW6xNG.js.map +0 -1
- package/dist/next/Divider-Fpf7-0z3.cjs.map +0 -1
- package/dist/next/Divider-PQO6alS3.js.map +0 -1
- package/dist/next/Dropdown-BHd5BuCB.cjs.map +0 -1
- package/dist/next/Dropdown-CzQhdSD7.js.map +0 -1
- package/dist/next/EmptyState-BbuuFZCb.js.map +0 -1
- package/dist/next/EmptyState-edgOQ6GW.cjs.map +0 -1
- package/dist/next/FileUpload-BeTvsLw-.cjs.map +0 -1
- package/dist/next/FileUpload-D7qdf0y5.js.map +0 -1
- package/dist/next/Footer-DCYc1MZV.cjs +0 -251
- package/dist/next/Footer-DCYc1MZV.cjs.map +0 -1
- package/dist/next/Footer-DHkI2Lbi.js +0 -252
- package/dist/next/Footer-DHkI2Lbi.js.map +0 -1
- package/dist/next/FormGroup-BBfiah0c.cjs.map +0 -1
- package/dist/next/FormGroup-D_92BmcS.js.map +0 -1
- package/dist/next/IconButton-Dk8EDf4Z.js +0 -186
- package/dist/next/IconButton-Dk8EDf4Z.js.map +0 -1
- package/dist/next/IconButton-SZdNlqIZ.cjs +0 -185
- package/dist/next/IconButton-SZdNlqIZ.cjs.map +0 -1
- package/dist/next/MarkdownRenderer-DnhK5V1k.cjs +0 -89
- package/dist/next/MarkdownRenderer-DnhK5V1k.cjs.map +0 -1
- package/dist/next/MarkdownRenderer-xAxEjENn.js +0 -90
- package/dist/next/MarkdownRenderer-xAxEjENn.js.map +0 -1
- package/dist/next/MessagePopUp-D6QdsrUO.cjs.map +0 -1
- package/dist/next/MessagePopUp-DEbsvN19.js.map +0 -1
- package/dist/next/MetricBox-BIWbtopW.js.map +0 -1
- package/dist/next/MetricBox-Cl0r-MUz.cjs.map +0 -1
- package/dist/next/Modal-BOaNai97.js.map +0 -1
- package/dist/next/Modal-BmAYw3X9.cjs.map +0 -1
- package/dist/next/NavBar-CKo-nom2.js +0 -173
- package/dist/next/NavBar-CKo-nom2.js.map +0 -1
- package/dist/next/NavBar-CO4v6_28.cjs +0 -172
- package/dist/next/NavBar-CO4v6_28.cjs.map +0 -1
- package/dist/next/Pager-BADOS4cm.cjs +0 -166
- package/dist/next/Pager-BADOS4cm.cjs.map +0 -1
- package/dist/next/Pager-DiZtB-Df.js +0 -167
- package/dist/next/Pager-DiZtB-Df.js.map +0 -1
- package/dist/next/PopOver-CAUFP1-Y.js +0 -234
- package/dist/next/PopOver-CAUFP1-Y.js.map +0 -1
- package/dist/next/PopOver-D2x2a4Jw.cjs +0 -233
- package/dist/next/PopOver-D2x2a4Jw.cjs.map +0 -1
- package/dist/next/ProgressBar-C02f6SzB.js +0 -148
- package/dist/next/ProgressBar-C02f6SzB.js.map +0 -1
- package/dist/next/ProgressBar-QdYZNfsm.cjs.map +0 -1
- package/dist/next/RadioButton-BvqTDvI8.cjs +0 -159
- package/dist/next/RadioButton-BvqTDvI8.cjs.map +0 -1
- package/dist/next/RadioButton-CffrjQlz.js +0 -160
- package/dist/next/RadioButton-CffrjQlz.js.map +0 -1
- package/dist/next/Rating-C31vTdO9.cjs +0 -177
- package/dist/next/Rating-C31vTdO9.cjs.map +0 -1
- package/dist/next/Rating-CqV2p3Wa.js +0 -178
- package/dist/next/Rating-CqV2p3Wa.js.map +0 -1
- package/dist/next/STT-B89YQxDF.js +0 -111
- package/dist/next/STT-B89YQxDF.js.map +0 -1
- package/dist/next/STT-B8QYAxU7.cjs +0 -110
- package/dist/next/STT-B8QYAxU7.cjs.map +0 -1
- package/dist/next/Select-BVxDV81c.cjs.map +0 -1
- package/dist/next/Select-DXO2nK78.js.map +0 -1
- package/dist/next/Sidebar-C_zefcbg.cjs.map +0 -1
- package/dist/next/Sidebar-R1NSvWHu.js.map +0 -1
- package/dist/next/Skeleton-CJpwvGKT.js +0 -104
- package/dist/next/Skeleton-CJpwvGKT.js.map +0 -1
- package/dist/next/Skeleton-VK_AxGlo.cjs +0 -103
- package/dist/next/Skeleton-VK_AxGlo.cjs.map +0 -1
- package/dist/next/Slider-CkQdnTd6.cjs +0 -159
- package/dist/next/Slider-CkQdnTd6.cjs.map +0 -1
- package/dist/next/Slider-DIJEeH2r.js +0 -160
- package/dist/next/Slider-DIJEeH2r.js.map +0 -1
- package/dist/next/Spinner-Duq63bbK.cjs +0 -139
- package/dist/next/Spinner-Duq63bbK.cjs.map +0 -1
- package/dist/next/Spinner-N0I3bKh8.js +0 -140
- package/dist/next/Spinner-N0I3bKh8.js.map +0 -1
- package/dist/next/Stepper-C_qUO4sd.cjs.map +0 -1
- package/dist/next/Stepper-De9foUOK.js.map +0 -1
- package/dist/types/components/MessagePopUp/MessagePopUpBase.d.ts +0 -10
- package/dist/types/components/MessagePopUp/MessagePopUpBase.d.ts.map +0 -1
- package/dist/types/components/MessagePopUp/next/MessagePopUp.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge-DwjSTlvN.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/core/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeProps } from \"./Badge.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 BadgeBaseProps extends BadgeProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n text,\r\n children,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n disabled = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n title,\r\n size = getDefaultSize(),\r\n outline = false,\r\n icon: Icon,\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"badge\",\r\n onClick,\r\n}) => {\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.badge,\r\n classMap[size],\r\n classMap[theme],\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 outline && classMap.outline,\r\n onClick && classMap.clickable,\r\n className\r\n ),\r\n [theme, size, outline, className]\r\n );\r\n\r\n if (!text && !children) return null;\r\n\r\n const content = children ?? text;\r\n const label = typeof content === \"string\" ? content : text;\r\n\r\n const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n if (disabled) return;\r\n onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n if (!title && !onClick) e.preventDefault();\r\n };\r\n\r\n return (\r\n <span\r\n className={combinedClassName}\r\n aria-label={label}\r\n title={title || label}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n role=\"status\"\r\n onClick={handleClick}\r\n aria-live=\"polite\"\r\n >\r\n {Icon && (\r\n <Icon\r\n className={classMap[\"badge_icon\"]}\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n />\r\n )}\r\n {content}\r\n </span>\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./Badge.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst classes = {\r\n badge: \"badge\",\r\n\r\n primary: \"badge_primary\",\r\n secondary: \"badge_secondary\",\r\n tertiary: \"badge_tertiary\",\r\n quaternary: \"badge_quaternary\",\r\n clear: \"badge_clear\",\r\n\r\n success: \"badge_success\",\r\n error: \"badge_error\",\r\n warning: \"badge_warning\",\r\n\r\n xs: \"badge_xs\",\r\n small: \"badge_small\",\r\n medium: \"badge_medium\",\r\n large: \"badge_large\",\r\n xl: \"badge_xl\",\r\n\r\n shadowNone: \"badge_shadow-None\",\r\n shadowLight: \"badge_shadow-Light\",\r\n shadowMedium: \"badge_shadow-Medium\",\r\n shadowStrong: \"badge_shadow-Strong\",\r\n shadowIntense: \"badge_shadow-Intense\",\r\n\r\n roundNone: \"badge_round-None\",\r\n roundSmall: \"badge_round-Small\",\r\n roundMedium: \"badge_round-Medium\",\r\n roundLarge: \"badge_round-Large\",\r\n\r\n outline: \"badge_outline\",\r\n disabled: \"badge_disabled\",\r\n icon: \"badge_icon\",\r\n clickable: \"badge_clickable\",\r\n};\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n return <BadgeBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,OAAOC,kBAAAA,eAAA;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,YAAY,SAAS;AAAA,MACrB,WAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,OAAO,MAAM,SAAS,SAAS;AAAA,EAAA;AAGlC,MAAI,CAAC,QAAQ,CAAC,SAAU,QAAO;AAE/B,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,OAAO,YAAY,WAAW,UAAU;AAEtD,QAAM,cAAc,CAAC,MAA+B;AAClD,QAAI,SAAU;AACd,uCAAU;AACV,QAAI,CAAC,SAAS,CAAC,WAAW,eAAA;AAAA,EAC5B;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACzC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAU;AAAA,MAET,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS,YAAY;AAAA,YAChC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AC5EA,MAAM,UAAU;AAAA,EACd,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AACb;AAEA,MAAM,QAA8B,CAAC,UAAU;AAC7C,SAAOA,2BAAAA,IAAC,WAAA,EAAW,GAAG,OAAO,UAAU,SAAS;AAClD;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs-BKx89feu.js","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/core/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n RoundingType,\r\n ShadowType,\r\n SizeType,\r\n StateType,\r\n ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n /**\r\n * The display label for the breadcrumb.\r\n */\r\n label: string;\r\n\r\n /**\r\n * Optional URL the breadcrumb should link to.\r\n * If not provided, it is rendered as plain text.\r\n */\r\n href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n /**\r\n * An array of breadcrumb items.\r\n */\r\n items: Breadcrumb[];\r\n\r\n /**\r\n * Disables interaction and styles as disabled.\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * Optional custom separator node between breadcrumb items.\r\n * Defaults to a right chevron icon.\r\n */\r\n separator?: React.ReactNode;\r\n\r\n /**\r\n * Theme style to apply to the breadcrumbs\r\n * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n */\r\n theme?: ThemeType;\r\n\r\n /**\r\n * Rounding style to apply to the breadcrumbs\r\n * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n */\r\n rounding?: RoundingType;\r\n\r\n /**\r\n * Shadow style to apply to the breadcrumbs\r\n * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n */\r\n shadow?: ShadowType;\r\n\r\n /**\r\n * State of the breadcrumbs\r\n * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n * Used for visual feedback.\r\n */\r\n state?: StateType;\r\n\r\n /**\r\n * Size of the breadcrumbs\r\n * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n */\r\n size?: SizeType;\r\n\r\n /**\r\n * Additional class name for custom styling.\r\n */\r\n className?: string;\r\n\r\n /**\r\n * Whether to use the outline style.\r\n */\r\n outline?: boolean;\r\n\r\n /**\r\n * Maximum number of visible items before collapsing into an ellipsis.\r\n */\r\n maxVisible?: number;\r\n\r\n /**\r\n * Optional test ID for testing frameworks.\r\n */\r\n \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n Breadcrumb,\r\n BreadcrumbsProps,\r\n ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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 BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n ButtonComponent: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n items,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n separator,\r\n classMap,\r\n disabled = false,\r\n size = getDefaultSize(),\r\n outline = false,\r\n className = \"\",\r\n maxVisible,\r\n LinkComponent = \"a\",\r\n ButtonComponent,\r\n \"data-testid\": testId = \"breadcrumbs\",\r\n}) => {\r\n const [isExpanded, setIsExpanded] = useState(false);\r\n const handleExpand = () => setIsExpanded(true);\r\n\r\n const visibleItems: Breadcrumb[] = useMemo(() => {\r\n if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n const first = items[0];\r\n const lastItems = items.slice(items.length - (maxVisible - 2));\r\n return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n }, [items, isExpanded, maxVisible]);\r\n\r\n const breadcrumbsClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.breadcrumbs,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n outline && classMap.outline,\r\n className\r\n ),\r\n [theme, size, outline, className]\r\n );\r\n\r\n return (\r\n <nav\r\n aria-label=\"Breadcrumb\"\r\n data-testid={testId ? `${testId}-nav-container` : undefined}\r\n className={breadcrumbsClass}\r\n itemScope\r\n role=\"navigation\"\r\n itemType=\"https://schema.org/BreadcrumbList\"\r\n >\r\n <ol\r\n className={classMap.list}\r\n data-testid={testId ? `${testId}-nav-list` : undefined}\r\n >\r\n {visibleItems.map((item, index) => {\r\n const isLast = index === visibleItems.length - 1;\r\n const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n const itemClassName = combineClassNames(\r\n classMap.item,\r\n isExpanded && !isEllipsis && classMap.item_animate,\r\n isLast && classMap.item_active\r\n );\r\n\r\n return (\r\n <li\r\n data-testid={testId ? `${testId}-nav-item` : undefined}\r\n key={`${item.label}-${item.href ?? index}`}\r\n className={itemClassName}\r\n itemProp=\"itemListElement\"\r\n itemScope\r\n itemType=\"https://schema.org/ListItem\"\r\n aria-current={isLast ? \"page\" : undefined}\r\n >\r\n {isEllipsis ? (\r\n <ButtonComponent\r\n theme=\"clear\"\r\n size=\"small\"\r\n className={classMap.ellipsis}\r\n aria-label=\"Show more breadcrumbs\"\r\n onClick={handleExpand}\r\n tabIndex={0}\r\n data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n >\r\n {item.label}\r\n </ButtonComponent>\r\n ) : item.href && !isLast ? (\r\n <LinkComponent\r\n href={item.href}\r\n itemProp=\"item\"\r\n className={classMap.link}\r\n title={item.label}\r\n data-testid={testId ? `${testId}-nav-item-label` : undefined}\r\n >\r\n <span itemProp=\"name\" className={classMap.link_label}>\r\n {item.label}\r\n </span>\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={classMap.current}\r\n itemProp=\"name\"\r\n aria-current=\"page\"\r\n data-testid={\r\n testId ? `${testId}-nav-item-current` : undefined\r\n }\r\n >\r\n {item.label}\r\n </span>\r\n )}\r\n\r\n {!isLast && (\r\n <span className={classMap.separator} aria-hidden=\"true\">\r\n {separator ?? <ArrowRightIcon />}\r\n </span>\r\n )}\r\n <meta itemProp=\"position\" content={`${index + 1}`} />\r\n </li>\r\n );\r\n })}\r\n </ol>\r\n </nav>\r\n );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","import React from \"react\";\r\nimport \"./Breadcrumbs.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.core\";\r\n\r\nconst classes = {\r\n breadcrumbs: \"breadcrumbs\",\r\n\r\n primary: \"breadcrumbs_primary\",\r\n secondary: \"breadcrumbs_secondary\",\r\n tertiary: \"breadcrumbs_tertiary\",\r\n quaternary: \"breadcrumbs_quaternary\",\r\n\r\n success: \"breadcrumbs_success\",\r\n warning: \"breadcrumbs_warning\",\r\n error: \"breadcrumbs_error\",\r\n\r\n clear: \"breadcrumbs_clear\",\r\n\r\n outline: \"breadcrumbs_outline\",\r\n disabled: \"breadcrumbs_disabled\",\r\n\r\n shadowNone: \"breadcrumbs_shadow-None\",\r\n shadowLight: \"breadcrumbs_shadow-Light\",\r\n shadowMedium: \"breadcrumbs_shadow-Medium\",\r\n shadowStrong: \"breadcrumbs_shadow-Strong\",\r\n shadowIntense: \"breadcrumbs_shadow-Intense\",\r\n\r\n roundNone: \"breadcrumbs_round-None\",\r\n roundSmall: \"breadcrumbs_round-Small\",\r\n roundMedium: \"breadcrumbs_round-Medium\",\r\n roundLarge: \"breadcrumbs_round-Large\",\r\n\r\n xs: \"breadcrumbs_xs\",\r\n small: \"breadcrumbs_small\",\r\n medium: \"breadcrumbs_medium\",\r\n large: \"breadcrumbs_large\",\r\n xl: \"breadcrumbs_xl\",\r\n\r\n list: \"breadcrumbs_list\",\r\n item: \"breadcrumbs_item\",\r\n item_animate: \"breadcrumbs_item_animate\",\r\n item_active: \"breadcrumbs_item_active\",\r\n ellipsis: \"breadcrumbs_ellipsis\",\r\n link: \"breadcrumbs_link\",\r\n link_label: \"breadcrumbs_link_label\",\r\n current: \"breadcrumbs_current\",\r\n separator: \"breadcrumbs_separator\",\r\n separator_icon: \"breadcrumbs_separator_icon\",\r\n};\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n return (\r\n <BreadcrumbsBase {...props} classMap={classes} ButtonComponent={Button} />\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":[],"mappings":";;;;;;;;AAmGO,MAAM,iBAAiB;AC7EvB,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO,eAAA;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,eAAe,MAAM,cAAc,IAAI;AAE7C,QAAM,eAA6B,QAAQ,MAAM;AAC/C,QAAI,cAAc,CAAC,cAAc,MAAM,UAAU,WAAY,QAAO;AACpE,UAAM,QAAQ,MAAM,CAAC;AACrB,UAAM,YAAY,MAAM,MAAM,MAAM,UAAU,aAAa,EAAE;AAC7D,WAAO,CAAC,OAAO,EAAE,OAAO,eAAA,GAAkB,GAAG,SAAS;AAAA,EACxD,GAAG,CAAC,OAAO,YAAY,UAAU,CAAC;AAElC,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,YAAY,SAAS;AAAA,MACrB,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,OAAO,MAAM,SAAS,SAAS;AAAA,EAAA;AAGlC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,eAAa,SAAS,GAAG,MAAM,mBAAmB;AAAA,MAClD,WAAW;AAAA,MACX,WAAS;AAAA,MACT,MAAK;AAAA,MACL,UAAS;AAAA,MAET,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,UAE5C,UAAA,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,kBAAM,SAAS,UAAU,aAAa,SAAS;AAC/C,kBAAM,aAAa,KAAK,UAAU;AAElC,kBAAM,gBAAgB;AAAA,cACpB,SAAS;AAAA,cACT,cAAc,CAAC,cAAc,SAAS;AAAA,cACtC,UAAU,SAAS;AAAA,YAAA;AAGrB,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,gBAE7C,WAAW;AAAA,gBACX,UAAS;AAAA,gBACT,WAAS;AAAA,gBACT,UAAS;AAAA,gBACT,gBAAc,SAAS,SAAS;AAAA,gBAE/B,UAAA;AAAA,kBAAA,aACC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,MAAK;AAAA,sBACL,WAAW,SAAS;AAAA,sBACpB,cAAW;AAAA,sBACX,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,sBAE5C,UAAA,KAAK;AAAA,oBAAA;AAAA,kBAAA,IAEN,KAAK,QAAQ,CAAC,SAChB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,KAAK;AAAA,sBACX,UAAS;AAAA,sBACT,WAAW,SAAS;AAAA,sBACpB,OAAO,KAAK;AAAA,sBACZ,eAAa,SAAS,GAAG,MAAM,oBAAoB;AAAA,sBAEnD,UAAA,oBAAC,UAAK,UAAS,QAAO,WAAW,SAAS,YACvC,eAAK,MAAA,CACR;AAAA,oBAAA;AAAA,kBAAA,IAGF;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,UAAS;AAAA,sBACT,gBAAa;AAAA,sBACb,eACE,SAAS,GAAG,MAAM,sBAAsB;AAAA,sBAGzC,UAAA,KAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIT,CAAC,UACA,oBAAC,QAAA,EAAK,WAAW,SAAS,WAAW,eAAY,QAC9C,UAAA,aAAa,oBAAC,gBAAA,CAAA,CAAe,GAChC;AAAA,kBAEF,oBAAC,UAAK,UAAS,YAAW,SAAS,GAAG,QAAQ,CAAC,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,cAjD9C,GAAG,KAAK,KAAK,IAAI,KAAK,QAAQ,KAAK;AAAA,YAAA;AAAA,UAoD9C,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;AC/I9B,MAAM,UAAU;AAAA,EACd,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAClB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,6BACG,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS,iBAAiB,QAAQ;AAE5E;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs-DrfR3704.cjs","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/core/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n RoundingType,\r\n ShadowType,\r\n SizeType,\r\n StateType,\r\n ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n /**\r\n * The display label for the breadcrumb.\r\n */\r\n label: string;\r\n\r\n /**\r\n * Optional URL the breadcrumb should link to.\r\n * If not provided, it is rendered as plain text.\r\n */\r\n href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n /**\r\n * An array of breadcrumb items.\r\n */\r\n items: Breadcrumb[];\r\n\r\n /**\r\n * Disables interaction and styles as disabled.\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * Optional custom separator node between breadcrumb items.\r\n * Defaults to a right chevron icon.\r\n */\r\n separator?: React.ReactNode;\r\n\r\n /**\r\n * Theme style to apply to the breadcrumbs\r\n * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n */\r\n theme?: ThemeType;\r\n\r\n /**\r\n * Rounding style to apply to the breadcrumbs\r\n * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n */\r\n rounding?: RoundingType;\r\n\r\n /**\r\n * Shadow style to apply to the breadcrumbs\r\n * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n */\r\n shadow?: ShadowType;\r\n\r\n /**\r\n * State of the breadcrumbs\r\n * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n * Used for visual feedback.\r\n */\r\n state?: StateType;\r\n\r\n /**\r\n * Size of the breadcrumbs\r\n * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n */\r\n size?: SizeType;\r\n\r\n /**\r\n * Additional class name for custom styling.\r\n */\r\n className?: string;\r\n\r\n /**\r\n * Whether to use the outline style.\r\n */\r\n outline?: boolean;\r\n\r\n /**\r\n * Maximum number of visible items before collapsing into an ellipsis.\r\n */\r\n maxVisible?: number;\r\n\r\n /**\r\n * Optional test ID for testing frameworks.\r\n */\r\n \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n Breadcrumb,\r\n BreadcrumbsProps,\r\n ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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 BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n ButtonComponent: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n items,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n separator,\r\n classMap,\r\n disabled = false,\r\n size = getDefaultSize(),\r\n outline = false,\r\n className = \"\",\r\n maxVisible,\r\n LinkComponent = \"a\",\r\n ButtonComponent,\r\n \"data-testid\": testId = \"breadcrumbs\",\r\n}) => {\r\n const [isExpanded, setIsExpanded] = useState(false);\r\n const handleExpand = () => setIsExpanded(true);\r\n\r\n const visibleItems: Breadcrumb[] = useMemo(() => {\r\n if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n const first = items[0];\r\n const lastItems = items.slice(items.length - (maxVisible - 2));\r\n return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n }, [items, isExpanded, maxVisible]);\r\n\r\n const breadcrumbsClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.breadcrumbs,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n outline && classMap.outline,\r\n className\r\n ),\r\n [theme, size, outline, className]\r\n );\r\n\r\n return (\r\n <nav\r\n aria-label=\"Breadcrumb\"\r\n data-testid={testId ? `${testId}-nav-container` : undefined}\r\n className={breadcrumbsClass}\r\n itemScope\r\n role=\"navigation\"\r\n itemType=\"https://schema.org/BreadcrumbList\"\r\n >\r\n <ol\r\n className={classMap.list}\r\n data-testid={testId ? `${testId}-nav-list` : undefined}\r\n >\r\n {visibleItems.map((item, index) => {\r\n const isLast = index === visibleItems.length - 1;\r\n const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n const itemClassName = combineClassNames(\r\n classMap.item,\r\n isExpanded && !isEllipsis && classMap.item_animate,\r\n isLast && classMap.item_active\r\n );\r\n\r\n return (\r\n <li\r\n data-testid={testId ? `${testId}-nav-item` : undefined}\r\n key={`${item.label}-${item.href ?? index}`}\r\n className={itemClassName}\r\n itemProp=\"itemListElement\"\r\n itemScope\r\n itemType=\"https://schema.org/ListItem\"\r\n aria-current={isLast ? \"page\" : undefined}\r\n >\r\n {isEllipsis ? (\r\n <ButtonComponent\r\n theme=\"clear\"\r\n size=\"small\"\r\n className={classMap.ellipsis}\r\n aria-label=\"Show more breadcrumbs\"\r\n onClick={handleExpand}\r\n tabIndex={0}\r\n data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n >\r\n {item.label}\r\n </ButtonComponent>\r\n ) : item.href && !isLast ? (\r\n <LinkComponent\r\n href={item.href}\r\n itemProp=\"item\"\r\n className={classMap.link}\r\n title={item.label}\r\n data-testid={testId ? `${testId}-nav-item-label` : undefined}\r\n >\r\n <span itemProp=\"name\" className={classMap.link_label}>\r\n {item.label}\r\n </span>\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={classMap.current}\r\n itemProp=\"name\"\r\n aria-current=\"page\"\r\n data-testid={\r\n testId ? `${testId}-nav-item-current` : undefined\r\n }\r\n >\r\n {item.label}\r\n </span>\r\n )}\r\n\r\n {!isLast && (\r\n <span className={classMap.separator} aria-hidden=\"true\">\r\n {separator ?? <ArrowRightIcon />}\r\n </span>\r\n )}\r\n <meta itemProp=\"position\" content={`${index + 1}`} />\r\n </li>\r\n );\r\n })}\r\n </ol>\r\n </nav>\r\n );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","import React from \"react\";\r\nimport \"./Breadcrumbs.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.core\";\r\n\r\nconst classes = {\r\n breadcrumbs: \"breadcrumbs\",\r\n\r\n primary: \"breadcrumbs_primary\",\r\n secondary: \"breadcrumbs_secondary\",\r\n tertiary: \"breadcrumbs_tertiary\",\r\n quaternary: \"breadcrumbs_quaternary\",\r\n\r\n success: \"breadcrumbs_success\",\r\n warning: \"breadcrumbs_warning\",\r\n error: \"breadcrumbs_error\",\r\n\r\n clear: \"breadcrumbs_clear\",\r\n\r\n outline: \"breadcrumbs_outline\",\r\n disabled: \"breadcrumbs_disabled\",\r\n\r\n shadowNone: \"breadcrumbs_shadow-None\",\r\n shadowLight: \"breadcrumbs_shadow-Light\",\r\n shadowMedium: \"breadcrumbs_shadow-Medium\",\r\n shadowStrong: \"breadcrumbs_shadow-Strong\",\r\n shadowIntense: \"breadcrumbs_shadow-Intense\",\r\n\r\n roundNone: \"breadcrumbs_round-None\",\r\n roundSmall: \"breadcrumbs_round-Small\",\r\n roundMedium: \"breadcrumbs_round-Medium\",\r\n roundLarge: \"breadcrumbs_round-Large\",\r\n\r\n xs: \"breadcrumbs_xs\",\r\n small: \"breadcrumbs_small\",\r\n medium: \"breadcrumbs_medium\",\r\n large: \"breadcrumbs_large\",\r\n xl: \"breadcrumbs_xl\",\r\n\r\n list: \"breadcrumbs_list\",\r\n item: \"breadcrumbs_item\",\r\n item_animate: \"breadcrumbs_item_animate\",\r\n item_active: \"breadcrumbs_item_active\",\r\n ellipsis: \"breadcrumbs_ellipsis\",\r\n link: \"breadcrumbs_link\",\r\n link_label: \"breadcrumbs_link_label\",\r\n current: \"breadcrumbs_current\",\r\n separator: \"breadcrumbs_separator\",\r\n separator_icon: \"breadcrumbs_separator_icon\",\r\n};\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n return (\r\n <BreadcrumbsBase {...props} classMap={classes} ButtonComponent={Button} />\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useState","useMemo","combineClassNames","capitalize","jsx","jsxs","ArrowRightIcon","Button"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button-BnyCKkUs.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.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 ButtonBaseProps extends ButtonProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst ButtonBase = forwardRef<\r\n HTMLButtonElement | HTMLAnchorElement,\r\n ButtonBaseProps\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n onClick,\r\n type = \"button\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n children,\r\n className = \"\",\r\n disabled = false,\r\n ariaLabel,\r\n href,\r\n isExternal = false,\r\n outline = false,\r\n size = getDefaultSize(),\r\n loading = false,\r\n fullWidth = false,\r\n \"data-testid\": testId = \"button\",\r\n classMap,\r\n LinkComponent = \"a\",\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const computedAriaLabel =\r\n ariaLabel || (typeof children === \"string\" ? children : \"Button\");\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.button,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n outline && classMap.outline,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n fullWidth && classMap.fullWidth,\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, outline, size, fullWidth, disabled, className]\r\n );\r\n\r\n const sharedProps = {\r\n \"aria-label\": computedAriaLabel,\r\n \"aria-busy\": loading || undefined,\r\n \"aria-disabled\": disabled || undefined,\r\n \"data-testid\": testId,\r\n tabIndex: disabled ? -1 : 0,\r\n onClick: disabled ? undefined : onClick,\r\n };\r\n\r\n const content = (\r\n <>\r\n {Icon && (\r\n <span\r\n className={classMap.buttonIcon}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n <Icon className={classMap.icon} />\r\n </span>\r\n )}\r\n <span\r\n className={classMap.buttonLabel}\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loading ? (\r\n <div className={classMap.loader} aria-hidden=\"true\" />\r\n ) : (\r\n children\r\n )}\r\n </span>\r\n </>\r\n );\r\n\r\n if (href && isExternal) {\r\n return (\r\n <a\r\n href={href}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n role=\"button\"\r\n className={combineClassNames(combinedClassName, classMap.link)}\r\n ref={ref as React.Ref<HTMLAnchorElement>}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n if (href && !isExternal) {\r\n return (\r\n <LinkComponent\r\n href={href}\r\n role=\"button\"\r\n className={combineClassNames(combinedClassName, classMap.link)}\r\n ref={ref as React.Ref<HTMLAnchorElement>}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </LinkComponent>\r\n );\r\n }\r\n\r\n return (\r\n <button\r\n ref={ref as React.Ref<HTMLButtonElement>}\r\n type={type}\r\n className={combinedClassName}\r\n disabled={disabled}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","import React from \"react\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport \"./Button.scss\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst classes = {\r\n button: \"button\",\r\n icon: \"button_icon\",\r\n buttonIcon: \"button_button-icon\",\r\n buttonLabel: \"button_label\",\r\n loader: \"button_loader\",\r\n link: \"button_link\",\r\n\r\n fullWidth: \"button_full-width\",\r\n disabled: \"button_disabled\",\r\n outline: \"button_outline\",\r\n\r\n primary: \"button_primary\",\r\n secondary: \"button_secondary\",\r\n tertiary: \"button_tertiary\",\r\n quaternary: \"button_quaternary\",\r\n clear: \"button_clear\",\r\n\r\n success: \"button_success\",\r\n warning: \"button_warning\",\r\n error: \"button_error\",\r\n\r\n xs: \"button_xs\",\r\n small: \"button_small\",\r\n medium: \"button_medium\",\r\n large: \"button_large\",\r\n xl: \"button_xl\",\r\n\r\n shadowNone: \"button_shadow-None\",\r\n shadowLight: \"button_shadow-Light\",\r\n shadowMedium: \"button_shadow-Medium\",\r\n shadowStrong: \"button_shadow-Strong\",\r\n shadowIntense: \"button_shadow-Intense\",\r\n\r\n roundNone: \"button_round-None\",\r\n roundSmall: \"button_round-Small\",\r\n roundMedium: \"button_round-Medium\",\r\n roundLarge: \"button_round-Large\",\r\n};\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n <ButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button-brEyEh7E.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.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 ButtonBaseProps extends ButtonProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst ButtonBase = forwardRef<\r\n HTMLButtonElement | HTMLAnchorElement,\r\n ButtonBaseProps\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n onClick,\r\n type = \"button\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n children,\r\n className = \"\",\r\n disabled = false,\r\n ariaLabel,\r\n href,\r\n isExternal = false,\r\n outline = false,\r\n size = getDefaultSize(),\r\n loading = false,\r\n fullWidth = false,\r\n \"data-testid\": testId = \"button\",\r\n classMap,\r\n LinkComponent = \"a\",\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const computedAriaLabel =\r\n ariaLabel || (typeof children === \"string\" ? children : \"Button\");\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.button,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n outline && classMap.outline,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n fullWidth && classMap.fullWidth,\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, outline, size, fullWidth, disabled, className]\r\n );\r\n\r\n const sharedProps = {\r\n \"aria-label\": computedAriaLabel,\r\n \"aria-busy\": loading || undefined,\r\n \"aria-disabled\": disabled || undefined,\r\n \"data-testid\": testId,\r\n tabIndex: disabled ? -1 : 0,\r\n onClick: disabled ? undefined : onClick,\r\n };\r\n\r\n const content = (\r\n <>\r\n {Icon && (\r\n <span\r\n className={classMap.buttonIcon}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n <Icon className={classMap.icon} />\r\n </span>\r\n )}\r\n <span\r\n className={classMap.buttonLabel}\r\n data-testid={testId ? `${testId}-loading` : undefined}\r\n >\r\n {loading ? (\r\n <div className={classMap.loader} aria-hidden=\"true\" />\r\n ) : (\r\n children\r\n )}\r\n </span>\r\n </>\r\n );\r\n\r\n if (href && isExternal) {\r\n return (\r\n <a\r\n href={href}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n role=\"button\"\r\n className={combineClassNames(combinedClassName, classMap.link)}\r\n ref={ref as React.Ref<HTMLAnchorElement>}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n if (href && !isExternal) {\r\n return (\r\n <LinkComponent\r\n href={href}\r\n role=\"button\"\r\n className={combineClassNames(combinedClassName, classMap.link)}\r\n ref={ref as React.Ref<HTMLAnchorElement>}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </LinkComponent>\r\n );\r\n }\r\n\r\n return (\r\n <button\r\n ref={ref as React.Ref<HTMLButtonElement>}\r\n type={type}\r\n className={combinedClassName}\r\n disabled={disabled}\r\n {...sharedProps}\r\n {...rest}\r\n >\r\n {content}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","import React from \"react\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport \"./Button.scss\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst classes = {\r\n button: \"button\",\r\n icon: \"button_icon\",\r\n buttonIcon: \"button_button-icon\",\r\n buttonLabel: \"button_label\",\r\n loader: \"button_loader\",\r\n link: \"button_link\",\r\n\r\n fullWidth: \"button_full-width\",\r\n disabled: \"button_disabled\",\r\n outline: \"button_outline\",\r\n\r\n primary: \"button_primary\",\r\n secondary: \"button_secondary\",\r\n tertiary: \"button_tertiary\",\r\n quaternary: \"button_quaternary\",\r\n clear: \"button_clear\",\r\n\r\n success: \"button_success\",\r\n warning: \"button_warning\",\r\n error: \"button_error\",\r\n\r\n xs: \"button_xs\",\r\n small: \"button_small\",\r\n medium: \"button_medium\",\r\n large: \"button_large\",\r\n xl: \"button_xl\",\r\n\r\n shadowNone: \"button_shadow-None\",\r\n shadowLight: \"button_shadow-Light\",\r\n shadowMedium: \"button_shadow-Medium\",\r\n shadowStrong: \"button_shadow-Strong\",\r\n shadowIntense: \"button_shadow-Intense\",\r\n\r\n roundNone: \"button_round-None\",\r\n roundSmall: \"button_round-Small\",\r\n roundMedium: \"button_round-Medium\",\r\n roundLarge: \"button_round-Large\",\r\n};\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n <ButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,aAAa;AAAA,EAIjB,CACE;AAAA,IACE,MAAM;AAAA,IACN,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV,OAAO,eAAA;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,oBACJ,cAAc,OAAO,aAAa,WAAW,WAAW;AAE1D,UAAM,oBAAoB;AAAA,MACxB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD,aAAa,SAAS;AAAA,QACtB,YAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,OAAO,SAAS,MAAM,WAAW,UAAU,SAAS;AAAA,IAAA;AAGvD,UAAM,cAAc;AAAA,MAClB,cAAc;AAAA,MACd,aAAa,WAAW;AAAA,MACxB,iBAAiB,YAAY;AAAA,MAC7B,eAAe;AAAA,MACf,UAAU,WAAW,KAAK;AAAA,MAC1B,SAAS,WAAW,SAAY;AAAA,IAAA;AAGlC,UAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAEzC,UAAA,oBAAC,MAAA,EAAK,WAAW,SAAS,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,SAAS,GAAG,MAAM,aAAa;AAAA,UAE3C,UAAA,8BACE,OAAA,EAAI,WAAW,SAAS,QAAQ,eAAY,QAAO,IAEpD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GACF;AAGF,QAAI,QAAQ,YAAY;AACtB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,kBAAkB,mBAAmB,SAAS,IAAI;AAAA,UAC7D;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,QAAI,QAAQ,CAAC,YAAY;AACvB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,WAAW,kBAAkB,mBAAmB,SAAS,IAAI;AAAA,UAC7D;AAAA,UACC,GAAG;AAAA,UACH,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,WAAW,cAAc;AC7IzB,MAAM,UAAU;AAAA,EACd,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EAET,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,SAAgC,CAAC,UACrC,oBAAC,cAAY,GAAG,OAAO,UAAU,QAAA,CAAS;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card-Bae4H8tR.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { ActionButton, CardProps } from \"./Card.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\ntype ExtendedActionButton = ActionButton & {\r\n buttonComponent: React.ElementType;\r\n iconButtonComponent: React.ElementType;\r\n};\r\n\r\nexport interface CardBaseProps extends CardProps {\r\n classMap: Record<string, string>;\r\n SkeletonComponent: React.FC<{\r\n width: string;\r\n height: string;\r\n [\"data-testid\"]?: string;\r\n }>;\r\n ImageComponent?: React.ElementType;\r\n actionButtons: ExtendedActionButton[];\r\n}\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n cardIcon,\r\n title = \"\",\r\n description = \"\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n imageUrl,\r\n imageAlt,\r\n imageHeight,\r\n imageWidth,\r\n imageFill,\r\n className = \"\",\r\n imageClassName = \"\",\r\n headerClassName = \"\",\r\n bodyClassName = \"\",\r\n footerClassName = \"\",\r\n outline = false,\r\n size = getDefaultSize(),\r\n align = \"center\",\r\n renderHeader,\r\n renderContent,\r\n renderFooter,\r\n actionButtons = [],\r\n useIconButtons = false,\r\n layout = \"vertical\",\r\n blur = false,\r\n loading = false,\r\n children,\r\n \"data-testid\": testId = \"card\",\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-label\": ariaLabel,\r\n classMap,\r\n SkeletonComponent,\r\n ImageComponent,\r\n}) => {\r\n const autoId = useId();\r\n const headerId = ariaLabelledBy || `${autoId}-header`;\r\n const descriptionId = `${autoId}-description`;\r\n const hasImage = !!imageUrl;\r\n const showBlur = blur && typeof imageUrl !== \"string\";\r\n const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n <img {...props} />\r\n );\r\n\r\n const hasImageObj =\r\n typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n const resolvedWidth =\r\n (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n const resolvedHeight =\r\n (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n const ImageRenderer = ImageComponent || FallbackImage;\r\n\r\n const cardClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.card,\r\n classMap[layout],\r\n align && classMap[align],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n loading && classMap.loading,\r\n className\r\n ),\r\n [classMap, size, outline, align, className]\r\n );\r\n\r\n return (\r\n <div\r\n data-testid={testId}\r\n className={cardClassName}\r\n role=\"region\"\r\n aria-labelledby={title ? headerId : undefined}\r\n aria-label={!title ? derivedAriaLabel : undefined}\r\n >\r\n {loading ? (\r\n <SkeletonComponent width=\"100%\" height=\"250px\" data-testid=\"skeleton\" />\r\n ) : (\r\n <div className={classMap.content}>\r\n {hasImage &&\r\n (imageFill ? (\r\n <div className={classMap.media}>\r\n <ImageRenderer\r\n src={imgSrc as any}\r\n alt={imgAlt}\r\n className={combineClassNames(classMap.image, imageClassName)}\r\n fill\r\n />\r\n </div>\r\n ) : (\r\n <ImageRenderer\r\n src={imgSrc as any}\r\n alt={imgAlt}\r\n className={combineClassNames(classMap.image, imageClassName)}\r\n width={resolvedWidth ?? 640}\r\n height={resolvedHeight ?? 360}\r\n />\r\n ))}\r\n\r\n <div>\r\n <div\r\n className={combineClassNames(classMap.header, headerClassName)}\r\n id={headerId}\r\n >\r\n {renderHeader ? (\r\n renderHeader()\r\n ) : title ? (\r\n <h2 className={classMap.title}>\r\n {cardIcon && (\r\n <span\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid=\"card-icon\"\r\n >\r\n {React.createElement(cardIcon)}\r\n </span>\r\n )}\r\n {title}\r\n </h2>\r\n ) : null}\r\n </div>\r\n\r\n <div\r\n className={combineClassNames(classMap.body, bodyClassName)}\r\n role=\"group\"\r\n aria-describedby={description ? descriptionId : undefined}\r\n >\r\n {renderContent ? (\r\n renderContent()\r\n ) : (\r\n <>\r\n {description && (\r\n <p id={descriptionId} className={classMap.description}>\r\n {description}\r\n </p>\r\n )}\r\n {children && (\r\n <div className={classMap.children}>{children}</div>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n\r\n {(actionButtons.length > 0 || renderFooter) && (\r\n <div\r\n className={combineClassNames(classMap.footer, footerClassName)}\r\n >\r\n {actionButtons.length > 0 && (\r\n <div className={classMap.actions}>\r\n {actionButtons.map((button, index) =>\r\n useIconButtons && button.icon ? (\r\n <button.iconButtonComponent\r\n key={index}\r\n icon={button.icon}\r\n onClick={button.onClick}\r\n className={classMap.action_button}\r\n theme={button.theme || \"clear\"}\r\n state={button.state || \"\"}\r\n aria-label={button.label}\r\n size={button.size || size}\r\n href={button.href}\r\n loading={button.loading}\r\n />\r\n ) : (\r\n <button.buttonComponent\r\n key={index}\r\n onClick={button.onClick}\r\n className={classMap.action_button}\r\n theme={button.theme || \"secondary\"}\r\n state={button.state || \"\"}\r\n href={button.href}\r\n loading={button.loading}\r\n size={button.size || size}\r\n aria-label={button.label}\r\n >\r\n {button.label}\r\n </button.buttonComponent>\r\n )\r\n )}\r\n </div>\r\n )}\r\n {renderFooter && renderFooter()}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n card: \"card\",\r\n\r\n left: \"card_left\",\r\n right: \"card_right\",\r\n center: \"card_center\",\r\n\r\n primary: \"card_primary\",\r\n secondary: \"card_secondary\",\r\n tertiary: \"card_tertiary\",\r\n quaternary: \"card_quaternary\",\r\n\r\n success: \"card_success\",\r\n warning: \"card_warning\",\r\n error: \"card_error\",\r\n\r\n clear: \"card_clear\",\r\n\r\n outline: \"card_outline\",\r\n loading: \"card_loading\",\r\n\r\n content: \"card_content\",\r\n\r\n xs: \"card_xs\",\r\n small: \"card_small\",\r\n medium: \"card_medium\",\r\n large: \"card_large\",\r\n xl: \"card_xl\",\r\n\r\n shadowNone: \"card_shadow-None\",\r\n shadowLight: \"card_shadow-Light\",\r\n shadowMedium: \"card_shadow-Medium\",\r\n shadowStrong: \"card_shadow-Strong\",\r\n shadowIntense: \"card_shadow-Intense\",\r\n\r\n roundNone: \"card_round-None\",\r\n roundSmall: \"card_round-Small\",\r\n roundMedium: \"card_round-Medium\",\r\n roundLarge: \"card_round-Large\",\r\n\r\n vertical: \"card_vertical\",\r\n horizontal: \"card_horizontal\",\r\n\r\n image: \"card_image\",\r\n header: \"card_header\",\r\n title: \"card_title\",\r\n icon: \"card_icon\",\r\n body: \"card_body\",\r\n description: \"card_description\",\r\n children: \"card_children\",\r\n footer: \"card_footer\",\r\n actions: \"card_actions\",\r\n action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n ...b,\r\n buttonComponent: Button,\r\n iconButtonComponent: IconButton,\r\n }));\r\n\r\n return (\r\n <CardBase\r\n {...props}\r\n actionButtons={wrappedButtons}\r\n classMap={classes}\r\n SkeletonComponent={Skeleton}\r\n />\r\n );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["Skeleton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card-BsYXSByx.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { ActionButton, CardProps } from \"./Card.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\ntype ExtendedActionButton = ActionButton & {\r\n buttonComponent: React.ElementType;\r\n iconButtonComponent: React.ElementType;\r\n};\r\n\r\nexport interface CardBaseProps extends CardProps {\r\n classMap: Record<string, string>;\r\n SkeletonComponent: React.FC<{\r\n width: string;\r\n height: string;\r\n [\"data-testid\"]?: string;\r\n }>;\r\n ImageComponent?: React.ElementType;\r\n actionButtons: ExtendedActionButton[];\r\n}\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n cardIcon,\r\n title = \"\",\r\n description = \"\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n imageUrl,\r\n imageAlt,\r\n imageHeight,\r\n imageWidth,\r\n imageFill,\r\n className = \"\",\r\n imageClassName = \"\",\r\n headerClassName = \"\",\r\n bodyClassName = \"\",\r\n footerClassName = \"\",\r\n outline = false,\r\n size = getDefaultSize(),\r\n align = \"center\",\r\n renderHeader,\r\n renderContent,\r\n renderFooter,\r\n actionButtons = [],\r\n useIconButtons = false,\r\n layout = \"vertical\",\r\n blur = false,\r\n loading = false,\r\n children,\r\n \"data-testid\": testId = \"card\",\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-label\": ariaLabel,\r\n classMap,\r\n SkeletonComponent,\r\n ImageComponent,\r\n}) => {\r\n const autoId = useId();\r\n const headerId = ariaLabelledBy || `${autoId}-header`;\r\n const descriptionId = `${autoId}-description`;\r\n const hasImage = !!imageUrl;\r\n const showBlur = blur && typeof imageUrl !== \"string\";\r\n const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n <img {...props} />\r\n );\r\n\r\n const hasImageObj =\r\n typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n const resolvedWidth =\r\n (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n const resolvedHeight =\r\n (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n const ImageRenderer = ImageComponent || FallbackImage;\r\n\r\n const cardClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.card,\r\n classMap[layout],\r\n align && classMap[align],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n loading && classMap.loading,\r\n className\r\n ),\r\n [classMap, size, outline, align, className]\r\n );\r\n\r\n return (\r\n <div\r\n data-testid={testId}\r\n className={cardClassName}\r\n role=\"region\"\r\n aria-labelledby={title ? headerId : undefined}\r\n aria-label={!title ? derivedAriaLabel : undefined}\r\n >\r\n {loading ? (\r\n <SkeletonComponent width=\"100%\" height=\"250px\" data-testid=\"skeleton\" />\r\n ) : (\r\n <div className={classMap.content}>\r\n {hasImage &&\r\n (imageFill ? (\r\n <div className={classMap.media}>\r\n <ImageRenderer\r\n src={imgSrc as any}\r\n alt={imgAlt}\r\n className={combineClassNames(classMap.image, imageClassName)}\r\n fill\r\n />\r\n </div>\r\n ) : (\r\n <ImageRenderer\r\n src={imgSrc as any}\r\n alt={imgAlt}\r\n className={combineClassNames(classMap.image, imageClassName)}\r\n width={resolvedWidth ?? 640}\r\n height={resolvedHeight ?? 360}\r\n />\r\n ))}\r\n\r\n <div>\r\n <div\r\n className={combineClassNames(classMap.header, headerClassName)}\r\n id={headerId}\r\n >\r\n {renderHeader ? (\r\n renderHeader()\r\n ) : title ? (\r\n <h2 className={classMap.title}>\r\n {cardIcon && (\r\n <span\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid=\"card-icon\"\r\n >\r\n {React.createElement(cardIcon)}\r\n </span>\r\n )}\r\n {title}\r\n </h2>\r\n ) : null}\r\n </div>\r\n\r\n <div\r\n className={combineClassNames(classMap.body, bodyClassName)}\r\n role=\"group\"\r\n aria-describedby={description ? descriptionId : undefined}\r\n >\r\n {renderContent ? (\r\n renderContent()\r\n ) : (\r\n <>\r\n {description && (\r\n <p id={descriptionId} className={classMap.description}>\r\n {description}\r\n </p>\r\n )}\r\n {children && (\r\n <div className={classMap.children}>{children}</div>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n\r\n {(actionButtons.length > 0 || renderFooter) && (\r\n <div\r\n className={combineClassNames(classMap.footer, footerClassName)}\r\n >\r\n {actionButtons.length > 0 && (\r\n <div className={classMap.actions}>\r\n {actionButtons.map((button, index) =>\r\n useIconButtons && button.icon ? (\r\n <button.iconButtonComponent\r\n key={index}\r\n icon={button.icon}\r\n onClick={button.onClick}\r\n className={classMap.action_button}\r\n theme={button.theme || \"clear\"}\r\n state={button.state || \"\"}\r\n aria-label={button.label}\r\n size={button.size || size}\r\n href={button.href}\r\n loading={button.loading}\r\n />\r\n ) : (\r\n <button.buttonComponent\r\n key={index}\r\n onClick={button.onClick}\r\n className={classMap.action_button}\r\n theme={button.theme || \"secondary\"}\r\n state={button.state || \"\"}\r\n href={button.href}\r\n loading={button.loading}\r\n size={button.size || size}\r\n aria-label={button.label}\r\n >\r\n {button.label}\r\n </button.buttonComponent>\r\n )\r\n )}\r\n </div>\r\n )}\r\n {renderFooter && renderFooter()}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n card: \"card\",\r\n\r\n left: \"card_left\",\r\n right: \"card_right\",\r\n center: \"card_center\",\r\n\r\n primary: \"card_primary\",\r\n secondary: \"card_secondary\",\r\n tertiary: \"card_tertiary\",\r\n quaternary: \"card_quaternary\",\r\n\r\n success: \"card_success\",\r\n warning: \"card_warning\",\r\n error: \"card_error\",\r\n\r\n clear: \"card_clear\",\r\n\r\n outline: \"card_outline\",\r\n loading: \"card_loading\",\r\n\r\n content: \"card_content\",\r\n\r\n xs: \"card_xs\",\r\n small: \"card_small\",\r\n medium: \"card_medium\",\r\n large: \"card_large\",\r\n xl: \"card_xl\",\r\n\r\n shadowNone: \"card_shadow-None\",\r\n shadowLight: \"card_shadow-Light\",\r\n shadowMedium: \"card_shadow-Medium\",\r\n shadowStrong: \"card_shadow-Strong\",\r\n shadowIntense: \"card_shadow-Intense\",\r\n\r\n roundNone: \"card_round-None\",\r\n roundSmall: \"card_round-Small\",\r\n roundMedium: \"card_round-Medium\",\r\n roundLarge: \"card_round-Large\",\r\n\r\n vertical: \"card_vertical\",\r\n horizontal: \"card_horizontal\",\r\n\r\n image: \"card_image\",\r\n header: \"card_header\",\r\n title: \"card_title\",\r\n icon: \"card_icon\",\r\n body: \"card_body\",\r\n description: \"card_description\",\r\n children: \"card_children\",\r\n footer: \"card_footer\",\r\n actions: \"card_actions\",\r\n action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n ...b,\r\n buttonComponent: Button,\r\n iconButtonComponent: IconButton,\r\n }));\r\n\r\n return (\r\n <CardBase\r\n {...props}\r\n actionButtons={wrappedButtons}\r\n classMap={classes}\r\n SkeletonComponent={Skeleton}\r\n />\r\n );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-BykCObI-.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.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 CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId = \"checkbox\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n checkbox: \"checkbox\",\r\n\r\n primary: \"checkbox_primary\",\r\n secondary: \"checkbox_secondary\",\r\n tertiary: \"checkbox_tertiary\",\r\n quaternary: \"checkbox_quaternary\",\r\n\r\n success: \"checkbox_success\",\r\n error: \"checkbox_error\",\r\n warning: \"checkbox_warning\",\r\n\r\n clear: \"checkbox_clear\",\r\n\r\n disabled: \"checkbox_disabled\",\r\n indeterminate: \"checkbox_indeterminate\",\r\n\r\n left: \"checkbox_left\",\r\n right: \"checkbox_right\",\r\n\r\n xs: \"checkbox_xs\",\r\n small: \"checkbox_small\",\r\n medium: \"checkbox_medium\",\r\n large: \"checkbox_large\",\r\n xl: \"checkbox_xl\",\r\n\r\n shadowNone: \"checkbox_shadow-None\",\r\n shadowLight: \"checkbox_shadow-Light\",\r\n shadowMedium: \"checkbox_shadow-Medium\",\r\n shadowStrong: \"checkbox_shadow-Strong\",\r\n shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n roundNone: \"checkbox_round-None\",\r\n roundSmall: \"checkbox_round-Small\",\r\n roundMedium: \"checkbox_round-Medium\",\r\n roundLarge: \"checkbox_round-Large\",\r\n\r\n label: \"checkbox_label\",\r\n input: \"checkbox_input\",\r\n box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-Ye8jGIKV.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.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 CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId = \"checkbox\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n checkbox: \"checkbox\",\r\n\r\n primary: \"checkbox_primary\",\r\n secondary: \"checkbox_secondary\",\r\n tertiary: \"checkbox_tertiary\",\r\n quaternary: \"checkbox_quaternary\",\r\n\r\n success: \"checkbox_success\",\r\n error: \"checkbox_error\",\r\n warning: \"checkbox_warning\",\r\n\r\n clear: \"checkbox_clear\",\r\n\r\n disabled: \"checkbox_disabled\",\r\n indeterminate: \"checkbox_indeterminate\",\r\n\r\n left: \"checkbox_left\",\r\n right: \"checkbox_right\",\r\n\r\n xs: \"checkbox_xs\",\r\n small: \"checkbox_small\",\r\n medium: \"checkbox_medium\",\r\n large: \"checkbox_large\",\r\n xl: \"checkbox_xl\",\r\n\r\n shadowNone: \"checkbox_shadow-None\",\r\n shadowLight: \"checkbox_shadow-Light\",\r\n shadowMedium: \"checkbox_shadow-Medium\",\r\n shadowStrong: \"checkbox_shadow-Strong\",\r\n shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n roundNone: \"checkbox_round-None\",\r\n roundSmall: \"checkbox_round-Small\",\r\n roundMedium: \"checkbox_round-Medium\",\r\n roundLarge: \"checkbox_round-Large\",\r\n\r\n label: \"checkbox_label\",\r\n input: \"checkbox_input\",\r\n box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
package/dist/core/Checkbox.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-DjWJJ19V.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n onKeyDown={(e: KeyboardEvent) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleClose();\r\n }\r\n }}\r\n role=\"button\"\r\n tabIndex={0}\r\n data-testid=\"chip-close\"\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n chip: \"chip\",\r\n icon: \"chip_icon\",\r\n inner_icon: \"chip_icon_inner\",\r\n message: \"chip_message\",\r\n close: \"chip_close\",\r\n relative: \"chip_relative\",\r\n fixed: \"chip_fixed\",\r\n fadeout: \"chip_fadeout\",\r\n\r\n topCenter: \"chip_top_center\",\r\n bottomCenter: \"chip_bottom_center\",\r\n topLeft: \"chip_top_left\",\r\n topRight: \"chip_top_right\",\r\n bottomLeft: \"chip_bottom_left\",\r\n bottomRight: \"chip_bottom_right\",\r\n\r\n primary: \"chip_primary\",\r\n secondary: \"chip_secondary\",\r\n tertiary: \"chip_tertiary\",\r\n quaternary: \"chip_quaternary\",\r\n\r\n success: \"chip_success\",\r\n error: \"chip_error\",\r\n warning: \"chip_warning\",\r\n\r\n clear: \"chip_clear\",\r\n\r\n xs: \"chip_xs\",\r\n small: \"chip_small\",\r\n medium: \"chip_medium\",\r\n large: \"chip_large\",\r\n xl: \"chip_xl\",\r\n\r\n shadowNone: \"chip_shadow-None\",\r\n shadowLight: \"chip_shadow-Light\",\r\n shadowMedium: \"chip_shadow-Medium\",\r\n shadowStrong: \"chip_shadow-Strong\",\r\n shadowIntense: \"chip_shadow-Intense\",\r\n\r\n roundNone: \"chip_round-None\",\r\n roundSmall: \"chip_round-Small\",\r\n roundMedium: \"chip_round-Medium\",\r\n roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={classes}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["CloseIcon"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-JKvM6DlT.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n onKeyDown={(e: KeyboardEvent) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleClose();\r\n }\r\n }}\r\n role=\"button\"\r\n tabIndex={0}\r\n data-testid=\"chip-close\"\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n chip: \"chip\",\r\n icon: \"chip_icon\",\r\n inner_icon: \"chip_icon_inner\",\r\n message: \"chip_message\",\r\n close: \"chip_close\",\r\n relative: \"chip_relative\",\r\n fixed: \"chip_fixed\",\r\n fadeout: \"chip_fadeout\",\r\n\r\n topCenter: \"chip_top_center\",\r\n bottomCenter: \"chip_bottom_center\",\r\n topLeft: \"chip_top_left\",\r\n topRight: \"chip_top_right\",\r\n bottomLeft: \"chip_bottom_left\",\r\n bottomRight: \"chip_bottom_right\",\r\n\r\n primary: \"chip_primary\",\r\n secondary: \"chip_secondary\",\r\n tertiary: \"chip_tertiary\",\r\n quaternary: \"chip_quaternary\",\r\n\r\n success: \"chip_success\",\r\n error: \"chip_error\",\r\n warning: \"chip_warning\",\r\n\r\n clear: \"chip_clear\",\r\n\r\n xs: \"chip_xs\",\r\n small: \"chip_small\",\r\n medium: \"chip_medium\",\r\n large: \"chip_large\",\r\n xl: \"chip_xl\",\r\n\r\n shadowNone: \"chip_shadow-None\",\r\n shadowLight: \"chip_shadow-Light\",\r\n shadowMedium: \"chip_shadow-Medium\",\r\n shadowStrong: \"chip_shadow-Strong\",\r\n shadowIntense: \"chip_shadow-Intense\",\r\n\r\n roundNone: \"chip_round-None\",\r\n roundSmall: \"chip_round-Small\",\r\n roundMedium: \"chip_round-Medium\",\r\n roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={classes}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-B-N4px22.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/core/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","import React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport \"./CircularProgress.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst classes = {\r\n circular_progress: \"circular_progress\",\r\n circle_border: \"circular_progress_circle_border\",\r\n inner_circle: \"circular_progress_inner_circle\",\r\n rating_text: \"circular_progress_rating_text\",\r\n\r\n primary: \"circular_progress_primary\",\r\n secondary: \"circular_progress_secondary\",\r\n tertiary: \"circular_progress_tertiary\",\r\n quaternary: \"circular_progress_quaternary\",\r\n\r\n success: \"circular_progress_success\",\r\n error: \"circular_progress_error\",\r\n warning: \"circular_progress_warning\",\r\n\r\n clear: \"circular_progress_clear\",\r\n\r\n xs: \"circular_progress_xs\",\r\n small: \"circular_progress_small\",\r\n medium: \"circular_progress_medium\",\r\n large: \"circular_progress_large\",\r\n xl: \"circular_progress_xl\",\r\n\r\n shadowNone: \"circular_progress_shadow-None\",\r\n shadowLight: \"circular_progress_shadow-Light\",\r\n shadowMedium: \"circular_progress_shadow-Medium\",\r\n shadowStrong: \"circular_progress_shadow-Strong\",\r\n shadowIntense: \"circular_progress_shadow-Intense\",\r\n};\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-ClCxzsSz.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/core/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n const [angle, setAngle] = useState(0);\r\n\r\n useEffect(() => {\r\n const newAngle = Math.min(360, (percent / 100) * 360);\r\n setAngle(newAngle);\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor = getColor(percent);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [shadow, className, classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-label={label}\r\n aria-describedby={`${testId}-desc`}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.circle_border}\r\n style={{\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }}\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n id={`${testId}-desc`}\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","import React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport \"./CircularProgress.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst classes = {\r\n circular_progress: \"circular_progress\",\r\n circle_border: \"circular_progress_circle_border\",\r\n inner_circle: \"circular_progress_inner_circle\",\r\n rating_text: \"circular_progress_rating_text\",\r\n\r\n primary: \"circular_progress_primary\",\r\n secondary: \"circular_progress_secondary\",\r\n tertiary: \"circular_progress_tertiary\",\r\n quaternary: \"circular_progress_quaternary\",\r\n\r\n success: \"circular_progress_success\",\r\n error: \"circular_progress_error\",\r\n warning: \"circular_progress_warning\",\r\n\r\n clear: \"circular_progress_clear\",\r\n\r\n xs: \"circular_progress_xs\",\r\n small: \"circular_progress_small\",\r\n medium: \"circular_progress_medium\",\r\n large: \"circular_progress_large\",\r\n xl: \"circular_progress_xl\",\r\n\r\n shadowNone: \"circular_progress_shadow-None\",\r\n shadowLight: \"circular_progress_shadow-Light\",\r\n shadowMedium: \"circular_progress_shadow-Medium\",\r\n shadowStrong: \"circular_progress_shadow-Strong\",\r\n shadowIntense: \"circular_progress_shadow-Intense\",\r\n};\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AC3FA,MAAM,UAAU;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,QAAA,CAAS;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker-BQiTjeqQ.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/core/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ColorPickerBaseProps extends ColorPickerProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n label = \"Choose a color\",\r\n colors,\r\n selected,\r\n onChange,\r\n name = \"color-picker\",\r\n disabled = false,\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n shape = \"round\",\r\n allowCustom = false,\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n const legendId = `${testId}-legend`;\r\n\r\n const labelClass = useMemo(\r\n () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),\r\n [classMap, size, shape]\r\n );\r\n\r\n return (\r\n <fieldset\r\n className={combineClassNames(classMap.color_picker, className)}\r\n disabled={disabled}\r\n aria-disabled={disabled}\r\n aria-labelledby={legendId}\r\n role=\"radiogroup\"\r\n data-testid={testId}\r\n >\r\n <legend id={legendId} className={classMap.legend}>\r\n {label}\r\n </legend>\r\n\r\n <div className={classMap.color_picker_grid}>\r\n {colors.map((color, i) => (\r\n <label\r\n key={color.value}\r\n className={combineClassNames(labelClass)}\r\n htmlFor={`${testId}-color-${i}`}\r\n title={color.label}\r\n data-testid={`${testId}-option-${color.value}`}\r\n >\r\n <input\r\n type=\"radio\"\r\n name={name}\r\n id={`${testId}-color-${i}`}\r\n value={color.value}\r\n checked={selected === color.value}\r\n onChange={() => onChange(color.value)}\r\n className={classMap.radio_input}\r\n />\r\n <span className=\"sr_only\">{color.label}</span>\r\n <span\r\n className={combineClassNames(\r\n classMap.preview,\r\n classMap[shape],\r\n selected === color.value && classMap.selected,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ backgroundColor: color.value }}\r\n aria-hidden=\"true\"\r\n />\r\n </label>\r\n ))}\r\n </div>\r\n\r\n {allowCustom && (\r\n <input\r\n type=\"color\"\r\n className={classMap.custom_input}\r\n value={selected}\r\n onChange={(e) => onChange(e.target.value)}\r\n aria-label=\"Custom color picker\"\r\n data-testid={`${testId}-custom-input`}\r\n />\r\n )}\r\n </fieldset>\r\n );\r\n};\r\n\r\nexport default ColorPickerBase;\r\n","import React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport \"./ColorPicker.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst classes = {\r\n color_picker: \"color_picker\",\r\n legend: \"color_picker_legend\",\r\n grid: \"color_picker_grid\",\r\n swatch: \"color_picker_swatch\",\r\n preview: \"color_picker_preview\",\r\n radio_input: \"color_picker_radio_input\",\r\n custom_input: \"color_picker_custom_input\",\r\n selected: \"color_picker_selected\",\r\n\r\n xs: \"color_picker_xs\",\r\n small: \"color_picker_small\",\r\n medium: \"color_picker_medium\",\r\n large: \"color_picker_large\",\r\n xl: \"color_picker_xl\",\r\n\r\n shadowNone: \"color_picker_shadow-None\",\r\n shadowLight: \"color_picker_shadow-Light\",\r\n shadowMedium: \"color_picker_shadow-Medium\",\r\n shadowStrong: \"color_picker_shadow-Strong\",\r\n shadowIntense: \"color_picker_shadow-Intense\",\r\n\r\n pill: \"color_picker_pill\",\r\n round: \"color_picker_round\",\r\n square: \"color_picker_square\",\r\n};\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n <ColorPickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker-DR9huYqs.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/core/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ColorPickerBaseProps extends ColorPickerProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n label = \"Choose a color\",\r\n colors,\r\n selected,\r\n onChange,\r\n name = \"color-picker\",\r\n disabled = false,\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n shape = \"round\",\r\n allowCustom = false,\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n const legendId = `${testId}-legend`;\r\n\r\n const labelClass = useMemo(\r\n () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),\r\n [classMap, size, shape]\r\n );\r\n\r\n return (\r\n <fieldset\r\n className={combineClassNames(classMap.color_picker, className)}\r\n disabled={disabled}\r\n aria-disabled={disabled}\r\n aria-labelledby={legendId}\r\n role=\"radiogroup\"\r\n data-testid={testId}\r\n >\r\n <legend id={legendId} className={classMap.legend}>\r\n {label}\r\n </legend>\r\n\r\n <div className={classMap.color_picker_grid}>\r\n {colors.map((color, i) => (\r\n <label\r\n key={color.value}\r\n className={combineClassNames(labelClass)}\r\n htmlFor={`${testId}-color-${i}`}\r\n title={color.label}\r\n data-testid={`${testId}-option-${color.value}`}\r\n >\r\n <input\r\n type=\"radio\"\r\n name={name}\r\n id={`${testId}-color-${i}`}\r\n value={color.value}\r\n checked={selected === color.value}\r\n onChange={() => onChange(color.value)}\r\n className={classMap.radio_input}\r\n />\r\n <span className=\"sr_only\">{color.label}</span>\r\n <span\r\n className={combineClassNames(\r\n classMap.preview,\r\n classMap[shape],\r\n selected === color.value && classMap.selected,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ backgroundColor: color.value }}\r\n aria-hidden=\"true\"\r\n />\r\n </label>\r\n ))}\r\n </div>\r\n\r\n {allowCustom && (\r\n <input\r\n type=\"color\"\r\n className={classMap.custom_input}\r\n value={selected}\r\n onChange={(e) => onChange(e.target.value)}\r\n aria-label=\"Custom color picker\"\r\n data-testid={`${testId}-custom-input`}\r\n />\r\n )}\r\n </fieldset>\r\n );\r\n};\r\n\r\nexport default ColorPickerBase;\r\n","import React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport \"./ColorPicker.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst classes = {\r\n color_picker: \"color_picker\",\r\n legend: \"color_picker_legend\",\r\n grid: \"color_picker_grid\",\r\n swatch: \"color_picker_swatch\",\r\n preview: \"color_picker_preview\",\r\n radio_input: \"color_picker_radio_input\",\r\n custom_input: \"color_picker_custom_input\",\r\n selected: \"color_picker_selected\",\r\n\r\n xs: \"color_picker_xs\",\r\n small: \"color_picker_small\",\r\n medium: \"color_picker_medium\",\r\n large: \"color_picker_large\",\r\n xl: \"color_picker_xl\",\r\n\r\n shadowNone: \"color_picker_shadow-None\",\r\n shadowLight: \"color_picker_shadow-Light\",\r\n shadowMedium: \"color_picker_shadow-Medium\",\r\n shadowStrong: \"color_picker_shadow-Strong\",\r\n shadowIntense: \"color_picker_shadow-Intense\",\r\n\r\n pill: \"color_picker_pill\",\r\n round: \"color_picker_round\",\r\n square: \"color_picker_square\",\r\n};\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n <ColorPickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":["getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AAaA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAOA,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MAAMC,WAAAA,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,WAAAA,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,iBAAe;AAAA,MACf,mBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAE,+BAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEAA,2BAAAA,IAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAClBD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWD,WAAAA,kBAAkB,UAAU;AAAA,YACvC,SAAS,GAAG,MAAM,UAAU,CAAC;AAAA,YAC7B,OAAO,MAAM;AAAA,YACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,YAE5C,UAAA;AAAA,cAAAE,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL;AAAA,kBACA,IAAI,GAAG,MAAM,UAAU,CAAC;AAAA,kBACxB,OAAO,MAAM;AAAA,kBACb,SAAS,aAAa,MAAM;AAAA,kBAC5B,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,kBACpC,WAAW,SAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEtBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,cACvCA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,WAAAA;AAAAA,oBACT,SAAS;AAAA,oBACT,SAAS,KAAK;AAAA,oBACd,aAAa,MAAM,SAAS,SAAS;AAAA,oBACrC,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,kBAAA;AAAA,kBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,kBAChC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,UAzBK,MAAM;AAAA,QAAA,CA2Bd,GACH;AAAA,QAEC,eACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;ACxFA,MAAM,UAAU;AAAA,EACd,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AAAA,EAEV,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,cAA0C,CAAC,UAC/CA,+BAAC,mBAAiB,GAAG,OAAO,UAAU,QAAA,CAAS;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CommandPalette-PhWRjxbF.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n useEffect,\r\n useRef,\r\n useState,\r\n useCallback,\r\n KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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 CommandPaletteBaseProps extends CommandPaletteProps {\r\n classMap: Record<string, string>;\r\n TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n commands,\r\n placeholder = \"Search...\",\r\n isOpen,\r\n onClose,\r\n asyncSearch,\r\n debounceMs = 300,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n classMap,\r\n TextInputComponent,\r\n \"data-testid\": testId = \"command-palette\",\r\n className,\r\n}) => {\r\n const [query, setQuery] = useState(\"\");\r\n const [activeIndex, setActiveIndex] = useState(0);\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const [mounted, setMounted] = useState(false);\r\n const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n const filtered = asyncSearch\r\n ? asyncResults\r\n : commands.filter((cmd) =>\r\n cmd.label.toLowerCase().includes(query.toLowerCase())\r\n );\r\n\r\n useEffect(() => {\r\n if (!asyncSearch) return;\r\n\r\n if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n if (!query.trim()) {\r\n setAsyncResults([]);\r\n setIsLoading(false);\r\n return;\r\n }\r\n\r\n setIsLoading(true);\r\n debounceRef.current = setTimeout(() => {\r\n asyncSearch(query)\r\n .then((results) => {\r\n setAsyncResults(results);\r\n setIsLoading(false);\r\n })\r\n .catch(() => {\r\n setAsyncResults([]);\r\n setIsLoading(false);\r\n });\r\n }, debounceMs);\r\n\r\n return () => {\r\n if (debounceRef.current) clearTimeout(debounceRef.current);\r\n };\r\n }, [query, asyncSearch, debounceMs]);\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n setMounted(true);\r\n const portal =\r\n document.getElementById(\"widget-portal\") ||\r\n (() => {\r\n const el = document.createElement(\"div\");\r\n el.id = \"widget-portal\";\r\n document.body.appendChild(el);\r\n return el;\r\n })();\r\n\r\n setPortalElement(portal);\r\n document.body.classList.add(\"noScroll\");\r\n\r\n return () => {\r\n document.body.classList.remove(\"noScroll\");\r\n setQuery(\"\");\r\n setActiveIndex(0);\r\n setMounted(false);\r\n };\r\n }, [isOpen]);\r\n\r\n useEffect(() => {\r\n if (isOpen && inputRef.current) inputRef.current.focus();\r\n }, [isOpen]);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === \"ArrowDown\") {\r\n setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n } else if (e.key === \"ArrowUp\") {\r\n setActiveIndex(\r\n (prev) => (prev - 1 + filtered.length) % filtered.length\r\n );\r\n } else if (e.key === \"Enter\" && filtered[activeIndex]) {\r\n filtered[activeIndex].action();\r\n onClose();\r\n } else if (e.key === \"Escape\") {\r\n onClose();\r\n }\r\n },\r\n [filtered, activeIndex, onClose]\r\n );\r\n\r\n if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n return ReactDOM.createPortal(\r\n <div\r\n className={classMap.overlay}\r\n onClick={onClose}\r\n data-testid={`${testId}-overlay`}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.command_palette,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n )}\r\n onClick={(e) => e.stopPropagation()}\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-label=\"Command palette\"\r\n data-testid={testId}\r\n >\r\n <TextInputComponent\r\n ref={inputRef}\r\n type=\"text\"\r\n value={query}\r\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n setQuery(e.target.value)\r\n }\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n theme={theme}\r\n state={state}\r\n shadow={\"none\"}\r\n rounding={rounding}\r\n className={classMap.input}\r\n data-testid={`${testId}-input`}\r\n role=\"combobox\"\r\n aria-haspopup=\"listbox\"\r\n aria-expanded=\"true\"\r\n aria-controls=\"command-list\"\r\n aria-activedescendant={\r\n filtered.length > 0 ? `cmd-${activeIndex}` : undefined\r\n }\r\n />\r\n\r\n <ul\r\n id=\"command-list\"\r\n className={classMap.list}\r\n role=\"listbox\"\r\n aria-label=\"Command suggestions\"\r\n >\r\n {isLoading ? (\r\n <div className={combineClassNames(classMap.item, classMap.empty)}>\r\n Searching...\r\n </div>\r\n ) : filtered.length > 0 ? (\r\n filtered.map((cmd, index) => (\r\n <li\r\n key={cmd.label}\r\n id={`cmd-${index}`}\r\n role=\"option\"\r\n aria-selected={index === activeIndex}\r\n className={combineClassNames(\r\n classMap.item,\r\n classMap[theme],\r\n index === activeIndex && classMap.active\r\n )}\r\n onClick={() => {\r\n cmd.action();\r\n onClose();\r\n }}\r\n >\r\n {cmd.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {cmd.icon}\r\n </span>\r\n )}\r\n {cmd.label}\r\n </li>\r\n ))\r\n ) : (\r\n <li\r\n role=\"option\"\r\n aria-selected=\"false\"\r\n aria-disabled=\"true\"\r\n className={combineClassNames(classMap.item, classMap.empty)}\r\n >\r\n No matching results\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </div>,\r\n portalElement\r\n );\r\n};\r\n\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n overlay: \"command_palette_overlay\",\r\n command_palette: \"command_palette\",\r\n input: \"command_palette_input\",\r\n list: \"command_palette_list\",\r\n item: \"command_palette_item\",\r\n icon: \"command_palette_icon\",\r\n active: \"command_palette_active\",\r\n empty: \"command_palette_empty\",\r\n\r\n primary: \"command_palette_primary\",\r\n secondary: \"command_palette_secondary\",\r\n tertiary: \"command_palette_tertiary\",\r\n quaternary: \"command_palette_quaternary\",\r\n\r\n success: \"command_palette_success\",\r\n error: \"command_palette_error\",\r\n warning: \"command_palette_warning\",\r\n\r\n clear: \"command_palette_clear\",\r\n\r\n shadowNone: \"command_palette_shadow-None\",\r\n shadowLight: \"command_palette_shadow-Light\",\r\n shadowMedium: \"command_palette_shadow-Medium\",\r\n shadowStrong: \"command_palette_shadow-Strong\",\r\n shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n roundNone: \"command_palette_round-None\",\r\n roundSmall: \"command_palette_round-Small\",\r\n roundMedium: \"command_palette_round-Medium\",\r\n roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n <CommandPaletteBase\r\n {...props}\r\n classMap={classes}\r\n TextInputComponent={TextInput}\r\n />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CommandPalette-XZ3MmC7j.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n useEffect,\r\n useRef,\r\n useState,\r\n useCallback,\r\n KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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 CommandPaletteBaseProps extends CommandPaletteProps {\r\n classMap: Record<string, string>;\r\n TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n commands,\r\n placeholder = \"Search...\",\r\n isOpen,\r\n onClose,\r\n asyncSearch,\r\n debounceMs = 300,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n classMap,\r\n TextInputComponent,\r\n \"data-testid\": testId = \"command-palette\",\r\n className,\r\n}) => {\r\n const [query, setQuery] = useState(\"\");\r\n const [activeIndex, setActiveIndex] = useState(0);\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const [mounted, setMounted] = useState(false);\r\n const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n const filtered = asyncSearch\r\n ? asyncResults\r\n : commands.filter((cmd) =>\r\n cmd.label.toLowerCase().includes(query.toLowerCase())\r\n );\r\n\r\n useEffect(() => {\r\n if (!asyncSearch) return;\r\n\r\n if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n if (!query.trim()) {\r\n setAsyncResults([]);\r\n setIsLoading(false);\r\n return;\r\n }\r\n\r\n setIsLoading(true);\r\n debounceRef.current = setTimeout(() => {\r\n asyncSearch(query)\r\n .then((results) => {\r\n setAsyncResults(results);\r\n setIsLoading(false);\r\n })\r\n .catch(() => {\r\n setAsyncResults([]);\r\n setIsLoading(false);\r\n });\r\n }, debounceMs);\r\n\r\n return () => {\r\n if (debounceRef.current) clearTimeout(debounceRef.current);\r\n };\r\n }, [query, asyncSearch, debounceMs]);\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n setMounted(true);\r\n const portal =\r\n document.getElementById(\"widget-portal\") ||\r\n (() => {\r\n const el = document.createElement(\"div\");\r\n el.id = \"widget-portal\";\r\n document.body.appendChild(el);\r\n return el;\r\n })();\r\n\r\n setPortalElement(portal);\r\n document.body.classList.add(\"noScroll\");\r\n\r\n return () => {\r\n document.body.classList.remove(\"noScroll\");\r\n setQuery(\"\");\r\n setActiveIndex(0);\r\n setMounted(false);\r\n };\r\n }, [isOpen]);\r\n\r\n useEffect(() => {\r\n if (isOpen && inputRef.current) inputRef.current.focus();\r\n }, [isOpen]);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === \"ArrowDown\") {\r\n setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n } else if (e.key === \"ArrowUp\") {\r\n setActiveIndex(\r\n (prev) => (prev - 1 + filtered.length) % filtered.length\r\n );\r\n } else if (e.key === \"Enter\" && filtered[activeIndex]) {\r\n filtered[activeIndex].action();\r\n onClose();\r\n } else if (e.key === \"Escape\") {\r\n onClose();\r\n }\r\n },\r\n [filtered, activeIndex, onClose]\r\n );\r\n\r\n if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n return ReactDOM.createPortal(\r\n <div\r\n className={classMap.overlay}\r\n onClick={onClose}\r\n data-testid={`${testId}-overlay`}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.command_palette,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n )}\r\n onClick={(e) => e.stopPropagation()}\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-label=\"Command palette\"\r\n data-testid={testId}\r\n >\r\n <TextInputComponent\r\n ref={inputRef}\r\n type=\"text\"\r\n value={query}\r\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n setQuery(e.target.value)\r\n }\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n theme={theme}\r\n state={state}\r\n shadow={\"none\"}\r\n rounding={rounding}\r\n className={classMap.input}\r\n data-testid={`${testId}-input`}\r\n role=\"combobox\"\r\n aria-haspopup=\"listbox\"\r\n aria-expanded=\"true\"\r\n aria-controls=\"command-list\"\r\n aria-activedescendant={\r\n filtered.length > 0 ? `cmd-${activeIndex}` : undefined\r\n }\r\n />\r\n\r\n <ul\r\n id=\"command-list\"\r\n className={classMap.list}\r\n role=\"listbox\"\r\n aria-label=\"Command suggestions\"\r\n >\r\n {isLoading ? (\r\n <div className={combineClassNames(classMap.item, classMap.empty)}>\r\n Searching...\r\n </div>\r\n ) : filtered.length > 0 ? (\r\n filtered.map((cmd, index) => (\r\n <li\r\n key={cmd.label}\r\n id={`cmd-${index}`}\r\n role=\"option\"\r\n aria-selected={index === activeIndex}\r\n className={combineClassNames(\r\n classMap.item,\r\n classMap[theme],\r\n index === activeIndex && classMap.active\r\n )}\r\n onClick={() => {\r\n cmd.action();\r\n onClose();\r\n }}\r\n >\r\n {cmd.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {cmd.icon}\r\n </span>\r\n )}\r\n {cmd.label}\r\n </li>\r\n ))\r\n ) : (\r\n <li\r\n role=\"option\"\r\n aria-selected=\"false\"\r\n aria-disabled=\"true\"\r\n className={combineClassNames(classMap.item, classMap.empty)}\r\n >\r\n No matching results\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </div>,\r\n portalElement\r\n );\r\n};\r\n\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n overlay: \"command_palette_overlay\",\r\n command_palette: \"command_palette\",\r\n input: \"command_palette_input\",\r\n list: \"command_palette_list\",\r\n item: \"command_palette_item\",\r\n icon: \"command_palette_icon\",\r\n active: \"command_palette_active\",\r\n empty: \"command_palette_empty\",\r\n\r\n primary: \"command_palette_primary\",\r\n secondary: \"command_palette_secondary\",\r\n tertiary: \"command_palette_tertiary\",\r\n quaternary: \"command_palette_quaternary\",\r\n\r\n success: \"command_palette_success\",\r\n error: \"command_palette_error\",\r\n warning: \"command_palette_warning\",\r\n\r\n clear: \"command_palette_clear\",\r\n\r\n shadowNone: \"command_palette_shadow-None\",\r\n shadowLight: \"command_palette_shadow-Light\",\r\n shadowMedium: \"command_palette_shadow-Medium\",\r\n shadowStrong: \"command_palette_shadow-Strong\",\r\n shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n roundNone: \"command_palette_round-None\",\r\n roundSmall: \"command_palette_round-Small\",\r\n roundMedium: \"command_palette_round-Medium\",\r\n roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n <CommandPaletteBase\r\n {...props}\r\n classMap={classes}\r\n TextInputComponent={TextInput}\r\n />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable-DQU1WxPr.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n columns,\r\n data,\r\n onRowClick,\r\n classMap,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n outline = false,\r\n className = \"\",\r\n striped = true,\r\n defaultSortKey,\r\n defaultSortOrder = \"asc\",\r\n serverSort = false,\r\n onSortChange,\r\n rowKey,\r\n \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n const sortedData = useMemo(() => {\r\n if (serverSort || !sortKey) return data;\r\n if (!sortKey) return data;\r\n return [...data].sort((a, b) => {\r\n const valA = a[sortKey];\r\n const valB = b[sortKey];\r\n if (valA === valB) return 0;\r\n if (valA == null) return 1;\r\n if (valB == null) return -1;\r\n const isNumA = !isNaN(Number(valA));\r\n const isNumB = !isNaN(Number(valB));\r\n if (isNumA && isNumB)\r\n return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n return sortOrder === \"asc\"\r\n ? String(valA).localeCompare(String(valB))\r\n : String(valB).localeCompare(String(valA));\r\n });\r\n }, [data, sortKey, sortOrder]);\r\n\r\n const handleSort = (key: keyof T) => {\r\n const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n setSortKey(key);\r\n setSortOrder(newOrder);\r\n if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n };\r\n\r\n const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleSort(key);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.wrapper,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n striped && classMap.striped,\r\n className\r\n )}\r\n data-testid={testId}\r\n >\r\n <table\r\n className={combineClassNames(\r\n classMap.table,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline\r\n )}\r\n role=\"table\"\r\n >\r\n <caption className=\"sr_only\">Sortable data table</caption>\r\n <thead>\r\n <tr role=\"row\">\r\n {columns.map((col) => {\r\n const isActive = sortKey === col.key;\r\n return (\r\n <th\r\n key={String(col.key)}\r\n scope=\"col\"\r\n role=\"columnheader\"\r\n tabIndex={col.sortable ? 0 : undefined}\r\n aria-sort={\r\n col.sortable\r\n ? isActive\r\n ? sortOrder === \"asc\"\r\n ? \"ascending\"\r\n : \"descending\"\r\n : \"none\"\r\n : undefined\r\n }\r\n onClick={() => col.sortable && handleSort(col.key)}\r\n onKeyDown={(e) =>\r\n col.sortable && handleSortKeyDown(e, col.key)\r\n }\r\n className={combineClassNames(\r\n col.sortable && classMap.sortable,\r\n classMap.headerCell\r\n )}\r\n >\r\n <span>{col.label}</span>\r\n {col.sortable && (\r\n <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n </span>\r\n )}\r\n </th>\r\n );\r\n })}\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {sortedData.map((row, idx) => {\r\n const key = rowKey ? rowKey(row) : idx;\r\n return (\r\n <tr\r\n key={key}\r\n role=\"row\"\r\n className={combineClassNames(\r\n onRowClick && classMap.clickable,\r\n striped && idx % 2 === 1 && classMap.striped\r\n )}\r\n onClick={() => onRowClick?.(row)}\r\n tabIndex={onRowClick ? 0 : undefined}\r\n aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n >\r\n {columns.map((col) => (\r\n <td\r\n key={String(col.key)}\r\n role=\"cell\"\r\n data-label={col.label}\r\n className={classMap.cell}\r\n >\r\n {col.render\r\n ? col.render(row[col.key], row)\r\n : typeof row[col.key] === \"object\"\r\n ? JSON.stringify(row[col.key])\r\n : String(row[col.key] ?? \"\")}\r\n </td>\r\n ))}\r\n </tr>\r\n );\r\n })}\r\n </tbody>\r\n </table>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataTableBase;\r\n","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n wrapper: \"data_table_wrapper\",\r\n table: \"data_table\",\r\n headerCell: \"data_table_header_cell\",\r\n sortable: \"data_table_header_sortable\",\r\n sortIcon: \"data_table_sort_icon\",\r\n clickable: \"data_table_row_clickable\",\r\n striped: \"data_table_row_striped\",\r\n cell: \"data_table_cell\",\r\n\r\n primary: \"data_table_primary\",\r\n secondary: \"data_table_secondary\",\r\n tertiary: \"data_table_tertiary\",\r\n quaternary: \"data_table_quaternary\",\r\n\r\n success: \"data_table_success\",\r\n error: \"data_table_error\",\r\n warning: \"data_table_warning\",\r\n\r\n clear: \"data_table_clear\",\r\n\r\n outline: \"data_table_outline\",\r\n\r\n shadowNone: \"data_table_shadow-None\",\r\n shadowLight: \"data_table_shadow-Light\",\r\n shadowMedium: \"data_table_shadow-Medium\",\r\n shadowStrong: \"data_table_shadow-Strong\",\r\n shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n roundNone: \"data_table_round-None\",\r\n roundSmall: \"data_table_round-Small\",\r\n roundMedium: \"data_table_round-Medium\",\r\n roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n return <DataTableBase {...props} classMap={classes} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable-DZeVQIC0.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n columns,\r\n data,\r\n onRowClick,\r\n classMap,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n outline = false,\r\n className = \"\",\r\n striped = true,\r\n defaultSortKey,\r\n defaultSortOrder = \"asc\",\r\n serverSort = false,\r\n onSortChange,\r\n rowKey,\r\n \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n const sortedData = useMemo(() => {\r\n if (serverSort || !sortKey) return data;\r\n if (!sortKey) return data;\r\n return [...data].sort((a, b) => {\r\n const valA = a[sortKey];\r\n const valB = b[sortKey];\r\n if (valA === valB) return 0;\r\n if (valA == null) return 1;\r\n if (valB == null) return -1;\r\n const isNumA = !isNaN(Number(valA));\r\n const isNumB = !isNaN(Number(valB));\r\n if (isNumA && isNumB)\r\n return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n return sortOrder === \"asc\"\r\n ? String(valA).localeCompare(String(valB))\r\n : String(valB).localeCompare(String(valA));\r\n });\r\n }, [data, sortKey, sortOrder]);\r\n\r\n const handleSort = (key: keyof T) => {\r\n const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n setSortKey(key);\r\n setSortOrder(newOrder);\r\n if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n };\r\n\r\n const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleSort(key);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.wrapper,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n striped && classMap.striped,\r\n className\r\n )}\r\n data-testid={testId}\r\n >\r\n <table\r\n className={combineClassNames(\r\n classMap.table,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline\r\n )}\r\n role=\"table\"\r\n >\r\n <caption className=\"sr_only\">Sortable data table</caption>\r\n <thead>\r\n <tr role=\"row\">\r\n {columns.map((col) => {\r\n const isActive = sortKey === col.key;\r\n return (\r\n <th\r\n key={String(col.key)}\r\n scope=\"col\"\r\n role=\"columnheader\"\r\n tabIndex={col.sortable ? 0 : undefined}\r\n aria-sort={\r\n col.sortable\r\n ? isActive\r\n ? sortOrder === \"asc\"\r\n ? \"ascending\"\r\n : \"descending\"\r\n : \"none\"\r\n : undefined\r\n }\r\n onClick={() => col.sortable && handleSort(col.key)}\r\n onKeyDown={(e) =>\r\n col.sortable && handleSortKeyDown(e, col.key)\r\n }\r\n className={combineClassNames(\r\n col.sortable && classMap.sortable,\r\n classMap.headerCell\r\n )}\r\n >\r\n <span>{col.label}</span>\r\n {col.sortable && (\r\n <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n </span>\r\n )}\r\n </th>\r\n );\r\n })}\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {sortedData.map((row, idx) => {\r\n const key = rowKey ? rowKey(row) : idx;\r\n return (\r\n <tr\r\n key={key}\r\n role=\"row\"\r\n className={combineClassNames(\r\n onRowClick && classMap.clickable,\r\n striped && idx % 2 === 1 && classMap.striped\r\n )}\r\n onClick={() => onRowClick?.(row)}\r\n tabIndex={onRowClick ? 0 : undefined}\r\n aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n >\r\n {columns.map((col) => (\r\n <td\r\n key={String(col.key)}\r\n role=\"cell\"\r\n data-label={col.label}\r\n className={classMap.cell}\r\n >\r\n {col.render\r\n ? col.render(row[col.key], row)\r\n : typeof row[col.key] === \"object\"\r\n ? JSON.stringify(row[col.key])\r\n : String(row[col.key] ?? \"\")}\r\n </td>\r\n ))}\r\n </tr>\r\n );\r\n })}\r\n </tbody>\r\n </table>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataTableBase;\r\n","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n wrapper: \"data_table_wrapper\",\r\n table: \"data_table\",\r\n headerCell: \"data_table_header_cell\",\r\n sortable: \"data_table_header_sortable\",\r\n sortIcon: \"data_table_sort_icon\",\r\n clickable: \"data_table_row_clickable\",\r\n striped: \"data_table_row_striped\",\r\n cell: \"data_table_cell\",\r\n\r\n primary: \"data_table_primary\",\r\n secondary: \"data_table_secondary\",\r\n tertiary: \"data_table_tertiary\",\r\n quaternary: \"data_table_quaternary\",\r\n\r\n success: \"data_table_success\",\r\n error: \"data_table_error\",\r\n warning: \"data_table_warning\",\r\n\r\n clear: \"data_table_clear\",\r\n\r\n outline: \"data_table_outline\",\r\n\r\n shadowNone: \"data_table_shadow-None\",\r\n shadowLight: \"data_table_shadow-Light\",\r\n shadowMedium: \"data_table_shadow-Medium\",\r\n shadowStrong: \"data_table_shadow-Strong\",\r\n shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n roundNone: \"data_table_round-None\",\r\n roundSmall: \"data_table_round-Small\",\r\n roundMedium: \"data_table_round-Medium\",\r\n roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n return <DataTableBase {...props} classMap={classes} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker-BtITiL_E.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\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 d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M7 2V6\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\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 DateTimePickerBaseProps extends DateTimePickerProps {\r\n classMap: Record<string, string>;\r\n error?: string;\r\n description?: string;\r\n id?: string;\r\n}\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n label,\r\n value,\r\n onChange,\r\n min,\r\n max,\r\n name,\r\n required = false,\r\n disabled = false,\r\n size = getDefaultSize(),\r\n outline,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"datetime-picker\",\r\n classMap,\r\n error,\r\n description,\r\n id,\r\n}) => {\r\n const generatedId = useId();\r\n const inputId = id || generatedId;\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n const descriptionId = description ? `${inputId}-description` : undefined;\r\n const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n const openPicker = () => {\r\n inputRef.current?.showPicker?.();\r\n };\r\n\r\n const pickerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, theme, state, size, outline, disabled, className]\r\n );\r\n\r\n return (\r\n <div className={pickerClass} data-testid={testId}>\r\n {label && (\r\n <label htmlFor={inputId} className={classMap.label}>\r\n {label} {required && <span aria-hidden=\"true\">*</span>}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.inputWrapper}>\r\n <input\r\n id={inputId}\r\n type=\"datetime-local\"\r\n className={classMap.input}\r\n value={value}\r\n onChange={(e) => onChange?.(e.target.value)}\r\n min={min}\r\n max={max}\r\n name={name}\r\n ref={inputRef}\r\n required={required}\r\n disabled={disabled}\r\n aria-required={required}\r\n aria-disabled={disabled}\r\n aria-invalid={!!error}\r\n aria-describedby={\r\n [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n }\r\n aria-errormessage={errorId || undefined}\r\n aria-label={label || \"Date and time\"}\r\n data-testid={`${testId}-input`}\r\n />\r\n <span\r\n className={classMap.icon}\r\n onClick={openPicker}\r\n onKeyDown={(e) =>\r\n (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n }\r\n aria-hidden=\"true\"\r\n role=\"button\"\r\n tabIndex={0}\r\n >\r\n <CalendarIcon />\r\n </span>\r\n </div>\r\n\r\n {description && !error && (\r\n <p id={descriptionId} className={classMap.description}>\r\n {description}\r\n </p>\r\n )}\r\n\r\n {error && (\r\n <p id={errorId} className={classMap.error} role=\"alert\">\r\n {error}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n wrapper: \"datetime_picker_wrapper\",\r\n label: \"datetime_picker_label\",\r\n inputWrapper: \"datetime_picker_inputWrapper\",\r\n input: \"datetime_picker_input\",\r\n\r\n primary: \"datetime_picker_primary\",\r\n secondary: \"datetime_picker_secondary\",\r\n tertiary: \"datetime_picker_tertiary\",\r\n quaternary: \"datetime_picker_quaternary\",\r\n\r\n success: \"datetime_picker_success\",\r\n error: \"datetime_picker_error\",\r\n warning: \"datetime_picker_warning\",\r\n\r\n clear: \"datetime_picker_clear\",\r\n\r\n xs: \"datetime_picker_xs\",\r\n small: \"datetime_picker_small\",\r\n medium: \"datetime_picker_medium\",\r\n large: \"datetime_picker_large\",\r\n xl: \"datetime_picker_xl\",\r\n\r\n outline: \"datetime_picker_outline\",\r\n disabled: \"datetime_picker_disabled\",\r\n icon: \"datetime_picker_icon\",\r\n\r\n shadowNone: \"datetime_picker_shadow-None\",\r\n shadowLight: \"datetime_picker_shadow-Light\",\r\n shadowMedium: \"datetime_picker_shadow-Medium\",\r\n shadowStrong: \"datetime_picker_shadow-Strong\",\r\n shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n roundNone: \"datetime_picker_round-None\",\r\n roundSmall: \"datetime_picker_round-Small\",\r\n roundMedium: \"datetime_picker_round-Medium\",\r\n roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}
|