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":"RadioButton-DP8HSNZD.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,kBAAkBA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;AACb,iBAAS,EAAE,OAAO,KAAK;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,iBAAiBC,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAeD,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,UAAU,GAAG,MAAM;AAEzB,2CACG,SAAA,EAAM,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAENA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAExBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,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,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQA,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS;AAC3E;AAEA,YAAY,cAAc;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton-DTPBlw1t.js","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;AACb,iBAAS,EAAE,OAAO,KAAK;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,UAAU,GAAG,MAAM;AAEzB,gCACG,SAAA,EAAM,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAExB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,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,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ,oBAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS;AAC3E;AAEA,YAAY,cAAc;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Rating-Jx3DBFOd.cjs","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: 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=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\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 StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number | null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" || event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container || \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked || index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","useState","useMemo","combineClassNames","jsxs"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Rating-QF5O1MFS.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: 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=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\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 StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number | null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" || event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container || \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked || index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
|
|
3
|
-
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
4
|
-
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
5
|
-
import { useState, useEffect } from "react";
|
|
6
|
-
const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
|
|
7
|
-
"svg",
|
|
8
|
-
{
|
|
9
|
-
width: "24px",
|
|
10
|
-
height: "24px",
|
|
11
|
-
viewBox: "0 0 24 24",
|
|
12
|
-
strokeWidth: "1.5",
|
|
13
|
-
fill: "none",
|
|
14
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
-
color: "currentColor",
|
|
16
|
-
...props,
|
|
17
|
-
children: /* @__PURE__ */ jsx(
|
|
18
|
-
"path",
|
|
19
|
-
{
|
|
20
|
-
d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
|
|
21
|
-
stroke: "currentColor",
|
|
22
|
-
strokeWidth: "1.5",
|
|
23
|
-
strokeLinecap: "round",
|
|
24
|
-
strokeLinejoin: "round"
|
|
25
|
-
}
|
|
26
|
-
)
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
const ScrollToTopBase = ({
|
|
30
|
-
classMap,
|
|
31
|
-
rounding = getDefaultRounding(),
|
|
32
|
-
shadow = getDefaultShadow(),
|
|
33
|
-
IconComponent,
|
|
34
|
-
offset = 300,
|
|
35
|
-
className,
|
|
36
|
-
"data-testid": testId = "scroll"
|
|
37
|
-
}) => {
|
|
38
|
-
const [isVisible, setIsVisible] = useState(false);
|
|
39
|
-
const toggleVisibility = () => {
|
|
40
|
-
setIsVisible(window.pageYOffset > offset);
|
|
41
|
-
};
|
|
42
|
-
const scrollToTop = () => {
|
|
43
|
-
window.scrollTo({ top: 0, behavior: "smooth" });
|
|
44
|
-
};
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
window.addEventListener("scroll", toggleVisibility);
|
|
47
|
-
return () => window.removeEventListener("scroll", toggleVisibility);
|
|
48
|
-
}, [offset]);
|
|
49
|
-
const iconClass = combineClassNames(
|
|
50
|
-
classMap.icon,
|
|
51
|
-
shadow && classMap[`shadow${capitalize(shadow)}`],
|
|
52
|
-
rounding && classMap[`round${capitalize(rounding)}`]
|
|
53
|
-
);
|
|
54
|
-
return /* @__PURE__ */ jsxs("div", { className: combineClassNames(classMap.wrapper, className), children: [
|
|
55
|
-
/* @__PURE__ */ jsx(
|
|
56
|
-
"div",
|
|
57
|
-
{
|
|
58
|
-
"aria-live": "polite",
|
|
59
|
-
className: "sr_only",
|
|
60
|
-
role: "status",
|
|
61
|
-
"data-testid": `${testId}-announcement`,
|
|
62
|
-
children: isVisible ? "Scroll to top button is now visible" : ""
|
|
63
|
-
}
|
|
64
|
-
),
|
|
65
|
-
isVisible && /* @__PURE__ */ jsx(
|
|
66
|
-
"button",
|
|
67
|
-
{
|
|
68
|
-
onClick: scrollToTop,
|
|
69
|
-
className: classMap.button,
|
|
70
|
-
title: "Scroll to top",
|
|
71
|
-
type: "button",
|
|
72
|
-
"aria-label": "Scroll to top",
|
|
73
|
-
"data-testid": `${testId}-button`,
|
|
74
|
-
children: /* @__PURE__ */ jsx(IconComponent, { className: iconClass })
|
|
75
|
-
}
|
|
76
|
-
)
|
|
77
|
-
] });
|
|
78
|
-
};
|
|
79
|
-
const classes = {
|
|
80
|
-
wrapper: "scrollToTop",
|
|
81
|
-
button: "scrollToTop_button",
|
|
82
|
-
icon: "scrollToTop_icon",
|
|
83
|
-
shadowNone: "scrollToTop_shadow-None",
|
|
84
|
-
shadowLight: "scrollToTop_shadow-Light",
|
|
85
|
-
shadowMedium: "scrollToTop_shadow-Medium",
|
|
86
|
-
shadowStrong: "scrollToTop_shadow-Strong",
|
|
87
|
-
shadowIntense: "scrollToTop_shadow-Intense",
|
|
88
|
-
roundNone: "scrollToTop_round-None",
|
|
89
|
-
roundSmall: "scrollToTop_round-Small",
|
|
90
|
-
roundMedium: "scrollToTop_round-Medium",
|
|
91
|
-
roundLarge: "scrollToTop_round-Large"
|
|
92
|
-
};
|
|
93
|
-
const ScrollToTopButton = (props) => /* @__PURE__ */ jsx(ScrollToTopBase, { ...props, classMap: classes, IconComponent: ArrowUpIcon });
|
|
94
|
-
export {
|
|
95
|
-
ScrollToTopButton as S
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=STT-CA0J3Cr9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"STT-CA0J3Cr9.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.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 ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ScrollToTopProps } from \"./ScrollToTop.types\";\r\n\r\nexport interface ScrollToTopBaseProps extends ScrollToTopProps {\r\n classMap: Record<string, string>;\r\n IconComponent: React.ElementType;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n className,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={combineClassNames(classMap.wrapper, className)}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\nimport { ScrollToTopProps } from \"../ScrollToTop.types\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC<ScrollToTopProps> = (props) => (\r\n <ScrollToTopBase {...props} classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,cAAuD,CAAC,UAC5D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACJF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,8BACG,OAAA,EAAI,WAAW,kBAAkB,SAAS,SAAS,SAAS,GAC3D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAA,oBAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;AC/DA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,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,oBAAgD,CAAC,UACrD,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS,eAAe,YAAA,CAAa;"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
4
|
-
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
5
|
-
const classNames = require("./classNames-BcWMx052.cjs");
|
|
6
|
-
const React = require("react");
|
|
7
|
-
const ArrowUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
|
-
"svg",
|
|
9
|
-
{
|
|
10
|
-
width: "24px",
|
|
11
|
-
height: "24px",
|
|
12
|
-
viewBox: "0 0 24 24",
|
|
13
|
-
strokeWidth: "1.5",
|
|
14
|
-
fill: "none",
|
|
15
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
-
color: "currentColor",
|
|
17
|
-
...props,
|
|
18
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
19
|
-
"path",
|
|
20
|
-
{
|
|
21
|
-
d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
|
|
22
|
-
stroke: "currentColor",
|
|
23
|
-
strokeWidth: "1.5",
|
|
24
|
-
strokeLinecap: "round",
|
|
25
|
-
strokeLinejoin: "round"
|
|
26
|
-
}
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
const ScrollToTopBase = ({
|
|
31
|
-
classMap,
|
|
32
|
-
rounding = borealStyleConfig.getDefaultRounding(),
|
|
33
|
-
shadow = borealStyleConfig.getDefaultShadow(),
|
|
34
|
-
IconComponent,
|
|
35
|
-
offset = 300,
|
|
36
|
-
className,
|
|
37
|
-
"data-testid": testId = "scroll"
|
|
38
|
-
}) => {
|
|
39
|
-
const [isVisible, setIsVisible] = React.useState(false);
|
|
40
|
-
const toggleVisibility = () => {
|
|
41
|
-
setIsVisible(window.pageYOffset > offset);
|
|
42
|
-
};
|
|
43
|
-
const scrollToTop = () => {
|
|
44
|
-
window.scrollTo({ top: 0, behavior: "smooth" });
|
|
45
|
-
};
|
|
46
|
-
React.useEffect(() => {
|
|
47
|
-
window.addEventListener("scroll", toggleVisibility);
|
|
48
|
-
return () => window.removeEventListener("scroll", toggleVisibility);
|
|
49
|
-
}, [offset]);
|
|
50
|
-
const iconClass = classNames.combineClassNames(
|
|
51
|
-
classMap.icon,
|
|
52
|
-
shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
|
|
53
|
-
rounding && classMap[`round${capitalize.capitalize(rounding)}`]
|
|
54
|
-
);
|
|
55
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames.combineClassNames(classMap.wrapper, className), children: [
|
|
56
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
57
|
-
"div",
|
|
58
|
-
{
|
|
59
|
-
"aria-live": "polite",
|
|
60
|
-
className: "sr_only",
|
|
61
|
-
role: "status",
|
|
62
|
-
"data-testid": `${testId}-announcement`,
|
|
63
|
-
children: isVisible ? "Scroll to top button is now visible" : ""
|
|
64
|
-
}
|
|
65
|
-
),
|
|
66
|
-
isVisible && /* @__PURE__ */ jsxRuntime.jsx(
|
|
67
|
-
"button",
|
|
68
|
-
{
|
|
69
|
-
onClick: scrollToTop,
|
|
70
|
-
className: classMap.button,
|
|
71
|
-
title: "Scroll to top",
|
|
72
|
-
type: "button",
|
|
73
|
-
"aria-label": "Scroll to top",
|
|
74
|
-
"data-testid": `${testId}-button`,
|
|
75
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: iconClass })
|
|
76
|
-
}
|
|
77
|
-
)
|
|
78
|
-
] });
|
|
79
|
-
};
|
|
80
|
-
const classes = {
|
|
81
|
-
wrapper: "scrollToTop",
|
|
82
|
-
button: "scrollToTop_button",
|
|
83
|
-
icon: "scrollToTop_icon",
|
|
84
|
-
shadowNone: "scrollToTop_shadow-None",
|
|
85
|
-
shadowLight: "scrollToTop_shadow-Light",
|
|
86
|
-
shadowMedium: "scrollToTop_shadow-Medium",
|
|
87
|
-
shadowStrong: "scrollToTop_shadow-Strong",
|
|
88
|
-
shadowIntense: "scrollToTop_shadow-Intense",
|
|
89
|
-
roundNone: "scrollToTop_round-None",
|
|
90
|
-
roundSmall: "scrollToTop_round-Small",
|
|
91
|
-
roundMedium: "scrollToTop_round-Medium",
|
|
92
|
-
roundLarge: "scrollToTop_round-Large"
|
|
93
|
-
};
|
|
94
|
-
const ScrollToTopButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(ScrollToTopBase, { ...props, classMap: classes, IconComponent: ArrowUpIcon });
|
|
95
|
-
exports.ScrollToTopButton = ScrollToTopButton;
|
|
96
|
-
//# sourceMappingURL=STT-CKXp-dIO.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"STT-CKXp-dIO.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.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 ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ScrollToTopProps } from \"./ScrollToTop.types\";\r\n\r\nexport interface ScrollToTopBaseProps extends ScrollToTopProps {\r\n classMap: Record<string, string>;\r\n IconComponent: React.ElementType;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n className,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={combineClassNames(classMap.wrapper, className)}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\nimport { ScrollToTopProps } from \"../ScrollToTop.types\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC<ScrollToTopProps> = (props) => (\r\n <ScrollToTopBase {...props} classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","combineClassNames","capitalize"],"mappings":";;;;;;AAAA,MAAM,cAAuD,CAAC,UAC5DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACJF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEAC,QAAAA,UAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAYC,WAAAA;AAAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,yCACG,OAAA,EAAI,WAAWD,WAAAA,kBAAkB,SAAS,SAAS,SAAS,GAC3D,UAAA;AAAA,IAAAL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAAA,2BAAAA,IAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;AC/DA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,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,oBAAgD,CAAC,UACrDA,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS,eAAe,YAAA,CAAa;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select-CDWU_cuN.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/core/Select.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n ChangeEvent,\r\n useId,\r\n useMemo,\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n options,\r\n value,\r\n onChange,\r\n placeholder = \"Select an option\",\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n useEffect(() => {\r\n if (!asyncOptions) return;\r\n\r\n let isMounted = true;\r\n\r\n const load = async () => {\r\n try {\r\n const fetched = await asyncOptions(\"\");\r\n if (isMounted) setInternalOptions(fetched);\r\n } catch (err) {\r\n console.error(\"Failed to load options:\", err);\r\n }\r\n };\r\n\r\n load();\r\n\r\n if (pollInterval > 0) {\r\n const intervalId = setInterval(load, pollInterval);\r\n return () => {\r\n clearInterval(intervalId);\r\n isMounted = false;\r\n };\r\n }\r\n\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [asyncOptions, pollInterval]);\r\n\r\n const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n onChange(event.target.value);\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n className,\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 ),\r\n [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n );\r\n\r\n const selectClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel || placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\r\n data-testid={`${testId}-option-${option.value}`}\r\n >\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n\r\n <div\r\n className={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","import React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport \"./Select.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst classes = {\r\n wrapper: \"select_wrapper\",\r\n select: \"select\",\r\n outline: \"select_outline\",\r\n\r\n primary: \"select_primary\",\r\n secondary: \"select_secondary\",\r\n tertiary: \"select_tertiary\",\r\n quaternary: \"select_quaternary\",\r\n\r\n success: \"select_success\",\r\n error: \"select_error\",\r\n warning: \"select_warning\",\r\n\r\n clear: \"select_clear\",\r\n\r\n icon: \"select_icon\",\r\n disabled: \"select_disabled\",\r\n\r\n shadowNone: \"select_shadow-None\",\r\n shadowLight: \"select_shadow-Light\",\r\n shadowMedium: \"select_shadow-Medium\",\r\n shadowStrong: \"select_shadow-Strong\",\r\n shadowIntense: \"select_shadow-Intense\",\r\n\r\n roundNone: \"select_round-None\",\r\n roundSmall: \"select_round-Small\",\r\n roundMedium: \"select_round-Medium\",\r\n roundLarge: \"select_round-Large\",\r\n};\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={classes} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select-DWzxymiA.cjs","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/core/Select.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n ChangeEvent,\r\n useId,\r\n useMemo,\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n options,\r\n value,\r\n onChange,\r\n placeholder = \"Select an option\",\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n useEffect(() => {\r\n if (!asyncOptions) return;\r\n\r\n let isMounted = true;\r\n\r\n const load = async () => {\r\n try {\r\n const fetched = await asyncOptions(\"\");\r\n if (isMounted) setInternalOptions(fetched);\r\n } catch (err) {\r\n console.error(\"Failed to load options:\", err);\r\n }\r\n };\r\n\r\n load();\r\n\r\n if (pollInterval > 0) {\r\n const intervalId = setInterval(load, pollInterval);\r\n return () => {\r\n clearInterval(intervalId);\r\n isMounted = false;\r\n };\r\n }\r\n\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [asyncOptions, pollInterval]);\r\n\r\n const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n onChange(event.target.value);\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n className,\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 ),\r\n [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n );\r\n\r\n const selectClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel || placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\r\n data-testid={`${testId}-option-${option.value}`}\r\n >\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n\r\n <div\r\n className={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","import React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport \"./Select.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst classes = {\r\n wrapper: \"select_wrapper\",\r\n select: \"select\",\r\n outline: \"select_outline\",\r\n\r\n primary: \"select_primary\",\r\n secondary: \"select_secondary\",\r\n tertiary: \"select_tertiary\",\r\n quaternary: \"select_quaternary\",\r\n\r\n success: \"select_success\",\r\n error: \"select_error\",\r\n warning: \"select_warning\",\r\n\r\n clear: \"select_clear\",\r\n\r\n icon: \"select_icon\",\r\n disabled: \"select_disabled\",\r\n\r\n shadowNone: \"select_shadow-None\",\r\n shadowLight: \"select_shadow-Light\",\r\n shadowMedium: \"select_shadow-Medium\",\r\n shadowStrong: \"select_shadow-Strong\",\r\n shadowIntense: \"select_shadow-Intense\",\r\n\r\n roundNone: \"select_round-None\",\r\n roundSmall: \"select_round-Small\",\r\n roundMedium: \"select_round-Medium\",\r\n roundLarge: \"select_round-Large\",\r\n};\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={classes} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","ChevronDownIcon"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar-CqTJJULG.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef } from \"react\";\r\nimport { SidebarProps } from \"./Sidebar.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\n\r\nexport interface BaseSidebarProps extends SidebarProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n links,\r\n classMap,\r\n currentPath,\r\n LinkComponent = \"a\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n showFooter = false,\r\n footerLinks,\r\n footerVersion,\r\n outline = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"sidebar\",\r\n ariaLabel = \"Sidebar navigation\",\r\n ...rest\r\n}) => {\r\n const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n const toggleItem = (key: string) => {\r\n setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n };\r\n\r\n const submenuRefs = useRef<Record<string, HTMLDivElement | null>>({});\r\n\r\n const setSubmenuRef = (key: string, el: HTMLDivElement | null) => {\r\n submenuRefs.current[key] = el;\r\n };\r\n\r\n const getSubmenuHeight = (key: string) => {\r\n const el = submenuRefs.current[key];\r\n return el ? `${el.scrollHeight}px` : \"0px\";\r\n };\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n className,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [className, theme, state, outline, rounding, shadow]\r\n );\r\n\r\n const renderLinks = (items: typeof links, isChild = false) => (\r\n <ul\r\n className={combineClassNames(\r\n classMap.list,\r\n isChild ? classMap.childList : \"\"\r\n )}\r\n data-testid={`${testId}-list`}\r\n >\r\n {items.map(({ label, href, children, icon }) => {\r\n const isActive = href && currentPath === href;\r\n const isOpen = openItems[label] || false;\r\n\r\n return (\r\n <li\r\n key={label}\r\n className={classMap.item}\r\n data-testid={`${testId}-listItems`}\r\n >\r\n {children && children.length > 0 ? (\r\n <>\r\n <button\r\n type=\"button\"\r\n className={combineClassNames(\r\n classMap.link,\r\n isOpen ? classMap.active : \"\"\r\n )}\r\n onClick={() => toggleItem(label)}\r\n aria-expanded={isOpen}\r\n data-testid={`${testId}-exapndItemButton`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n <span data-testid={`${testId}-exapndItemLabel`}>{label}</span>\r\n <ChevronDownIcon\r\n className={combineClassNames(\r\n classMap.chevron,\r\n isOpen ? classMap.chevronOpen : \"\"\r\n )}\r\n data-testid={`${testId}-exapndIcon`}\r\n />\r\n </button>\r\n <div\r\n ref={(el) => setSubmenuRef(label, el)}\r\n className={combineClassNames(\r\n classMap.submenu,\r\n isOpen ? classMap.submenuOpen : \"\"\r\n )}\r\n style={{\r\n maxHeight: isOpen ? getSubmenuHeight(label) : \"0px\",\r\n }}\r\n data-testid={`${testId}-subMenu`}\r\n >\r\n {renderLinks(children, true)}\r\n </div>\r\n </>\r\n ) : href ? (\r\n <LinkComponent\r\n href={href}\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild ? classMap.childLink : \"\",\r\n isActive ? classMap.active : \"\"\r\n )}\r\n aria-current={isActive ? \"page\" : undefined}\r\n data-testid={`${testId}-sidebarLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild ? classMap.childLink : \"\"\r\n )}\r\n data-testid={`${testId}-sidebarLabel`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </span>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n\r\n return (\r\n <nav\r\n className={containerClasses}\r\n aria-label={ariaLabel}\r\n {...rest}\r\n data-testid={testId}\r\n >\r\n <nav className={classMap.nav}>{renderLinks(links)}</nav>\r\n {showFooter && (\r\n <footer className={classMap.footer} data-testid={`${testId}-footer`}>\r\n {footerLinks?.map(({ label, href }) => (\r\n <LinkComponent\r\n key={label}\r\n href={href}\r\n className={classMap.footerLink}\r\n data-testid={`${testId}-footerLink`}\r\n >\r\n {label}\r\n </LinkComponent>\r\n ))}\r\n\r\n {footerVersion && (\r\n <span\r\n className={classMap.footerVersion}\r\n data-testid={`${testId}-footerVersion`}\r\n >\r\n {footerVersion}\r\n </span>\r\n )}\r\n </footer>\r\n )}\r\n </nav>\r\n );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\n\r\nexport default SidebarBase;\r\n","import React from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n wrapper: \"sidebar\",\r\n nav: \"sidebar_nav\",\r\n list: \"sidebar_list\",\r\n childList: \"sidebar_child-list\",\r\n item: \"sidebar_item\",\r\n link: \"sidebar_link\",\r\n childLink: \"sidebar_child-link\",\r\n active: \"sidebar_active\",\r\n\r\n footer: \"sidebar_footer\",\r\n footerLink: \"sidebar_footer-link\",\r\n footerVersion: \"sidebar_footer-version\",\r\n\r\n chevron: \"sidebar_chevron\",\r\n chevronOpen: \"sidebar_chevron_open\",\r\n\r\n submenu: \"sidebar_submenu\",\r\n submenuOpen: \"sidebar_submenu_open\",\r\n\r\n outline: \"sidebar_outline\",\r\n\r\n primary: \"sidebar_primary\",\r\n secondary: \"sidebar_secondary\",\r\n tertiary: \"sidebar_tertiary\",\r\n quaternary: \"sidebar_quaternary\",\r\n\r\n success: \"sidebar_success\",\r\n error: \"sidebar_error\",\r\n warning: \"sidebar_warning\",\r\n\r\n clear: \"sidebar_clear\",\r\n\r\n shadowNone: \"sidebar_shadow-None\",\r\n shadowLight: \"sidebar_shadow-Light\",\r\n shadowMedium: \"sidebar_shadow-Medium\",\r\n shadowStrong: \"sidebar_shadow-Strong\",\r\n shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n roundNone: \"sidebar_round-None\",\r\n roundSmall: \"sidebar_round-Small\",\r\n roundMedium: \"sidebar_round-Medium\",\r\n roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({ currentPath, ...props }) => (\r\n <SidebarBase {...props} currentPath={currentPath} classMap={classes} />\r\n);\r\n\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","ChevronDownIcon"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar-z0mG5nn_.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef } from \"react\";\r\nimport { SidebarProps } from \"./Sidebar.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\n\r\nexport interface BaseSidebarProps extends SidebarProps {\r\n classMap: Record<string, string>;\r\n LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n links,\r\n classMap,\r\n currentPath,\r\n LinkComponent = \"a\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n showFooter = false,\r\n footerLinks,\r\n footerVersion,\r\n outline = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"sidebar\",\r\n ariaLabel = \"Sidebar navigation\",\r\n ...rest\r\n}) => {\r\n const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n const toggleItem = (key: string) => {\r\n setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n };\r\n\r\n const submenuRefs = useRef<Record<string, HTMLDivElement | null>>({});\r\n\r\n const setSubmenuRef = (key: string, el: HTMLDivElement | null) => {\r\n submenuRefs.current[key] = el;\r\n };\r\n\r\n const getSubmenuHeight = (key: string) => {\r\n const el = submenuRefs.current[key];\r\n return el ? `${el.scrollHeight}px` : \"0px\";\r\n };\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n className,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [className, theme, state, outline, rounding, shadow]\r\n );\r\n\r\n const renderLinks = (items: typeof links, isChild = false) => (\r\n <ul\r\n className={combineClassNames(\r\n classMap.list,\r\n isChild ? classMap.childList : \"\"\r\n )}\r\n data-testid={`${testId}-list`}\r\n >\r\n {items.map(({ label, href, children, icon }) => {\r\n const isActive = href && currentPath === href;\r\n const isOpen = openItems[label] || false;\r\n\r\n return (\r\n <li\r\n key={label}\r\n className={classMap.item}\r\n data-testid={`${testId}-listItems`}\r\n >\r\n {children && children.length > 0 ? (\r\n <>\r\n <button\r\n type=\"button\"\r\n className={combineClassNames(\r\n classMap.link,\r\n isOpen ? classMap.active : \"\"\r\n )}\r\n onClick={() => toggleItem(label)}\r\n aria-expanded={isOpen}\r\n data-testid={`${testId}-exapndItemButton`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n <span data-testid={`${testId}-exapndItemLabel`}>{label}</span>\r\n <ChevronDownIcon\r\n className={combineClassNames(\r\n classMap.chevron,\r\n isOpen ? classMap.chevronOpen : \"\"\r\n )}\r\n data-testid={`${testId}-exapndIcon`}\r\n />\r\n </button>\r\n <div\r\n ref={(el) => setSubmenuRef(label, el)}\r\n className={combineClassNames(\r\n classMap.submenu,\r\n isOpen ? classMap.submenuOpen : \"\"\r\n )}\r\n style={{\r\n maxHeight: isOpen ? getSubmenuHeight(label) : \"0px\",\r\n }}\r\n data-testid={`${testId}-subMenu`}\r\n >\r\n {renderLinks(children, true)}\r\n </div>\r\n </>\r\n ) : href ? (\r\n <LinkComponent\r\n href={href}\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild ? classMap.childLink : \"\",\r\n isActive ? classMap.active : \"\"\r\n )}\r\n aria-current={isActive ? \"page\" : undefined}\r\n data-testid={`${testId}-sidebarLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild ? classMap.childLink : \"\"\r\n )}\r\n data-testid={`${testId}-sidebarLabel`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </span>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n\r\n return (\r\n <nav\r\n className={containerClasses}\r\n aria-label={ariaLabel}\r\n {...rest}\r\n data-testid={testId}\r\n >\r\n <nav className={classMap.nav}>{renderLinks(links)}</nav>\r\n {showFooter && (\r\n <footer className={classMap.footer} data-testid={`${testId}-footer`}>\r\n {footerLinks?.map(({ label, href }) => (\r\n <LinkComponent\r\n key={label}\r\n href={href}\r\n className={classMap.footerLink}\r\n data-testid={`${testId}-footerLink`}\r\n >\r\n {label}\r\n </LinkComponent>\r\n ))}\r\n\r\n {footerVersion && (\r\n <span\r\n className={classMap.footerVersion}\r\n data-testid={`${testId}-footerVersion`}\r\n >\r\n {footerVersion}\r\n </span>\r\n )}\r\n </footer>\r\n )}\r\n </nav>\r\n );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\n\r\nexport default SidebarBase;\r\n","import React from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n wrapper: \"sidebar\",\r\n nav: \"sidebar_nav\",\r\n list: \"sidebar_list\",\r\n childList: \"sidebar_child-list\",\r\n item: \"sidebar_item\",\r\n link: \"sidebar_link\",\r\n childLink: \"sidebar_child-link\",\r\n active: \"sidebar_active\",\r\n\r\n footer: \"sidebar_footer\",\r\n footerLink: \"sidebar_footer-link\",\r\n footerVersion: \"sidebar_footer-version\",\r\n\r\n chevron: \"sidebar_chevron\",\r\n chevronOpen: \"sidebar_chevron_open\",\r\n\r\n submenu: \"sidebar_submenu\",\r\n submenuOpen: \"sidebar_submenu_open\",\r\n\r\n outline: \"sidebar_outline\",\r\n\r\n primary: \"sidebar_primary\",\r\n secondary: \"sidebar_secondary\",\r\n tertiary: \"sidebar_tertiary\",\r\n quaternary: \"sidebar_quaternary\",\r\n\r\n success: \"sidebar_success\",\r\n error: \"sidebar_error\",\r\n warning: \"sidebar_warning\",\r\n\r\n clear: \"sidebar_clear\",\r\n\r\n shadowNone: \"sidebar_shadow-None\",\r\n shadowLight: \"sidebar_shadow-Light\",\r\n shadowMedium: \"sidebar_shadow-Medium\",\r\n shadowStrong: \"sidebar_shadow-Strong\",\r\n shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n roundNone: \"sidebar_round-None\",\r\n roundSmall: \"sidebar_round-Small\",\r\n roundMedium: \"sidebar_round-Medium\",\r\n roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({ currentPath, ...props }) => (\r\n <SidebarBase {...props} currentPath={currentPath} classMap={classes} />\r\n);\r\n\r\nexport default Sidebar;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-BniIVZmx.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/core/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","import React from \"react\";\r\nimport \"./Skeleton.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst classes = {\r\n shadowNone: \"skeleton_shadow-None\",\r\n shadowLight: \"skeleton_shadow-Light\",\r\n shadowMedium: \"skeleton_shadow-Medium\",\r\n shadowStrong: \"skeleton_shadow-Strong\",\r\n shadowIntense: \"skeleton_shadow-Intense\",\r\n\r\n roundNone: \"skeleton_round-None\",\r\n roundSmall: \"skeleton_round-Small\",\r\n roundMedium: \"skeleton_round-Medium\",\r\n roundLarge: \"skeleton_round-Large\",\r\n};\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(\"skeleton_loader\", props.className)}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkB;AAAA,IACtB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AC/CA,MAAM,UAAU;AAAA,EACd,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,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,mBAAmB,MAAM,SAAS;AAAA,MAC/D,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-CeMwLgnq.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/core/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","import React from \"react\";\r\nimport \"./Skeleton.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst classes = {\r\n shadowNone: \"skeleton_shadow-None\",\r\n shadowLight: \"skeleton_shadow-Light\",\r\n shadowMedium: \"skeleton_shadow-Medium\",\r\n shadowStrong: \"skeleton_shadow-Strong\",\r\n shadowIntense: \"skeleton_shadow-Intense\",\r\n\r\n roundNone: \"skeleton_round-None\",\r\n roundSmall: \"skeleton_round-Small\",\r\n roundMedium: \"skeleton_round-Medium\",\r\n roundLarge: \"skeleton_round-Large\",\r\n};\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(\"skeleton_loader\", props.className)}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","combineClassNames","capitalize","jsx"],"mappings":";;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkBC,WAAAA;AAAAA,IACtB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AC/CA,MAAM,UAAU;AAAA,EACd,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,iBAA0C,CAAC,UAAU;AACzD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,mBAAmB,MAAM,SAAS;AAAA,MAC/D,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider-DZycGDIY.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\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 className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n container: \"slider_container\",\r\n label: \"slider_label\",\r\n wrapper: \"slider_wrapper\",\r\n slider: \"slider\",\r\n value: \"slider_value\",\r\n\r\n xs: \"slider_xs\",\r\n small: \"slider_small\",\r\n medium: \"slider_medium\",\r\n large: \"slider_large\",\r\n xl: \"slider_xl\",\r\n\r\n primary: \"slider_primary\",\r\n secondary: \"slider_secondary\",\r\n tertiary: \"slider_tertiary\",\r\n quaternary: \"slider_quaternary\",\r\n\r\n success: \"slider_success\",\r\n error: \"slider_error\",\r\n warning: \"slider_warning\",\r\n\r\n clear: \"slider_clear\",\r\n\r\n shadowNone: \"slider_shadow-None\",\r\n shadowLight: \"slider_shadow-Light\",\r\n shadowMedium: \"slider_shadow-Medium\",\r\n shadowStrong: \"slider_shadow-Strong\",\r\n shadowIntense: \"slider_shadow-Intense\",\r\n\r\n roundNone: \"slider_round-None\",\r\n roundSmall: \"slider_round-Small\",\r\n roundMedium: \"slider_round-Medium\",\r\n roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return (\r\n <SliderBase\r\n {...props}\r\n className={combineClassNames(props.className)}\r\n classMap={coreStyles}\r\n />\r\n );\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":";;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA,OAAOA,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAY,GAAG,KAAK;AAE1B,QAAM,mBAAmBC,MAAAA;AAAAA,IACvB,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;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAAA;AAG1C,yCACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAA,SACCC,2BAAAA,IAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAA,MAAA,CACH;AAAA,IAGFC,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiB,QAAQ,UAAU;AAAA,UACnC,cAAY,QAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,aACCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AClFA,MAAM,aAAa;AAAA,EACjB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,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,UAAU;AAC/C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,MAAM,SAAS;AAAA,MAC5C,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider-QEwgd0le.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\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 className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n container: \"slider_container\",\r\n label: \"slider_label\",\r\n wrapper: \"slider_wrapper\",\r\n slider: \"slider\",\r\n value: \"slider_value\",\r\n\r\n xs: \"slider_xs\",\r\n small: \"slider_small\",\r\n medium: \"slider_medium\",\r\n large: \"slider_large\",\r\n xl: \"slider_xl\",\r\n\r\n primary: \"slider_primary\",\r\n secondary: \"slider_secondary\",\r\n tertiary: \"slider_tertiary\",\r\n quaternary: \"slider_quaternary\",\r\n\r\n success: \"slider_success\",\r\n error: \"slider_error\",\r\n warning: \"slider_warning\",\r\n\r\n clear: \"slider_clear\",\r\n\r\n shadowNone: \"slider_shadow-None\",\r\n shadowLight: \"slider_shadow-Light\",\r\n shadowMedium: \"slider_shadow-Medium\",\r\n shadowStrong: \"slider_shadow-Strong\",\r\n shadowIntense: \"slider_shadow-Intense\",\r\n\r\n roundNone: \"slider_round-None\",\r\n roundSmall: \"slider_round-Small\",\r\n roundMedium: \"slider_round-Medium\",\r\n roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return (\r\n <SliderBase\r\n {...props}\r\n className={combineClassNames(props.className)}\r\n classMap={coreStyles}\r\n />\r\n );\r\n};\r\n\r\nexport default Slider;\r\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAY,GAAG,KAAK;AAE1B,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAAA;AAG1C,8BACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAA,SACC,oBAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAA,MAAA,CACH;AAAA,IAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiB,QAAQ,UAAU;AAAA,UACnC,cAAY,QAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AClFA,MAAM,aAAa;AAAA,EACjB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,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,UAAU;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,MAAM,SAAS;AAAA,MAC5C,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner-BTmQ7ZN9.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label || \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n wrapper: \"spinner_wrapper\",\r\n spinner: \"spinner\",\r\n label: \"spinner_label\",\r\n\r\n primary: \"spinner_primary\",\r\n secondary: \"spinner_secondary\",\r\n tertiary: \"spinner_tertiary\",\r\n quaternary: \"spinner_quaternary\",\r\n\r\n success: \"spinner_success\",\r\n warning: \"spinner_warning\",\r\n error: \"spinner_error\",\r\n\r\n clear: \"spinner_clear\",\r\n\r\n shadowElement: \"spinner_shadowElement\",\r\n\r\n shadowNone: \"spinner_shadow-None\",\r\n shadowLight: \"spinner_shadow-Light\",\r\n shadowMedium: \"spinner_shadow-Medium\",\r\n shadowStrong: \"spinner_shadow-Strong\",\r\n shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return (\r\n <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACzD,QAAM,cAAc,GAAG,IAAI;AAE3B,QAAM,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAY,SAAS;AAAA,MAErB,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,WAAAA;AAAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,YAAA;AAAA,YAElD,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,UAAY;AAAA,QAAA;AAAA,QAEnDD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACEA,2BAAAA,IAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner-DGF0pR7I.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label || \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n wrapper: \"spinner_wrapper\",\r\n spinner: \"spinner\",\r\n label: \"spinner_label\",\r\n\r\n primary: \"spinner_primary\",\r\n secondary: \"spinner_secondary\",\r\n tertiary: \"spinner_tertiary\",\r\n quaternary: \"spinner_quaternary\",\r\n\r\n success: \"spinner_success\",\r\n warning: \"spinner_warning\",\r\n error: \"spinner_error\",\r\n\r\n clear: \"spinner_clear\",\r\n\r\n shadowElement: \"spinner_shadowElement\",\r\n\r\n shadowNone: \"spinner_shadow-None\",\r\n shadowLight: \"spinner_shadow-Light\",\r\n shadowMedium: \"spinner_shadow-Medium\",\r\n shadowStrong: \"spinner_shadow-Strong\",\r\n shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return (\r\n <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACzD,QAAM,cAAc,GAAG,IAAI;AAE3B,QAAM,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAY,SAAS;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,YAAA;AAAA,YAElD,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,UAAY;AAAA,QAAA;AAAA,QAEnD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACE,oBAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper-B-wTooCi.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n stepper: \"stepper\",\r\n horizontal: \"stepper_horizontal\",\r\n vertical: \"stepper_vertical\",\r\n primary: \"stepper_primary\",\r\n secondary: \"stepper_secondary\",\r\n tertiary: \"stepper_tertiary\",\r\n quaternary: \"stepper_quaternary\",\r\n success: \"stepper_success\",\r\n warning: \"stepper_warning\",\r\n error: \"stepper_error\",\r\n clear: \"stepper_clear\",\r\n xs: \"stepper_xs\",\r\n medium: \"stepper_medium\",\r\n small: \"stepper_small\",\r\n large: \"stepper_large\",\r\n xl: \"stepper_xl\",\r\n step: \"stepper_step\",\r\n active: \"stepper_active\",\r\n completed: \"stepper_completed\",\r\n disabled: \"stepper_disabled\",\r\n clickable: \"stepper_clickable\",\r\n stepButton: \"stepper_step_button\",\r\n stepLabel: \"stepper_step_label\",\r\n connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper-CZ0lJwyQ.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n stepper: \"stepper\",\r\n horizontal: \"stepper_horizontal\",\r\n vertical: \"stepper_vertical\",\r\n primary: \"stepper_primary\",\r\n secondary: \"stepper_secondary\",\r\n tertiary: \"stepper_tertiary\",\r\n quaternary: \"stepper_quaternary\",\r\n success: \"stepper_success\",\r\n warning: \"stepper_warning\",\r\n error: \"stepper_error\",\r\n clear: \"stepper_clear\",\r\n xs: \"stepper_xs\",\r\n medium: \"stepper_medium\",\r\n small: \"stepper_small\",\r\n large: \"stepper_large\",\r\n xl: \"stepper_xl\",\r\n step: \"stepper_step\",\r\n active: \"stepper_active\",\r\n completed: \"stepper_completed\",\r\n disabled: \"stepper_disabled\",\r\n clickable: \"stepper_clickable\",\r\n stepButton: \"stepper_step_button\",\r\n stepLabel: \"stepper_step_label\",\r\n connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","IconButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar-B3eTb_Xz.js","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/next/Avatar.tsx"],"sourcesContent":["/**\r\n * Returns the initials from a given full name string.\r\n *\r\n * Extracts the first character from the first word and the first character of the second word (if available).\r\n * If only one word is provided, it uses the first two characters of that word as a fallback.\r\n * If no valid characters are found, it returns \"?\".\r\n *\r\n * @param {string} name - The full name to extract initials from.\r\n * @returns {string} A string of up to two uppercase initials, or \"?\" if the input is empty or invalid.\r\n *\r\n * @example\r\n * getInitials(\"John Doe\"); // \"JD\"\r\n * getInitials(\"Alice\"); // \"AL\"\r\n * getInitials(\" \"); // \"?\"\r\n */\r\nexport const getInitials = (name: string): string => {\r\n const words = name.trim().split(/\\s+/);\r\n const first = words[0]?.[0] || \"\";\r\n const second = words[1]?.[0] || words[0]?.[1] || \"\";\r\n return (first + second).toUpperCase() || \"?\";\r\n};\r\n","const FallbackUserIcon: 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=\"M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20\"\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=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z\"\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 FallbackUserIcon;\r\n","import React, { useMemo, useState, MouseEvent } from \"react\";\r\nimport { AvatarProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\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\nexport interface AvatarBaseProps extends AvatarProps {\r\n ImageComponent?: React.ElementType;\r\n LinkComponent?: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AvatarBase: React.FC<AvatarBaseProps> = ({\r\n src,\r\n alt,\r\n name = \"\",\r\n label,\r\n onClick,\r\n disabled = false,\r\n href,\r\n status,\r\n statusIcon,\r\n statusPosition = \"bottomRight\",\r\n fallback,\r\n children,\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n shape = \"circle\",\r\n outline = false,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n priority = false,\r\n ImageComponent = \"img\",\r\n LinkComponent = \"a\",\r\n classMap,\r\n \"data-testid\": testId = \"avatar\",\r\n}) => {\r\n const [imgError, setImgError] = useState(false);\r\n const computedLabel = label || alt || name || \"User avatar\";\r\n const fallbackContent =\r\n fallback ??\r\n (name ? (\r\n getInitials(name)\r\n ) : (\r\n <FallbackUserIcon className={classMap.fallback_icon} />\r\n ));\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.avatar,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[shape],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n disabled && classMap.disabled,\r\n outline && classMap.outline,\r\n onClick && classMap.clickable,\r\n className\r\n ),\r\n [theme, shape, size, outline, className]\r\n );\r\n\r\n const avatarContent =\r\n !imgError && src ? (\r\n <ImageComponent\r\n src={src}\r\n alt={computedLabel}\r\n className={classMap.image}\r\n onError={() => setImgError(true)}\r\n loading={priority ? \"eager\" : \"lazy\"}\r\n aria-hidden=\"false\"\r\n role=\"img\"\r\n data-testid={testId ? `${testId}-image` : undefined}\r\n fill={true}\r\n />\r\n ) : (\r\n <span\r\n className={classMap.initials}\r\n role=\"img\"\r\n aria-label={computedLabel}\r\n title={computedLabel}\r\n data-testid={testId ? `${testId}-initials` : undefined}\r\n >\r\n {fallbackContent}\r\n </span>\r\n );\r\n\r\n const statusIndicator = (status || statusIcon) && (\r\n <span\r\n className={combineClassNames(\r\n classMap.status,\r\n status && classMap[status],\r\n statusIcon ? \"icon_only\" : undefined,\r\n classMap[statusPosition]\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-status` : undefined}\r\n >\r\n {statusIcon || <span className={classMap.dot} />}\r\n </span>\r\n );\r\n\r\n const content = (\r\n <>\r\n {children ?? avatarContent}\r\n {statusIndicator}\r\n </>\r\n );\r\n\r\n const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n if (!href) e.preventDefault();\r\n };\r\n\r\n const ariaAttrs = {\r\n \"aria-label\": computedLabel,\r\n \"aria-disabled\": false,\r\n };\r\n\r\n if (href) {\r\n if (LinkComponent === \"a\") {\r\n return (\r\n <a\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid=\"avatar\"\r\n target={href.startsWith(\"http\") ? \"_blank\" : undefined}\r\n rel={href.startsWith(\"http\") ? \"noopener noreferrer\" : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n return (\r\n <LinkComponent\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </LinkComponent>\r\n );\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </button>\r\n );\r\n};\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\nimport styles from \"./Avatar.module.scss\";\r\n\r\nconst Avatar: React.FC<AvatarProps> = (props) => (\r\n <AvatarBase\r\n {...props}\r\n ImageComponent={Image}\r\n LinkComponent={Link}\r\n classMap={styles}\r\n />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["disabled","status","outline"],"mappings":"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"}
|