boreal-ui 0.0.72 → 0.0.73
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/{Accordion-CyxuUy_t.cjs → Accordion-7FjsUwVp.cjs} +48 -16
- package/dist/core/Accordion-7FjsUwVp.cjs.map +1 -0
- package/dist/core/{Accordion-BwtII31u.js → Accordion-Bp-rbJiD.js} +49 -17
- package/dist/core/Accordion-Bp-rbJiD.js.map +1 -0
- package/dist/core/Accordion.cjs.js +1 -1
- package/dist/core/Accordion.js +1 -1
- package/dist/core/{Avatar-CUSWjsVo.js → Avatar-Ct2kXkNR.js} +58 -21
- package/dist/core/Avatar-Ct2kXkNR.js.map +1 -0
- package/dist/core/{Avatar-CxrSOiu7.cjs → Avatar-jxGFijtF.cjs} +57 -20
- package/dist/core/Avatar-jxGFijtF.cjs.map +1 -0
- package/dist/core/Avatar.cjs.js +1 -1
- package/dist/core/Avatar.js +1 -1
- package/dist/core/{Badge-BEj0KQvW.js → Badge-BOd5dF4l.js} +27 -9
- package/dist/core/Badge-BOd5dF4l.js.map +1 -0
- package/dist/core/{Badge-BFvrWTX6.cjs → Badge-oXVUTleI.cjs} +27 -9
- package/dist/core/Badge-oXVUTleI.cjs.map +1 -0
- package/dist/core/Badge.cjs.js +1 -1
- package/dist/core/Badge.js +1 -1
- package/dist/core/{Breadcrumbs-CMQYmSDB.cjs → Breadcrumbs-B7hp9_u1.cjs} +40 -24
- package/dist/core/Breadcrumbs-B7hp9_u1.cjs.map +1 -0
- package/dist/core/{Breadcrumbs-CJ-f4SqB.js → Breadcrumbs-C1Z59ffV.js} +41 -25
- package/dist/core/Breadcrumbs-C1Z59ffV.js.map +1 -0
- package/dist/core/Breadcrumbs.cjs.js +2 -4
- package/dist/core/Breadcrumbs.cjs.js.map +1 -1
- package/dist/core/Breadcrumbs.js +1 -2
- package/dist/core/{Button-Sn-XGEsn.js → Button-IALg9VKr.js} +52 -14
- package/dist/core/Button-IALg9VKr.js.map +1 -0
- package/dist/core/{Button-BT9ID2ki.cjs → Button-nxtJFOWD.cjs} +52 -14
- package/dist/core/Button-nxtJFOWD.cjs.map +1 -0
- package/dist/core/Button.cjs.js +1 -1
- package/dist/core/Button.js +1 -1
- package/dist/core/{Card-BmlPaqJZ.cjs → Card-C3kfPs8j.cjs} +77 -27
- package/dist/core/Card-C3kfPs8j.cjs.map +1 -0
- package/dist/core/{Card-CRIPRZ_b.js → Card-dazG4EK1.js} +77 -27
- package/dist/core/Card-dazG4EK1.js.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/CheckBox.cjs.js +1 -1
- package/dist/core/CheckBox.js +1 -1
- package/dist/core/{Checkbox-8EgwIJTX.js → Checkbox-DmMDTc5Z.js} +81 -41
- package/dist/core/Checkbox-DmMDTc5Z.js.map +1 -0
- package/dist/core/Checkbox-JWFInEW_.cjs +192 -0
- package/dist/core/Checkbox-JWFInEW_.cjs.map +1 -0
- package/dist/core/{Chip-BN-6gv8X.js → Chip-DSBIjvJZ.js} +44 -11
- package/dist/core/Chip-DSBIjvJZ.js.map +1 -0
- package/dist/core/{Chip-9iK2hsJj.cjs → Chip-DV-l08jr.cjs} +43 -10
- package/dist/core/Chip-DV-l08jr.cjs.map +1 -0
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CircularProgress-DVHra4Wi.cjs → CircularProgress-CAlIuRfH.cjs} +27 -10
- package/dist/core/CircularProgress-CAlIuRfH.cjs.map +1 -0
- package/dist/core/{CircularProgress-BAjEgUf9.js → CircularProgress-DEZZm76L.js} +27 -10
- package/dist/core/CircularProgress-DEZZm76L.js.map +1 -0
- package/dist/core/CircularProgress.cjs.js +1 -1
- package/dist/core/CircularProgress.js +1 -1
- package/dist/core/{ColorPicker-N8ZUJmJv.js → ColorPicker-BpJgDnaw.js} +78 -11
- package/dist/core/ColorPicker-BpJgDnaw.js.map +1 -0
- package/dist/core/{ColorPicker-BE1z0P4n.cjs → ColorPicker-j6djvLOC.cjs} +78 -11
- package/dist/core/ColorPicker-j6djvLOC.cjs.map +1 -0
- package/dist/core/ColorPicker.cjs.js +1 -1
- package/dist/core/ColorPicker.js +1 -1
- package/dist/core/CommandPalette-BBjIib6T.js +447 -0
- package/dist/core/CommandPalette-BBjIib6T.js.map +1 -0
- package/dist/core/CommandPalette-BtpQ9cio.cjs +446 -0
- package/dist/core/CommandPalette-BtpQ9cio.cjs.map +1 -0
- package/dist/core/CommandPalette.cjs.js +1 -1
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/DataTable-CCPWihcW.cjs +313 -0
- package/dist/core/DataTable-CCPWihcW.cjs.map +1 -0
- package/dist/core/DataTable-FIxUWKG4.js +314 -0
- package/dist/core/DataTable-FIxUWKG4.js.map +1 -0
- package/dist/core/DataTable.cjs.js +1 -1
- package/dist/core/DataTable.js +1 -1
- package/dist/core/{DateTimePicker-Dh83Kd8i.cjs → DateTimePicker-Ul1dl1A1.cjs} +89 -24
- package/dist/core/DateTimePicker-Ul1dl1A1.cjs.map +1 -0
- package/dist/core/{DateTimePicker-B_x-Hw30.js → DateTimePicker-u2p4sBbR.js} +89 -24
- package/dist/core/DateTimePicker-u2p4sBbR.js.map +1 -0
- package/dist/core/DateTimePicker.cjs.js +1 -1
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/{Divider-2UcgENdU.js → Divider-C34MwVBv.js} +18 -11
- package/dist/core/Divider-C34MwVBv.js.map +1 -0
- package/dist/core/{Divider-AaLX554p.cjs → Divider-CgUoL8NV.cjs} +18 -11
- package/dist/core/Divider-CgUoL8NV.cjs.map +1 -0
- package/dist/core/Divider.cjs.js +1 -1
- package/dist/core/Divider.js +1 -1
- package/dist/core/{Dropdown-wW-i6oeS.cjs → Dropdown-B7-_OH9p.cjs} +157 -71
- package/dist/core/Dropdown-B7-_OH9p.cjs.map +1 -0
- package/dist/core/{Dropdown-D3hW8fec.js → Dropdown-BGJ8mGhg.js} +158 -72
- package/dist/core/Dropdown-BGJ8mGhg.js.map +1 -0
- package/dist/core/Dropdown.cjs.js +1 -1
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{EmptyState-D_7LnNDB.js → EmptyState-CCSPIDo3.js} +44 -44
- package/dist/core/EmptyState-CCSPIDo3.js.map +1 -0
- package/dist/core/{EmptyState-D47l1YgZ.cjs → EmptyState-Du2xqi6G.cjs} +44 -44
- package/dist/core/EmptyState-Du2xqi6G.cjs.map +1 -0
- package/dist/core/EmptyState.cjs.js +1 -1
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/{FileUpload-B3gV8uYa.cjs → FileUpload-BR9-eENT.cjs} +201 -61
- package/dist/core/FileUpload-BR9-eENT.cjs.map +1 -0
- package/dist/core/{FileUpload-H_G60ktw.js → FileUpload-BWjOciA3.js} +202 -62
- package/dist/core/FileUpload-BWjOciA3.js.map +1 -0
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/Footer-60sTURxB.cjs +272 -0
- package/dist/core/Footer-60sTURxB.cjs.map +1 -0
- package/dist/core/Footer-CkSzN_PI.js +273 -0
- package/dist/core/Footer-CkSzN_PI.js.map +1 -0
- package/dist/core/Footer.cjs.js +1 -1
- package/dist/core/Footer.js +1 -1
- package/dist/core/{FormGroup-DDZ1D_CI.js → FormGroup-qqHKY5fP.js} +66 -33
- package/dist/core/FormGroup-qqHKY5fP.js.map +1 -0
- package/dist/core/{FormGroup-Cit_2_Wo.cjs → FormGroup-s3n6ZiDT.cjs} +66 -33
- package/dist/core/FormGroup-s3n6ZiDT.cjs.map +1 -0
- package/dist/core/FormGroup.cjs.js +1 -1
- package/dist/core/FormGroup.js +1 -1
- package/dist/core/{IconButton-B7DYdUHH.cjs → IconButton-C_ktew-6.cjs} +56 -35
- package/dist/core/IconButton-C_ktew-6.cjs.map +1 -0
- package/dist/core/{IconButton-6hjW9_Za.js → IconButton-ChJJCB4O.js} +56 -35
- package/dist/core/IconButton-ChJJCB4O.js.map +1 -0
- package/dist/core/IconButton.cjs.js +1 -1
- package/dist/core/IconButton.js +1 -1
- package/dist/core/{MarkdownRenderer-D4emln2b.cjs → MarkdownRenderer-CBPB1PJt.cjs} +24 -4
- package/dist/core/MarkdownRenderer-CBPB1PJt.cjs.map +1 -0
- package/dist/core/{MarkdownRenderer-CIJSu7o6.js → MarkdownRenderer-EbqPYLEM.js} +24 -4
- package/dist/core/MarkdownRenderer-EbqPYLEM.js.map +1 -0
- package/dist/core/MarkdownRenderer.cjs.js +1 -1
- package/dist/core/MarkdownRenderer.js +1 -1
- package/dist/core/{MessagePopup-D6h1dJ-D.js → MessagePopup-D6xuwdAv.js} +20 -9
- package/dist/core/MessagePopup-D6xuwdAv.js.map +1 -0
- package/dist/core/{MessagePopup-CyU-0yY3.cjs → MessagePopup-DIfdILWZ.cjs} +20 -9
- package/dist/core/MessagePopup-DIfdILWZ.cjs.map +1 -0
- package/dist/core/MessagePopup.cjs.js +1 -1
- package/dist/core/MessagePopup.js +1 -1
- package/dist/core/{MetricBox--nk1HHt-.js → MetricBox-BlkBoGCL.js} +34 -7
- package/dist/core/MetricBox-BlkBoGCL.js.map +1 -0
- package/dist/core/{MetricBox-Cy4qboZV.cjs → MetricBox-Dq8ZwEGV.cjs} +34 -7
- package/dist/core/MetricBox-Dq8ZwEGV.cjs.map +1 -0
- package/dist/core/MetricBox.cjs.js +1 -1
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/{Modal-GW1_WI8d.js → Modal-DVz_GNOL.js} +15 -7
- package/dist/core/Modal-DVz_GNOL.js.map +1 -0
- package/dist/core/{Modal-gYZyAmkB.cjs → Modal-DhpY3Kt6.cjs} +15 -7
- package/dist/core/Modal-DhpY3Kt6.cjs.map +1 -0
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NavBar-D8IkIqs9.js → NavBar-DelYH3IR.js} +57 -32
- package/dist/core/NavBar-DelYH3IR.js.map +1 -0
- package/dist/core/{NavBar-Dn1gUrAi.cjs → NavBar-Dq1f1NSn.cjs} +57 -32
- package/dist/core/NavBar-Dq1f1NSn.cjs.map +1 -0
- package/dist/core/NavBar.cjs.js +1 -1
- package/dist/core/NavBar.js +1 -1
- package/dist/core/{NotificationCenter-DBRsoFv2.cjs → NotificationCenter-CsKJTZhk.cjs} +116 -71
- package/dist/core/NotificationCenter-CsKJTZhk.cjs.map +1 -0
- package/dist/core/{NotificationCenter-nyzZ8p0t.js → NotificationCenter-MTRIDmMm.js} +117 -72
- package/dist/core/NotificationCenter-MTRIDmMm.js.map +1 -0
- package/dist/core/NotificationCenter.cjs.js +2 -4
- package/dist/core/NotificationCenter.cjs.js.map +1 -1
- package/dist/core/NotificationCenter.js +2 -3
- package/dist/core/Pager-B2MEqAOV.js +225 -0
- package/dist/core/Pager-B2MEqAOV.js.map +1 -0
- package/dist/core/Pager-wl7_umU4.cjs +224 -0
- package/dist/core/Pager-wl7_umU4.cjs.map +1 -0
- package/dist/core/Pager.cjs.js +1 -1
- package/dist/core/Pager.js +1 -1
- package/dist/core/{PopOver-DMEKU24G.cjs → PopOver-B87GGM3R.cjs} +38 -15
- package/dist/core/PopOver-B87GGM3R.cjs.map +1 -0
- package/dist/core/{PopOver-CZ-ZzkVe.js → PopOver-lRqOHUJg.js} +38 -15
- package/dist/core/PopOver-lRqOHUJg.js.map +1 -0
- package/dist/core/PopOver.cjs.js +1 -1
- package/dist/core/PopOver.js +1 -1
- package/dist/core/{ProgressBar-Djh3tscr.cjs → ProgressBar-Cjw7Npjq.cjs} +30 -6
- package/dist/core/ProgressBar-Cjw7Npjq.cjs.map +1 -0
- package/dist/core/{ProgressBar-DENoE2ZA.js → ProgressBar-pVPs5lsA.js} +30 -6
- package/dist/core/ProgressBar-pVPs5lsA.js.map +1 -0
- package/dist/core/ProgressBar.cjs.js +1 -1
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/{RadioButton-Af4h43-j.js → RadioButton-BM0-FaUG.js} +14 -2
- package/dist/core/RadioButton-BM0-FaUG.js.map +1 -0
- package/dist/core/{RadioButton-o6h5NsTK.cjs → RadioButton-QK6SCEbU.cjs} +14 -2
- package/dist/core/RadioButton-QK6SCEbU.cjs.map +1 -0
- package/dist/core/RadioButton.cjs.js +1 -1
- package/dist/core/RadioButton.js +1 -1
- package/dist/core/{Rating-D6ltlsWy.js → Rating-C7xfIXYT.js} +44 -20
- package/dist/core/Rating-C7xfIXYT.js.map +1 -0
- package/dist/core/{Rating-Ce9hjQVC.cjs → Rating-CIo6DFh5.cjs} +44 -20
- package/dist/core/Rating-CIo6DFh5.cjs.map +1 -0
- package/dist/core/Rating.cjs.js +1 -1
- package/dist/core/Rating.js +1 -1
- package/dist/core/{ScrollToTop-BwntJ7A5.js → ScrollToTop-BYyKPqix.js} +19 -4
- package/dist/core/ScrollToTop-BYyKPqix.js.map +1 -0
- package/dist/core/{ScrollToTop-CLBwqdLe.cjs → ScrollToTop-CK74BkzY.cjs} +19 -4
- package/dist/core/ScrollToTop-CK74BkzY.cjs.map +1 -0
- package/dist/core/ScrollToTop.cjs.js +1 -1
- package/dist/core/ScrollToTop.js +1 -1
- package/dist/core/{Select-DQDXyKPq.js → Select-CeyJGftD.js} +45 -12
- package/dist/core/Select-CeyJGftD.js.map +1 -0
- package/dist/core/{Select-FS746FcH.cjs → Select-KiOrD0xY.cjs} +45 -12
- package/dist/core/Select-KiOrD0xY.cjs.map +1 -0
- package/dist/core/Select.cjs.js +1 -1
- package/dist/core/Select.js +1 -1
- package/dist/core/{Sidebar-CniHke_6.js → Sidebar-BWzuQw-r.js} +74 -25
- package/dist/core/Sidebar-BWzuQw-r.js.map +1 -0
- package/dist/core/{Sidebar-DFAi7pQh.cjs → Sidebar-DrEQ7PwW.cjs} +74 -25
- package/dist/core/Sidebar-DrEQ7PwW.cjs.map +1 -0
- package/dist/core/Sidebar.cjs.js +1 -1
- package/dist/core/Sidebar.js +1 -1
- package/dist/core/{Skeleton-DPR3hXBc.cjs → Skeleton-BXeQBgX2.cjs} +33 -10
- package/dist/core/Skeleton-BXeQBgX2.cjs.map +1 -0
- package/dist/core/{Skeleton-B9LVkce_.js → Skeleton-C-L3OgVt.js} +33 -10
- package/dist/core/Skeleton-C-L3OgVt.js.map +1 -0
- package/dist/core/Skeleton.cjs.js +1 -1
- package/dist/core/Skeleton.js +1 -1
- package/dist/core/{Slider-XeEn7t2O.cjs → Slider-Davbqf_v.cjs} +42 -8
- package/dist/core/Slider-Davbqf_v.cjs.map +1 -0
- package/dist/core/{Slider-BLSK3_yt.js → Slider-Dxcryk5j.js} +42 -8
- package/dist/core/Slider-Dxcryk5j.js.map +1 -0
- package/dist/core/Slider.cjs.js +1 -1
- package/dist/core/Slider.js +1 -1
- package/dist/core/{Spinner-oky6qn-3.js → Spinner-C0bxVDCy.js} +14 -6
- package/dist/core/Spinner-C0bxVDCy.js.map +1 -0
- package/dist/core/{Spinner-D2V23we6.cjs → Spinner-DvzolXTI.cjs} +14 -6
- package/dist/core/Spinner-DvzolXTI.cjs.map +1 -0
- package/dist/core/Spinner.cjs.js +1 -1
- package/dist/core/Spinner.js +1 -1
- package/dist/core/{Stepper-O6PTrY95.cjs → Stepper-CQRJID19.cjs} +24 -11
- package/dist/core/Stepper-CQRJID19.cjs.map +1 -0
- package/dist/core/{Stepper-D5iUsoKL.js → Stepper-SDJM-Jju.js} +24 -11
- package/dist/core/Stepper-SDJM-Jju.js.map +1 -0
- package/dist/core/Stepper.cjs.js +1 -1
- package/dist/core/Stepper.js +1 -1
- package/dist/core/{Tabs-C2MAHi3V.js → Tabs-B4HRqGuB.js} +15 -6
- package/dist/core/Tabs-B4HRqGuB.js.map +1 -0
- package/dist/core/{Tabs-CncWfZxF.cjs → Tabs-r1nyJCFz.cjs} +15 -6
- package/dist/core/Tabs-r1nyJCFz.cjs.map +1 -0
- package/dist/core/Tabs.cjs.js +1 -1
- package/dist/core/Tabs.js +1 -1
- package/dist/core/{TagInput-BdrT33b_.js → TagInput-CcuMIlmi.js} +46 -33
- package/dist/core/TagInput-CcuMIlmi.js.map +1 -0
- package/dist/core/{TagInput-BFNzMNLC.cjs → TagInput-pWRdhaP3.cjs} +45 -32
- package/dist/core/TagInput-pWRdhaP3.cjs.map +1 -0
- package/dist/core/TagInput.cjs.js +1 -1
- package/dist/core/TagInput.js +1 -1
- package/dist/core/{TextArea-tX4BO8iT.cjs → TextArea-BKmmcXld.cjs} +50 -10
- package/dist/core/TextArea-BKmmcXld.cjs.map +1 -0
- package/dist/core/{TextArea-B7BTlqcx.js → TextArea-Ufou1zw1.js} +50 -10
- package/dist/core/TextArea-Ufou1zw1.js.map +1 -0
- package/dist/core/TextArea.cjs.js +1 -1
- package/dist/core/TextArea.js +1 -1
- package/dist/core/{TextInput-D9IHA-K3.js → TextInput-BaiDGrKw.js} +111 -88
- package/dist/core/TextInput-BaiDGrKw.js.map +1 -0
- package/dist/core/{TextInput-k_V-hTwW.cjs → TextInput-DbAsQxjr.cjs} +111 -88
- package/dist/core/TextInput-DbAsQxjr.cjs.map +1 -0
- package/dist/core/TextInput.cjs.js +1 -1
- package/dist/core/TextInput.js +1 -1
- package/dist/core/Timeline-BRLd8boJ.js +194 -0
- package/dist/core/Timeline-BRLd8boJ.js.map +1 -0
- package/dist/core/Timeline-CfTmjEVS.cjs +193 -0
- package/dist/core/Timeline-CfTmjEVS.cjs.map +1 -0
- package/dist/core/Timeline.cjs.js +1 -1
- package/dist/core/Timeline.js +1 -1
- package/dist/core/{Toggle-BjcHSRky.cjs → Toggle-BRUwXOhV.cjs} +26 -9
- package/dist/core/Toggle-BRUwXOhV.cjs.map +1 -0
- package/dist/core/{Toggle-x0wutBcD.js → Toggle-DL0Nhwgr.js} +26 -9
- package/dist/core/Toggle-DL0Nhwgr.js.map +1 -0
- package/dist/core/Toggle.cjs.js +1 -1
- package/dist/core/Toggle.js +1 -1
- package/dist/core/{Toolbar-DS4OWUio.cjs → Toolbar-CxJxebIJ.cjs} +29 -9
- package/dist/core/Toolbar-CxJxebIJ.cjs.map +1 -0
- package/dist/core/{Toolbar-Ce40CpVS.js → Toolbar-fSghH1_-.js} +29 -9
- package/dist/core/Toolbar-fSghH1_-.js.map +1 -0
- package/dist/core/Toolbar.cjs.js +1 -1
- package/dist/core/Toolbar.js +1 -1
- package/dist/core/{Tooltip-BqUQU9du.cjs → Tooltip-_e_4s6pE.cjs} +69 -18
- package/dist/core/Tooltip-_e_4s6pE.cjs.map +1 -0
- package/dist/core/{Tooltip-fOb5jy6R.js → Tooltip-wKNLA3ua.js} +70 -19
- package/dist/core/Tooltip-wKNLA3ua.js.map +1 -0
- package/dist/core/Tooltip.cjs.js +1 -1
- package/dist/core/Tooltip.js +1 -1
- package/dist/core/{Typography-DeV9eoQj.js → Typography-D0hPzK5Y.js} +19 -3
- package/dist/core/Typography-D0hPzK5Y.js.map +1 -0
- package/dist/core/{Typography-D9WF2TVi.cjs → Typography-DdTiWRgQ.cjs} +19 -3
- package/dist/core/Typography-DdTiWRgQ.cjs.map +1 -0
- package/dist/core/Typography.cjs.js +1 -1
- package/dist/core/Typography.js +1 -1
- package/dist/core/boreal-ui.css +41 -3
- package/dist/core/index.cjs.js +47 -47
- package/dist/core/index.js +47 -47
- package/dist/next/{Accordion-D9pe1F_C.cjs → Accordion-BEa1jxTt.cjs} +47 -15
- package/dist/next/Accordion-BEa1jxTt.cjs.map +1 -0
- package/dist/next/{Accordion-B6n350De.js → Accordion-Bg8V6T38.js} +48 -16
- package/dist/next/Accordion-Bg8V6T38.js.map +1 -0
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Avatar-LMGhrarO.js → Avatar-CiFxswSP.js} +58 -21
- package/dist/next/Avatar-CiFxswSP.js.map +1 -0
- package/dist/next/{Avatar-Dl-SRO6q.cjs → Avatar-iZKOY9MH.cjs} +57 -20
- package/dist/next/Avatar-iZKOY9MH.cjs.map +1 -0
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Badge-C4NhHVhm.cjs → Badge-DzcjI-JI.cjs} +27 -9
- package/dist/next/Badge-DzcjI-JI.cjs.map +1 -0
- package/dist/next/{Badge-DcwVDzeX.js → Badge-WP2DFssv.js} +27 -9
- package/dist/next/Badge-WP2DFssv.js.map +1 -0
- package/dist/next/Badge.cjs.js +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-DtHfXe1F.js → Breadcrumbs-B60a5DUy.js} +41 -25
- package/dist/next/Breadcrumbs-B60a5DUy.js.map +1 -0
- package/dist/next/{Breadcrumbs-DRCULfdB.cjs → Breadcrumbs-CV5iM8BP.cjs} +40 -24
- package/dist/next/Breadcrumbs-CV5iM8BP.cjs.map +1 -0
- package/dist/next/Breadcrumbs.cjs.js +2 -4
- package/dist/next/Breadcrumbs.cjs.js.map +1 -1
- package/dist/next/Breadcrumbs.js +1 -2
- package/dist/next/{Button-BNV2cbTA.js → Button-BfgUzkgN.js} +52 -14
- package/dist/next/Button-BfgUzkgN.js.map +1 -0
- package/dist/next/{Button-aiECSNNc.cjs → Button-DMCOgi4K.cjs} +52 -14
- package/dist/next/Button-DMCOgi4K.cjs.map +1 -0
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-DIFHDDIr.cjs → Card-0Pm8Vjjn.cjs} +77 -27
- package/dist/next/Card-0Pm8Vjjn.cjs.map +1 -0
- package/dist/next/{Card-CpycObH7.js → Card-CSFC7mpW.js} +77 -27
- package/dist/next/Card-CSFC7mpW.js.map +1 -0
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.cjs.js +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/Checkbox-BlWHxhjw.js +243 -0
- package/dist/next/Checkbox-BlWHxhjw.js.map +1 -0
- package/dist/next/Checkbox-DXNxt-4b.cjs +242 -0
- package/dist/next/Checkbox-DXNxt-4b.cjs.map +1 -0
- package/dist/next/{Chip-B4LcQgyC.cjs → Chip-CB1mcRA1.cjs} +43 -10
- package/dist/next/Chip-CB1mcRA1.cjs.map +1 -0
- package/dist/next/{Chip-dGaHUdOu.js → Chip-CuaKFQku.js} +44 -11
- package/dist/next/Chip-CuaKFQku.js.map +1 -0
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-DWcdPslR.cjs → CircularProgress-CzFUYDX1.cjs} +27 -10
- package/dist/next/CircularProgress-CzFUYDX1.cjs.map +1 -0
- package/dist/next/{CircularProgress-C2jVHm3Q.js → CircularProgress-Dn1VXFsq.js} +27 -10
- package/dist/next/CircularProgress-Dn1VXFsq.js.map +1 -0
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-Oy9unTHe.cjs → ColorPicker-ByPKPsMz.cjs} +78 -11
- package/dist/next/ColorPicker-ByPKPsMz.cjs.map +1 -0
- package/dist/next/{ColorPicker-1i0Lgdgq.js → ColorPicker-CCzSZDjx.js} +78 -11
- package/dist/next/ColorPicker-CCzSZDjx.js.map +1 -0
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/CommandPalette-BQEJG5yN.cjs +495 -0
- package/dist/next/CommandPalette-BQEJG5yN.cjs.map +1 -0
- package/dist/next/CommandPalette-Cxx3Ey9J.js +496 -0
- package/dist/next/CommandPalette-Cxx3Ey9J.js.map +1 -0
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/DataTable-Bt6D__oo.cjs +359 -0
- package/dist/next/DataTable-Bt6D__oo.cjs.map +1 -0
- package/dist/next/DataTable-CZj_U9rg.js +360 -0
- package/dist/next/DataTable-CZj_U9rg.js.map +1 -0
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-CGz-n7Bi.js → DateTimePicker-CdPvr6Mc.js} +89 -24
- package/dist/next/DateTimePicker-CdPvr6Mc.js.map +1 -0
- package/dist/next/{DateTimePicker-D0d9tw5_.cjs → DateTimePicker-Cols3qxt.cjs} +89 -24
- package/dist/next/DateTimePicker-Cols3qxt.cjs.map +1 -0
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-DM2Y1wLx.js → Divider-DXGze_D2.js} +18 -11
- package/dist/next/Divider-DXGze_D2.js.map +1 -0
- package/dist/next/{Divider-DYResQrs.cjs → Divider-Dr0xlon0.cjs} +18 -11
- package/dist/next/Divider-Dr0xlon0.cjs.map +1 -0
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-k6Zs2Jss.js → Dropdown-79ZIBUjB.js} +158 -72
- package/dist/next/Dropdown-79ZIBUjB.js.map +1 -0
- package/dist/next/{Dropdown-D69FL3pW.cjs → Dropdown-BfvCn_20.cjs} +157 -71
- package/dist/next/Dropdown-BfvCn_20.cjs.map +1 -0
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-DbTEeF_t.cjs → EmptyState-Dy1Xeyzp.cjs} +44 -44
- package/dist/next/EmptyState-Dy1Xeyzp.cjs.map +1 -0
- package/dist/next/{EmptyState-C-tk-GFs.js → EmptyState-oXCSBosz.js} +44 -44
- package/dist/next/EmptyState-oXCSBosz.js.map +1 -0
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-uJZYGisD.cjs → FileUpload-C1DVXFK7.cjs} +201 -61
- package/dist/next/FileUpload-C1DVXFK7.cjs.map +1 -0
- package/dist/next/{FileUpload-CysOXhXj.js → FileUpload-qiY8YpDz.js} +202 -62
- package/dist/next/FileUpload-qiY8YpDz.js.map +1 -0
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/Footer-4L7pu4Gp.cjs +324 -0
- package/dist/next/Footer-4L7pu4Gp.cjs.map +1 -0
- package/dist/next/Footer-DIPBB0is.js +325 -0
- package/dist/next/Footer-DIPBB0is.js.map +1 -0
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-cW5IOn3e.js → FormGroup-AHYiWnkX.js} +66 -33
- package/dist/next/FormGroup-AHYiWnkX.js.map +1 -0
- package/dist/next/{FormGroup-DqApTe27.cjs → FormGroup-B4Xb3X61.cjs} +66 -33
- package/dist/next/FormGroup-B4Xb3X61.cjs.map +1 -0
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/{IconButton-BNXb1M9u.cjs → IconButton-C4OC99ig.cjs} +56 -35
- package/dist/next/IconButton-C4OC99ig.cjs.map +1 -0
- package/dist/next/{IconButton-BCPASTa0.js → IconButton-CNiln4Qf.js} +56 -35
- package/dist/next/IconButton-CNiln4Qf.js.map +1 -0
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MarkdownRenderer-fvuFdR5h.js → MarkdownRenderer-CGnuIkVY.js} +24 -4
- package/dist/next/MarkdownRenderer-CGnuIkVY.js.map +1 -0
- package/dist/next/{MarkdownRenderer-DeCTcC0r.cjs → MarkdownRenderer-CO_rlPOB.cjs} +24 -4
- package/dist/next/MarkdownRenderer-CO_rlPOB.cjs.map +1 -0
- package/dist/next/MarkdownRenderer.cjs.js +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/{MessagePopup-iUTfHS2G.js → MessagePopup-BscnzqBa.js} +20 -9
- package/dist/next/MessagePopup-BscnzqBa.js.map +1 -0
- package/dist/next/{MessagePopup-lIh8y0Np.cjs → MessagePopup-lIFn7LZ2.cjs} +20 -9
- package/dist/next/MessagePopup-lIFn7LZ2.cjs.map +1 -0
- package/dist/next/MessagePopup.cjs.js +1 -1
- package/dist/next/MessagePopup.js +1 -1
- package/dist/next/{MetricBox-CDiRiG0K.js → MetricBox-Br-_66aB.js} +34 -7
- package/dist/next/MetricBox-Br-_66aB.js.map +1 -0
- package/dist/next/{MetricBox-CrUuF7Ib.cjs → MetricBox-CeONzyEu.cjs} +34 -7
- package/dist/next/MetricBox-CeONzyEu.cjs.map +1 -0
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-C4vwVesv.cjs → Modal-Baxb-_FV.cjs} +15 -7
- package/dist/next/Modal-Baxb-_FV.cjs.map +1 -0
- package/dist/next/{Modal-Bp95SzfF.js → Modal-ClsOP_6R.js} +15 -7
- package/dist/next/Modal-ClsOP_6R.js.map +1 -0
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-DerfegGE.cjs → NavBar-BXnGlk49.cjs} +57 -32
- package/dist/next/NavBar-BXnGlk49.cjs.map +1 -0
- package/dist/next/{NavBar-v32eP9CE.js → NavBar-Bmf1C-io.js} +57 -32
- package/dist/next/NavBar-Bmf1C-io.js.map +1 -0
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-BWSTBnIE.js → NotificationCenter-BrXxvcLm.js} +117 -72
- package/dist/next/NotificationCenter-BrXxvcLm.js.map +1 -0
- package/dist/next/{NotificationCenter-D-sGoOkb.cjs → NotificationCenter-XcbhUqkh.cjs} +116 -71
- package/dist/next/NotificationCenter-XcbhUqkh.cjs.map +1 -0
- package/dist/next/NotificationCenter.cjs.js +2 -4
- package/dist/next/NotificationCenter.cjs.js.map +1 -1
- package/dist/next/NotificationCenter.js +2 -3
- package/dist/next/Pager-DesOcELM.cjs +226 -0
- package/dist/next/Pager-DesOcELM.cjs.map +1 -0
- package/dist/next/Pager-Dq-KkMmi.js +227 -0
- package/dist/next/Pager-Dq-KkMmi.js.map +1 -0
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-BtR7eYNZ.cjs → PopOver-CpSdILYS.cjs} +38 -15
- package/dist/next/PopOver-CpSdILYS.cjs.map +1 -0
- package/dist/next/{PopOver-Dth_QWWN.js → PopOver-Dp_vC53_.js} +38 -15
- package/dist/next/PopOver-Dp_vC53_.js.map +1 -0
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-BwbZzKn2.js → ProgressBar-Bf_ZzYzI.js} +30 -6
- package/dist/next/ProgressBar-Bf_ZzYzI.js.map +1 -0
- package/dist/next/{ProgressBar-4SyKFeny.cjs → ProgressBar-sg1jxDfy.cjs} +30 -6
- package/dist/next/ProgressBar-sg1jxDfy.cjs.map +1 -0
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-0VwZVK6J.cjs → RadioButton-X5L9U53Y.cjs} +14 -2
- package/dist/next/RadioButton-X5L9U53Y.cjs.map +1 -0
- package/dist/next/{RadioButton-kgfBSrYx.js → RadioButton-z26U6POV.js} +14 -2
- package/dist/next/RadioButton-z26U6POV.js.map +1 -0
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-XYsOe0I9.js → Rating-D6JEDvn4.js} +44 -20
- package/dist/next/Rating-D6JEDvn4.js.map +1 -0
- package/dist/next/{Rating-BNWMCHyv.cjs → Rating-DXYBYXmx.cjs} +44 -20
- package/dist/next/Rating-DXYBYXmx.cjs.map +1 -0
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{ScrollToTop-BhjYKcA6.cjs → ScrollToTop-CBRFQNC0.cjs} +19 -4
- package/dist/next/ScrollToTop-CBRFQNC0.cjs.map +1 -0
- package/dist/next/{ScrollToTop-BC6geDsg.js → ScrollToTop-Cw7LXubo.js} +19 -4
- package/dist/next/ScrollToTop-Cw7LXubo.js.map +1 -0
- package/dist/next/ScrollToTop.cjs.js +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/{Select-BqUSEl8c.cjs → Select-DAD4xA1b.cjs} +74 -41
- package/dist/next/Select-DAD4xA1b.cjs.map +1 -0
- package/dist/next/{Select-wOJwWWef.js → Select-DPL__SwJ.js} +74 -41
- package/dist/next/Select-DPL__SwJ.js.map +1 -0
- package/dist/next/Select.cjs.js +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-QM59O02V.cjs → Sidebar-BXmF-Nl2.cjs} +74 -25
- package/dist/next/Sidebar-BXmF-Nl2.cjs.map +1 -0
- package/dist/next/{Sidebar-BWzgyABD.js → Sidebar-CWjyCeQj.js} +74 -25
- package/dist/next/Sidebar-CWjyCeQj.js.map +1 -0
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Skeleton-BmjCgwT_.js → Skeleton-Bk8l48-D.js} +33 -10
- package/dist/next/Skeleton-Bk8l48-D.js.map +1 -0
- package/dist/next/{Skeleton-IMaB6d3N.cjs → Skeleton-N1-8bK7i.cjs} +33 -10
- package/dist/next/Skeleton-N1-8bK7i.cjs.map +1 -0
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-Don9oIYb.js → Slider-BC9XlsEQ.js} +42 -8
- package/dist/next/Slider-BC9XlsEQ.js.map +1 -0
- package/dist/next/{Slider-_uNLGVLb.cjs → Slider-BPtajU2m.cjs} +42 -8
- package/dist/next/Slider-BPtajU2m.cjs.map +1 -0
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-Byhhnxa6.cjs → Spinner-CmaoTjNr.cjs} +14 -6
- package/dist/next/Spinner-CmaoTjNr.cjs.map +1 -0
- package/dist/next/{Spinner-DhTkPvHN.js → Spinner-D7jfVZGm.js} +14 -6
- package/dist/next/Spinner-D7jfVZGm.js.map +1 -0
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-DX2Jyu88.js → Stepper-CTd99d_F.js} +24 -11
- package/dist/next/Stepper-CTd99d_F.js.map +1 -0
- package/dist/next/{Stepper-D3KEbYHa.cjs → Stepper-P9DL0HZW.cjs} +24 -11
- package/dist/next/Stepper-P9DL0HZW.cjs.map +1 -0
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-D5_4LqI2.cjs → Tabs-B6zeG5AB.cjs} +15 -6
- package/dist/next/Tabs-B6zeG5AB.cjs.map +1 -0
- package/dist/next/{Tabs-XAXQS4Zl.js → Tabs-tZjEVd-U.js} +15 -6
- package/dist/next/Tabs-tZjEVd-U.js.map +1 -0
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-D--kg_iB.js → TagInput-CXvw8ogs.js} +46 -33
- package/dist/next/TagInput-CXvw8ogs.js.map +1 -0
- package/dist/next/{TagInput-BXTLgtkv.cjs → TagInput-DldSDmHu.cjs} +45 -32
- package/dist/next/TagInput-DldSDmHu.cjs.map +1 -0
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextArea-fYn3QxpQ.cjs → TextArea-BXmbrq4-.cjs} +50 -10
- package/dist/next/TextArea-BXmbrq4-.cjs.map +1 -0
- package/dist/next/{TextArea-UmejfjCR.js → TextArea-CWscnEZW.js} +50 -10
- package/dist/next/TextArea-CWscnEZW.js.map +1 -0
- package/dist/next/TextArea.cjs.js +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/{TextInput-B9-DIw86.js → TextInput-3ZD3ccXf.js} +111 -88
- package/dist/next/TextInput-3ZD3ccXf.js.map +1 -0
- package/dist/next/{TextInput-D2ptuAkp.cjs → TextInput-cfBWD6de.cjs} +111 -88
- package/dist/next/TextInput-cfBWD6de.cjs.map +1 -0
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/Timeline-Bd6k_2az.js +223 -0
- package/dist/next/Timeline-Bd6k_2az.js.map +1 -0
- package/dist/next/Timeline-Dep_oZrh.cjs +222 -0
- package/dist/next/Timeline-Dep_oZrh.cjs.map +1 -0
- package/dist/next/Timeline.cjs.js +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toggle-CGVOlAre.js → Toggle-Bl8weXv8.js} +26 -9
- package/dist/next/Toggle-Bl8weXv8.js.map +1 -0
- package/dist/next/{Toggle-_eIwxdgg.cjs → Toggle-C9uZG3i5.cjs} +26 -9
- package/dist/next/Toggle-C9uZG3i5.cjs.map +1 -0
- package/dist/next/Toggle.cjs.js +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/{Toolbar-CIm4HBqd.js → Toolbar-DyzNvwQv.js} +29 -9
- package/dist/next/Toolbar-DyzNvwQv.js.map +1 -0
- package/dist/next/{Toolbar-C5uFJJ9N.cjs → Toolbar-s0krbHKU.cjs} +29 -9
- package/dist/next/Toolbar-s0krbHKU.cjs.map +1 -0
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-c9nsr0yw.js → Tooltip-Ba5YWT7r.js} +70 -19
- package/dist/next/Tooltip-Ba5YWT7r.js.map +1 -0
- package/dist/next/{Tooltip-DZtFS9wd.cjs → Tooltip-DVI61ebD.cjs} +69 -18
- package/dist/next/Tooltip-DVI61ebD.cjs.map +1 -0
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/{Typography-BEENFqan.cjs → Typography-B6VNZtxH.cjs} +19 -3
- package/dist/next/Typography-B6VNZtxH.cjs.map +1 -0
- package/dist/next/{Typography-D9yQ776l.js → Typography-BdS7h4Eq.js} +19 -3
- package/dist/next/Typography-BdS7h4Eq.js.map +1 -0
- package/dist/next/Typography.cjs.js +1 -1
- package/dist/next/Typography.js +1 -1
- package/dist/next/boreal-ui.css +308 -291
- package/dist/next/index.cjs.js +47 -47
- package/dist/next/index.js +47 -47
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Accordion/Accordion.types.d.ts +53 -13
- package/dist/types/components/Accordion/Accordion.types.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionBase.d.ts.map +1 -1
- package/dist/types/components/Avatar/Avatar.types.d.ts +44 -21
- package/dist/types/components/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/types/components/Avatar/AvatarBase.d.ts.map +1 -1
- package/dist/types/components/Badge/Badge.types.d.ts +44 -13
- package/dist/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/types/components/Badge/BadgeBase.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +29 -9
- package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts.map +1 -1
- package/dist/types/components/Button/Button.types.d.ts +63 -5
- package/dist/types/components/Button/Button.types.d.ts.map +1 -1
- package/dist/types/components/Button/ButtonBase.d.ts.map +1 -1
- package/dist/types/components/Card/Card.types.d.ts +62 -13
- package/dist/types/components/Card/Card.types.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/dist/types/components/Checkbox/Checkbox.types.d.ts +42 -3
- package/dist/types/components/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/dist/types/components/Checkbox/CheckboxBase.d.ts.map +1 -1
- package/dist/types/components/Checkbox/core/Checkbox.d.ts.map +1 -1
- package/dist/types/components/Chip/Chip.types.d.ts +33 -5
- package/dist/types/components/Chip/Chip.types.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 +38 -6
- package/dist/types/components/CircularProgress/CircularProgress.types.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/CircularProgressBase.d.ts.map +1 -1
- package/dist/types/components/ColorPicker/ColorPicker.types.d.ts +35 -2
- package/dist/types/components/ColorPicker/ColorPicker.types.d.ts.map +1 -1
- package/dist/types/components/ColorPicker/ColorPickerBase.d.ts.map +1 -1
- package/dist/types/components/CommandPalette/CommandPalette.types.d.ts +38 -2
- package/dist/types/components/CommandPalette/CommandPalette.types.d.ts.map +1 -1
- package/dist/types/components/CommandPalette/CommandPaletteBase.d.ts +1 -5
- package/dist/types/components/CommandPalette/CommandPaletteBase.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTable.types.d.ts +84 -1
- package/dist/types/components/DataTable/DataTable.types.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts +1 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts.map +1 -1
- package/dist/types/components/DataTable/core/DataTable.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts +42 -2
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/DateTimePickerBase.d.ts.map +1 -1
- package/dist/types/components/Divider/Divider.types.d.ts +19 -1
- package/dist/types/components/Divider/Divider.types.d.ts.map +1 -1
- package/dist/types/components/Divider/DividerBase.d.ts.map +1 -1
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +93 -7
- package/dist/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/types/components/Dropdown/DropdownBase.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyState.types.d.ts +45 -7
- package/dist/types/components/EmptyState/EmptyState.types.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyStateBase.d.ts.map +1 -1
- package/dist/types/components/FileUpload/FileUpload.types.d.ts +52 -4
- package/dist/types/components/FileUpload/FileUpload.types.d.ts.map +1 -1
- package/dist/types/components/FileUpload/FileUploadBase.d.ts.map +1 -1
- package/dist/types/components/Footer/Footer.types.d.ts +101 -7
- package/dist/types/components/Footer/Footer.types.d.ts.map +1 -1
- package/dist/types/components/Footer/FooterBase.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroup.types.d.ts +42 -4
- package/dist/types/components/FormGroup/FormGroup.types.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroupBase.d.ts.map +1 -1
- package/dist/types/components/IconButton/IconButton.types.d.ts +41 -2
- package/dist/types/components/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/types/components/IconButton/IconButtonBase.d.ts.map +1 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRenderer.types.d.ts +27 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRenderer.types.d.ts.map +1 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRendererBase.d.ts.map +1 -1
- package/dist/types/components/MessagePopup/MessagePopup.types.d.ts +30 -0
- package/dist/types/components/MessagePopup/MessagePopup.types.d.ts.map +1 -1
- package/dist/types/components/MessagePopup/MessagePopupBase.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBox.types.d.ts +38 -0
- package/dist/types/components/MetricBox/MetricBox.types.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBoxBase.d.ts.map +1 -1
- package/dist/types/components/Modal/Modal.types.d.ts +21 -0
- package/dist/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalBase.d.ts.map +1 -1
- package/dist/types/components/NavBar/NavBar.types.d.ts +25 -0
- package/dist/types/components/NavBar/NavBar.types.d.ts.map +1 -1
- package/dist/types/components/NavBar/NavBarBase.d.ts.map +1 -1
- package/dist/types/components/NotificationCenter/NotificationCenter.constants.d.ts +7 -0
- package/dist/types/components/NotificationCenter/NotificationCenter.constants.d.ts.map +1 -0
- package/dist/types/components/NotificationCenter/NotificationCenter.types.d.ts +24 -5
- package/dist/types/components/NotificationCenter/NotificationCenter.types.d.ts.map +1 -1
- package/dist/types/components/NotificationCenter/NotificationCenterBase.d.ts.map +1 -1
- package/dist/types/components/Pager/Pager.types.d.ts +18 -0
- package/dist/types/components/Pager/Pager.types.d.ts.map +1 -1
- package/dist/types/components/Pager/PagerBase.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOver.types.d.ts +23 -0
- package/dist/types/components/PopOver/PopOver.types.d.ts.map +1 -1
- package/dist/types/components/PopOver/PopOverBase.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts +32 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBarBase.d.ts.map +1 -1
- package/dist/types/components/RadioButton/RadioButton.types.d.ts +21 -0
- package/dist/types/components/RadioButton/RadioButton.types.d.ts.map +1 -1
- package/dist/types/components/RadioButton/RadioButtonBase.d.ts.map +1 -1
- package/dist/types/components/Rating/Rating.types.d.ts +31 -1
- package/dist/types/components/Rating/Rating.types.d.ts.map +1 -1
- package/dist/types/components/Rating/RatingBase.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts +30 -2
- package/dist/types/components/ScrollToTop/ScrollToTop.types.d.ts.map +1 -1
- package/dist/types/components/ScrollToTop/ScrollToTopBase.d.ts.map +1 -1
- package/dist/types/components/Select/Select.types.d.ts +92 -16
- package/dist/types/components/Select/Select.types.d.ts.map +1 -1
- package/dist/types/components/Select/SelectBase.d.ts.map +1 -1
- package/dist/types/components/Sidebar/Sidebar.types.d.ts +57 -3
- package/dist/types/components/Sidebar/Sidebar.types.d.ts.map +1 -1
- package/dist/types/components/Sidebar/SidebarBase.d.ts.map +1 -1
- package/dist/types/components/Skeleton/Skeleton.types.d.ts +33 -2
- package/dist/types/components/Skeleton/Skeleton.types.d.ts.map +1 -1
- package/dist/types/components/Skeleton/SkeletonBase.d.ts.map +1 -1
- package/dist/types/components/Slider/Slider.types.d.ts +26 -1
- 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/Spinner.types.d.ts +31 -1
- package/dist/types/components/Spinner/Spinner.types.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 +24 -0
- package/dist/types/components/Stepper/Stepper.types.d.ts.map +1 -1
- package/dist/types/components/Stepper/StepperBase.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.types.d.ts +24 -4
- package/dist/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/types/components/Tabs/TabsBase.d.ts.map +1 -1
- package/dist/types/components/TagInput/TagInput.types.d.ts +50 -4
- package/dist/types/components/TagInput/TagInput.types.d.ts.map +1 -1
- package/dist/types/components/TagInput/TagInputBase.d.ts.map +1 -1
- package/dist/types/components/TextArea/TextArea.types.d.ts +33 -19
- package/dist/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/dist/types/components/TextArea/TextAreaBase.d.ts.map +1 -1
- package/dist/types/components/TextInput/TextInput.types.d.ts +77 -19
- package/dist/types/components/TextInput/TextInput.types.d.ts.map +1 -1
- package/dist/types/components/TextInput/TextInputBase.d.ts.map +1 -1
- package/dist/types/components/Timeline/Timeline.types.d.ts +21 -5
- package/dist/types/components/Timeline/Timeline.types.d.ts.map +1 -1
- package/dist/types/components/Timeline/TimelineBase.d.ts.map +1 -1
- package/dist/types/components/Toggle/Toggle.types.d.ts +37 -0
- package/dist/types/components/Toggle/Toggle.types.d.ts.map +1 -1
- package/dist/types/components/Toggle/ToggleBase.d.ts.map +1 -1
- package/dist/types/components/Toolbar/Toolbar.types.d.ts +40 -7
- package/dist/types/components/Toolbar/Toolbar.types.d.ts.map +1 -1
- package/dist/types/components/Toolbar/ToolbarBase.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +50 -1
- package/dist/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/components/Tooltip/TooltipBase.d.ts.map +1 -1
- package/dist/types/components/Typography/Typography.types.d.ts +9 -1
- package/dist/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/dist/types/components/Typography/TypographyBase.d.ts +1 -1
- package/dist/types/components/Typography/TypographyBase.d.ts.map +1 -1
- package/package.json +162 -127
- package/dist/core/Accordion-BwtII31u.js.map +0 -1
- package/dist/core/Accordion-CyxuUy_t.cjs.map +0 -1
- package/dist/core/Avatar-CUSWjsVo.js.map +0 -1
- package/dist/core/Avatar-CxrSOiu7.cjs.map +0 -1
- package/dist/core/Badge-BEj0KQvW.js.map +0 -1
- package/dist/core/Badge-BFvrWTX6.cjs.map +0 -1
- package/dist/core/Breadcrumbs-CJ-f4SqB.js.map +0 -1
- package/dist/core/Breadcrumbs-CMQYmSDB.cjs.map +0 -1
- package/dist/core/Button-BT9ID2ki.cjs.map +0 -1
- package/dist/core/Button-Sn-XGEsn.js.map +0 -1
- package/dist/core/Card-BmlPaqJZ.cjs.map +0 -1
- package/dist/core/Card-CRIPRZ_b.js.map +0 -1
- package/dist/core/Checkbox-8EgwIJTX.js.map +0 -1
- package/dist/core/Checkbox-BN4KCkz0.cjs +0 -152
- package/dist/core/Checkbox-BN4KCkz0.cjs.map +0 -1
- package/dist/core/Chip-9iK2hsJj.cjs.map +0 -1
- package/dist/core/Chip-BN-6gv8X.js.map +0 -1
- package/dist/core/CircularProgress-BAjEgUf9.js.map +0 -1
- package/dist/core/CircularProgress-DVHra4Wi.cjs.map +0 -1
- package/dist/core/ColorPicker-BE1z0P4n.cjs.map +0 -1
- package/dist/core/ColorPicker-N8ZUJmJv.js.map +0 -1
- package/dist/core/CommandPalette-BVV9ElyC.js +0 -267
- package/dist/core/CommandPalette-BVV9ElyC.js.map +0 -1
- package/dist/core/CommandPalette-D4Onjukh.cjs +0 -266
- package/dist/core/CommandPalette-D4Onjukh.cjs.map +0 -1
- package/dist/core/DataTable-CBZ0XtxS.cjs +0 -188
- package/dist/core/DataTable-CBZ0XtxS.cjs.map +0 -1
- package/dist/core/DataTable-CF1AaO2t.js +0 -189
- package/dist/core/DataTable-CF1AaO2t.js.map +0 -1
- package/dist/core/DateTimePicker-B_x-Hw30.js.map +0 -1
- package/dist/core/DateTimePicker-Dh83Kd8i.cjs.map +0 -1
- package/dist/core/Divider-2UcgENdU.js.map +0 -1
- package/dist/core/Divider-AaLX554p.cjs.map +0 -1
- package/dist/core/Dropdown-D3hW8fec.js.map +0 -1
- package/dist/core/Dropdown-wW-i6oeS.cjs.map +0 -1
- package/dist/core/EmptyState-D47l1YgZ.cjs.map +0 -1
- package/dist/core/EmptyState-D_7LnNDB.js.map +0 -1
- package/dist/core/FileUpload-B3gV8uYa.cjs.map +0 -1
- package/dist/core/FileUpload-H_G60ktw.js.map +0 -1
- package/dist/core/Footer-DXBSC-EW.cjs +0 -217
- package/dist/core/Footer-DXBSC-EW.cjs.map +0 -1
- package/dist/core/Footer-j3QFfvxK.js +0 -218
- package/dist/core/Footer-j3QFfvxK.js.map +0 -1
- package/dist/core/FormGroup-Cit_2_Wo.cjs.map +0 -1
- package/dist/core/FormGroup-DDZ1D_CI.js.map +0 -1
- package/dist/core/IconButton-6hjW9_Za.js.map +0 -1
- package/dist/core/IconButton-B7DYdUHH.cjs.map +0 -1
- package/dist/core/MarkdownRenderer-CIJSu7o6.js.map +0 -1
- package/dist/core/MarkdownRenderer-D4emln2b.cjs.map +0 -1
- package/dist/core/MessagePopup-CyU-0yY3.cjs.map +0 -1
- package/dist/core/MessagePopup-D6h1dJ-D.js.map +0 -1
- package/dist/core/MetricBox--nk1HHt-.js.map +0 -1
- package/dist/core/MetricBox-Cy4qboZV.cjs.map +0 -1
- package/dist/core/Modal-GW1_WI8d.js.map +0 -1
- package/dist/core/Modal-gYZyAmkB.cjs.map +0 -1
- package/dist/core/NavBar-D8IkIqs9.js.map +0 -1
- package/dist/core/NavBar-Dn1gUrAi.cjs.map +0 -1
- package/dist/core/NotificationCenter-DBRsoFv2.cjs.map +0 -1
- package/dist/core/NotificationCenter-nyzZ8p0t.js.map +0 -1
- package/dist/core/Pager-rEKbCsap.js +0 -187
- package/dist/core/Pager-rEKbCsap.js.map +0 -1
- package/dist/core/Pager-wg8JPfcU.cjs +0 -186
- package/dist/core/Pager-wg8JPfcU.cjs.map +0 -1
- package/dist/core/PopOver-CZ-ZzkVe.js.map +0 -1
- package/dist/core/PopOver-DMEKU24G.cjs.map +0 -1
- package/dist/core/ProgressBar-DENoE2ZA.js.map +0 -1
- package/dist/core/ProgressBar-Djh3tscr.cjs.map +0 -1
- package/dist/core/RadioButton-Af4h43-j.js.map +0 -1
- package/dist/core/RadioButton-o6h5NsTK.cjs.map +0 -1
- package/dist/core/Rating-Ce9hjQVC.cjs.map +0 -1
- package/dist/core/Rating-D6ltlsWy.js.map +0 -1
- package/dist/core/ScrollToTop-BwntJ7A5.js.map +0 -1
- package/dist/core/ScrollToTop-CLBwqdLe.cjs.map +0 -1
- package/dist/core/Select-DQDXyKPq.js.map +0 -1
- package/dist/core/Select-FS746FcH.cjs.map +0 -1
- package/dist/core/Sidebar-CniHke_6.js.map +0 -1
- package/dist/core/Sidebar-DFAi7pQh.cjs.map +0 -1
- package/dist/core/Skeleton-B9LVkce_.js.map +0 -1
- package/dist/core/Skeleton-DPR3hXBc.cjs.map +0 -1
- package/dist/core/Slider-BLSK3_yt.js.map +0 -1
- package/dist/core/Slider-XeEn7t2O.cjs.map +0 -1
- package/dist/core/Spinner-D2V23we6.cjs.map +0 -1
- package/dist/core/Spinner-oky6qn-3.js.map +0 -1
- package/dist/core/Stepper-D5iUsoKL.js.map +0 -1
- package/dist/core/Stepper-O6PTrY95.cjs.map +0 -1
- package/dist/core/Tabs-C2MAHi3V.js.map +0 -1
- package/dist/core/Tabs-CncWfZxF.cjs.map +0 -1
- package/dist/core/TagInput-BFNzMNLC.cjs.map +0 -1
- package/dist/core/TagInput-BdrT33b_.js.map +0 -1
- package/dist/core/TextArea-B7BTlqcx.js.map +0 -1
- package/dist/core/TextArea-tX4BO8iT.cjs.map +0 -1
- package/dist/core/TextInput-D9IHA-K3.js.map +0 -1
- package/dist/core/TextInput-k_V-hTwW.cjs.map +0 -1
- package/dist/core/Timeline-CHxLOSfo.cjs +0 -154
- package/dist/core/Timeline-CHxLOSfo.cjs.map +0 -1
- package/dist/core/Timeline-CysPgst2.js +0 -155
- package/dist/core/Timeline-CysPgst2.js.map +0 -1
- package/dist/core/Toggle-BjcHSRky.cjs.map +0 -1
- package/dist/core/Toggle-x0wutBcD.js.map +0 -1
- package/dist/core/Toolbar-Ce40CpVS.js.map +0 -1
- package/dist/core/Toolbar-DS4OWUio.cjs.map +0 -1
- package/dist/core/Tooltip-BqUQU9du.cjs.map +0 -1
- package/dist/core/Tooltip-fOb5jy6R.js.map +0 -1
- package/dist/core/Typography-D9WF2TVi.cjs.map +0 -1
- package/dist/core/Typography-DeV9eoQj.js.map +0 -1
- package/dist/next/Accordion-B6n350De.js.map +0 -1
- package/dist/next/Accordion-D9pe1F_C.cjs.map +0 -1
- package/dist/next/Avatar-Dl-SRO6q.cjs.map +0 -1
- package/dist/next/Avatar-LMGhrarO.js.map +0 -1
- package/dist/next/Badge-C4NhHVhm.cjs.map +0 -1
- package/dist/next/Badge-DcwVDzeX.js.map +0 -1
- package/dist/next/Breadcrumbs-DRCULfdB.cjs.map +0 -1
- package/dist/next/Breadcrumbs-DtHfXe1F.js.map +0 -1
- package/dist/next/Button-BNV2cbTA.js.map +0 -1
- package/dist/next/Button-aiECSNNc.cjs.map +0 -1
- package/dist/next/Card-CpycObH7.js.map +0 -1
- package/dist/next/Card-DIFHDDIr.cjs.map +0 -1
- package/dist/next/Checkbox-C422yH7e.cjs +0 -201
- package/dist/next/Checkbox-C422yH7e.cjs.map +0 -1
- package/dist/next/Checkbox-CsiGiTSg.js +0 -202
- package/dist/next/Checkbox-CsiGiTSg.js.map +0 -1
- package/dist/next/Chip-B4LcQgyC.cjs.map +0 -1
- package/dist/next/Chip-dGaHUdOu.js.map +0 -1
- package/dist/next/CircularProgress-C2jVHm3Q.js.map +0 -1
- package/dist/next/CircularProgress-DWcdPslR.cjs.map +0 -1
- package/dist/next/ColorPicker-1i0Lgdgq.js.map +0 -1
- package/dist/next/ColorPicker-Oy9unTHe.cjs.map +0 -1
- package/dist/next/CommandPalette-B-aiEtIm.js +0 -316
- package/dist/next/CommandPalette-B-aiEtIm.js.map +0 -1
- package/dist/next/CommandPalette-CtnVZcVo.cjs +0 -315
- package/dist/next/CommandPalette-CtnVZcVo.cjs.map +0 -1
- package/dist/next/DataTable-Cdhd9JxJ.js +0 -234
- package/dist/next/DataTable-Cdhd9JxJ.js.map +0 -1
- package/dist/next/DataTable-GpE9KYNX.cjs +0 -233
- package/dist/next/DataTable-GpE9KYNX.cjs.map +0 -1
- package/dist/next/DateTimePicker-CGz-n7Bi.js.map +0 -1
- package/dist/next/DateTimePicker-D0d9tw5_.cjs.map +0 -1
- package/dist/next/Divider-DM2Y1wLx.js.map +0 -1
- package/dist/next/Divider-DYResQrs.cjs.map +0 -1
- package/dist/next/Dropdown-D69FL3pW.cjs.map +0 -1
- package/dist/next/Dropdown-k6Zs2Jss.js.map +0 -1
- package/dist/next/EmptyState-C-tk-GFs.js.map +0 -1
- package/dist/next/EmptyState-DbTEeF_t.cjs.map +0 -1
- package/dist/next/FileUpload-CysOXhXj.js.map +0 -1
- package/dist/next/FileUpload-uJZYGisD.cjs.map +0 -1
- package/dist/next/Footer-BcYAcM_g.js +0 -270
- package/dist/next/Footer-BcYAcM_g.js.map +0 -1
- package/dist/next/Footer-BuG3hX1X.cjs +0 -269
- package/dist/next/Footer-BuG3hX1X.cjs.map +0 -1
- package/dist/next/FormGroup-DqApTe27.cjs.map +0 -1
- package/dist/next/FormGroup-cW5IOn3e.js.map +0 -1
- package/dist/next/IconButton-BCPASTa0.js.map +0 -1
- package/dist/next/IconButton-BNXb1M9u.cjs.map +0 -1
- package/dist/next/MarkdownRenderer-DeCTcC0r.cjs.map +0 -1
- package/dist/next/MarkdownRenderer-fvuFdR5h.js.map +0 -1
- package/dist/next/MessagePopup-iUTfHS2G.js.map +0 -1
- package/dist/next/MessagePopup-lIh8y0Np.cjs.map +0 -1
- package/dist/next/MetricBox-CDiRiG0K.js.map +0 -1
- package/dist/next/MetricBox-CrUuF7Ib.cjs.map +0 -1
- package/dist/next/Modal-Bp95SzfF.js.map +0 -1
- package/dist/next/Modal-C4vwVesv.cjs.map +0 -1
- package/dist/next/NavBar-DerfegGE.cjs.map +0 -1
- package/dist/next/NavBar-v32eP9CE.js.map +0 -1
- package/dist/next/NotificationCenter-BWSTBnIE.js.map +0 -1
- package/dist/next/NotificationCenter-D-sGoOkb.cjs.map +0 -1
- package/dist/next/Pager-B3pjiD9O.js +0 -189
- package/dist/next/Pager-B3pjiD9O.js.map +0 -1
- package/dist/next/Pager-D8IOqiwM.cjs +0 -188
- package/dist/next/Pager-D8IOqiwM.cjs.map +0 -1
- package/dist/next/PopOver-BtR7eYNZ.cjs.map +0 -1
- package/dist/next/PopOver-Dth_QWWN.js.map +0 -1
- package/dist/next/ProgressBar-4SyKFeny.cjs.map +0 -1
- package/dist/next/ProgressBar-BwbZzKn2.js.map +0 -1
- package/dist/next/RadioButton-0VwZVK6J.cjs.map +0 -1
- package/dist/next/RadioButton-kgfBSrYx.js.map +0 -1
- package/dist/next/Rating-BNWMCHyv.cjs.map +0 -1
- package/dist/next/Rating-XYsOe0I9.js.map +0 -1
- package/dist/next/ScrollToTop-BC6geDsg.js.map +0 -1
- package/dist/next/ScrollToTop-BhjYKcA6.cjs.map +0 -1
- package/dist/next/Select-BqUSEl8c.cjs.map +0 -1
- package/dist/next/Select-wOJwWWef.js.map +0 -1
- package/dist/next/Sidebar-BWzgyABD.js.map +0 -1
- package/dist/next/Sidebar-QM59O02V.cjs.map +0 -1
- package/dist/next/Skeleton-BmjCgwT_.js.map +0 -1
- package/dist/next/Skeleton-IMaB6d3N.cjs.map +0 -1
- package/dist/next/Slider-Don9oIYb.js.map +0 -1
- package/dist/next/Slider-_uNLGVLb.cjs.map +0 -1
- package/dist/next/Spinner-Byhhnxa6.cjs.map +0 -1
- package/dist/next/Spinner-DhTkPvHN.js.map +0 -1
- package/dist/next/Stepper-D3KEbYHa.cjs.map +0 -1
- package/dist/next/Stepper-DX2Jyu88.js.map +0 -1
- package/dist/next/Tabs-D5_4LqI2.cjs.map +0 -1
- package/dist/next/Tabs-XAXQS4Zl.js.map +0 -1
- package/dist/next/TagInput-BXTLgtkv.cjs.map +0 -1
- package/dist/next/TagInput-D--kg_iB.js.map +0 -1
- package/dist/next/TextArea-UmejfjCR.js.map +0 -1
- package/dist/next/TextArea-fYn3QxpQ.cjs.map +0 -1
- package/dist/next/TextInput-B9-DIw86.js.map +0 -1
- package/dist/next/TextInput-D2ptuAkp.cjs.map +0 -1
- package/dist/next/Timeline-CMndHG2q.cjs +0 -183
- package/dist/next/Timeline-CMndHG2q.cjs.map +0 -1
- package/dist/next/Timeline-Cv4jkiMp.js +0 -184
- package/dist/next/Timeline-Cv4jkiMp.js.map +0 -1
- package/dist/next/Toggle-CGVOlAre.js.map +0 -1
- package/dist/next/Toggle-_eIwxdgg.cjs.map +0 -1
- package/dist/next/Toolbar-C5uFJJ9N.cjs.map +0 -1
- package/dist/next/Toolbar-CIm4HBqd.js.map +0 -1
- package/dist/next/Tooltip-DZtFS9wd.cjs.map +0 -1
- package/dist/next/Tooltip-c9nsr0yw.js.map +0 -1
- package/dist/next/Typography-BEENFqan.cjs.map +0 -1
- package/dist/next/Typography-D9yQ776l.js.map +0 -1
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useMemo } from "react";
|
|
3
|
-
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
|
-
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
-
import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
|
-
function DataTableBase({
|
|
7
|
-
columns,
|
|
8
|
-
data,
|
|
9
|
-
onRowClick,
|
|
10
|
-
classMap,
|
|
11
|
-
theme = getDefaultTheme(),
|
|
12
|
-
rounding = getDefaultRounding(),
|
|
13
|
-
shadow = getDefaultShadow(),
|
|
14
|
-
state = "",
|
|
15
|
-
outline = false,
|
|
16
|
-
className = "",
|
|
17
|
-
striped = true,
|
|
18
|
-
defaultSortKey,
|
|
19
|
-
ariaLabel,
|
|
20
|
-
defaultSortOrder = "asc",
|
|
21
|
-
serverSort = false,
|
|
22
|
-
onSortChange,
|
|
23
|
-
rowKey,
|
|
24
|
-
"data-testid": testId = "data-table"
|
|
25
|
-
}) {
|
|
26
|
-
const [sortKey, setSortKey] = useState(defaultSortKey);
|
|
27
|
-
const [sortOrder, setSortOrder] = useState(defaultSortOrder);
|
|
28
|
-
const sortedData = useMemo(() => {
|
|
29
|
-
if (serverSort || !sortKey) return data;
|
|
30
|
-
return [...data].sort((a, b) => {
|
|
31
|
-
const valA = a[sortKey];
|
|
32
|
-
const valB = b[sortKey];
|
|
33
|
-
if (valA === valB) return 0;
|
|
34
|
-
if (valA == null) return 1;
|
|
35
|
-
if (valB == null) return -1;
|
|
36
|
-
const numA = Number(valA);
|
|
37
|
-
const numB = Number(valB);
|
|
38
|
-
const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);
|
|
39
|
-
if (bothNumeric) {
|
|
40
|
-
return sortOrder === "asc" ? numA - numB : numB - numA;
|
|
41
|
-
}
|
|
42
|
-
const cmp = String(valA).localeCompare(String(valB), void 0, {
|
|
43
|
-
numeric: true
|
|
44
|
-
});
|
|
45
|
-
return sortOrder === "asc" ? cmp : -cmp;
|
|
46
|
-
});
|
|
47
|
-
}, [data, sortKey, sortOrder, serverSort]);
|
|
48
|
-
const handleSort = (key) => {
|
|
49
|
-
const newOrder = key === sortKey && sortOrder === "asc" ? "desc" : "asc";
|
|
50
|
-
setSortKey(key);
|
|
51
|
-
setSortOrder(newOrder);
|
|
52
|
-
if (serverSort && onSortChange) onSortChange(key, newOrder);
|
|
53
|
-
};
|
|
54
|
-
const handleSortKeyDown = (e, key) => {
|
|
55
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
handleSort(key);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const handleRowKeyDown = (row) => (e) => {
|
|
61
|
-
if (!onRowClick) return;
|
|
62
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
63
|
-
e.preventDefault();
|
|
64
|
-
onRowClick(row);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
const captionId = `${testId}-caption`;
|
|
68
|
-
return /* @__PURE__ */ jsx(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
className: combineClassNames(
|
|
72
|
-
classMap.wrapper,
|
|
73
|
-
shadow && classMap[`shadow${capitalize(shadow)}`],
|
|
74
|
-
rounding && classMap[`round${capitalize(rounding)}`],
|
|
75
|
-
striped && classMap.striped,
|
|
76
|
-
className
|
|
77
|
-
),
|
|
78
|
-
"data-testid": testId,
|
|
79
|
-
children: /* @__PURE__ */ jsxs(
|
|
80
|
-
"table",
|
|
81
|
-
{
|
|
82
|
-
className: combineClassNames(
|
|
83
|
-
classMap.table,
|
|
84
|
-
classMap[theme],
|
|
85
|
-
classMap[state],
|
|
86
|
-
outline && classMap.outline
|
|
87
|
-
),
|
|
88
|
-
"aria-label": ariaLabel,
|
|
89
|
-
"aria-describedby": captionId,
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ jsx("caption", { id: captionId, className: classMap.srOnly ?? "sr_only", children: "Sortable data table" }),
|
|
92
|
-
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
|
|
93
|
-
const isActive = sortKey === col.key;
|
|
94
|
-
return /* @__PURE__ */ jsxs(
|
|
95
|
-
"th",
|
|
96
|
-
{
|
|
97
|
-
scope: "col",
|
|
98
|
-
tabIndex: col.sortable ? 0 : void 0,
|
|
99
|
-
"aria-sort": col.sortable ? isActive ? sortOrder === "asc" ? "ascending" : "descending" : "none" : void 0,
|
|
100
|
-
onClick: () => col.sortable && handleSort(col.key),
|
|
101
|
-
onKeyDown: (e) => col.sortable && handleSortKeyDown(e, col.key),
|
|
102
|
-
className: combineClassNames(
|
|
103
|
-
col.sortable && classMap.sortable,
|
|
104
|
-
classMap.headerCell
|
|
105
|
-
),
|
|
106
|
-
children: [
|
|
107
|
-
/* @__PURE__ */ jsx("span", { children: col.label }),
|
|
108
|
-
col.sortable && /* @__PURE__ */ jsx("span", { className: classMap.sortIcon, "aria-hidden": "true", children: isActive ? sortOrder === "asc" ? "▲" : "▼" : "⇅" })
|
|
109
|
-
]
|
|
110
|
-
},
|
|
111
|
-
String(col.key)
|
|
112
|
-
);
|
|
113
|
-
}) }) }),
|
|
114
|
-
/* @__PURE__ */ jsx("tbody", { children: sortedData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
|
|
115
|
-
"td",
|
|
116
|
-
{
|
|
117
|
-
className: classMap.emptyCell,
|
|
118
|
-
colSpan: columns.length,
|
|
119
|
-
"aria-live": "polite",
|
|
120
|
-
children: "No data available"
|
|
121
|
-
}
|
|
122
|
-
) }) : sortedData.map((row, idx) => {
|
|
123
|
-
const key = rowKey ? rowKey(row) : idx;
|
|
124
|
-
return /* @__PURE__ */ jsx(
|
|
125
|
-
"tr",
|
|
126
|
-
{
|
|
127
|
-
className: combineClassNames(
|
|
128
|
-
onRowClick && classMap.clickable,
|
|
129
|
-
striped && idx % 2 === 1 && classMap.striped
|
|
130
|
-
),
|
|
131
|
-
onClick: () => onRowClick == null ? void 0 : onRowClick(row),
|
|
132
|
-
onKeyDown: handleRowKeyDown(row),
|
|
133
|
-
tabIndex: onRowClick ? 0 : void 0,
|
|
134
|
-
children: columns.map((col) => /* @__PURE__ */ jsx(
|
|
135
|
-
"td",
|
|
136
|
-
{
|
|
137
|
-
"data-label": col.label,
|
|
138
|
-
className: classMap.cell,
|
|
139
|
-
children: col.render ? col.render(row[col.key], row) : typeof row[col.key] === "object" ? JSON.stringify(row[col.key]) : String(row[col.key] ?? "")
|
|
140
|
-
},
|
|
141
|
-
String(col.key)
|
|
142
|
-
))
|
|
143
|
-
},
|
|
144
|
-
key
|
|
145
|
-
);
|
|
146
|
-
}) })
|
|
147
|
-
]
|
|
148
|
-
}
|
|
149
|
-
)
|
|
150
|
-
}
|
|
151
|
-
);
|
|
152
|
-
}
|
|
153
|
-
DataTableBase.displayName = "DataTableBase";
|
|
154
|
-
const classes = {
|
|
155
|
-
wrapper: "data_table_wrapper",
|
|
156
|
-
table: "data_table",
|
|
157
|
-
headerCell: "data_table_header_cell",
|
|
158
|
-
sortable: "data_table_header_sortable",
|
|
159
|
-
sortIcon: "data_table_sort_icon",
|
|
160
|
-
clickable: "data_table_row_clickable",
|
|
161
|
-
striped: "data_table_row_striped",
|
|
162
|
-
cell: "data_table_cell",
|
|
163
|
-
primary: "data_table_primary",
|
|
164
|
-
secondary: "data_table_secondary",
|
|
165
|
-
tertiary: "data_table_tertiary",
|
|
166
|
-
quaternary: "data_table_quaternary",
|
|
167
|
-
success: "data_table_success",
|
|
168
|
-
error: "data_table_error",
|
|
169
|
-
warning: "data_table_warning",
|
|
170
|
-
clear: "data_table_clear",
|
|
171
|
-
outline: "data_table_outline",
|
|
172
|
-
shadowNone: "data_table_shadow-None",
|
|
173
|
-
shadowLight: "data_table_shadow-Light",
|
|
174
|
-
shadowMedium: "data_table_shadow-Medium",
|
|
175
|
-
shadowStrong: "data_table_shadow-Strong",
|
|
176
|
-
shadowIntense: "data_table_shadow-Intense",
|
|
177
|
-
roundNone: "data_table_round-None",
|
|
178
|
-
roundSmall: "data_table_round-Small",
|
|
179
|
-
roundMedium: "data_table_round-Medium",
|
|
180
|
-
roundLarge: "data_table_round-Large"
|
|
181
|
-
};
|
|
182
|
-
function DataTable(props) {
|
|
183
|
-
return /* @__PURE__ */ jsx(DataTableBase, { ...props, classMap: classes });
|
|
184
|
-
}
|
|
185
|
-
DataTable.displayName = "DataTable";
|
|
186
|
-
export {
|
|
187
|
-
DataTable as D
|
|
188
|
-
};
|
|
189
|
-
//# sourceMappingURL=DataTable-CF1AaO2t.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable-CF1AaO2t.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n columns,\r\n data,\r\n onRowClick,\r\n classMap,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n outline = false,\r\n className = \"\",\r\n striped = true,\r\n defaultSortKey,\r\n ariaLabel,\r\n defaultSortOrder = \"asc\",\r\n serverSort = false,\r\n onSortChange,\r\n rowKey,\r\n \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n const sortedData = useMemo(() => {\r\n if (serverSort || !sortKey) return data;\r\n\r\n return [...data].sort((a, b) => {\r\n const valA = a[sortKey];\r\n const valB = b[sortKey];\r\n if (valA === valB) return 0;\r\n if (valA == null) return 1;\r\n if (valB == null) return -1;\r\n\r\n const numA = Number(valA);\r\n const numB = Number(valB);\r\n const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n if (bothNumeric) {\r\n return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n }\r\n const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n numeric: true,\r\n });\r\n return sortOrder === \"asc\" ? cmp : -cmp;\r\n });\r\n }, [data, sortKey, sortOrder, serverSort]);\r\n\r\n const handleSort = (key: keyof T) => {\r\n const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n setSortKey(key);\r\n setSortOrder(newOrder);\r\n if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n };\r\n\r\n const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n handleSort(key);\r\n }\r\n };\r\n\r\n const handleRowKeyDown =\r\n (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n if (!onRowClick) return;\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n onRowClick(row);\r\n }\r\n };\r\n\r\n const captionId = `${testId}-caption`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.wrapper,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n striped && classMap.striped,\r\n className,\r\n )}\r\n data-testid={testId}\r\n >\r\n <table\r\n className={combineClassNames(\r\n classMap.table,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n )}\r\n aria-label={ariaLabel}\r\n aria-describedby={captionId}\r\n >\r\n <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Sortable data table\r\n </caption>\r\n\r\n <thead>\r\n <tr>\r\n {columns.map((col) => {\r\n const isActive = sortKey === col.key;\r\n return (\r\n <th\r\n key={String(col.key)}\r\n scope=\"col\"\r\n tabIndex={col.sortable ? 0 : undefined}\r\n aria-sort={\r\n col.sortable\r\n ? isActive\r\n ? sortOrder === \"asc\"\r\n ? \"ascending\"\r\n : \"descending\"\r\n : \"none\"\r\n : undefined\r\n }\r\n onClick={() => col.sortable && handleSort(col.key)}\r\n onKeyDown={(e) =>\r\n col.sortable && handleSortKeyDown(e, col.key)\r\n }\r\n className={combineClassNames(\r\n col.sortable && classMap.sortable,\r\n classMap.headerCell,\r\n )}\r\n >\r\n <span>{col.label}</span>\r\n {col.sortable && (\r\n <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n </span>\r\n )}\r\n </th>\r\n );\r\n })}\r\n </tr>\r\n </thead>\r\n\r\n <tbody>\r\n {sortedData.length === 0 ? (\r\n <tr>\r\n <td\r\n className={classMap.emptyCell}\r\n colSpan={columns.length}\r\n aria-live=\"polite\"\r\n >\r\n No data available\r\n </td>\r\n </tr>\r\n ) : (\r\n sortedData.map((row, idx) => {\r\n const key = rowKey ? rowKey(row) : idx;\r\n return (\r\n <tr\r\n key={key}\r\n className={combineClassNames(\r\n onRowClick && classMap.clickable,\r\n striped && idx % 2 === 1 && classMap.striped,\r\n )}\r\n onClick={() => onRowClick?.(row)}\r\n onKeyDown={handleRowKeyDown(row)}\r\n tabIndex={onRowClick ? 0 : undefined}\r\n >\r\n {columns.map((col) => (\r\n <td\r\n key={String(col.key)}\r\n data-label={col.label}\r\n className={classMap.cell}\r\n >\r\n {col.render\r\n ? col.render(row[col.key], row)\r\n : typeof row[col.key] === \"object\"\r\n ? JSON.stringify(row[col.key])\r\n : String(row[col.key] ?? \"\")}\r\n </td>\r\n ))}\r\n </tr>\r\n );\r\n })\r\n )}\r\n </tbody>\r\n </table>\r\n </div>\r\n );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\r\nexport default DataTableBase;\r\n","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n wrapper: \"data_table_wrapper\",\r\n table: \"data_table\",\r\n headerCell: \"data_table_header_cell\",\r\n sortable: \"data_table_header_sortable\",\r\n sortIcon: \"data_table_sort_icon\",\r\n clickable: \"data_table_row_clickable\",\r\n striped: \"data_table_row_striped\",\r\n cell: \"data_table_cell\",\r\n\r\n primary: \"data_table_primary\",\r\n secondary: \"data_table_secondary\",\r\n tertiary: \"data_table_tertiary\",\r\n quaternary: \"data_table_quaternary\",\r\n\r\n success: \"data_table_success\",\r\n error: \"data_table_error\",\r\n warning: \"data_table_warning\",\r\n\r\n clear: \"data_table_clear\",\r\n\r\n outline: \"data_table_outline\",\r\n\r\n shadowNone: \"data_table_shadow-None\",\r\n shadowLight: \"data_table_shadow-Light\",\r\n shadowMedium: \"data_table_shadow-Medium\",\r\n shadowStrong: \"data_table_shadow-Strong\",\r\n shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n roundNone: \"data_table_round-None\",\r\n roundSmall: \"data_table_round-Small\",\r\n roundMedium: \"data_table_round-Medium\",\r\n roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n return <DataTableBase {...props} classMap={classes} />;\r\n}\r\nDataTable.displayName = \"DataTable\";\r\nexport default DataTable;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker-B_x-Hw30.js","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M7 2V6\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n label,\r\n value,\r\n onChange,\r\n min,\r\n max,\r\n name,\r\n required = false,\r\n disabled = false,\r\n size = getDefaultSize(),\r\n outline,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"datetime-picker\",\r\n classMap,\r\n error,\r\n description,\r\n id,\r\n}) => {\r\n const generatedId = useId();\r\n const inputId = id || generatedId;\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n const descriptionId = description ? `${inputId}-description` : undefined;\r\n const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n const invalidRange = min && max ? min > max : false;\r\n const outOfBounds = value\r\n ? (min ? value < min : false) || (max ? value > max : false)\r\n : false;\r\n\r\n const openPicker = () => {\r\n const el = inputRef.current;\r\n if (!el) return;\r\n if (typeof el.showPicker === \"function\") el.showPicker();\r\n else el.focus();\r\n };\r\n\r\n const pickerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [\r\n classMap,\r\n theme,\r\n state,\r\n size,\r\n shadow,\r\n rounding,\r\n outline,\r\n disabled,\r\n className,\r\n ]\r\n );\r\n\r\n const describedBy =\r\n [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\r\n\r\n return (\r\n <div className={pickerClass} data-testid={testId}>\r\n {label && (\r\n <label htmlFor={inputId} className={classMap.label}>\r\n {label} {required && <span aria-hidden=\"true\">*</span>}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.inputWrapper}>\r\n <input\r\n id={inputId}\r\n type=\"datetime-local\"\r\n className={classMap.input}\r\n value={value}\r\n onChange={(e) => onChange?.(e.target.value)}\r\n min={min}\r\n max={max}\r\n name={name}\r\n ref={inputRef}\r\n required={required}\r\n disabled={disabled}\r\n aria-invalid={\r\n Boolean(error) || invalidRange || outOfBounds || undefined\r\n }\r\n aria-describedby={describedBy}\r\n aria-errormessage={error ? errorId : undefined}\r\n aria-label={label || \"Date and time\"}\r\n data-testid={`${testId}-input`}\r\n autoComplete=\"off\"\r\n />\r\n\r\n <button\r\n type=\"button\"\r\n className={classMap.icon}\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label=\"Open date and time picker\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <CalendarIcon />\r\n </button>\r\n </div>\r\n\r\n {description && !error && (\r\n <p id={descriptionId} className={classMap.description}>\r\n {description}\r\n </p>\r\n )}\r\n\r\n {error && (\r\n <p id={errorId} className={classMap.error} role=\"alert\">\r\n {error}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n};\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n wrapper: \"datetime_picker_wrapper\",\r\n label: \"datetime_picker_label\",\r\n inputWrapper: \"datetime_picker_input_wrapper\",\r\n input: \"datetime_picker_input\",\r\n\r\n primary: \"datetime_picker_primary\",\r\n secondary: \"datetime_picker_secondary\",\r\n tertiary: \"datetime_picker_tertiary\",\r\n quaternary: \"datetime_picker_quaternary\",\r\n\r\n success: \"datetime_picker_success\",\r\n error: \"datetime_picker_error\",\r\n warning: \"datetime_picker_warning\",\r\n\r\n clear: \"datetime_picker_clear\",\r\n\r\n xs: \"datetime_picker_xs\",\r\n small: \"datetime_picker_small\",\r\n medium: \"datetime_picker_medium\",\r\n large: \"datetime_picker_large\",\r\n xl: \"datetime_picker_xl\",\r\n\r\n outline: \"datetime_picker_outline\",\r\n disabled: \"datetime_picker_disabled\",\r\n icon: \"datetime_picker_icon\",\r\n\r\n shadowNone: \"datetime_picker_shadow-None\",\r\n shadowLight: \"datetime_picker_shadow-Light\",\r\n shadowMedium: \"datetime_picker_shadow-Medium\",\r\n shadowStrong: \"datetime_picker_shadow-Strong\",\r\n shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n roundNone: \"datetime_picker_round-None\",\r\n roundSmall: \"datetime_picker_round-Small\",\r\n roundMedium: \"datetime_picker_round-Medium\",\r\n roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker-Dh83Kd8i.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M7 2V6\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n label,\r\n value,\r\n onChange,\r\n min,\r\n max,\r\n name,\r\n required = false,\r\n disabled = false,\r\n size = getDefaultSize(),\r\n outline,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"datetime-picker\",\r\n classMap,\r\n error,\r\n description,\r\n id,\r\n}) => {\r\n const generatedId = useId();\r\n const inputId = id || generatedId;\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n const descriptionId = description ? `${inputId}-description` : undefined;\r\n const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n const invalidRange = min && max ? min > max : false;\r\n const outOfBounds = value\r\n ? (min ? value < min : false) || (max ? value > max : false)\r\n : false;\r\n\r\n const openPicker = () => {\r\n const el = inputRef.current;\r\n if (!el) return;\r\n if (typeof el.showPicker === \"function\") el.showPicker();\r\n else el.focus();\r\n };\r\n\r\n const pickerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [\r\n classMap,\r\n theme,\r\n state,\r\n size,\r\n shadow,\r\n rounding,\r\n outline,\r\n disabled,\r\n className,\r\n ]\r\n );\r\n\r\n const describedBy =\r\n [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\r\n\r\n return (\r\n <div className={pickerClass} data-testid={testId}>\r\n {label && (\r\n <label htmlFor={inputId} className={classMap.label}>\r\n {label} {required && <span aria-hidden=\"true\">*</span>}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.inputWrapper}>\r\n <input\r\n id={inputId}\r\n type=\"datetime-local\"\r\n className={classMap.input}\r\n value={value}\r\n onChange={(e) => onChange?.(e.target.value)}\r\n min={min}\r\n max={max}\r\n name={name}\r\n ref={inputRef}\r\n required={required}\r\n disabled={disabled}\r\n aria-invalid={\r\n Boolean(error) || invalidRange || outOfBounds || undefined\r\n }\r\n aria-describedby={describedBy}\r\n aria-errormessage={error ? errorId : undefined}\r\n aria-label={label || \"Date and time\"}\r\n data-testid={`${testId}-input`}\r\n autoComplete=\"off\"\r\n />\r\n\r\n <button\r\n type=\"button\"\r\n className={classMap.icon}\r\n onClick={openPicker}\r\n disabled={disabled}\r\n aria-label=\"Open date and time picker\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <CalendarIcon />\r\n </button>\r\n </div>\r\n\r\n {description && !error && (\r\n <p id={descriptionId} className={classMap.description}>\r\n {description}\r\n </p>\r\n )}\r\n\r\n {error && (\r\n <p id={errorId} className={classMap.error} role=\"alert\">\r\n {error}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n};\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n wrapper: \"datetime_picker_wrapper\",\r\n label: \"datetime_picker_label\",\r\n inputWrapper: \"datetime_picker_input_wrapper\",\r\n input: \"datetime_picker_input\",\r\n\r\n primary: \"datetime_picker_primary\",\r\n secondary: \"datetime_picker_secondary\",\r\n tertiary: \"datetime_picker_tertiary\",\r\n quaternary: \"datetime_picker_quaternary\",\r\n\r\n success: \"datetime_picker_success\",\r\n error: \"datetime_picker_error\",\r\n warning: \"datetime_picker_warning\",\r\n\r\n clear: \"datetime_picker_clear\",\r\n\r\n xs: \"datetime_picker_xs\",\r\n small: \"datetime_picker_small\",\r\n medium: \"datetime_picker_medium\",\r\n large: \"datetime_picker_large\",\r\n xl: \"datetime_picker_xl\",\r\n\r\n outline: \"datetime_picker_outline\",\r\n disabled: \"datetime_picker_disabled\",\r\n icon: \"datetime_picker_icon\",\r\n\r\n shadowNone: \"datetime_picker_shadow-None\",\r\n shadowLight: \"datetime_picker_shadow-Light\",\r\n shadowMedium: \"datetime_picker_shadow-Medium\",\r\n shadowStrong: \"datetime_picker_shadow-Strong\",\r\n shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n roundNone: \"datetime_picker_round-None\",\r\n roundSmall: \"datetime_picker_round-Small\",\r\n roundMedium: \"datetime_picker_round-Medium\",\r\n roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider-2UcgENdU.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n (\r\n {\r\n orientation = \"horizontal\",\r\n thickness = \"1px\",\r\n length = \"100%\",\r\n className = \"\",\r\n dashed = false,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n as = \"div\",\r\n classMap,\r\n \"data-testid\": testId = \"divider\",\r\n \"aria-hidden\": ariaHidden,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const isVertical = orientation === \"vertical\";\r\n\r\n const ComponentTag = as;\r\n\r\n const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n const style: React.CSSProperties =\r\n ComponentTag === \"hr\"\r\n ? {\r\n border: 0,\r\n margin: 0,\r\n ...(isVertical\r\n ? {\r\n width: 0,\r\n height: length,\r\n borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n }\r\n : {\r\n height: 0,\r\n width: length,\r\n borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n }),\r\n }\r\n : {\r\n width: isVertical ? thickness : length,\r\n height: isVertical ? length : thickness,\r\n backgroundColor: dashed ? \"transparent\" : undefined,\r\n };\r\n\r\n return (\r\n <ComponentTag\r\n ref={ref as never}\r\n className={combineClassNames(\r\n classMap.divider,\r\n classMap[orientation],\r\n theme && classMap[theme],\r\n state && classMap[state],\r\n dashed && classMap.dashed,\r\n className\r\n )}\r\n {...(role && { role })}\r\n {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n data-orientation={orientation}\r\n style={style}\r\n data-testid={testId}\r\n {...rest}\r\n />\r\n );\r\n }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n divider: \"divider\",\r\n horizontal: \"divider_horizontal\",\r\n vertical: \"divider_vertical\",\r\n dashed: \"divider_dashed\",\r\n primary: \"divider_primary\",\r\n secondary: \"divider_secondary\",\r\n tertiary: \"divider_tertiary\",\r\n quaternary: \"divider_quaternary\",\r\n clear: \"divider_clear\",\r\n success: \"divider_success\",\r\n warning: \"divider_warning\",\r\n error: \"divider_error\",\r\n};\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n <DividerBase {...props} classMap={classes} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,IAAA,CAAU,CACtD;AACD,QAAQ,cAAc;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider-AaLX554p.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n (\r\n {\r\n orientation = \"horizontal\",\r\n thickness = \"1px\",\r\n length = \"100%\",\r\n className = \"\",\r\n dashed = false,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n as = \"div\",\r\n classMap,\r\n \"data-testid\": testId = \"divider\",\r\n \"aria-hidden\": ariaHidden,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const isVertical = orientation === \"vertical\";\r\n\r\n const ComponentTag = as;\r\n\r\n const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n const style: React.CSSProperties =\r\n ComponentTag === \"hr\"\r\n ? {\r\n border: 0,\r\n margin: 0,\r\n ...(isVertical\r\n ? {\r\n width: 0,\r\n height: length,\r\n borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n }\r\n : {\r\n height: 0,\r\n width: length,\r\n borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n }),\r\n }\r\n : {\r\n width: isVertical ? thickness : length,\r\n height: isVertical ? length : thickness,\r\n backgroundColor: dashed ? \"transparent\" : undefined,\r\n };\r\n\r\n return (\r\n <ComponentTag\r\n ref={ref as never}\r\n className={combineClassNames(\r\n classMap.divider,\r\n classMap[orientation],\r\n theme && classMap[theme],\r\n state && classMap[state],\r\n dashed && classMap.dashed,\r\n className\r\n )}\r\n {...(role && { role })}\r\n {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n data-orientation={orientation}\r\n style={style}\r\n data-testid={testId}\r\n {...rest}\r\n />\r\n );\r\n }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n divider: \"divider\",\r\n horizontal: \"divider_horizontal\",\r\n vertical: \"divider_vertical\",\r\n dashed: \"divider_dashed\",\r\n primary: \"divider_primary\",\r\n secondary: \"divider_secondary\",\r\n tertiary: \"divider_tertiary\",\r\n quaternary: \"divider_quaternary\",\r\n clear: \"divider_clear\",\r\n success: \"divider_success\",\r\n warning: \"divider_warning\",\r\n error: \"divider_error\",\r\n};\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n <DividerBase {...props} classMap={classes} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAUH,MAAAA,WAAyC,CAAC,OAAO,QAC/DE,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,IAAA,CAAU,CACtD;AACD,QAAQ,cAAc;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-D3hW8fec.js","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/core/Dropdown.tsx"],"sourcesContent":["const MenuIcon: 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=\"M3 5H21\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 12H21\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 19H21\"\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 MenuIcon;\r\n","import React, {\r\n useState,\r\n useRef,\r\n useEffect,\r\n useCallback,\r\n KeyboardEvent,\r\n useId,\r\n JSX,\r\n useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n triggerIcon,\r\n items,\r\n align = \"right\",\r\n className = \"\",\r\n menuClassName = \"\",\r\n ariaLabel = \"Dropdown menu\",\r\n theme = getDefaultTheme(),\r\n toggleRounding = getDefaultRounding(),\r\n menuRounding = getDefaultRounding(),\r\n toggleShadow = getDefaultShadow(),\r\n menuShadow = getDefaultShadow(),\r\n toggleOutline = false,\r\n state = \"\",\r\n \"data-testid\": testId = \"dropdown\",\r\n IconButton,\r\n classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n const dropdownRef = useRef<HTMLDivElement>(null);\r\n const menuRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n const menuId = useId();\r\n\r\n const Icon = triggerIcon ?? MenuIcon;\r\n\r\n const toggleDropdown = () => setOpen((prev) => !prev);\r\n const closeDropdown = () => {\r\n setOpen(false);\r\n setActiveIndex(-1);\r\n triggerRef.current?.focus?.();\r\n };\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n const menuItems =\r\n menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n if (menuItems && menuItems.length > 0) {\r\n setActiveIndex(0);\r\n } else {\r\n setActiveIndex(-1);\r\n }\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n if (!open || activeIndex < 0) return;\r\n const menuItems =\r\n menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n menuItems?.[activeIndex]?.focus();\r\n }, [activeIndex, open]);\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (e: MouseEvent) => {\r\n if (\r\n dropdownRef.current &&\r\n !dropdownRef.current.contains(e.target as Node)\r\n ) {\r\n closeDropdown();\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n if (open && menuRef.current) {\r\n const rect = menuRef.current.getBoundingClientRect();\r\n const right = rect.right > window.innerWidth;\r\n const left = rect.left < 0;\r\n if (right) {\r\n menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n menuRef.current.removeAttribute(\"data-overflow-left\");\r\n } else if (left) {\r\n menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n menuRef.current.removeAttribute(\"data-overflow-right\");\r\n } else {\r\n menuRef.current.removeAttribute(\"data-overflow-right\");\r\n menuRef.current.removeAttribute(\"data-overflow-left\");\r\n }\r\n }\r\n\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [open]);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: KeyboardEvent<HTMLDivElement>) => {\r\n if (!open) return;\r\n\r\n const len = items.length;\r\n const hasItems = len > 0;\r\n\r\n if (e.key === \"Escape\") {\r\n e.preventDefault();\r\n closeDropdown();\r\n return;\r\n }\r\n if (e.key === \"Tab\") {\r\n closeDropdown();\r\n return;\r\n }\r\n\r\n if (!hasItems) return;\r\n\r\n if (e.key === \"ArrowDown\") {\r\n e.preventDefault();\r\n setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n } else if (e.key === \"ArrowUp\") {\r\n e.preventDefault();\r\n setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n } else if (e.key === \"Home\") {\r\n e.preventDefault();\r\n setActiveIndex(0);\r\n } else if (e.key === \"End\") {\r\n e.preventDefault();\r\n setActiveIndex(len - 1);\r\n } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n const item = items[activeIndex];\r\n if (item) {\r\n item.onClick?.();\r\n closeDropdown();\r\n }\r\n }\r\n },\r\n [open, items, activeIndex]\r\n );\r\n\r\n const menuClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.menu,\r\n align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n menuClassName\r\n ),\r\n [classMap, align, menuShadow, menuRounding, menuClassName]\r\n );\r\n\r\n return (\r\n <div\r\n ref={dropdownRef}\r\n className={combineClassNames(classMap.wrapper, className)}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <IconButton\r\n ref={triggerRef}\r\n icon={Icon}\r\n ariaLabel={ariaLabel}\r\n aria-haspopup=\"menu\"\r\n aria-expanded={open}\r\n aria-controls={menuId}\r\n rounding={toggleRounding}\r\n shadow={toggleShadow}\r\n outline={toggleOutline}\r\n theme={theme}\r\n state={state}\r\n onClick={toggleDropdown}\r\n data-testid={`${testId}-trigger`}\r\n />\r\n\r\n {open && (\r\n <div\r\n id={menuId}\r\n ref={menuRef}\r\n role=\"menu\"\r\n aria-label={ariaLabel}\r\n aria-orientation=\"vertical\"\r\n className={menuClassNames}\r\n data-testid={`${testId}-menu`}\r\n >\r\n {items.map((item, index) =>\r\n item.href ? (\r\n <a\r\n key={index}\r\n href={item.href}\r\n className={classMap.item}\r\n role=\"menuitem\"\r\n tabIndex={-1}\r\n onClick={() => {\r\n item.onClick?.();\r\n closeDropdown();\r\n }}\r\n data-testid={item[\"data-testid\"]}\r\n >\r\n {item.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {item.icon}\r\n </span>\r\n )}\r\n {item.label}\r\n </a>\r\n ) : (\r\n <button\r\n key={index}\r\n type=\"button\"\r\n role=\"menuitem\"\r\n tabIndex={-1}\r\n className={classMap.item}\r\n onClick={() => {\r\n item.onClick?.();\r\n closeDropdown();\r\n }}\r\n data-testid={item[\"data-testid\"]}\r\n >\r\n {item.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {item.icon}\r\n </span>\r\n )}\r\n {item.label}\r\n </button>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","import React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.core\";\r\nimport \"./Dropdown.scss\";\r\n\r\nconst classes = {\r\n wrapper: \"dropdown\",\r\n menu: \"dropdown_menu\",\r\n item: \"dropdown_item\",\r\n icon: \"dropdown_icon\",\r\n\r\n alignRight: \"dropdown_menu_right\",\r\n alignLeft: \"dropdown_menu_left\",\r\n\r\n shadowNone: \"menu_shadow-None\",\r\n shadowLight: \"menu_shadow-Light\",\r\n shadowMedium: \"menu_shadow-Medium\",\r\n shadowStrong: \"menu_shadow-Strong\",\r\n shadowIntense: \"menu_shadow-Intense\",\r\n\r\n roundNone: \"menu_round-None\",\r\n roundSmall: \"menu_round-Small\",\r\n roundMedium: \"menu_round-Medium\",\r\n roundLarge: \"menu_round-Large\",\r\n};\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n return <BaseDropdown {...props} IconButton={IconButton} classMap={classes} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["IconButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-wW-i6oeS.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/core/Dropdown.tsx"],"sourcesContent":["const MenuIcon: 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=\"M3 5H21\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 12H21\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M3 19H21\"\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 MenuIcon;\r\n","import React, {\r\n useState,\r\n useRef,\r\n useEffect,\r\n useCallback,\r\n KeyboardEvent,\r\n useId,\r\n JSX,\r\n useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n triggerIcon,\r\n items,\r\n align = \"right\",\r\n className = \"\",\r\n menuClassName = \"\",\r\n ariaLabel = \"Dropdown menu\",\r\n theme = getDefaultTheme(),\r\n toggleRounding = getDefaultRounding(),\r\n menuRounding = getDefaultRounding(),\r\n toggleShadow = getDefaultShadow(),\r\n menuShadow = getDefaultShadow(),\r\n toggleOutline = false,\r\n state = \"\",\r\n \"data-testid\": testId = \"dropdown\",\r\n IconButton,\r\n classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n const dropdownRef = useRef<HTMLDivElement>(null);\r\n const menuRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n const menuId = useId();\r\n\r\n const Icon = triggerIcon ?? MenuIcon;\r\n\r\n const toggleDropdown = () => setOpen((prev) => !prev);\r\n const closeDropdown = () => {\r\n setOpen(false);\r\n setActiveIndex(-1);\r\n triggerRef.current?.focus?.();\r\n };\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n const menuItems =\r\n menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n if (menuItems && menuItems.length > 0) {\r\n setActiveIndex(0);\r\n } else {\r\n setActiveIndex(-1);\r\n }\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n if (!open || activeIndex < 0) return;\r\n const menuItems =\r\n menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n menuItems?.[activeIndex]?.focus();\r\n }, [activeIndex, open]);\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (e: MouseEvent) => {\r\n if (\r\n dropdownRef.current &&\r\n !dropdownRef.current.contains(e.target as Node)\r\n ) {\r\n closeDropdown();\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n if (open && menuRef.current) {\r\n const rect = menuRef.current.getBoundingClientRect();\r\n const right = rect.right > window.innerWidth;\r\n const left = rect.left < 0;\r\n if (right) {\r\n menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n menuRef.current.removeAttribute(\"data-overflow-left\");\r\n } else if (left) {\r\n menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n menuRef.current.removeAttribute(\"data-overflow-right\");\r\n } else {\r\n menuRef.current.removeAttribute(\"data-overflow-right\");\r\n menuRef.current.removeAttribute(\"data-overflow-left\");\r\n }\r\n }\r\n\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [open]);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: KeyboardEvent<HTMLDivElement>) => {\r\n if (!open) return;\r\n\r\n const len = items.length;\r\n const hasItems = len > 0;\r\n\r\n if (e.key === \"Escape\") {\r\n e.preventDefault();\r\n closeDropdown();\r\n return;\r\n }\r\n if (e.key === \"Tab\") {\r\n closeDropdown();\r\n return;\r\n }\r\n\r\n if (!hasItems) return;\r\n\r\n if (e.key === \"ArrowDown\") {\r\n e.preventDefault();\r\n setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n } else if (e.key === \"ArrowUp\") {\r\n e.preventDefault();\r\n setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n } else if (e.key === \"Home\") {\r\n e.preventDefault();\r\n setActiveIndex(0);\r\n } else if (e.key === \"End\") {\r\n e.preventDefault();\r\n setActiveIndex(len - 1);\r\n } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n const item = items[activeIndex];\r\n if (item) {\r\n item.onClick?.();\r\n closeDropdown();\r\n }\r\n }\r\n },\r\n [open, items, activeIndex]\r\n );\r\n\r\n const menuClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.menu,\r\n align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n menuClassName\r\n ),\r\n [classMap, align, menuShadow, menuRounding, menuClassName]\r\n );\r\n\r\n return (\r\n <div\r\n ref={dropdownRef}\r\n className={combineClassNames(classMap.wrapper, className)}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <IconButton\r\n ref={triggerRef}\r\n icon={Icon}\r\n ariaLabel={ariaLabel}\r\n aria-haspopup=\"menu\"\r\n aria-expanded={open}\r\n aria-controls={menuId}\r\n rounding={toggleRounding}\r\n shadow={toggleShadow}\r\n outline={toggleOutline}\r\n theme={theme}\r\n state={state}\r\n onClick={toggleDropdown}\r\n data-testid={`${testId}-trigger`}\r\n />\r\n\r\n {open && (\r\n <div\r\n id={menuId}\r\n ref={menuRef}\r\n role=\"menu\"\r\n aria-label={ariaLabel}\r\n aria-orientation=\"vertical\"\r\n className={menuClassNames}\r\n data-testid={`${testId}-menu`}\r\n >\r\n {items.map((item, index) =>\r\n item.href ? (\r\n <a\r\n key={index}\r\n href={item.href}\r\n className={classMap.item}\r\n role=\"menuitem\"\r\n tabIndex={-1}\r\n onClick={() => {\r\n item.onClick?.();\r\n closeDropdown();\r\n }}\r\n data-testid={item[\"data-testid\"]}\r\n >\r\n {item.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {item.icon}\r\n </span>\r\n )}\r\n {item.label}\r\n </a>\r\n ) : (\r\n <button\r\n key={index}\r\n type=\"button\"\r\n role=\"menuitem\"\r\n tabIndex={-1}\r\n className={classMap.item}\r\n onClick={() => {\r\n item.onClick?.();\r\n closeDropdown();\r\n }}\r\n data-testid={item[\"data-testid\"]}\r\n >\r\n {item.icon && (\r\n <span className={classMap.icon} aria-hidden=\"true\">\r\n {item.icon}\r\n </span>\r\n )}\r\n {item.label}\r\n </button>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","import React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.core\";\r\nimport \"./Dropdown.scss\";\r\n\r\nconst classes = {\r\n wrapper: \"dropdown\",\r\n menu: \"dropdown_menu\",\r\n item: \"dropdown_item\",\r\n icon: \"dropdown_icon\",\r\n\r\n alignRight: \"dropdown_menu_right\",\r\n alignLeft: \"dropdown_menu_left\",\r\n\r\n shadowNone: \"menu_shadow-None\",\r\n shadowLight: \"menu_shadow-Light\",\r\n shadowMedium: \"menu_shadow-Medium\",\r\n shadowStrong: \"menu_shadow-Strong\",\r\n shadowIntense: \"menu_shadow-Intense\",\r\n\r\n roundNone: \"menu_round-None\",\r\n roundSmall: \"menu_round-Small\",\r\n roundMedium: \"menu_round-Medium\",\r\n roundLarge: \"menu_round-Large\",\r\n};\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n return <BaseDropdown {...props} IconButton={IconButton} classMap={classes} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","useCallback","useMemo","combineClassNames","capitalize"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState-D47l1YgZ.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n icon: Icon,\r\n title = \"Nothing Here Yet\",\r\n message = \"There’s no content to display.\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n outline = false,\r\n actionLabel,\r\n onActionClick,\r\n className = \"\",\r\n \"data-testid\": testId = \"empty-state\",\r\n Button,\r\n classMap,\r\n}) => {\r\n const uid = useId();\r\n const titleId = `${testId}-title-${uid}`;\r\n const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n const sectionClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.empty_state,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n className\r\n ),\r\n [classMap, rounding, shadow, size, state, theme, outline, className]\r\n );\r\n\r\n const buttonAriaLabel =\r\n typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n return title ? (\r\n <section\r\n className={sectionClassNames}\r\n role=\"region\"\r\n aria-labelledby={titleId}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n <Icon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n )}\r\n\r\n <h2\r\n id={titleId}\r\n className={classMap.title}\r\n data-testid={`${testId}-title`}\r\n >\r\n {title}\r\n </h2>\r\n\r\n {message && (\r\n <p\r\n id={descId}\r\n className={classMap.message}\r\n data-testid={`${testId}-message`}\r\n >\r\n {message}\r\n </p>\r\n )}\r\n\r\n {actionLabel && onActionClick && (\r\n <Button\r\n theme=\"clear\"\r\n outline={outline}\r\n onClick={onActionClick}\r\n aria-label={buttonAriaLabel}\r\n data-testid={`${testId}-action`}\r\n >\r\n {actionLabel}\r\n </Button>\r\n )}\r\n </section>\r\n ) : (\r\n <section\r\n className={sectionClassNames}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n <Icon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n )}\r\n\r\n {message && (\r\n <p\r\n id={descId}\r\n className={classMap.message}\r\n data-testid={`${testId}-message`}\r\n >\r\n {message}\r\n </p>\r\n )}\r\n\r\n {actionLabel && onActionClick && (\r\n <Button\r\n theme=\"clear\"\r\n outline={outline}\r\n onClick={onActionClick}\r\n aria-label={buttonAriaLabel}\r\n data-testid={`${testId}-action`}\r\n >\r\n {actionLabel}\r\n </Button>\r\n )}\r\n </section>\r\n );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n empty_state: \"empty_state\",\r\n title: \"empty_state_title\",\r\n message: \"empty_state_message\",\r\n icon: \"empty_state_icon\",\r\n\r\n outline: \"empty_state_outline\",\r\n disabled: \"empty_state_disabled\",\r\n\r\n primary: \"empty_state_primary\",\r\n secondary: \"empty_state_secondary\",\r\n tertiary: \"empty_state_tertiary\",\r\n quaternary: \"empty_state_quaternary\",\r\n\r\n success: \"empty_state_success\",\r\n error: \"empty_state_error\",\r\n warning: \"empty_state_warning\",\r\n\r\n clear: \"empty_state_clear\",\r\n\r\n small: \"empty_state_small\",\r\n medium: \"empty_state_medium\",\r\n large: \"empty_state_large\",\r\n xs: \"empty_state_xs\",\r\n xl: \"empty_state_xl\",\r\n\r\n shadowNone: \"empty_state_shadow-None\",\r\n shadowLight: \"empty_state_shadow-Light\",\r\n shadowMedium: \"empty_state_shadow-Medium\",\r\n shadowStrong: \"empty_state_shadow-Strong\",\r\n shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n roundNone: \"empty_state_round-None\",\r\n roundSmall: \"empty_state_round-Small\",\r\n roundMedium: \"empty_state_round-Medium\",\r\n roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState-D_7LnNDB.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n icon: Icon,\r\n title = \"Nothing Here Yet\",\r\n message = \"There’s no content to display.\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n outline = false,\r\n actionLabel,\r\n onActionClick,\r\n className = \"\",\r\n \"data-testid\": testId = \"empty-state\",\r\n Button,\r\n classMap,\r\n}) => {\r\n const uid = useId();\r\n const titleId = `${testId}-title-${uid}`;\r\n const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n const sectionClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.empty_state,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n className\r\n ),\r\n [classMap, rounding, shadow, size, state, theme, outline, className]\r\n );\r\n\r\n const buttonAriaLabel =\r\n typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n return title ? (\r\n <section\r\n className={sectionClassNames}\r\n role=\"region\"\r\n aria-labelledby={titleId}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n <Icon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n )}\r\n\r\n <h2\r\n id={titleId}\r\n className={classMap.title}\r\n data-testid={`${testId}-title`}\r\n >\r\n {title}\r\n </h2>\r\n\r\n {message && (\r\n <p\r\n id={descId}\r\n className={classMap.message}\r\n data-testid={`${testId}-message`}\r\n >\r\n {message}\r\n </p>\r\n )}\r\n\r\n {actionLabel && onActionClick && (\r\n <Button\r\n theme=\"clear\"\r\n outline={outline}\r\n onClick={onActionClick}\r\n aria-label={buttonAriaLabel}\r\n data-testid={`${testId}-action`}\r\n >\r\n {actionLabel}\r\n </Button>\r\n )}\r\n </section>\r\n ) : (\r\n <section\r\n className={sectionClassNames}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n {Icon && (\r\n <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n <Icon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n )}\r\n\r\n {message && (\r\n <p\r\n id={descId}\r\n className={classMap.message}\r\n data-testid={`${testId}-message`}\r\n >\r\n {message}\r\n </p>\r\n )}\r\n\r\n {actionLabel && onActionClick && (\r\n <Button\r\n theme=\"clear\"\r\n outline={outline}\r\n onClick={onActionClick}\r\n aria-label={buttonAriaLabel}\r\n data-testid={`${testId}-action`}\r\n >\r\n {actionLabel}\r\n </Button>\r\n )}\r\n </section>\r\n );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n empty_state: \"empty_state\",\r\n title: \"empty_state_title\",\r\n message: \"empty_state_message\",\r\n icon: \"empty_state_icon\",\r\n\r\n outline: \"empty_state_outline\",\r\n disabled: \"empty_state_disabled\",\r\n\r\n primary: \"empty_state_primary\",\r\n secondary: \"empty_state_secondary\",\r\n tertiary: \"empty_state_tertiary\",\r\n quaternary: \"empty_state_quaternary\",\r\n\r\n success: \"empty_state_success\",\r\n error: \"empty_state_error\",\r\n warning: \"empty_state_warning\",\r\n\r\n clear: \"empty_state_clear\",\r\n\r\n small: \"empty_state_small\",\r\n medium: \"empty_state_medium\",\r\n large: \"empty_state_large\",\r\n xs: \"empty_state_xs\",\r\n xl: \"empty_state_xl\",\r\n\r\n shadowNone: \"empty_state_shadow-None\",\r\n shadowLight: \"empty_state_shadow-Light\",\r\n shadowMedium: \"empty_state_shadow-Medium\",\r\n shadowStrong: \"empty_state_shadow-Strong\",\r\n shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n roundNone: \"empty_state_round-None\",\r\n roundSmall: \"empty_state_round-Small\",\r\n roundMedium: \"empty_state_round-Medium\",\r\n roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["Button"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload-B3gV8uYa.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/core/FileUpload.tsx"],"sourcesContent":["const FileIcon: 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=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\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=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\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 FileIcon;\r\n","const TrashIcon: 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 fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n stroke-width=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n fill=\"currentColor\"\r\n ></path>\r\n <path\r\n d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\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 TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } 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\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n label = \"Upload File\",\r\n description,\r\n error,\r\n required = false,\r\n theme = getDefaultTheme(),\r\n controlRounding = getDefaultRounding(),\r\n controlShadow = getDefaultShadow(),\r\n outline = false,\r\n outlineRounding = getDefaultRounding(),\r\n outlineShadow = getDefaultShadow(),\r\n state = \"\",\r\n multiple = false,\r\n maxFileSizeBytes = Infinity,\r\n allowedFileTypes = [],\r\n onSubmit,\r\n uploadProgress,\r\n \"data-testid\": testId = \"file-upload\",\r\n FormGroup,\r\n disabled = false,\r\n Button,\r\n IconButton,\r\n ProgressBar,\r\n classMap,\r\n}) => {\r\n const [fileNames, setFileNames] = useState<string[]>([]);\r\n const [files, setFiles] = useState<File[]>([]);\r\n const [rejectedFiles, setRejectedFiles] = useState<\r\n { name: string; reason: string }[]\r\n >([]);\r\n const [internalProgress, setInternalProgress] = useState<number>(0);\r\n const [uploading, setUploading] = useState(false);\r\n const [isDragging, setIsDragging] = useState(false);\r\n const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n const fileInput = useRef<HTMLInputElement | null>(null);\r\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n const accept = useMemo(() => {\r\n if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n return allowedFileTypes.join(\",\");\r\n }, [allowedFileTypes]);\r\n\r\n const validateFiles = (newFiles: File[]) => {\r\n const valid: File[] = [];\r\n const rejected: { name: string; reason: string }[] = [];\r\n\r\n newFiles.forEach((file) => {\r\n const isSizeOk = file.size <= maxFileSizeBytes;\r\n const ext = file.name.includes(\".\")\r\n ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n : \"\";\r\n const typeAllowed =\r\n allowedFileTypes.length === 0 ||\r\n allowedFileTypes.includes(file.type) ||\r\n (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n if (isSizeOk && typeAllowed) {\r\n valid.push(file);\r\n } else {\r\n rejected.push({\r\n name: file.name,\r\n reason: !isSizeOk\r\n ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n });\r\n }\r\n });\r\n\r\n return { valid, rejected };\r\n };\r\n\r\n const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n const selected = e.target.files;\r\n if (!selected || selected.length === 0) return;\r\n\r\n const { valid, rejected } = validateFiles(Array.from(selected));\r\n const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n setFiles(updatedFiles);\r\n setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n setRejectedFiles(rejected);\r\n\r\n if (fileInput.current) fileInput.current.value = \"\";\r\n };\r\n\r\n const removeFile = (index: number) => {\r\n const updatedFiles = files.filter((_, i) => i !== index);\r\n setFiles(updatedFiles);\r\n setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n };\r\n\r\n const getButtonLabel = () => {\r\n if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n return \"Choose File\";\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent) => {\r\n e.preventDefault();\r\n setIsDragging(true);\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setIsDragging(false);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent) => {\r\n e.preventDefault();\r\n setIsDragging(false);\r\n const droppedFiles = e.dataTransfer.files;\r\n if (droppedFiles.length > 0) {\r\n handleFileChange({\r\n target: { files: droppedFiles },\r\n } as React.ChangeEvent<HTMLInputElement>);\r\n }\r\n };\r\n\r\n const handleUpload = async () => {\r\n if (!files.length || uploading) return;\r\n setUploading(true);\r\n setInternalProgress(0);\r\n setUploadMessage(null);\r\n\r\n try {\r\n if (uploadProgress === undefined) {\r\n intervalRef.current = setInterval(() => {\r\n setInternalProgress((prev) => {\r\n if (prev >= 100) {\r\n if (intervalRef.current) clearInterval(intervalRef.current);\r\n return 100;\r\n }\r\n return prev + 10;\r\n });\r\n }, 100);\r\n }\r\n\r\n await Promise.resolve(onSubmit?.(files));\r\n setUploadMessage(\"Upload successful.\");\r\n } catch {\r\n setUploadMessage(\"Upload failed. Please try again.\");\r\n } finally {\r\n if (intervalRef.current) {\r\n if (uploadProgress === undefined) setInternalProgress(100);\r\n clearInterval(intervalRef.current);\r\n intervalRef.current = null;\r\n }\r\n setTimeout(() => setUploading(false), 300);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (intervalRef.current) clearInterval(intervalRef.current);\r\n };\r\n }, []);\r\n\r\n const containerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.fileUpload,\r\n classMap[state],\r\n classMap[theme],\r\n outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n error && classMap.error,\r\n isDragging && classMap.dragging,\r\n disabled && classMap.disabled,\r\n ),\r\n [\r\n classMap,\r\n theme,\r\n state,\r\n outlineShadow,\r\n outlineRounding,\r\n error,\r\n isDragging,\r\n disabled,\r\n ],\r\n );\r\n\r\n const describedBy =\r\n [\r\n description ? `${testId}-description` : undefined,\r\n error ? `${testId}-error` : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n return (\r\n <FormGroup\r\n label={label}\r\n description={description}\r\n error={error}\r\n required={required}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={containerClassName}\r\n onDragOver={handleDragOver}\r\n onDragLeave={handleDragLeave}\r\n onDrop={handleDrop}\r\n aria-busy={uploading || undefined}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n <input\r\n ref={fileInput}\r\n id={`${testId}-input`}\r\n type=\"file\"\r\n multiple={multiple}\r\n accept={accept}\r\n onChange={handleFileChange}\r\n className={classMap.hiddenInput}\r\n required={required}\r\n aria-label={label}\r\n aria-describedby={describedBy}\r\n data-testid={testId ? `${testId}-input` : undefined}\r\n />\r\n\r\n <div className={classMap.uploadActions}>\r\n <Button\r\n icon={FileIcon}\r\n size=\"small\"\r\n theme={theme}\r\n state={error ? \"error\" : state}\r\n className={classMap.fileInput}\r\n disabled={uploading || disabled}\r\n outline={outline}\r\n rounding={controlRounding}\r\n shadow={controlShadow}\r\n onClick={() => fileInput.current?.click()}\r\n aria-label={\r\n fileNames.length > 0 ? fileNames.join(\", \") : \"Choose File\"\r\n }\r\n data-testid={testId ? `${testId}-file-button` : undefined}\r\n >\r\n {getButtonLabel()}\r\n </Button>\r\n </div>\r\n\r\n {rejectedFiles.length > 0 && (\r\n <div className={classMap.rejectedFiles}>\r\n <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n <ul className={classMap.rejectedList}>\r\n {rejectedFiles.map((file, index) => (\r\n <li key={index} className={classMap.rejectedItem}>\r\n <span>{file.name}</span>\r\n <span className={classMap.rejectedReason}>\r\n {\" \"}\r\n – {file.reason}\r\n </span>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n )}\r\n\r\n {fileNames.length > 0 && (\r\n <div\r\n className={classMap.uploadControls}\r\n data-testid={testId ? `${testId}-controls` : undefined}\r\n >\r\n <ul className={classMap.fileList}>\r\n {fileNames.map((name, index) => (\r\n <li key={index} className={classMap.fileListItem}>\r\n <span>{name}</span>\r\n <IconButton\r\n icon={TrashIcon}\r\n state=\"error\"\r\n size=\"small\"\r\n type=\"button\"\r\n outline\r\n aria-label={`Remove ${name}`}\r\n onClick={() => removeFile(index)}\r\n className={classMap.removeButton}\r\n />\r\n </li>\r\n ))}\r\n </ul>\r\n {uploading && (\r\n <ProgressBar\r\n theme={theme}\r\n className={classMap.uploadProgress}\r\n value={uploadProgress ?? internalProgress}\r\n indeterminate={uploadProgress === undefined}\r\n data-testid={testId ? `${testId}-progress` : undefined}\r\n />\r\n )}\r\n {!uploading && (\r\n <Button\r\n theme={theme}\r\n state={error ? \"error\" : state}\r\n disabled={disabled || files.length === 0}\r\n onClick={handleUpload}\r\n loading={uploading}\r\n size=\"small\"\r\n className={classMap.uploadButton}\r\n data-testid={testId ? `${testId}-upload-button` : undefined}\r\n >\r\n Upload\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n <div\r\n className=\"sr_only\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-upload-message` : undefined}\r\n >\r\n {uploadMessage}\r\n </div>\r\n </div>\r\n </FormGroup>\r\n );\r\n};\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","import React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport Button from \"../../Button/core/Button\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ProgressBar from \"../../ProgressBar/core/ProgressBar\";\r\nimport FormGroup from \"../../FormGroup/core/FormGroup\";\r\nimport \"./FileUpload.scss\";\r\n\r\nconst classes = {\r\n fileUpload: \"file_upload\",\r\n hiddenInput: \"file_upload_hidden_input\",\r\n uploadActions: \"file_upload_upload_actions\",\r\n fileInput: \"file_upload_file_input\",\r\n removeButton: \"file_upload_remove_button\",\r\n uploadControls: \"file_upload_upload_controls\",\r\n uploadProgress: \"file_upload_upload_progress\",\r\n uploadButton: \"file_upload_upload_button\",\r\n fileList: \"file_upload_file_list\",\r\n fileListItem: \"file_upload_file_list_item\",\r\n fileListFileName: \"file_upload_file_list_file_name\",\r\n fileListRemoveButton: \"file_upload_file_list_remove_button\",\r\n\r\n primary: \"file_upload_primary\",\r\n secondary: \"file_upload_secondary\",\r\n tertiary: \"file_upload_tertiary\",\r\n quaternary: \"file_upload_quaternary\",\r\n clear: \"file_upload_clear\",\r\n\r\n disabled: \"file_upload_disabled\",\r\n error: \"file_upload_error\",\r\n success: \"file_upload_success\",\r\n warning: \"file_upload_warning\",\r\n\r\n shadowNone: \"file_upload_shadow-None\",\r\n shadowLight: \"file_upload_shadow-Light\",\r\n shadowMedium: \"file_upload_shadow-Medium\",\r\n shadowStrong: \"file_upload_shadow-Strong\",\r\n shadowIntense: \"file_upload_shadow-Intense\",\r\n\r\n roundNone: \"file_upload_round-None\",\r\n roundSmall: \"file_upload_round-Small\",\r\n roundMedium: \"file_upload_round-Medium\",\r\n roundLarge: \"file_upload_round-Large\",\r\n};\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n return (\r\n <BaseFileUpload\r\n {...props}\r\n FormGroup={FormGroup}\r\n Button={Button}\r\n IconButton={IconButton}\r\n ProgressBar={ProgressBar}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","FormGroup","Button","IconButton","ProgressBar","useState","useRef","useMemo","useEffect","combineClassNames","capitalize"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload-H_G60ktw.js","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/core/FileUpload.tsx"],"sourcesContent":["const FileIcon: 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=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\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=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\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 FileIcon;\r\n","const TrashIcon: 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 fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n stroke-width=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n fill=\"currentColor\"\r\n ></path>\r\n <path\r\n d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\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 TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } 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\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n label = \"Upload File\",\r\n description,\r\n error,\r\n required = false,\r\n theme = getDefaultTheme(),\r\n controlRounding = getDefaultRounding(),\r\n controlShadow = getDefaultShadow(),\r\n outline = false,\r\n outlineRounding = getDefaultRounding(),\r\n outlineShadow = getDefaultShadow(),\r\n state = \"\",\r\n multiple = false,\r\n maxFileSizeBytes = Infinity,\r\n allowedFileTypes = [],\r\n onSubmit,\r\n uploadProgress,\r\n \"data-testid\": testId = \"file-upload\",\r\n FormGroup,\r\n disabled = false,\r\n Button,\r\n IconButton,\r\n ProgressBar,\r\n classMap,\r\n}) => {\r\n const [fileNames, setFileNames] = useState<string[]>([]);\r\n const [files, setFiles] = useState<File[]>([]);\r\n const [rejectedFiles, setRejectedFiles] = useState<\r\n { name: string; reason: string }[]\r\n >([]);\r\n const [internalProgress, setInternalProgress] = useState<number>(0);\r\n const [uploading, setUploading] = useState(false);\r\n const [isDragging, setIsDragging] = useState(false);\r\n const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n const fileInput = useRef<HTMLInputElement | null>(null);\r\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n const accept = useMemo(() => {\r\n if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n return allowedFileTypes.join(\",\");\r\n }, [allowedFileTypes]);\r\n\r\n const validateFiles = (newFiles: File[]) => {\r\n const valid: File[] = [];\r\n const rejected: { name: string; reason: string }[] = [];\r\n\r\n newFiles.forEach((file) => {\r\n const isSizeOk = file.size <= maxFileSizeBytes;\r\n const ext = file.name.includes(\".\")\r\n ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n : \"\";\r\n const typeAllowed =\r\n allowedFileTypes.length === 0 ||\r\n allowedFileTypes.includes(file.type) ||\r\n (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n if (isSizeOk && typeAllowed) {\r\n valid.push(file);\r\n } else {\r\n rejected.push({\r\n name: file.name,\r\n reason: !isSizeOk\r\n ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n });\r\n }\r\n });\r\n\r\n return { valid, rejected };\r\n };\r\n\r\n const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n const selected = e.target.files;\r\n if (!selected || selected.length === 0) return;\r\n\r\n const { valid, rejected } = validateFiles(Array.from(selected));\r\n const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n setFiles(updatedFiles);\r\n setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n setRejectedFiles(rejected);\r\n\r\n if (fileInput.current) fileInput.current.value = \"\";\r\n };\r\n\r\n const removeFile = (index: number) => {\r\n const updatedFiles = files.filter((_, i) => i !== index);\r\n setFiles(updatedFiles);\r\n setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n };\r\n\r\n const getButtonLabel = () => {\r\n if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n return \"Choose File\";\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent) => {\r\n e.preventDefault();\r\n setIsDragging(true);\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setIsDragging(false);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent) => {\r\n e.preventDefault();\r\n setIsDragging(false);\r\n const droppedFiles = e.dataTransfer.files;\r\n if (droppedFiles.length > 0) {\r\n handleFileChange({\r\n target: { files: droppedFiles },\r\n } as React.ChangeEvent<HTMLInputElement>);\r\n }\r\n };\r\n\r\n const handleUpload = async () => {\r\n if (!files.length || uploading) return;\r\n setUploading(true);\r\n setInternalProgress(0);\r\n setUploadMessage(null);\r\n\r\n try {\r\n if (uploadProgress === undefined) {\r\n intervalRef.current = setInterval(() => {\r\n setInternalProgress((prev) => {\r\n if (prev >= 100) {\r\n if (intervalRef.current) clearInterval(intervalRef.current);\r\n return 100;\r\n }\r\n return prev + 10;\r\n });\r\n }, 100);\r\n }\r\n\r\n await Promise.resolve(onSubmit?.(files));\r\n setUploadMessage(\"Upload successful.\");\r\n } catch {\r\n setUploadMessage(\"Upload failed. Please try again.\");\r\n } finally {\r\n if (intervalRef.current) {\r\n if (uploadProgress === undefined) setInternalProgress(100);\r\n clearInterval(intervalRef.current);\r\n intervalRef.current = null;\r\n }\r\n setTimeout(() => setUploading(false), 300);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (intervalRef.current) clearInterval(intervalRef.current);\r\n };\r\n }, []);\r\n\r\n const containerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.fileUpload,\r\n classMap[state],\r\n classMap[theme],\r\n outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n error && classMap.error,\r\n isDragging && classMap.dragging,\r\n disabled && classMap.disabled,\r\n ),\r\n [\r\n classMap,\r\n theme,\r\n state,\r\n outlineShadow,\r\n outlineRounding,\r\n error,\r\n isDragging,\r\n disabled,\r\n ],\r\n );\r\n\r\n const describedBy =\r\n [\r\n description ? `${testId}-description` : undefined,\r\n error ? `${testId}-error` : undefined,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \") || undefined;\r\n\r\n return (\r\n <FormGroup\r\n label={label}\r\n description={description}\r\n error={error}\r\n required={required}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={containerClassName}\r\n onDragOver={handleDragOver}\r\n onDragLeave={handleDragLeave}\r\n onDrop={handleDrop}\r\n aria-busy={uploading || undefined}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n <input\r\n ref={fileInput}\r\n id={`${testId}-input`}\r\n type=\"file\"\r\n multiple={multiple}\r\n accept={accept}\r\n onChange={handleFileChange}\r\n className={classMap.hiddenInput}\r\n required={required}\r\n aria-label={label}\r\n aria-describedby={describedBy}\r\n data-testid={testId ? `${testId}-input` : undefined}\r\n />\r\n\r\n <div className={classMap.uploadActions}>\r\n <Button\r\n icon={FileIcon}\r\n size=\"small\"\r\n theme={theme}\r\n state={error ? \"error\" : state}\r\n className={classMap.fileInput}\r\n disabled={uploading || disabled}\r\n outline={outline}\r\n rounding={controlRounding}\r\n shadow={controlShadow}\r\n onClick={() => fileInput.current?.click()}\r\n aria-label={\r\n fileNames.length > 0 ? fileNames.join(\", \") : \"Choose File\"\r\n }\r\n data-testid={testId ? `${testId}-file-button` : undefined}\r\n >\r\n {getButtonLabel()}\r\n </Button>\r\n </div>\r\n\r\n {rejectedFiles.length > 0 && (\r\n <div className={classMap.rejectedFiles}>\r\n <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n <ul className={classMap.rejectedList}>\r\n {rejectedFiles.map((file, index) => (\r\n <li key={index} className={classMap.rejectedItem}>\r\n <span>{file.name}</span>\r\n <span className={classMap.rejectedReason}>\r\n {\" \"}\r\n – {file.reason}\r\n </span>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n )}\r\n\r\n {fileNames.length > 0 && (\r\n <div\r\n className={classMap.uploadControls}\r\n data-testid={testId ? `${testId}-controls` : undefined}\r\n >\r\n <ul className={classMap.fileList}>\r\n {fileNames.map((name, index) => (\r\n <li key={index} className={classMap.fileListItem}>\r\n <span>{name}</span>\r\n <IconButton\r\n icon={TrashIcon}\r\n state=\"error\"\r\n size=\"small\"\r\n type=\"button\"\r\n outline\r\n aria-label={`Remove ${name}`}\r\n onClick={() => removeFile(index)}\r\n className={classMap.removeButton}\r\n />\r\n </li>\r\n ))}\r\n </ul>\r\n {uploading && (\r\n <ProgressBar\r\n theme={theme}\r\n className={classMap.uploadProgress}\r\n value={uploadProgress ?? internalProgress}\r\n indeterminate={uploadProgress === undefined}\r\n data-testid={testId ? `${testId}-progress` : undefined}\r\n />\r\n )}\r\n {!uploading && (\r\n <Button\r\n theme={theme}\r\n state={error ? \"error\" : state}\r\n disabled={disabled || files.length === 0}\r\n onClick={handleUpload}\r\n loading={uploading}\r\n size=\"small\"\r\n className={classMap.uploadButton}\r\n data-testid={testId ? `${testId}-upload-button` : undefined}\r\n >\r\n Upload\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n <div\r\n className=\"sr_only\"\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n data-testid={testId ? `${testId}-upload-message` : undefined}\r\n >\r\n {uploadMessage}\r\n </div>\r\n </div>\r\n </FormGroup>\r\n );\r\n};\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","import React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport Button from \"../../Button/core/Button\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ProgressBar from \"../../ProgressBar/core/ProgressBar\";\r\nimport FormGroup from \"../../FormGroup/core/FormGroup\";\r\nimport \"./FileUpload.scss\";\r\n\r\nconst classes = {\r\n fileUpload: \"file_upload\",\r\n hiddenInput: \"file_upload_hidden_input\",\r\n uploadActions: \"file_upload_upload_actions\",\r\n fileInput: \"file_upload_file_input\",\r\n removeButton: \"file_upload_remove_button\",\r\n uploadControls: \"file_upload_upload_controls\",\r\n uploadProgress: \"file_upload_upload_progress\",\r\n uploadButton: \"file_upload_upload_button\",\r\n fileList: \"file_upload_file_list\",\r\n fileListItem: \"file_upload_file_list_item\",\r\n fileListFileName: \"file_upload_file_list_file_name\",\r\n fileListRemoveButton: \"file_upload_file_list_remove_button\",\r\n\r\n primary: \"file_upload_primary\",\r\n secondary: \"file_upload_secondary\",\r\n tertiary: \"file_upload_tertiary\",\r\n quaternary: \"file_upload_quaternary\",\r\n clear: \"file_upload_clear\",\r\n\r\n disabled: \"file_upload_disabled\",\r\n error: \"file_upload_error\",\r\n success: \"file_upload_success\",\r\n warning: \"file_upload_warning\",\r\n\r\n shadowNone: \"file_upload_shadow-None\",\r\n shadowLight: \"file_upload_shadow-Light\",\r\n shadowMedium: \"file_upload_shadow-Medium\",\r\n shadowStrong: \"file_upload_shadow-Strong\",\r\n shadowIntense: \"file_upload_shadow-Intense\",\r\n\r\n roundNone: \"file_upload_round-None\",\r\n roundSmall: \"file_upload_round-Small\",\r\n roundMedium: \"file_upload_round-Medium\",\r\n roundLarge: \"file_upload_round-Large\",\r\n};\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n return (\r\n <BaseFileUpload\r\n {...props}\r\n FormGroup={FormGroup}\r\n Button={Button}\r\n IconButton={IconButton}\r\n ProgressBar={ProgressBar}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["FormGroup","Button","IconButton","ProgressBar"],"mappings":"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"}
|