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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput-D9IHA-K3.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: 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 strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\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 EyeIcon;\r\n","const EyeSlashIcon: 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=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\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=\"M4.5 16L6.96895 12.6124\"\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 8C6.6 16 17.4 16 21 8\"\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 EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n ariaLabel,\r\n ariaDescription,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n \"data-testid\": testId = \"text-input\",\r\n classMap,\r\n outline = false,\r\n IconButton,\r\n className = \"\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement>;\r\n const inputId = idProp || autoId;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp || \"text\";\r\n\r\n const descId = ariaDescription ? `${inputId}-description` : undefined;\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n const hasLabel = Boolean(label);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n const computedAriaLabel = hasLabel ? undefined : ariaLabel || placeholder;\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n )}\r\n data-testid={testId}\r\n >\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n aria-label={computedAriaLabel}\r\n aria-describedby={descId}\r\n aria-disabled={disabled || undefined}\r\n aria-invalid={isError || undefined}\r\n aria-required={required || undefined}\r\n aria-readonly={readOnly || undefined}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n label: \"label\",\r\n labelTop: \"labelTop\",\r\n labelBottom: \"labelBottom\",\r\n labelLeft: \"labelLeft\",\r\n labelRight: \"labelRight\",\r\n\r\n textInput: \"textInput\",\r\n iconContainer: \"textInput_icon_container\",\r\n togglePassword: \"textInput_togglePassword\",\r\n inputRow: \"textInput_inputRow\",\r\n inputWrapper: \"textInput_inputWrapper\",\r\n\r\n hasTitle: \"textInput_hasTitle\",\r\n title: \"textInput_title\",\r\n titleInline: \"textInput_titleInline\",\r\n titleOverlay: \"textInput_titleOverlay\",\r\n\r\n titlePosTop: \"textInput_titlePosTop\",\r\n titlePosBottom: \"textInput_titlePosBottom\",\r\n titlePosLeft: \"textInput_titlePosLeft\",\r\n titlePosRight: \"textInput_titlePosRight\",\r\n titlePosOverlay: \"textInput_titlePosOverlay\",\r\n\r\n primary: \"textInput_primary\",\r\n secondary: \"textInput_secondary\",\r\n tertiary: \"textInput_tertiary\",\r\n quaternary: \"textInput_quaternary\",\r\n\r\n success: \"textInput_success\",\r\n warning: \"textInput_warning\",\r\n error: \"textInput_error\",\r\n\r\n clear: \"textInput_clear\",\r\n\r\n xs: \"textInput_xs\",\r\n xl: \"textInput_xl\",\r\n small: \"textInput_small\",\r\n medium: \"textInput_medium\",\r\n large: \"textInput_large\",\r\n\r\n outline: \"textInput_outline\",\r\n disabled: \"textInput_disabled\",\r\n\r\n shadowNone: \"textInput_shadow-None\",\r\n shadowLight: \"textInput_shadow-Light\",\r\n shadowMedium: \"textInput_shadow-Medium\",\r\n shadowStrong: \"textInput_shadow-Strong\",\r\n shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n roundNone: \"textInput_round-None\",\r\n roundSmall: \"textInput_round-Small\",\r\n roundMedium: \"textInput_round-Medium\",\r\n roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={classes}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["IconButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput-k_V-hTwW.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: 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 strokeWidth=\"1.5\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n fill=\"currentColor\"\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 EyeIcon;\r\n","const EyeSlashIcon: 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=\"M19.5 16L17.0248 12.6038\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 17.5V14\"\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=\"M4.5 16L6.96895 12.6124\"\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 8C6.6 16 17.4 16 21 8\"\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 EyeSlashIcon;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useId,\r\n InputHTMLAttributes,\r\n useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n (\r\n {\r\n icon: Icon,\r\n label,\r\n labelPosition = \"top\",\r\n placeholder = \"Enter text\",\r\n password = false,\r\n readOnly = false,\r\n ariaLabel,\r\n ariaDescription,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n onChange,\r\n state = \"\",\r\n disabled = false,\r\n autocomplete = false,\r\n \"data-testid\": testId = \"text-input\",\r\n classMap,\r\n outline = false,\r\n IconButton,\r\n className = \"\",\r\n ...rest\r\n },\r\n ref,\r\n ) => {\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n const autoId = useId();\r\n const {\r\n id: idProp,\r\n required,\r\n autoComplete: autoCompleteProp,\r\n type: typeProp,\r\n ...restInput\r\n } = rest as InputHTMLAttributes<HTMLInputElement>;\r\n const inputId = idProp || autoId;\r\n\r\n const inputType = password\r\n ? showPassword\r\n ? \"text\"\r\n : \"password\"\r\n : typeProp || \"text\";\r\n\r\n const descId = ariaDescription ? `${inputId}-description` : undefined;\r\n const isError = state === \"error\";\r\n\r\n const computedAutoComplete =\r\n autoCompleteProp ??\r\n (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n const hasLabel = Boolean(label);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textInput,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const inputClasses = useMemo(\r\n () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.iconContainer,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n const computedAriaLabel = hasLabel ? undefined : ariaLabel || placeholder;\r\n\r\n const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.container,\r\n classMap[`label${capitalize(labelPosition)}`],\r\n )}\r\n data-testid={testId}\r\n >\r\n {label && (\r\n <label\r\n htmlFor={inputId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={inputType}\r\n className={inputClasses}\r\n placeholder={computedPlaceholder}\r\n aria-label={computedAriaLabel}\r\n aria-describedby={descId}\r\n aria-disabled={disabled || undefined}\r\n aria-invalid={isError || undefined}\r\n aria-required={required || undefined}\r\n aria-readonly={readOnly || undefined}\r\n autoComplete={computedAutoComplete}\r\n onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n {...restInput}\r\n />\r\n {password && (\r\n <IconButton\r\n type=\"button\"\r\n className={classMap.togglePassword}\r\n onClick={togglePasswordVisibility}\r\n theme=\"clear\"\r\n shadow=\"none\"\r\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n aria-pressed={showPassword}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n />\r\n )}\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n label: \"label\",\r\n labelTop: \"labelTop\",\r\n labelBottom: \"labelBottom\",\r\n labelLeft: \"labelLeft\",\r\n labelRight: \"labelRight\",\r\n\r\n textInput: \"textInput\",\r\n iconContainer: \"textInput_icon_container\",\r\n togglePassword: \"textInput_togglePassword\",\r\n inputRow: \"textInput_inputRow\",\r\n inputWrapper: \"textInput_inputWrapper\",\r\n\r\n hasTitle: \"textInput_hasTitle\",\r\n title: \"textInput_title\",\r\n titleInline: \"textInput_titleInline\",\r\n titleOverlay: \"textInput_titleOverlay\",\r\n\r\n titlePosTop: \"textInput_titlePosTop\",\r\n titlePosBottom: \"textInput_titlePosBottom\",\r\n titlePosLeft: \"textInput_titlePosLeft\",\r\n titlePosRight: \"textInput_titlePosRight\",\r\n titlePosOverlay: \"textInput_titlePosOverlay\",\r\n\r\n primary: \"textInput_primary\",\r\n secondary: \"textInput_secondary\",\r\n tertiary: \"textInput_tertiary\",\r\n quaternary: \"textInput_quaternary\",\r\n\r\n success: \"textInput_success\",\r\n warning: \"textInput_warning\",\r\n error: \"textInput_error\",\r\n\r\n clear: \"textInput_clear\",\r\n\r\n xs: \"textInput_xs\",\r\n xl: \"textInput_xl\",\r\n small: \"textInput_small\",\r\n medium: \"textInput_medium\",\r\n large: \"textInput_large\",\r\n\r\n outline: \"textInput_outline\",\r\n disabled: \"textInput_disabled\",\r\n\r\n shadowNone: \"textInput_shadow-None\",\r\n shadowLight: \"textInput_shadow-Light\",\r\n shadowMedium: \"textInput_shadow-Medium\",\r\n shadowStrong: \"textInput_shadow-Strong\",\r\n shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n roundNone: \"textInput_round-None\",\r\n roundSmall: \"textInput_round-Small\",\r\n roundMedium: \"textInput_round-Medium\",\r\n roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n return (\r\n <TextInputBase\r\n {...props}\r\n IconButton={IconButton}\r\n ref={ref}\r\n classMap={classes}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["jsxs","jsx","forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
|
-
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
6
|
-
const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
|
|
7
|
-
const TimelineBase = ({
|
|
8
|
-
items,
|
|
9
|
-
orientation = "vertical",
|
|
10
|
-
ariaLabel = "Timeline",
|
|
11
|
-
theme = borealStyleConfig.getDefaultTheme(),
|
|
12
|
-
rounding = borealStyleConfig.getDefaultRounding(),
|
|
13
|
-
shadow = borealStyleConfig.getDefaultShadow(),
|
|
14
|
-
classMap,
|
|
15
|
-
className,
|
|
16
|
-
"data-testid": testId = "timeline"
|
|
17
|
-
}) => {
|
|
18
|
-
const outerWrapper = React.useMemo(
|
|
19
|
-
() => classNames.combineClassNames(
|
|
20
|
-
classMap.timeline,
|
|
21
|
-
classMap[orientation],
|
|
22
|
-
classMap[theme],
|
|
23
|
-
className
|
|
24
|
-
),
|
|
25
|
-
[classMap, orientation, theme, className]
|
|
26
|
-
);
|
|
27
|
-
const itemClassName = React.useMemo(
|
|
28
|
-
() => classNames.combineClassNames(classMap.item, classMap[orientation], classMap[theme]),
|
|
29
|
-
[classMap, orientation, theme]
|
|
30
|
-
);
|
|
31
|
-
const markerClassName = React.useMemo(
|
|
32
|
-
() => classNames.combineClassNames(
|
|
33
|
-
classMap.marker,
|
|
34
|
-
classMap[theme],
|
|
35
|
-
classMap[orientation],
|
|
36
|
-
shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
|
|
37
|
-
),
|
|
38
|
-
[classMap, theme, orientation, shadow]
|
|
39
|
-
);
|
|
40
|
-
const contentClassName = React.useMemo(
|
|
41
|
-
() => classNames.combineClassNames(
|
|
42
|
-
classMap.content,
|
|
43
|
-
classMap[orientation],
|
|
44
|
-
shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
|
|
45
|
-
rounding && classMap[`round${capitalize.capitalize(rounding)}`]
|
|
46
|
-
),
|
|
47
|
-
[classMap, orientation, shadow, rounding]
|
|
48
|
-
);
|
|
49
|
-
const setSize = items.length;
|
|
50
|
-
return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: outerWrapper, "data-testid": testId, "aria-label": ariaLabel, children: items.map((item, index) => {
|
|
51
|
-
const IconComponent = item.icon;
|
|
52
|
-
const itemTestId = `${testId}-item-${index}`;
|
|
53
|
-
const labelId = `${itemTestId}-title`;
|
|
54
|
-
const hasTitle = Boolean(item.title);
|
|
55
|
-
let dateTimeAttr;
|
|
56
|
-
if (item.date) {
|
|
57
|
-
const dateObj = new Date(item.date);
|
|
58
|
-
if (!isNaN(dateObj.getTime())) {
|
|
59
|
-
dateTimeAttr = dateObj.toISOString();
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
63
|
-
"li",
|
|
64
|
-
{
|
|
65
|
-
className: itemClassName,
|
|
66
|
-
"data-testid": itemTestId,
|
|
67
|
-
"aria-labelledby": hasTitle ? labelId : void 0,
|
|
68
|
-
"aria-label": !hasTitle ? `Timeline item ${index + 1}` : void 0,
|
|
69
|
-
"aria-posinset": index + 1,
|
|
70
|
-
"aria-setsize": setSize,
|
|
71
|
-
children: [
|
|
72
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
73
|
-
"div",
|
|
74
|
-
{
|
|
75
|
-
className: markerClassName,
|
|
76
|
-
"data-testid": `${itemTestId}-marker`,
|
|
77
|
-
"aria-hidden": true,
|
|
78
|
-
children: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
79
|
-
"div",
|
|
80
|
-
{
|
|
81
|
-
className: classMap.icon,
|
|
82
|
-
"data-testid": `${itemTestId}-icon`,
|
|
83
|
-
"aria-hidden": true,
|
|
84
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { "aria-hidden": "true" })
|
|
85
|
-
}
|
|
86
|
-
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
87
|
-
"div",
|
|
88
|
-
{
|
|
89
|
-
className: classMap.dot,
|
|
90
|
-
"data-testid": `${itemTestId}-dot`,
|
|
91
|
-
"aria-hidden": "true"
|
|
92
|
-
}
|
|
93
|
-
)
|
|
94
|
-
}
|
|
95
|
-
),
|
|
96
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
97
|
-
"div",
|
|
98
|
-
{
|
|
99
|
-
className: contentClassName,
|
|
100
|
-
"data-testid": `${itemTestId}-content`,
|
|
101
|
-
children: [
|
|
102
|
-
hasTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: labelId, className: classMap.title, children: item.title }),
|
|
103
|
-
item.date && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classMap.date, "data-testid": `${itemTestId}-date`, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: dateTimeAttr, children: item.date }) }),
|
|
104
|
-
item.description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
105
|
-
"p",
|
|
106
|
-
{
|
|
107
|
-
className: classMap.description,
|
|
108
|
-
"data-testid": `${itemTestId}-description`,
|
|
109
|
-
children: item.description
|
|
110
|
-
}
|
|
111
|
-
)
|
|
112
|
-
]
|
|
113
|
-
}
|
|
114
|
-
)
|
|
115
|
-
]
|
|
116
|
-
},
|
|
117
|
-
index
|
|
118
|
-
);
|
|
119
|
-
}) });
|
|
120
|
-
};
|
|
121
|
-
TimelineBase.displayName = "TimelineBase";
|
|
122
|
-
const classes = {
|
|
123
|
-
timeline: "timeline",
|
|
124
|
-
item: "timeline_item",
|
|
125
|
-
marker: "timeline_marker",
|
|
126
|
-
icon: "timeline_icon",
|
|
127
|
-
dot: "timeline_dot",
|
|
128
|
-
content: "timeline_content",
|
|
129
|
-
title: "timeline_title",
|
|
130
|
-
date: "timeline_date",
|
|
131
|
-
description: "timeline_description",
|
|
132
|
-
vertical: "timeline_vertical",
|
|
133
|
-
horizontal: "timeline_horizontal",
|
|
134
|
-
primary: "timeline_primary",
|
|
135
|
-
secondary: "timeline_secondary",
|
|
136
|
-
tertiary: "timeline_tertiary",
|
|
137
|
-
quaternary: "timeline_quaternary",
|
|
138
|
-
clear: "timeline_clear",
|
|
139
|
-
shadowNone: "timeline_shadow-None",
|
|
140
|
-
shadowLight: "timeline_shadow-Light",
|
|
141
|
-
shadowMedium: "timeline_shadow-Medium",
|
|
142
|
-
shadowStrong: "timeline_shadow-Strong",
|
|
143
|
-
shadowIntense: "timeline_shadow-Intense",
|
|
144
|
-
roundNone: "timeline_round-None",
|
|
145
|
-
roundSmall: "timeline_round-Small",
|
|
146
|
-
roundMedium: "timeline_round-Medium",
|
|
147
|
-
roundLarge: "timeline_round-Large"
|
|
148
|
-
};
|
|
149
|
-
const Timeline = (props) => {
|
|
150
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TimelineBase, { ...props, classMap: classes });
|
|
151
|
-
};
|
|
152
|
-
Timeline.displayName = "Timeline";
|
|
153
|
-
exports.Timeline = Timeline;
|
|
154
|
-
//# sourceMappingURL=Timeline-CHxLOSfo.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline-CHxLOSfo.cjs","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/core/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n items,\r\n orientation = \"vertical\",\r\n ariaLabel = \"Timeline\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n const outerWrapper = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.timeline,\r\n classMap[orientation],\r\n classMap[theme],\r\n className,\r\n ),\r\n [classMap, orientation, theme, className],\r\n );\r\n\r\n const itemClassName = useMemo(\r\n () =>\r\n combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n [classMap, orientation, theme],\r\n );\r\n\r\n const markerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.marker,\r\n classMap[theme],\r\n classMap[orientation],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n ),\r\n [classMap, theme, orientation, shadow],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.content,\r\n classMap[orientation],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n ),\r\n [classMap, orientation, shadow, rounding],\r\n );\r\n\r\n const setSize = items.length;\r\n\r\n return (\r\n <ul className={outerWrapper} data-testid={testId} aria-label={ariaLabel}>\r\n {items.map((item, index) => {\r\n const IconComponent = item.icon;\r\n const itemTestId = `${testId}-item-${index}`;\r\n const labelId = `${itemTestId}-title`;\r\n const hasTitle = Boolean(item.title);\r\n\r\n let dateTimeAttr: string | undefined;\r\n if (item.date) {\r\n const dateObj = new Date(item.date);\r\n if (!isNaN(dateObj.getTime())) {\r\n dateTimeAttr = dateObj.toISOString();\r\n }\r\n }\r\n\r\n return (\r\n <li\r\n key={index}\r\n className={itemClassName}\r\n data-testid={itemTestId}\r\n aria-labelledby={hasTitle ? labelId : undefined}\r\n aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n aria-posinset={index + 1}\r\n aria-setsize={setSize}\r\n >\r\n <div\r\n className={markerClassName}\r\n data-testid={`${itemTestId}-marker`}\r\n aria-hidden={true}\r\n >\r\n {IconComponent ? (\r\n <div\r\n className={classMap.icon}\r\n data-testid={`${itemTestId}-icon`}\r\n aria-hidden={true}\r\n >\r\n <IconComponent aria-hidden=\"true\" />\r\n </div>\r\n ) : (\r\n <div\r\n className={classMap.dot}\r\n data-testid={`${itemTestId}-dot`}\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n </div>\r\n\r\n <div\r\n className={contentClassName}\r\n data-testid={`${itemTestId}-content`}\r\n >\r\n {hasTitle && (\r\n <h3 id={labelId} className={classMap.title}>\r\n {item.title}\r\n </h3>\r\n )}\r\n\r\n {item.date && (\r\n <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n <time dateTime={dateTimeAttr}>{item.date}</time>\r\n </p>\r\n )}\r\n\r\n {item.description && (\r\n <p\r\n className={classMap.description}\r\n data-testid={`${itemTestId}-description`}\r\n >\r\n {item.description}\r\n </p>\r\n )}\r\n </div>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","import React from \"react\";\r\nimport \"./Timeline.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst classes = {\r\n timeline: \"timeline\",\r\n item: \"timeline_item\",\r\n marker: \"timeline_marker\",\r\n icon: \"timeline_icon\",\r\n dot: \"timeline_dot\",\r\n content: \"timeline_content\",\r\n title: \"timeline_title\",\r\n date: \"timeline_date\",\r\n description: \"timeline_description\",\r\n\r\n vertical: \"timeline_vertical\",\r\n horizontal: \"timeline_horizontal\",\r\n\r\n primary: \"timeline_primary\",\r\n secondary: \"timeline_secondary\",\r\n tertiary: \"timeline_tertiary\",\r\n quaternary: \"timeline_quaternary\",\r\n\r\n clear: \"timeline_clear\",\r\n\r\n shadowNone: \"timeline_shadow-None\",\r\n shadowLight: \"timeline_shadow-Light\",\r\n shadowMedium: \"timeline_shadow-Medium\",\r\n shadowStrong: \"timeline_shadow-Strong\",\r\n shadowIntense: \"timeline_shadow-Intense\",\r\n\r\n roundNone: \"timeline_round-None\",\r\n roundSmall: \"timeline_round-Small\",\r\n roundMedium: \"timeline_round-Medium\",\r\n roundLarge: \"timeline_round-Large\",\r\n};\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n return <TimelineBase {...props} classMap={classes} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":"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"}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { 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, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
|
-
const TimelineBase = ({
|
|
7
|
-
items,
|
|
8
|
-
orientation = "vertical",
|
|
9
|
-
ariaLabel = "Timeline",
|
|
10
|
-
theme = getDefaultTheme(),
|
|
11
|
-
rounding = getDefaultRounding(),
|
|
12
|
-
shadow = getDefaultShadow(),
|
|
13
|
-
classMap,
|
|
14
|
-
className,
|
|
15
|
-
"data-testid": testId = "timeline"
|
|
16
|
-
}) => {
|
|
17
|
-
const outerWrapper = useMemo(
|
|
18
|
-
() => combineClassNames(
|
|
19
|
-
classMap.timeline,
|
|
20
|
-
classMap[orientation],
|
|
21
|
-
classMap[theme],
|
|
22
|
-
className
|
|
23
|
-
),
|
|
24
|
-
[classMap, orientation, theme, className]
|
|
25
|
-
);
|
|
26
|
-
const itemClassName = useMemo(
|
|
27
|
-
() => combineClassNames(classMap.item, classMap[orientation], classMap[theme]),
|
|
28
|
-
[classMap, orientation, theme]
|
|
29
|
-
);
|
|
30
|
-
const markerClassName = useMemo(
|
|
31
|
-
() => combineClassNames(
|
|
32
|
-
classMap.marker,
|
|
33
|
-
classMap[theme],
|
|
34
|
-
classMap[orientation],
|
|
35
|
-
shadow && classMap[`shadow${capitalize(shadow)}`]
|
|
36
|
-
),
|
|
37
|
-
[classMap, theme, orientation, shadow]
|
|
38
|
-
);
|
|
39
|
-
const contentClassName = useMemo(
|
|
40
|
-
() => combineClassNames(
|
|
41
|
-
classMap.content,
|
|
42
|
-
classMap[orientation],
|
|
43
|
-
shadow && classMap[`shadow${capitalize(shadow)}`],
|
|
44
|
-
rounding && classMap[`round${capitalize(rounding)}`]
|
|
45
|
-
),
|
|
46
|
-
[classMap, orientation, shadow, rounding]
|
|
47
|
-
);
|
|
48
|
-
const setSize = items.length;
|
|
49
|
-
return /* @__PURE__ */ jsx("ul", { className: outerWrapper, "data-testid": testId, "aria-label": ariaLabel, children: items.map((item, index) => {
|
|
50
|
-
const IconComponent = item.icon;
|
|
51
|
-
const itemTestId = `${testId}-item-${index}`;
|
|
52
|
-
const labelId = `${itemTestId}-title`;
|
|
53
|
-
const hasTitle = Boolean(item.title);
|
|
54
|
-
let dateTimeAttr;
|
|
55
|
-
if (item.date) {
|
|
56
|
-
const dateObj = new Date(item.date);
|
|
57
|
-
if (!isNaN(dateObj.getTime())) {
|
|
58
|
-
dateTimeAttr = dateObj.toISOString();
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
return /* @__PURE__ */ jsxs(
|
|
62
|
-
"li",
|
|
63
|
-
{
|
|
64
|
-
className: itemClassName,
|
|
65
|
-
"data-testid": itemTestId,
|
|
66
|
-
"aria-labelledby": hasTitle ? labelId : void 0,
|
|
67
|
-
"aria-label": !hasTitle ? `Timeline item ${index + 1}` : void 0,
|
|
68
|
-
"aria-posinset": index + 1,
|
|
69
|
-
"aria-setsize": setSize,
|
|
70
|
-
children: [
|
|
71
|
-
/* @__PURE__ */ jsx(
|
|
72
|
-
"div",
|
|
73
|
-
{
|
|
74
|
-
className: markerClassName,
|
|
75
|
-
"data-testid": `${itemTestId}-marker`,
|
|
76
|
-
"aria-hidden": true,
|
|
77
|
-
children: IconComponent ? /* @__PURE__ */ jsx(
|
|
78
|
-
"div",
|
|
79
|
-
{
|
|
80
|
-
className: classMap.icon,
|
|
81
|
-
"data-testid": `${itemTestId}-icon`,
|
|
82
|
-
"aria-hidden": true,
|
|
83
|
-
children: /* @__PURE__ */ jsx(IconComponent, { "aria-hidden": "true" })
|
|
84
|
-
}
|
|
85
|
-
) : /* @__PURE__ */ jsx(
|
|
86
|
-
"div",
|
|
87
|
-
{
|
|
88
|
-
className: classMap.dot,
|
|
89
|
-
"data-testid": `${itemTestId}-dot`,
|
|
90
|
-
"aria-hidden": "true"
|
|
91
|
-
}
|
|
92
|
-
)
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
/* @__PURE__ */ jsxs(
|
|
96
|
-
"div",
|
|
97
|
-
{
|
|
98
|
-
className: contentClassName,
|
|
99
|
-
"data-testid": `${itemTestId}-content`,
|
|
100
|
-
children: [
|
|
101
|
-
hasTitle && /* @__PURE__ */ jsx("h3", { id: labelId, className: classMap.title, children: item.title }),
|
|
102
|
-
item.date && /* @__PURE__ */ jsx("p", { className: classMap.date, "data-testid": `${itemTestId}-date`, children: /* @__PURE__ */ jsx("time", { dateTime: dateTimeAttr, children: item.date }) }),
|
|
103
|
-
item.description && /* @__PURE__ */ jsx(
|
|
104
|
-
"p",
|
|
105
|
-
{
|
|
106
|
-
className: classMap.description,
|
|
107
|
-
"data-testid": `${itemTestId}-description`,
|
|
108
|
-
children: item.description
|
|
109
|
-
}
|
|
110
|
-
)
|
|
111
|
-
]
|
|
112
|
-
}
|
|
113
|
-
)
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
index
|
|
117
|
-
);
|
|
118
|
-
}) });
|
|
119
|
-
};
|
|
120
|
-
TimelineBase.displayName = "TimelineBase";
|
|
121
|
-
const classes = {
|
|
122
|
-
timeline: "timeline",
|
|
123
|
-
item: "timeline_item",
|
|
124
|
-
marker: "timeline_marker",
|
|
125
|
-
icon: "timeline_icon",
|
|
126
|
-
dot: "timeline_dot",
|
|
127
|
-
content: "timeline_content",
|
|
128
|
-
title: "timeline_title",
|
|
129
|
-
date: "timeline_date",
|
|
130
|
-
description: "timeline_description",
|
|
131
|
-
vertical: "timeline_vertical",
|
|
132
|
-
horizontal: "timeline_horizontal",
|
|
133
|
-
primary: "timeline_primary",
|
|
134
|
-
secondary: "timeline_secondary",
|
|
135
|
-
tertiary: "timeline_tertiary",
|
|
136
|
-
quaternary: "timeline_quaternary",
|
|
137
|
-
clear: "timeline_clear",
|
|
138
|
-
shadowNone: "timeline_shadow-None",
|
|
139
|
-
shadowLight: "timeline_shadow-Light",
|
|
140
|
-
shadowMedium: "timeline_shadow-Medium",
|
|
141
|
-
shadowStrong: "timeline_shadow-Strong",
|
|
142
|
-
shadowIntense: "timeline_shadow-Intense",
|
|
143
|
-
roundNone: "timeline_round-None",
|
|
144
|
-
roundSmall: "timeline_round-Small",
|
|
145
|
-
roundMedium: "timeline_round-Medium",
|
|
146
|
-
roundLarge: "timeline_round-Large"
|
|
147
|
-
};
|
|
148
|
-
const Timeline = (props) => {
|
|
149
|
-
return /* @__PURE__ */ jsx(TimelineBase, { ...props, classMap: classes });
|
|
150
|
-
};
|
|
151
|
-
Timeline.displayName = "Timeline";
|
|
152
|
-
export {
|
|
153
|
-
Timeline as T
|
|
154
|
-
};
|
|
155
|
-
//# sourceMappingURL=Timeline-CysPgst2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline-CysPgst2.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/core/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n items,\r\n orientation = \"vertical\",\r\n ariaLabel = \"Timeline\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n const outerWrapper = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.timeline,\r\n classMap[orientation],\r\n classMap[theme],\r\n className,\r\n ),\r\n [classMap, orientation, theme, className],\r\n );\r\n\r\n const itemClassName = useMemo(\r\n () =>\r\n combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n [classMap, orientation, theme],\r\n );\r\n\r\n const markerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.marker,\r\n classMap[theme],\r\n classMap[orientation],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n ),\r\n [classMap, theme, orientation, shadow],\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.content,\r\n classMap[orientation],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n ),\r\n [classMap, orientation, shadow, rounding],\r\n );\r\n\r\n const setSize = items.length;\r\n\r\n return (\r\n <ul className={outerWrapper} data-testid={testId} aria-label={ariaLabel}>\r\n {items.map((item, index) => {\r\n const IconComponent = item.icon;\r\n const itemTestId = `${testId}-item-${index}`;\r\n const labelId = `${itemTestId}-title`;\r\n const hasTitle = Boolean(item.title);\r\n\r\n let dateTimeAttr: string | undefined;\r\n if (item.date) {\r\n const dateObj = new Date(item.date);\r\n if (!isNaN(dateObj.getTime())) {\r\n dateTimeAttr = dateObj.toISOString();\r\n }\r\n }\r\n\r\n return (\r\n <li\r\n key={index}\r\n className={itemClassName}\r\n data-testid={itemTestId}\r\n aria-labelledby={hasTitle ? labelId : undefined}\r\n aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n aria-posinset={index + 1}\r\n aria-setsize={setSize}\r\n >\r\n <div\r\n className={markerClassName}\r\n data-testid={`${itemTestId}-marker`}\r\n aria-hidden={true}\r\n >\r\n {IconComponent ? (\r\n <div\r\n className={classMap.icon}\r\n data-testid={`${itemTestId}-icon`}\r\n aria-hidden={true}\r\n >\r\n <IconComponent aria-hidden=\"true\" />\r\n </div>\r\n ) : (\r\n <div\r\n className={classMap.dot}\r\n data-testid={`${itemTestId}-dot`}\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n </div>\r\n\r\n <div\r\n className={contentClassName}\r\n data-testid={`${itemTestId}-content`}\r\n >\r\n {hasTitle && (\r\n <h3 id={labelId} className={classMap.title}>\r\n {item.title}\r\n </h3>\r\n )}\r\n\r\n {item.date && (\r\n <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n <time dateTime={dateTimeAttr}>{item.date}</time>\r\n </p>\r\n )}\r\n\r\n {item.description && (\r\n <p\r\n className={classMap.description}\r\n data-testid={`${itemTestId}-description`}\r\n >\r\n {item.description}\r\n </p>\r\n )}\r\n </div>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","import React from \"react\";\r\nimport \"./Timeline.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst classes = {\r\n timeline: \"timeline\",\r\n item: \"timeline_item\",\r\n marker: \"timeline_marker\",\r\n icon: \"timeline_icon\",\r\n dot: \"timeline_dot\",\r\n content: \"timeline_content\",\r\n title: \"timeline_title\",\r\n date: \"timeline_date\",\r\n description: \"timeline_description\",\r\n\r\n vertical: \"timeline_vertical\",\r\n horizontal: \"timeline_horizontal\",\r\n\r\n primary: \"timeline_primary\",\r\n secondary: \"timeline_secondary\",\r\n tertiary: \"timeline_tertiary\",\r\n quaternary: \"timeline_quaternary\",\r\n\r\n clear: \"timeline_clear\",\r\n\r\n shadowNone: \"timeline_shadow-None\",\r\n shadowLight: \"timeline_shadow-Light\",\r\n shadowMedium: \"timeline_shadow-Medium\",\r\n shadowStrong: \"timeline_shadow-Strong\",\r\n shadowIntense: \"timeline_shadow-Intense\",\r\n\r\n roundNone: \"timeline_round-None\",\r\n roundSmall: \"timeline_round-Small\",\r\n roundMedium: \"timeline_round-Medium\",\r\n roundLarge: \"timeline_round-Large\",\r\n};\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n return <TimelineBase {...props} classMap={classes} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle-BjcHSRky.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleBaseProps } from \"./Toggle.types\";\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 ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n label,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n disabled = false,\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"toggle\",\r\n },\r\n ref\r\n ) => {\r\n const uid = useId();\r\n const buttonId = `${testId}-button-${uid}`;\r\n const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n const setOn = (next: boolean) => {\r\n if (!disabled && next !== checked) onChange(next);\r\n };\r\n const toggle = () => setOn(!checked);\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n toggle();\r\n break;\r\n case \"ArrowRight\":\r\n e.preventDefault();\r\n setOn(true);\r\n break;\r\n case \"ArrowLeft\":\r\n e.preventDefault();\r\n setOn(false);\r\n break;\r\n }\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, theme, state, size, disabled, className]\r\n );\r\n\r\n const toggleClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toggle,\r\n checked && classMap.active,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, checked, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={buttonId}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={toggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span\r\n className={classMap.slider}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-slider`}\r\n />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={buttonId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n toggle: \"toggle\",\r\n active: \"toggle_active\",\r\n slider: \"toggle_slider\",\r\n label: \"toggle_label\",\r\n\r\n primary: \"toggle_primary\",\r\n secondary: \"toggle_secondary\",\r\n tertiary: \"toggle_tertiary\",\r\n quaternary: \"toggle_quaternary\",\r\n\r\n success: \"toggle_success\",\r\n warning: \"toggle_warning\",\r\n error: \"toggle_error\",\r\n\r\n clear: \"toggle_clear\",\r\n\r\n disabled: \"toggle_disabled\",\r\n\r\n xs: \"toggle_xs\",\r\n small: \"toggle_small\",\r\n medium: \"toggle_medium\",\r\n large: \"toggle_large\",\r\n xl: \"toggle_xl\",\r\n\r\n shadowNone: \"toggle_shadow-None\",\r\n shadowLight: \"toggle_shadow-Light\",\r\n shadowMedium: \"toggle_shadow-Medium\",\r\n shadowStrong: \"toggle_shadow-Strong\",\r\n shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n roundNone: \"toggle_round-None\",\r\n roundSmall: \"toggle_round-Small\",\r\n roundMedium: \"toggle_round-Medium\",\r\n roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n return <ToggleBase {...props} classMap={classes} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle-x0wutBcD.js","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleBaseProps } from \"./Toggle.types\";\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 ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n label,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n disabled = false,\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"toggle\",\r\n },\r\n ref\r\n ) => {\r\n const uid = useId();\r\n const buttonId = `${testId}-button-${uid}`;\r\n const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n const setOn = (next: boolean) => {\r\n if (!disabled && next !== checked) onChange(next);\r\n };\r\n const toggle = () => setOn(!checked);\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if (disabled) return;\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n toggle();\r\n break;\r\n case \"ArrowRight\":\r\n e.preventDefault();\r\n setOn(true);\r\n break;\r\n case \"ArrowLeft\":\r\n e.preventDefault();\r\n setOn(false);\r\n break;\r\n }\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, theme, state, size, disabled, className]\r\n );\r\n\r\n const toggleClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toggle,\r\n checked && classMap.active,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, checked, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={buttonId}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={toggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span\r\n className={classMap.slider}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-slider`}\r\n />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={buttonId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n toggle: \"toggle\",\r\n active: \"toggle_active\",\r\n slider: \"toggle_slider\",\r\n label: \"toggle_label\",\r\n\r\n primary: \"toggle_primary\",\r\n secondary: \"toggle_secondary\",\r\n tertiary: \"toggle_tertiary\",\r\n quaternary: \"toggle_quaternary\",\r\n\r\n success: \"toggle_success\",\r\n warning: \"toggle_warning\",\r\n error: \"toggle_error\",\r\n\r\n clear: \"toggle_clear\",\r\n\r\n disabled: \"toggle_disabled\",\r\n\r\n xs: \"toggle_xs\",\r\n small: \"toggle_small\",\r\n medium: \"toggle_medium\",\r\n large: \"toggle_large\",\r\n xl: \"toggle_xl\",\r\n\r\n shadowNone: \"toggle_shadow-None\",\r\n shadowLight: \"toggle_shadow-Light\",\r\n shadowMedium: \"toggle_shadow-Medium\",\r\n shadowStrong: \"toggle_shadow-Strong\",\r\n shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n roundNone: \"toggle_round-None\",\r\n roundSmall: \"toggle_round-Small\",\r\n roundMedium: \"toggle_round-Medium\",\r\n roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n return <ToggleBase {...props} classMap={classes} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-Ce40CpVS.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.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\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const safeHeading = Math.min(6, Math.max(1, headingLevel));\r\n const TitleTag = `h${safeHeading}` as keyof JSX.IntrinsicElements;\r\n\r\n const toolbarClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className, shadow, rounding]\r\n );\r\n\r\n const avatarAriaHidden =\r\n avatar && !avatar.name && !avatar.onClick ? true : undefined;\r\n\r\n return (\r\n <div\r\n className={toolbarClass}\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size || \"medium\"}\r\n shape={avatar.shape || \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={avatarAriaHidden}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nToolbarBase.displayName = \"ToolbarBase\";\r\nexport default ToolbarBase;\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-DS4OWUio.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.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\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const safeHeading = Math.min(6, Math.max(1, headingLevel));\r\n const TitleTag = `h${safeHeading}` as keyof JSX.IntrinsicElements;\r\n\r\n const toolbarClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className, shadow, rounding]\r\n );\r\n\r\n const avatarAriaHidden =\r\n avatar && !avatar.name && !avatar.onClick ? true : undefined;\r\n\r\n return (\r\n <div\r\n className={toolbarClass}\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size || \"medium\"}\r\n shape={avatar.shape || \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={avatarAriaHidden}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nToolbarBase.displayName = \"ToolbarBase\";\r\nexport default ToolbarBase;\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-BqUQU9du.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useId,\r\n useMemo,\r\n useState,\r\n isValidElement,\r\n cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.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\nconst TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n) {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n\r\n const show = () => setVisible(true);\r\n const hide = () => setVisible(false);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") hide();\r\n };\r\n document.addEventListener(\"keydown\", onKey);\r\n return () => document.removeEventListener(\"keydown\", onKey);\r\n }, [visible]);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, state, visible, shadow, rounding]\r\n );\r\n\r\n const triggerProps = {\r\n onMouseEnter: show,\r\n onMouseLeave: hide,\r\n onFocus: show,\r\n onBlur: hide,\r\n \"aria-describedby\": visible ? tooltipId : undefined,\r\n \"data-testid\": `${testId}-trigger`,\r\n } as const;\r\n\r\n let trigger: React.ReactNode;\r\n\r\n if (isValidElement(children)) {\r\n const isNaturallyFocusable =\r\n React.isValidElement(children) &&\r\n typeof children.type === \"string\" &&\r\n [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n const existingTabIndex = (\r\n children.props as React.HTMLAttributes<HTMLElement>\r\n ).tabIndex;\r\n const maybeTabIndex =\r\n isNaturallyFocusable || existingTabIndex !== undefined\r\n ? {}\r\n : { tabIndex: 0 };\r\n\r\n trigger = cloneElement(children as React.ReactElement, {\r\n ...triggerProps,\r\n ...maybeTabIndex,\r\n });\r\n } else {\r\n trigger = (\r\n <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n {children}\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n >\r\n {trigger}\r\n\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n aria-hidden={!visible}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","TooltipBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","isValidElement","cloneElement","jsx","jsxs"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-fOb5jy6R.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useId,\r\n useMemo,\r\n useState,\r\n isValidElement,\r\n cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.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\nconst TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n) {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n\r\n const show = () => setVisible(true);\r\n const hide = () => setVisible(false);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") hide();\r\n };\r\n document.addEventListener(\"keydown\", onKey);\r\n return () => document.removeEventListener(\"keydown\", onKey);\r\n }, [visible]);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, state, visible, shadow, rounding]\r\n );\r\n\r\n const triggerProps = {\r\n onMouseEnter: show,\r\n onMouseLeave: hide,\r\n onFocus: show,\r\n onBlur: hide,\r\n \"aria-describedby\": visible ? tooltipId : undefined,\r\n \"data-testid\": `${testId}-trigger`,\r\n } as const;\r\n\r\n let trigger: React.ReactNode;\r\n\r\n if (isValidElement(children)) {\r\n const isNaturallyFocusable =\r\n React.isValidElement(children) &&\r\n typeof children.type === \"string\" &&\r\n [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n const existingTabIndex = (\r\n children.props as React.HTMLAttributes<HTMLElement>\r\n ).tabIndex;\r\n const maybeTabIndex =\r\n isNaturallyFocusable || existingTabIndex !== undefined\r\n ? {}\r\n : { tabIndex: 0 };\r\n\r\n trigger = cloneElement(children as React.ReactElement, {\r\n ...triggerProps,\r\n ...maybeTabIndex,\r\n });\r\n } else {\r\n trigger = (\r\n <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n {children}\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n >\r\n {trigger}\r\n\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n aria-hidden={!visible}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography-D9WF2TVi.cjs","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n TypographyAlign,\r\n TypographyBaseProps,\r\n TypographyTheme,\r\n TypographyVariant,\r\n TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n TypographyVariant,\r\n keyof JSX.IntrinsicElements\r\n> = {\r\n display: \"h1\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"p\",\r\n body: \"p\",\r\n \"body-sm\": \"p\",\r\n label: \"span\",\r\n caption: \"span\",\r\n overline: \"span\",\r\n code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n display: \"display\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"bodyLg\",\r\n body: \"body\",\r\n \"body-sm\": \"bodySm\",\r\n label: \"label\",\r\n caption: \"caption\",\r\n overline: \"overline\",\r\n code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n left: \"alignLeft\",\r\n center: \"alignCenter\",\r\n right: \"alignRight\",\r\n inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n light: \"weightLight\",\r\n normal: \"weightNormal\",\r\n medium: \"weightMedium\",\r\n bold: \"weightBold\",\r\n bolder: \"weightBolder\",\r\n inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n primary: \"primary\",\r\n secondary: \"secondary\",\r\n tertiary: \"tertiary\",\r\n quaternary: \"quaternary\",\r\n clear: \"clear\",\r\n success: \"success\",\r\n warning: \"warning\",\r\n error: \"error\",\r\n inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n children,\r\n variant = \"body\",\r\n as,\r\n align = \"inherit\",\r\n weight = \"inherit\",\r\n theme = getDefaultTheme(),\r\n italic = false,\r\n underline = false,\r\n truncate = false,\r\n noWrap = false,\r\n srOnly = false,\r\n className,\r\n style,\r\n id,\r\n title,\r\n testId,\r\n classMap,\r\n combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n const resolvedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.typography,\r\n classMap[variantClassMap[variant]],\r\n classMap[alignClassMap[align]],\r\n classMap[weightClassMap[weight]],\r\n classMap[themeClassMap[theme]],\r\n italic && classMap.italic,\r\n underline && classMap.underline,\r\n truncate && classMap.truncate,\r\n noWrap && classMap.noWrap,\r\n srOnly && `sr_only`,\r\n className,\r\n ),\r\n [\r\n classMap,\r\n variant,\r\n align,\r\n weight,\r\n theme,\r\n italic,\r\n underline,\r\n truncate,\r\n noWrap,\r\n srOnly,\r\n className,\r\n combineClassNames,\r\n ],\r\n );\r\n\r\n return createElement(\r\n Component,\r\n {\r\n id,\r\n title,\r\n style,\r\n className: resolvedClassName,\r\n \"data-testid\": testId ?? \"typography\",\r\n },\r\n children,\r\n );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n typography: \"typography\",\r\n display: \"typography_display\",\r\n h1: \"typography_h1\",\r\n h2: \"typography_h2\",\r\n h3: \"typography_h3\",\r\n h4: \"typography_h4\",\r\n h5: \"typography_h5\",\r\n h6: \"typography_h6\",\r\n bodyLg: \"typography_body-lg\",\r\n body: \"typography_body\",\r\n bodySm: \"typography_body-sm\",\r\n label: \"typography_label\",\r\n caption: \"typography_caption\",\r\n overline: \"typography_overline\",\r\n code: \"typography_code\",\r\n alignLeft: \"typography_align-left\",\r\n alignCenter: \"typography_align-center\",\r\n alignRight: \"typography_align-right\",\r\n alignInherit: \"typography_align-inherit\",\r\n weightLight: \"typography_weight-light\",\r\n weightNormal: \"typography_weight-normal\",\r\n weightMedium: \"typography_weight-medium\",\r\n weightBold: \"typography_weight-bold\",\r\n weightBolder: \"typography_weight-bolder\",\r\n weightInherit: \"typography_weight-inherit\",\r\n primary: \"typography_primary\",\r\n secondary: \"typography_secondary\",\r\n tertiary: \"typography_tertiary\",\r\n quaternary: \"typography_quaternary\",\r\n clear: \"typography_clear\",\r\n success: \"typography_success\",\r\n warning: \"typography_warning\",\r\n error: \"typography_error\",\r\n themeInherit: \"typography_theme-inherit\",\r\n italic: \"typography_italic\",\r\n underline: \"typography_underline\",\r\n truncate: \"typography_truncate\",\r\n noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n return (\r\n <TypographyBase\r\n {...props}\r\n classMap={classMap}\r\n combineClassNames={combineClassNames}\r\n />\r\n );\r\n}\r\n"],"names":["getDefaultTheme","classMap","useMemo","createElement","jsx","combineClassNames"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography-DeV9eoQj.js","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n TypographyAlign,\r\n TypographyBaseProps,\r\n TypographyTheme,\r\n TypographyVariant,\r\n TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n TypographyVariant,\r\n keyof JSX.IntrinsicElements\r\n> = {\r\n display: \"h1\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"p\",\r\n body: \"p\",\r\n \"body-sm\": \"p\",\r\n label: \"span\",\r\n caption: \"span\",\r\n overline: \"span\",\r\n code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n display: \"display\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"bodyLg\",\r\n body: \"body\",\r\n \"body-sm\": \"bodySm\",\r\n label: \"label\",\r\n caption: \"caption\",\r\n overline: \"overline\",\r\n code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n left: \"alignLeft\",\r\n center: \"alignCenter\",\r\n right: \"alignRight\",\r\n inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n light: \"weightLight\",\r\n normal: \"weightNormal\",\r\n medium: \"weightMedium\",\r\n bold: \"weightBold\",\r\n bolder: \"weightBolder\",\r\n inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n primary: \"primary\",\r\n secondary: \"secondary\",\r\n tertiary: \"tertiary\",\r\n quaternary: \"quaternary\",\r\n clear: \"clear\",\r\n success: \"success\",\r\n warning: \"warning\",\r\n error: \"error\",\r\n inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n children,\r\n variant = \"body\",\r\n as,\r\n align = \"inherit\",\r\n weight = \"inherit\",\r\n theme = getDefaultTheme(),\r\n italic = false,\r\n underline = false,\r\n truncate = false,\r\n noWrap = false,\r\n srOnly = false,\r\n className,\r\n style,\r\n id,\r\n title,\r\n testId,\r\n classMap,\r\n combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n const resolvedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.typography,\r\n classMap[variantClassMap[variant]],\r\n classMap[alignClassMap[align]],\r\n classMap[weightClassMap[weight]],\r\n classMap[themeClassMap[theme]],\r\n italic && classMap.italic,\r\n underline && classMap.underline,\r\n truncate && classMap.truncate,\r\n noWrap && classMap.noWrap,\r\n srOnly && `sr_only`,\r\n className,\r\n ),\r\n [\r\n classMap,\r\n variant,\r\n align,\r\n weight,\r\n theme,\r\n italic,\r\n underline,\r\n truncate,\r\n noWrap,\r\n srOnly,\r\n className,\r\n combineClassNames,\r\n ],\r\n );\r\n\r\n return createElement(\r\n Component,\r\n {\r\n id,\r\n title,\r\n style,\r\n className: resolvedClassName,\r\n \"data-testid\": testId ?? \"typography\",\r\n },\r\n children,\r\n );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n typography: \"typography\",\r\n display: \"typography_display\",\r\n h1: \"typography_h1\",\r\n h2: \"typography_h2\",\r\n h3: \"typography_h3\",\r\n h4: \"typography_h4\",\r\n h5: \"typography_h5\",\r\n h6: \"typography_h6\",\r\n bodyLg: \"typography_body-lg\",\r\n body: \"typography_body\",\r\n bodySm: \"typography_body-sm\",\r\n label: \"typography_label\",\r\n caption: \"typography_caption\",\r\n overline: \"typography_overline\",\r\n code: \"typography_code\",\r\n alignLeft: \"typography_align-left\",\r\n alignCenter: \"typography_align-center\",\r\n alignRight: \"typography_align-right\",\r\n alignInherit: \"typography_align-inherit\",\r\n weightLight: \"typography_weight-light\",\r\n weightNormal: \"typography_weight-normal\",\r\n weightMedium: \"typography_weight-medium\",\r\n weightBold: \"typography_weight-bold\",\r\n weightBolder: \"typography_weight-bolder\",\r\n weightInherit: \"typography_weight-inherit\",\r\n primary: \"typography_primary\",\r\n secondary: \"typography_secondary\",\r\n tertiary: \"typography_tertiary\",\r\n quaternary: \"typography_quaternary\",\r\n clear: \"typography_clear\",\r\n success: \"typography_success\",\r\n warning: \"typography_warning\",\r\n error: \"typography_error\",\r\n themeInherit: \"typography_theme-inherit\",\r\n italic: \"typography_italic\",\r\n underline: \"typography_underline\",\r\n truncate: \"typography_truncate\",\r\n noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n return (\r\n <TypographyBase\r\n {...props}\r\n classMap={classMap}\r\n combineClassNames={combineClassNames}\r\n />\r\n );\r\n}\r\n"],"names":["classMap","combineClassNames"],"mappings":"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"}
|