boreal-ui 0.0.34 → 0.0.36
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-D6hxjkE1.cjs → Accordion-Cb-MHkcx.cjs} +6 -2
- package/dist/core/Accordion-Cb-MHkcx.cjs.map +1 -0
- package/dist/core/{Accordion-CY5BCoA7.js → Accordion-DDu1TFaX.js} +6 -2
- package/dist/core/Accordion-DDu1TFaX.js.map +1 -0
- package/dist/core/Accordion.cjs.js +1 -1
- package/dist/core/Accordion.js +1 -1
- package/dist/core/Badge-C6qp0Eym.cjs.map +1 -1
- package/dist/core/Badge-MiX5w_Ui.js.map +1 -1
- package/dist/core/{Breadcrumbs-hKtLDMrC.cjs → Breadcrumbs-DeUAfwz-.cjs} +2 -2
- package/dist/core/Breadcrumbs-DeUAfwz-.cjs.map +1 -0
- package/dist/core/{Breadcrumbs-BulpkVaU.js → Breadcrumbs-KHd0Wr_l.js} +2 -2
- package/dist/core/Breadcrumbs-KHd0Wr_l.js.map +1 -0
- package/dist/core/Breadcrumbs.cjs.js +1 -1
- package/dist/core/Breadcrumbs.js +1 -1
- package/dist/core/{Button-CD1ETVvS.cjs → Button-CBmiAYTl.cjs} +20 -16
- package/dist/core/Button-CBmiAYTl.cjs.map +1 -0
- package/dist/core/{Button-sz60qyTn.js → Button-DxYuUx72.js} +20 -16
- package/dist/core/Button-DxYuUx72.js.map +1 -0
- package/dist/core/Button.cjs.js +1 -1
- package/dist/core/Button.js +1 -1
- package/dist/core/{Card-BRExeyNd.js → Card-C8Nn4k-D.js} +7 -7
- package/dist/core/Card-C8Nn4k-D.js.map +1 -0
- package/dist/core/{Card-jrGaJLdX.cjs → Card-v23IopXR.cjs} +7 -7
- package/dist/core/Card-v23IopXR.cjs.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/{Chip-ByR2AKjl.js → Chip-CshyG7SS.js} +2 -2
- package/dist/core/Chip-CshyG7SS.js.map +1 -0
- package/dist/core/{Chip-C6sk2qAd.cjs → Chip-E--KGVgH.cjs} +2 -2
- package/dist/core/Chip-E--KGVgH.cjs.map +1 -0
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CommandPalette-IOV8q6GZ.cjs → CommandPalette-B8jOhfm2.cjs} +2 -2
- package/dist/core/{CommandPalette-IOV8q6GZ.cjs.map → CommandPalette-B8jOhfm2.cjs.map} +1 -1
- package/dist/core/{CommandPalette-KcMGDC0i.js → CommandPalette-BpRegx0J.js} +2 -2
- package/dist/core/{CommandPalette-KcMGDC0i.js.map → CommandPalette-BpRegx0J.js.map} +1 -1
- package/dist/core/CommandPalette.cjs.js +1 -1
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/{DateTimePicker-Cq_QZBV5.js → DateTimePicker-CK3I5Gxw.js} +2 -2
- package/dist/core/DateTimePicker-CK3I5Gxw.js.map +1 -0
- package/dist/core/{DateTimePicker-DU-vjgee.cjs → DateTimePicker-Dj8LEv5L.cjs} +2 -2
- package/dist/core/DateTimePicker-Dj8LEv5L.cjs.map +1 -0
- package/dist/core/DateTimePicker.cjs.js +1 -1
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/{Dropdown-CJo6T9__.cjs → Dropdown-BpEtC6bv.cjs} +2 -2
- package/dist/core/Dropdown-BpEtC6bv.cjs.map +1 -0
- package/dist/core/{Dropdown-Dzjmt9gx.js → Dropdown-Drug9EGs.js} +2 -2
- package/dist/core/Dropdown-Drug9EGs.js.map +1 -0
- package/dist/core/Dropdown.cjs.js +1 -1
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{EmptyState-1ZbzRKLl.cjs → EmptyState-CknrkSpb.cjs} +2 -2
- package/dist/core/{EmptyState-1ZbzRKLl.cjs.map → EmptyState-CknrkSpb.cjs.map} +1 -1
- package/dist/core/{EmptyState-CSnwsLvV.js → EmptyState-HSMqh1Og.js} +2 -2
- package/dist/core/{EmptyState-CSnwsLvV.js.map → EmptyState-HSMqh1Og.js.map} +1 -1
- package/dist/core/EmptyState.cjs.js +1 -1
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/{FileUpload-Bcu5v4TO.js → FileUpload-C6xeGLr8.js} +5 -5
- package/dist/core/FileUpload-C6xeGLr8.js.map +1 -0
- package/dist/core/{FileUpload-DrPV-Oiy.cjs → FileUpload-C_k2_dfF.cjs} +5 -5
- package/dist/core/FileUpload-C_k2_dfF.cjs.map +1 -0
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{Footer-vLVfqKWf.js → Footer-D2DOWiIc.js} +22 -10
- package/dist/core/Footer-D2DOWiIc.js.map +1 -0
- package/dist/core/{Footer-DrYZJObN.cjs → Footer-lTLk-01g.cjs} +22 -10
- package/dist/core/Footer-lTLk-01g.cjs.map +1 -0
- package/dist/core/Footer.cjs.js +1 -1
- package/dist/core/Footer.js +1 -1
- package/dist/core/{IconButton-D_W4nsPZ.cjs → IconButton-Cs4PHptF.cjs} +5 -3
- package/dist/core/IconButton-Cs4PHptF.cjs.map +1 -0
- package/dist/core/{IconButton-B9WWbeSM.js → IconButton-DY1ppFX-.js} +5 -3
- package/dist/core/IconButton-DY1ppFX-.js.map +1 -0
- package/dist/core/IconButton.cjs.js +1 -1
- package/dist/core/IconButton.js +1 -1
- package/dist/core/{MarkdownRenderer-OUEnVOLG.cjs → MarkdownRenderer-3-S5hKVG.cjs} +2 -1
- package/dist/core/MarkdownRenderer-3-S5hKVG.cjs.map +1 -0
- package/dist/core/{MarkdownRenderer-COnLzf0t.js → MarkdownRenderer-CScdSBLx.js} +2 -1
- package/dist/core/MarkdownRenderer-CScdSBLx.js.map +1 -0
- package/dist/core/MarkdownRenderer.cjs.js +1 -1
- package/dist/core/MarkdownRenderer.js +1 -1
- package/dist/core/MessagePopUp.cjs.js +1 -1
- package/dist/core/MessagePopUp.js +1 -1
- package/dist/core/{MessagePopup-DiipcrNp.js → MessagePopup-CHCUOPLz.js} +5 -6
- package/dist/core/MessagePopup-CHCUOPLz.js.map +1 -0
- package/dist/core/{MessagePopup-CIsMNnVM.cjs → MessagePopup-CL_1uoVd.cjs} +5 -6
- package/dist/core/MessagePopup-CL_1uoVd.cjs.map +1 -0
- package/dist/core/{Modal-Bi8OdWKS.js → Modal-1d9Ivd05.js} +2 -2
- package/dist/core/Modal-1d9Ivd05.js.map +1 -0
- package/dist/core/{Modal-BdxvP-Ei.cjs → Modal-D8SK6y7Q.cjs} +2 -2
- package/dist/core/Modal-D8SK6y7Q.cjs.map +1 -0
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NavBar-CBC9YPkH.js → NavBar-CIImUvWA.js} +4 -4
- package/dist/core/NavBar-CIImUvWA.js.map +1 -0
- package/dist/core/{NavBar-DUNxiip6.cjs → NavBar-D03-pQsT.cjs} +4 -4
- package/dist/core/NavBar-D03-pQsT.cjs.map +1 -0
- package/dist/core/NavBar.cjs.js +1 -1
- package/dist/core/NavBar.js +1 -1
- package/dist/core/{NotificationCenter-DpdzdrPB.cjs → NotificationCenter-BjTSHg0M.cjs} +76 -66
- package/dist/{next/NotificationCenter-dkrHsIKr.cjs.map → core/NotificationCenter-BjTSHg0M.cjs.map} +1 -1
- package/dist/core/{NotificationCenter-BkoTAZCz.js → NotificationCenter-Ca_Gegaf.js} +76 -66
- package/dist/{next/NotificationCenter-DlbqVzzr.js.map → core/NotificationCenter-Ca_Gegaf.js.map} +1 -1
- package/dist/core/NotificationCenter.cjs.js +1 -1
- package/dist/core/NotificationCenter.js +1 -1
- package/dist/core/{Pager-De-awunI.js → Pager-B-mFsJVZ.js} +3 -3
- package/dist/core/{Pager-De-awunI.js.map → Pager-B-mFsJVZ.js.map} +1 -1
- package/dist/core/{Pager-CcIEdgIe.cjs → Pager-B3Hy6QIt.cjs} +3 -3
- package/dist/core/{Pager-CcIEdgIe.cjs.map → Pager-B3Hy6QIt.cjs.map} +1 -1
- package/dist/core/Pager.cjs.js +1 -1
- package/dist/core/Pager.js +1 -1
- package/dist/core/{Select-bMjOWXRX.js → Select-BLhAAtFa.js} +2 -9
- package/dist/core/Select-BLhAAtFa.js.map +1 -0
- package/dist/core/{Select-C65ai0xO.cjs → Select-CnX90XU7.cjs} +2 -9
- package/dist/core/Select-CnX90XU7.cjs.map +1 -0
- package/dist/core/Select.cjs.js +1 -1
- package/dist/core/Select.js +1 -1
- package/dist/core/Sidebar-BoMGJwqC.cjs.map +1 -1
- package/dist/core/Sidebar-CnGBAT2_.js.map +1 -1
- package/dist/core/{Stepper-DNSzwiZR.js → Stepper-0lxM6e2v.js} +2 -10
- package/dist/core/Stepper-0lxM6e2v.js.map +1 -0
- package/dist/core/{Stepper-Cphvkx0O.cjs → Stepper-BCjn0rYE.cjs} +2 -10
- package/dist/core/Stepper-BCjn0rYE.cjs.map +1 -0
- package/dist/core/Stepper.cjs.js +1 -1
- package/dist/core/Stepper.js +1 -1
- package/dist/core/{Tabs-gpyaJFUs.js → Tabs-BaKDr0uF.js} +84 -36
- package/dist/core/Tabs-BaKDr0uF.js.map +1 -0
- package/dist/core/{Tabs-DptKFvPK.cjs → Tabs-C6lDM19i.cjs} +83 -35
- package/dist/core/Tabs-C6lDM19i.cjs.map +1 -0
- package/dist/core/Tabs.cjs.js +1 -1
- package/dist/core/Tabs.js +1 -1
- package/dist/core/TagInput.cjs.js +1 -1
- package/dist/core/TagInput.js +1 -1
- package/dist/core/Taginput-C_JJRoDF.js +311 -0
- package/dist/core/Taginput-C_JJRoDF.js.map +1 -0
- package/dist/core/Taginput-kqeTeVJY.cjs +310 -0
- package/dist/core/Taginput-kqeTeVJY.cjs.map +1 -0
- package/dist/core/{TextArea-Nj-eO3Pv.cjs → TextArea-BJGUr6r_.cjs} +18 -7
- package/dist/core/TextArea-BJGUr6r_.cjs.map +1 -0
- package/dist/core/{TextArea-DrU4oCj0.js → TextArea-CIdsUIzt.js} +18 -7
- package/dist/core/TextArea-CIdsUIzt.js.map +1 -0
- package/dist/core/TextArea.cjs.js +1 -1
- package/dist/core/TextArea.js +1 -1
- package/dist/core/{TextInput-C8mNE1R4.js → TextInput-D38TZ4Pl.js} +28 -11
- package/dist/core/TextInput-D38TZ4Pl.js.map +1 -0
- package/dist/core/{TextInput-B03e-LMT.cjs → TextInput-WY4O9Zya.cjs} +28 -11
- package/dist/core/TextInput-WY4O9Zya.cjs.map +1 -0
- package/dist/core/TextInput.cjs.js +1 -1
- package/dist/core/TextInput.js +1 -1
- package/dist/core/{ThemeContext-D_SPnedS.cjs → ThemeContext-D1AV88GN.cjs} +2 -1
- package/dist/core/ThemeContext-D1AV88GN.cjs.map +1 -0
- package/dist/core/{ThemeContext-DJ18CFaV.js → ThemeContext-DSYDwr2m.js} +2 -1
- package/dist/core/ThemeContext-DSYDwr2m.js.map +1 -0
- package/dist/core/ThemeProvider.cjs.js +1 -1
- package/dist/core/ThemeProvider.js +1 -1
- package/dist/core/{Timeline-D7fd8-u_.js → Timeline-BfJd6flB.js} +22 -16
- package/dist/core/Timeline-BfJd6flB.js.map +1 -0
- package/dist/core/{Timeline-Dk0q-8BZ.cjs → Timeline-Bmnr7xnx.cjs} +22 -16
- package/dist/core/Timeline-Bmnr7xnx.cjs.map +1 -0
- package/dist/core/Timeline.cjs.js +1 -1
- package/dist/core/Timeline.js +1 -1
- package/dist/core/{Toggle-v31rt4Ya.cjs → Toggle-Dor7IEx3.cjs} +36 -15
- package/dist/core/Toggle-Dor7IEx3.cjs.map +1 -0
- package/dist/core/{Toggle-CZftIdc3.js → Toggle-sPyKNt4P.js} +38 -17
- package/dist/core/Toggle-sPyKNt4P.js.map +1 -0
- package/dist/core/Toggle.cjs.js +1 -1
- package/dist/core/Toggle.js +1 -1
- package/dist/core/{Toolbar-Tf01bUjT.js → Toolbar-CSDhcIPb.js} +15 -11
- package/dist/core/Toolbar-CSDhcIPb.js.map +1 -0
- package/dist/core/{Toolbar-zZrwUT66.cjs → Toolbar-xot4FSLU.cjs} +15 -11
- package/dist/core/Toolbar-xot4FSLU.cjs.map +1 -0
- package/dist/core/Toolbar.cjs.js +1 -1
- package/dist/core/Toolbar.js +1 -1
- package/dist/core/Tooltip-BzRqlOTz.js +119 -0
- package/dist/core/Tooltip-BzRqlOTz.js.map +1 -0
- package/dist/core/Tooltip-DS7DSyij.cjs +118 -0
- package/dist/core/Tooltip-DS7DSyij.cjs.map +1 -0
- package/dist/core/Tooltip.cjs.js +1 -1
- package/dist/core/Tooltip.js +1 -1
- package/dist/core/index.cjs.js +29 -29
- package/dist/core/index.js +29 -29
- package/dist/core/style.css +6710 -1912
- package/dist/next/{Accordion-CmbMyudL.cjs → Accordion-BCUMBFY6.cjs} +58 -52
- package/dist/next/Accordion-BCUMBFY6.cjs.map +1 -0
- package/dist/next/{Accordion-81qBJa4M.js → Accordion-yypKft_c.js} +58 -52
- package/dist/next/Accordion-yypKft_c.js.map +1 -0
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Avatar-96V7QHyt.js → Avatar-C227ps6T.js} +46 -46
- package/dist/next/{Avatar-96V7QHyt.js.map → Avatar-C227ps6T.js.map} +1 -1
- package/dist/next/{Avatar-hwM3F1Jw.cjs → Avatar-IjllaOdx.cjs} +46 -46
- package/dist/next/{Avatar-hwM3F1Jw.cjs.map → Avatar-IjllaOdx.cjs.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Badge-BG9cWEDv.js → Badge-C-JE6gYt.js} +31 -31
- package/dist/next/Badge-C-JE6gYt.js.map +1 -0
- package/dist/next/{Badge-DLSfi5vo.cjs → Badge-DdJsnD_G.cjs} +31 -31
- package/dist/next/Badge-DdJsnD_G.cjs.map +1 -0
- package/dist/next/Badge.cjs.js +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-IO2iNAjN.js → Breadcrumbs-_qTMSpvE.js} +38 -38
- package/dist/next/Breadcrumbs-_qTMSpvE.js.map +1 -0
- package/dist/next/{Breadcrumbs-veVO4yuY.cjs → Breadcrumbs-uPQIvIj-.cjs} +38 -38
- package/dist/next/Breadcrumbs-uPQIvIj-.cjs.map +1 -0
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-sIKQmn_c.cjs → Button-5qNmDKPi.cjs} +65 -63
- package/dist/next/Button-5qNmDKPi.cjs.map +1 -0
- package/dist/next/{Button-DN8rTQSp.js → Button-BF5Wp81D.js} +65 -63
- package/dist/next/Button-BF5Wp81D.js.map +1 -0
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-B9EjkoVy.js → Card-CFJnp6sf.js} +72 -68
- package/dist/next/Card-CFJnp6sf.js.map +1 -0
- package/dist/next/{Card-BQTJkNCL.cjs → Card-DdLlnwFq.cjs} +72 -68
- package/dist/next/Card-DdLlnwFq.cjs.map +1 -0
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.cjs.js +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/{Checkbox-DXRmAtTt.cjs → Checkbox-BX2JIiMU.cjs} +44 -44
- package/dist/next/{Checkbox-DXRmAtTt.cjs.map → Checkbox-BX2JIiMU.cjs.map} +1 -1
- package/dist/next/{Checkbox-CU-XrZC7.js → Checkbox-CrK0JFu8.js} +44 -44
- package/dist/next/{Checkbox-CU-XrZC7.js.map → Checkbox-CrK0JFu8.js.map} +1 -1
- package/dist/next/{Chip-CekCQRke.js → Chip-3QqdBOHX.js} +51 -51
- package/dist/next/Chip-3QqdBOHX.js.map +1 -0
- package/dist/next/{Chip-CfJ473TI.cjs → Chip-BUVPtK2j.cjs} +51 -51
- package/dist/next/Chip-BUVPtK2j.cjs.map +1 -0
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-C3vHw9Vz.js → CircularProgress-C7Zr-dLf.js} +47 -47
- package/dist/next/{CircularProgress-C3vHw9Vz.js.map → CircularProgress-C7Zr-dLf.js.map} +1 -1
- package/dist/next/{CircularProgress-B0pzDdsh.cjs → CircularProgress-C7kuOtnG.cjs} +47 -47
- package/dist/next/{CircularProgress-B0pzDdsh.cjs.map → CircularProgress-C7kuOtnG.cjs.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-CDHrECBi.cjs → ColorPicker-C3dyO_vv.cjs} +42 -40
- package/dist/next/{ColorPicker-CDHrECBi.cjs.map → ColorPicker-C3dyO_vv.cjs.map} +1 -1
- package/dist/next/{ColorPicker-4Fw0fwbk.js → ColorPicker-DgLJQRJu.js} +42 -40
- package/dist/next/{ColorPicker-4Fw0fwbk.js.map → ColorPicker-DgLJQRJu.js.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-DhyChRCJ.cjs → CommandPalette-CzwGz-Py.cjs} +42 -42
- package/dist/next/{CommandPalette-DhyChRCJ.cjs.map → CommandPalette-CzwGz-Py.cjs.map} +1 -1
- package/dist/next/{CommandPalette-BEDyY7vY.js → CommandPalette-D-VgzCDu.js} +42 -42
- package/dist/next/{CommandPalette-BEDyY7vY.js.map → CommandPalette-D-VgzCDu.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-B0-pq0MG.cjs → DataTable-CEtAY0ni.cjs} +41 -41
- package/dist/next/{DataTable-B0-pq0MG.cjs.map → DataTable-CEtAY0ni.cjs.map} +1 -1
- package/dist/next/{DataTable-D17xbmiu.js → DataTable-mI4d3Caj.js} +41 -41
- package/dist/next/{DataTable-D17xbmiu.js.map → DataTable-mI4d3Caj.js.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-BJnnZBgd.js → DateTimePicker-A94kVkvi.js} +54 -33
- package/dist/next/DateTimePicker-A94kVkvi.js.map +1 -0
- package/dist/next/{DateTimePicker-DivMR4Oe.cjs → DateTimePicker-D96GYbVW.cjs} +54 -33
- package/dist/next/DateTimePicker-D96GYbVW.cjs.map +1 -0
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-Bew1Qx5f.cjs → Divider-BMuNHQ9J.cjs} +37 -16
- package/dist/next/{Divider-Bew1Qx5f.cjs.map → Divider-BMuNHQ9J.cjs.map} +1 -1
- package/dist/next/{Divider-BGf_EQkK.js → Divider-DjoDcCAu.js} +37 -16
- package/dist/next/{Divider-BGf_EQkK.js.map → Divider-DjoDcCAu.js.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-DqYjIelJ.js → Dropdown-BrJnoyCw.js} +23 -21
- package/dist/next/Dropdown-BrJnoyCw.js.map +1 -0
- package/dist/next/{Dropdown-qvuelg8z.cjs → Dropdown-DU7oZ_ZP.cjs} +23 -21
- package/dist/next/Dropdown-DU7oZ_ZP.cjs.map +1 -0
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-DMIL8ecB.cjs → EmptyState-DULVBTGn.cjs} +38 -38
- package/dist/next/{EmptyState-DMIL8ecB.cjs.map → EmptyState-DULVBTGn.cjs.map} +1 -1
- package/dist/next/{EmptyState-CNii02MI.js → EmptyState-JzLtobCN.js} +38 -38
- package/dist/next/{EmptyState-CNii02MI.js.map → EmptyState-JzLtobCN.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-BSqFdKZD.js → FileUpload-Bp7Pbj8m.js} +55 -53
- package/dist/next/{FileUpload-BSqFdKZD.js.map → FileUpload-Bp7Pbj8m.js.map} +1 -1
- package/dist/next/{FileUpload-DpxmgS-B.cjs → FileUpload-CUFWjI06.cjs} +55 -53
- package/dist/next/{FileUpload-DpxmgS-B.cjs.map → FileUpload-CUFWjI06.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-CD8eu471.js → Footer-BfzKhBAD.js} +61 -49
- package/dist/next/Footer-BfzKhBAD.js.map +1 -0
- package/dist/next/{Footer-CukKL1zM.cjs → Footer-Cd9jSPv8.cjs} +61 -49
- package/dist/next/Footer-Cd9jSPv8.cjs.map +1 -0
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-DXvH4AmB.cjs → FormGroup-DNvdijpi.cjs} +39 -37
- package/dist/next/{FormGroup-DXvH4AmB.cjs.map → FormGroup-DNvdijpi.cjs.map} +1 -1
- package/dist/next/{FormGroup-DSDuqKWJ.js → FormGroup-DUVdekj1.js} +39 -37
- package/dist/next/{FormGroup-DSDuqKWJ.js.map → FormGroup-DUVdekj1.js.map} +1 -1
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/{IconButton--X_Bqn4g.cjs → IconButton-VSz8qAIg.cjs} +46 -52
- package/dist/next/IconButton-VSz8qAIg.cjs.map +1 -0
- package/dist/next/{IconButton-B1r838wY.js → IconButton-qQljwBB2.js} +46 -52
- package/dist/next/IconButton-qQljwBB2.js.map +1 -0
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MarkdownRenderer-ByOcqHm_.cjs → MarkdownRenderer-BrVUEjkX.cjs} +13 -12
- package/dist/next/MarkdownRenderer-BrVUEjkX.cjs.map +1 -0
- package/dist/next/{MarkdownRenderer-r0prlhyN.js → MarkdownRenderer-CTF0Vhf5.js} +13 -12
- package/dist/next/MarkdownRenderer-CTF0Vhf5.js.map +1 -0
- package/dist/next/MarkdownRenderer.cjs.js +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopup-BL7842Cu.cjs → MessagePopup-DB8VBIft.cjs} +20 -18
- package/dist/next/MessagePopup-DB8VBIft.cjs.map +1 -0
- package/dist/next/{MessagePopup-Bjgods-d.js → MessagePopup-DCN-w-NA.js} +20 -18
- package/dist/next/MessagePopup-DCN-w-NA.js.map +1 -0
- package/dist/next/{MetricBox-CM85hhlk.js → MetricBox-CN8cgCgr.js} +63 -63
- package/dist/next/{MetricBox-CM85hhlk.js.map → MetricBox-CN8cgCgr.js.map} +1 -1
- package/dist/next/{MetricBox-B9AG8u6p.cjs → MetricBox-CX3SSwgU.cjs} +63 -63
- package/dist/next/{MetricBox-B9AG8u6p.cjs.map → MetricBox-CX3SSwgU.cjs.map} +1 -1
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-BddVxoXY.js → Modal-BD9sPXIX.js} +17 -17
- package/dist/next/Modal-BD9sPXIX.js.map +1 -0
- package/dist/next/{Modal-Bauehvf1.cjs → Modal-BVjarg0E.cjs} +17 -17
- package/dist/next/Modal-BVjarg0E.cjs.map +1 -0
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-yvxI6w8C.cjs → NavBar-DT_k688s.cjs} +40 -39
- package/dist/next/NavBar-DT_k688s.cjs.map +1 -0
- package/dist/next/{NavBar-kgNrVtKB.js → NavBar-Dfljduy2.js} +40 -39
- package/dist/next/NavBar-Dfljduy2.js.map +1 -0
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-dkrHsIKr.cjs → NotificationCenter-B2y-QbtY.cjs} +126 -105
- package/dist/{core/NotificationCenter-DpdzdrPB.cjs.map → next/NotificationCenter-B2y-QbtY.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-DlbqVzzr.js → NotificationCenter-C99EfjxX.js} +126 -105
- package/dist/{core/NotificationCenter-BkoTAZCz.js.map → next/NotificationCenter-C99EfjxX.js.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-jPCTdMIg.cjs → Pager-CB55NJSy.cjs} +8 -8
- package/dist/next/{Pager-jPCTdMIg.cjs.map → Pager-CB55NJSy.cjs.map} +1 -1
- package/dist/next/{Pager-CGqvekhJ.js → Pager-SZIzesuj.js} +8 -8
- package/dist/next/{Pager-CGqvekhJ.js.map → Pager-SZIzesuj.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-BBFa0Sr0.js → PopOver-BbAFKptt.js} +40 -40
- package/dist/next/{PopOver-BBFa0Sr0.js.map → PopOver-BbAFKptt.js.map} +1 -1
- package/dist/next/{PopOver-DoS-aqXT.cjs → PopOver-iFFxszSk.cjs} +40 -40
- package/dist/next/{PopOver-DoS-aqXT.cjs.map → PopOver-iFFxszSk.cjs.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-BIojCvdG.js → ProgressBar-Csn4f4-c.js} +43 -43
- package/dist/next/{ProgressBar-BIojCvdG.js.map → ProgressBar-Csn4f4-c.js.map} +1 -1
- package/dist/next/{ProgressBar-DyyIhH1C.cjs → ProgressBar-nXC_4OnG.cjs} +43 -43
- package/dist/next/{ProgressBar-DyyIhH1C.cjs.map → ProgressBar-nXC_4OnG.cjs.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-V4J4u58H.cjs → RadioButton-6cb-ZRjy.cjs} +41 -41
- package/dist/next/{RadioButton-V4J4u58H.cjs.map → RadioButton-6cb-ZRjy.cjs.map} +1 -1
- package/dist/next/{RadioButton-B2yQz2_q.js → RadioButton-8E5GjzZu.js} +41 -41
- package/dist/next/{RadioButton-B2yQz2_q.js.map → RadioButton-8E5GjzZu.js.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-C1Lb-VqV.cjs → Rating-Cpu_QzeB.cjs} +35 -35
- package/dist/next/{Rating-C1Lb-VqV.cjs.map → Rating-Cpu_QzeB.cjs.map} +1 -1
- package/dist/next/{Rating-DQsfA43l.js → Rating-DTMNrx0D.js} +35 -35
- package/dist/next/{Rating-DQsfA43l.js.map → Rating-DTMNrx0D.js.map} +1 -1
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{STT-BygzgjFx.cjs → STT-CGgFuLw2.cjs} +14 -14
- package/dist/next/{STT-BygzgjFx.cjs.map → STT-CGgFuLw2.cjs.map} +1 -1
- package/dist/next/{STT-DKdM1tbk.js → STT-D-gwtml7.js} +14 -14
- package/dist/next/{STT-DKdM1tbk.js.map → STT-D-gwtml7.js.map} +1 -1
- package/dist/next/ScrollToTop.cjs.js +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/{Select-D4QdlQ6W.cjs → Select-DcMXhPmp.cjs} +51 -63
- package/dist/next/Select-DcMXhPmp.cjs.map +1 -0
- package/dist/next/{Select-B3JaOW2f.js → Select-rZ9u_rNi.js} +51 -63
- package/dist/next/Select-rZ9u_rNi.js.map +1 -0
- package/dist/next/Select.cjs.js +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-CbQ4ssz-.cjs → Sidebar-D2kCGLTC.cjs} +54 -74
- package/dist/next/Sidebar-D2kCGLTC.cjs.map +1 -0
- package/dist/next/{Sidebar-C6NbdjWV.js → Sidebar-DAGCv1cb.js} +54 -74
- package/dist/next/Sidebar-DAGCv1cb.js.map +1 -0
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Skeleton-BCbvshNz.cjs → Skeleton-BfebLfbb.cjs} +26 -26
- package/dist/next/{Skeleton-BCbvshNz.cjs.map → Skeleton-BfebLfbb.cjs.map} +1 -1
- package/dist/next/{Skeleton-D8Jqmncm.js → Skeleton-cWCNDrrp.js} +26 -26
- package/dist/next/{Skeleton-D8Jqmncm.js.map → Skeleton-cWCNDrrp.js.map} +1 -1
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-q_hjFuqb.js → Slider-Bk0a8gqL.js} +43 -43
- package/dist/next/{Slider-q_hjFuqb.js.map → Slider-Bk0a8gqL.js.map} +1 -1
- package/dist/next/{Slider-BLoEjvbT.cjs → Slider-CuzYVS0J.cjs} +43 -43
- package/dist/next/{Slider-BLoEjvbT.cjs.map → Slider-CuzYVS0J.cjs.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-CagtJg0l.js → Spinner-BntSsGWn.js} +44 -34
- package/dist/next/{Spinner-CagtJg0l.js.map → Spinner-BntSsGWn.js.map} +1 -1
- package/dist/next/{Spinner-Bk_yQWCK.cjs → Spinner-CFah_Wyg.cjs} +44 -34
- package/dist/next/{Spinner-Bk_yQWCK.cjs.map → Spinner-CFah_Wyg.cjs.map} +1 -1
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-BzItximd.js → Stepper-59931F6-.js} +46 -60
- package/dist/next/{Stepper-BzItximd.js.map → Stepper-59931F6-.js.map} +1 -1
- package/dist/next/{Stepper-kC6EOZ_b.cjs → Stepper-YxxnY0y2.cjs} +46 -60
- package/dist/next/{Stepper-kC6EOZ_b.cjs.map → Stepper-YxxnY0y2.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/Tabs-0GBOWBIt.cjs +262 -0
- package/dist/next/Tabs-0GBOWBIt.cjs.map +1 -0
- package/dist/next/Tabs-Dl389scs.js +263 -0
- package/dist/next/Tabs-Dl389scs.js.map +1 -0
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/TagInput-Bjt_zbHy.js +362 -0
- package/dist/next/TagInput-Bjt_zbHy.js.map +1 -0
- package/dist/next/TagInput-Jswp7Yn5.cjs +361 -0
- package/dist/next/TagInput-Jswp7Yn5.cjs.map +1 -0
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextArea-OpFozktU.cjs → TextArea-9AvILSCY.cjs} +53 -42
- package/dist/next/TextArea-9AvILSCY.cjs.map +1 -0
- package/dist/next/{TextArea-Bmkg-d0v.js → TextArea-xg4t0Lzo.js} +53 -42
- package/dist/next/TextArea-xg4t0Lzo.js.map +1 -0
- package/dist/next/TextArea.cjs.js +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/{TextInput-CpbTf99E.cjs → TextInput-Cr0WjibW.cjs} +63 -67
- package/dist/next/TextInput-Cr0WjibW.cjs.map +1 -0
- package/dist/next/{TextInput-G1Pvtebv.js → TextInput-D9dzooMU.js} +63 -67
- package/dist/next/TextInput-D9dzooMU.js.map +1 -0
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{ThemeContext-DJ18CFaV.js → ThemeContext-DSYDwr2m.js} +2 -1
- package/dist/next/ThemeContext-DSYDwr2m.js.map +1 -0
- package/dist/next/{ThemeContext-Iy-HHefR.cjs → ThemeContext-npFEznyu.cjs} +2 -1
- package/dist/next/ThemeContext-npFEznyu.cjs.map +1 -0
- package/dist/next/ThemeProvider.cjs.js +1 -1
- package/dist/next/ThemeProvider.js +1 -1
- package/dist/next/{Timeline-jmKmKwxD.cjs → Timeline-Dju3pHLR.cjs} +53 -62
- package/dist/next/Timeline-Dju3pHLR.cjs.map +1 -0
- package/dist/next/{Timeline-WHRPqD31.js → Timeline-KozBssou.js} +53 -62
- package/dist/next/Timeline-KozBssou.js.map +1 -0
- package/dist/next/Timeline.cjs.js +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toggle-ei8CN3th.cjs → Toggle-BQG-5q5G.cjs} +67 -46
- package/dist/next/Toggle-BQG-5q5G.cjs.map +1 -0
- package/dist/next/Toggle-Bb5d1QLE.js +172 -0
- package/dist/next/Toggle-Bb5d1QLE.js.map +1 -0
- package/dist/next/Toggle.cjs.js +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/{Toolbar-Dw__aR2C.js → Toolbar-CHnjBixI.js} +49 -45
- package/dist/next/Toolbar-CHnjBixI.js.map +1 -0
- package/dist/next/{Toolbar-Dv6focMM.cjs → Toolbar-Dxscfy5X.cjs} +49 -45
- package/dist/next/Toolbar-Dxscfy5X.cjs.map +1 -0
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/Tooltip-2XEuDIAw.js +164 -0
- package/dist/next/Tooltip-2XEuDIAw.js.map +1 -0
- package/dist/next/Tooltip-FCqrcC7D.cjs +163 -0
- package/dist/next/Tooltip-FCqrcC7D.cjs.map +1 -0
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/index.cjs.js +47 -47
- package/dist/next/index.js +47 -47
- package/dist/next/style.css +13029 -8285
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Accordion/AccordionBase.d.ts.map +1 -1
- package/dist/types/components/Badge/BadgeBase.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsBase.d.ts.map +1 -1
- package/dist/types/components/Button/ButtonBase.d.ts.map +1 -1
- package/dist/types/components/Button/core/Button.d.ts +1 -2
- package/dist/types/components/Button/core/Button.d.ts.map +1 -1
- package/dist/types/components/Button/next/Button.d.ts +1 -2
- package/dist/types/components/Button/next/Button.d.ts.map +1 -1
- package/dist/types/components/Card/Card.types.d.ts +27 -6
- 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/Chip/ChipBase.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.map +1 -1
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +4 -1
- 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 +2 -1
- package/dist/types/components/EmptyState/EmptyState.types.d.ts.map +1 -1
- package/dist/types/components/FileUpload/FileUpload.types.d.ts +8 -4
- package/dist/types/components/FileUpload/FileUpload.types.d.ts.map +1 -1
- package/dist/types/components/Footer/Footer.types.d.ts +33 -11
- 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/IconButton/IconButton.types.d.ts +2 -0
- 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/IconButton/core/IconButton.d.ts +1 -2
- package/dist/types/components/IconButton/core/IconButton.d.ts.map +1 -1
- package/dist/types/components/IconButton/next/IconButton.d.ts +2 -3
- package/dist/types/components/IconButton/next/IconButton.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 +8 -2
- package/dist/types/components/MessagePopUp/MessagePopup.types.d.ts.map +1 -1
- package/dist/types/components/MessagePopUp/core/MessagePopup.d.ts.map +1 -1
- package/dist/types/components/Modal/Modal.types.d.ts +4 -1
- package/dist/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/NotificationCenter/NotificationCenter.types.d.ts +4 -2
- 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/NotificationCenter/core/NotificationCenter.d.ts.map +1 -1
- package/dist/types/components/Pager/Pager.types.d.ts +4 -2
- package/dist/types/components/Pager/Pager.types.d.ts.map +1 -1
- package/dist/types/components/Select/Select.types.d.ts +7 -0
- 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/Select/ThemeSelect/core/ThemeSelect.d.ts +1 -8
- package/dist/types/components/Select/ThemeSelect/core/ThemeSelect.d.ts.map +1 -1
- package/dist/types/components/Select/ThemeSelect/next/ThemeSelect.d.ts +1 -8
- package/dist/types/components/Select/ThemeSelect/next/ThemeSelect.d.ts.map +1 -1
- package/dist/types/components/Sidebar/SidebarBase.d.ts.map +1 -1
- package/dist/types/components/Sidebar/next/Sidebar.d.ts.map +1 -1
- package/dist/types/components/Stepper/Stepper.types.d.ts +2 -1
- 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 +7 -0
- package/dist/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/types/components/Tabs/TabsBase.d.ts +2 -4
- package/dist/types/components/Tabs/TabsBase.d.ts.map +1 -1
- package/dist/types/components/TagInput/TagInputBase.d.ts +2 -6
- package/dist/types/components/TagInput/TagInputBase.d.ts.map +1 -1
- package/dist/types/components/TagInput/Taginput.types.d.ts +7 -0
- package/dist/types/components/TagInput/Taginput.types.d.ts.map +1 -1
- package/dist/types/components/TagInput/core/Taginput.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 +5 -0
- package/dist/types/components/TextInput/TextInput.types.d.ts.map +1 -1
- package/dist/types/components/TextInput/TextInputBase.d.ts +2 -5
- package/dist/types/components/TextInput/TextInputBase.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 +3 -0
- package/dist/types/components/Toggle/Toggle.types.d.ts.map +1 -1
- package/dist/types/components/Toggle/ToggleBase.d.ts +1 -4
- package/dist/types/components/Toggle/ToggleBase.d.ts.map +1 -1
- package/dist/types/components/Toolbar/Toolbar.types.d.ts +2 -1
- package/dist/types/components/Toolbar/Toolbar.types.d.ts.map +1 -1
- package/dist/types/components/Toolbar/ToolbarBase.d.ts +2 -1
- package/dist/types/components/Toolbar/ToolbarBase.d.ts.map +1 -1
- package/dist/types/components/Tooltip/TooltipBase.d.ts +4 -2
- package/dist/types/components/Tooltip/TooltipBase.d.ts.map +1 -1
- package/dist/types/context/ThemeContext.d.ts.map +1 -1
- package/package.json +13 -4
- package/dist/core/Accordion-CY5BCoA7.js.map +0 -1
- package/dist/core/Accordion-D6hxjkE1.cjs.map +0 -1
- package/dist/core/Breadcrumbs-BulpkVaU.js.map +0 -1
- package/dist/core/Breadcrumbs-hKtLDMrC.cjs.map +0 -1
- package/dist/core/Button-CD1ETVvS.cjs.map +0 -1
- package/dist/core/Button-sz60qyTn.js.map +0 -1
- package/dist/core/Card-BRExeyNd.js.map +0 -1
- package/dist/core/Card-jrGaJLdX.cjs.map +0 -1
- package/dist/core/Chip-ByR2AKjl.js.map +0 -1
- package/dist/core/Chip-C6sk2qAd.cjs.map +0 -1
- package/dist/core/DateTimePicker-Cq_QZBV5.js.map +0 -1
- package/dist/core/DateTimePicker-DU-vjgee.cjs.map +0 -1
- package/dist/core/Dropdown-CJo6T9__.cjs.map +0 -1
- package/dist/core/Dropdown-Dzjmt9gx.js.map +0 -1
- package/dist/core/FileUpload-Bcu5v4TO.js.map +0 -1
- package/dist/core/FileUpload-DrPV-Oiy.cjs.map +0 -1
- package/dist/core/Footer-DrYZJObN.cjs.map +0 -1
- package/dist/core/Footer-vLVfqKWf.js.map +0 -1
- package/dist/core/IconButton-B9WWbeSM.js.map +0 -1
- package/dist/core/IconButton-D_W4nsPZ.cjs.map +0 -1
- package/dist/core/MarkdownRenderer-COnLzf0t.js.map +0 -1
- package/dist/core/MarkdownRenderer-OUEnVOLG.cjs.map +0 -1
- package/dist/core/MessagePopup-CIsMNnVM.cjs.map +0 -1
- package/dist/core/MessagePopup-DiipcrNp.js.map +0 -1
- package/dist/core/Modal-BdxvP-Ei.cjs.map +0 -1
- package/dist/core/Modal-Bi8OdWKS.js.map +0 -1
- package/dist/core/NavBar-CBC9YPkH.js.map +0 -1
- package/dist/core/NavBar-DUNxiip6.cjs.map +0 -1
- package/dist/core/Select-C65ai0xO.cjs.map +0 -1
- package/dist/core/Select-bMjOWXRX.js.map +0 -1
- package/dist/core/Stepper-Cphvkx0O.cjs.map +0 -1
- package/dist/core/Stepper-DNSzwiZR.js.map +0 -1
- package/dist/core/Tabs-DptKFvPK.cjs.map +0 -1
- package/dist/core/Tabs-gpyaJFUs.js.map +0 -1
- package/dist/core/Taginput-BNZg4SGI.cjs +0 -244
- package/dist/core/Taginput-BNZg4SGI.cjs.map +0 -1
- package/dist/core/Taginput-D0wKEzGh.js +0 -245
- package/dist/core/Taginput-D0wKEzGh.js.map +0 -1
- package/dist/core/TextArea-DrU4oCj0.js.map +0 -1
- package/dist/core/TextArea-Nj-eO3Pv.cjs.map +0 -1
- package/dist/core/TextInput-B03e-LMT.cjs.map +0 -1
- package/dist/core/TextInput-C8mNE1R4.js.map +0 -1
- package/dist/core/ThemeContext-DJ18CFaV.js.map +0 -1
- package/dist/core/ThemeContext-D_SPnedS.cjs.map +0 -1
- package/dist/core/Timeline-D7fd8-u_.js.map +0 -1
- package/dist/core/Timeline-Dk0q-8BZ.cjs.map +0 -1
- package/dist/core/Toggle-CZftIdc3.js.map +0 -1
- package/dist/core/Toggle-v31rt4Ya.cjs.map +0 -1
- package/dist/core/Toolbar-Tf01bUjT.js.map +0 -1
- package/dist/core/Toolbar-zZrwUT66.cjs.map +0 -1
- package/dist/core/Tooltip-5SfsTZvz.cjs +0 -105
- package/dist/core/Tooltip-5SfsTZvz.cjs.map +0 -1
- package/dist/core/Tooltip-XfsZnGgV.js +0 -106
- package/dist/core/Tooltip-XfsZnGgV.js.map +0 -1
- package/dist/next/Accordion-81qBJa4M.js.map +0 -1
- package/dist/next/Accordion-CmbMyudL.cjs.map +0 -1
- package/dist/next/Badge-BG9cWEDv.js.map +0 -1
- package/dist/next/Badge-DLSfi5vo.cjs.map +0 -1
- package/dist/next/Breadcrumbs-IO2iNAjN.js.map +0 -1
- package/dist/next/Breadcrumbs-veVO4yuY.cjs.map +0 -1
- package/dist/next/Button-DN8rTQSp.js.map +0 -1
- package/dist/next/Button-sIKQmn_c.cjs.map +0 -1
- package/dist/next/Card-B9EjkoVy.js.map +0 -1
- package/dist/next/Card-BQTJkNCL.cjs.map +0 -1
- package/dist/next/Chip-CekCQRke.js.map +0 -1
- package/dist/next/Chip-CfJ473TI.cjs.map +0 -1
- package/dist/next/DateTimePicker-BJnnZBgd.js.map +0 -1
- package/dist/next/DateTimePicker-DivMR4Oe.cjs.map +0 -1
- package/dist/next/Dropdown-DqYjIelJ.js.map +0 -1
- package/dist/next/Dropdown-qvuelg8z.cjs.map +0 -1
- package/dist/next/Footer-CD8eu471.js.map +0 -1
- package/dist/next/Footer-CukKL1zM.cjs.map +0 -1
- package/dist/next/IconButton--X_Bqn4g.cjs.map +0 -1
- package/dist/next/IconButton-B1r838wY.js.map +0 -1
- package/dist/next/MarkdownRenderer-ByOcqHm_.cjs.map +0 -1
- package/dist/next/MarkdownRenderer-r0prlhyN.js.map +0 -1
- package/dist/next/MessagePopup-BL7842Cu.cjs.map +0 -1
- package/dist/next/MessagePopup-Bjgods-d.js.map +0 -1
- package/dist/next/Modal-Bauehvf1.cjs.map +0 -1
- package/dist/next/Modal-BddVxoXY.js.map +0 -1
- package/dist/next/NavBar-kgNrVtKB.js.map +0 -1
- package/dist/next/NavBar-yvxI6w8C.cjs.map +0 -1
- package/dist/next/Select-B3JaOW2f.js.map +0 -1
- package/dist/next/Select-D4QdlQ6W.cjs.map +0 -1
- package/dist/next/Sidebar-C6NbdjWV.js.map +0 -1
- package/dist/next/Sidebar-CbQ4ssz-.cjs.map +0 -1
- package/dist/next/Tabs-CuF_JTan.js +0 -215
- package/dist/next/Tabs-CuF_JTan.js.map +0 -1
- package/dist/next/Tabs-DhQgzZKQ.cjs +0 -214
- package/dist/next/Tabs-DhQgzZKQ.cjs.map +0 -1
- package/dist/next/TagInput-CJ2XdMU0.js +0 -297
- package/dist/next/TagInput-CJ2XdMU0.js.map +0 -1
- package/dist/next/TagInput-DuvUD94J.cjs +0 -296
- package/dist/next/TagInput-DuvUD94J.cjs.map +0 -1
- package/dist/next/TextArea-Bmkg-d0v.js.map +0 -1
- package/dist/next/TextArea-OpFozktU.cjs.map +0 -1
- package/dist/next/TextInput-CpbTf99E.cjs.map +0 -1
- package/dist/next/TextInput-G1Pvtebv.js.map +0 -1
- package/dist/next/ThemeContext-DJ18CFaV.js.map +0 -1
- package/dist/next/ThemeContext-Iy-HHefR.cjs.map +0 -1
- package/dist/next/Timeline-WHRPqD31.js.map +0 -1
- package/dist/next/Timeline-jmKmKwxD.cjs.map +0 -1
- package/dist/next/Toggle-D1vM9KrI.js +0 -151
- package/dist/next/Toggle-D1vM9KrI.js.map +0 -1
- package/dist/next/Toggle-ei8CN3th.cjs.map +0 -1
- package/dist/next/Toolbar-Dv6focMM.cjs.map +0 -1
- package/dist/next/Toolbar-Dw__aR2C.js.map +0 -1
- package/dist/next/Tooltip-CnwS0tgW.cjs +0 -150
- package/dist/next/Tooltip-CnwS0tgW.cjs.map +0 -1
- package/dist/next/Tooltip-DhRckexD.js +0 -151
- package/dist/next/Tooltip-DhRckexD.js.map +0 -1
- package/dist/types/components/Footer/next/ClientFooterWrapper.d.ts +0 -24
- package/dist/types/components/Footer/next/ClientFooterWrapper.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea-OpFozktU.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.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 TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\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, outline, disabled, rounding, shadow, className]\r\n );\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={ariaLabel || placeholder}\r\n aria-describedby={descriptionId}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,eAAeA,MAAAA;AAAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAC,WAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,KAAKC,MAAAA,MAAA;AACX,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAeC,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdP,YAAW,SAAS;AAAA,QACpBI,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAASI,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAUR,UAASI,WAAU,UAAU,QAAQ,SAAS;AAAA,IAAA;AAG3D,WACEK,2BAAAA,KAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACCC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,yCAAC,MAAA,CAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB,cAAc,eAAe,OAAO;AAAA,UACpC;AAAA,UACA,UAAAN;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGNM,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClG3B,MAAM,WAAWX,MAAAA;AAAAA,EACf,CAAC,OAAO,QAAQ;AACd,0CAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput-CpbTf99E.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/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 { TextInputProps } 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<\r\n HTMLInputElement,\r\n TextInputProps & {\r\n classMap: Record<string, string>;\r\n IconButton: React.FC<any>;\r\n }\r\n>(\r\n (\r\n {\r\n icon: Icon,\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 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 const inputId = useId();\r\n const descId = `${inputId}-description`;\r\n\r\n const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\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]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n data-testid={`${testId}-wrapper`}\r\n aria-disabled={disabled}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={password && !showPassword ? \"password\" : \"text\"}\r\n className={`${classMap.textInput} ${classMap[theme]}`}\r\n placeholder={placeholder}\r\n aria-label={ariaLabel || placeholder}\r\n aria-describedby={ariaDescription ? descId : undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n data-testid={testId}\r\n {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n />\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 aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeIcon : EyeSlashIcon}\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}-input-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\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={styles}\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","disabled","outline","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput-G1Pvtebv.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/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 { TextInputProps } 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<\r\n HTMLInputElement,\r\n TextInputProps & {\r\n classMap: Record<string, string>;\r\n IconButton: React.FC<any>;\r\n }\r\n>(\r\n (\r\n {\r\n icon: Icon,\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 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 const inputId = useId();\r\n const descId = `${inputId}-description`;\r\n\r\n const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\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]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n data-testid={`${testId}-wrapper`}\r\n aria-disabled={disabled}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n\r\n <input\r\n ref={ref}\r\n id={inputId}\r\n type={password && !showPassword ? \"password\" : \"text\"}\r\n className={`${classMap.textInput} ${classMap[theme]}`}\r\n placeholder={placeholder}\r\n aria-label={ariaLabel || placeholder}\r\n aria-describedby={ariaDescription ? descId : undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n data-testid={testId}\r\n {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n />\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 aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n data-testid={`${testId}-password-toggle`}\r\n icon={showPassword ? EyeIcon : EyeSlashIcon}\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}-input-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\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={styles}\r\n />\r\n );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["disabled","outline","IconButton"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext-DJ18CFaV.js","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n * to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n * <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, {\r\n createContext,\r\n useState,\r\n useEffect,\r\n useLayoutEffect,\r\n useMemo,\r\n} from \"react\";\r\nimport {\r\n getAllColorSchemes,\r\n registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n undefined\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n (scheme) => scheme.name === getDefaultColorSchemeName()\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst STORAGE_KEY = \"boreal:selectedScheme\";\r\n\r\nfunction shallowEqualByName(a: { name: string }[], b: { name: string }[]) {\r\n if (a === b) return true;\r\n if (a.length !== b.length) return false;\r\n for (let i = 0; i < a.length; i++) {\r\n if (a[i].name !== b[i].name) return false;\r\n }\r\n return true;\r\n}\r\n\r\nconst ThemeProvider: React.FC<\r\n ThemeProviderProps & { initialScheme?: number }\r\n> = ({ children, customSchemes = [], initialScheme }) => {\r\n if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n console.warn(\r\n `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`\r\n );\r\n }\r\n\r\n const [selectedScheme, setSelectedScheme] = useState<number>(() => {\r\n if (typeof initialScheme === \"number\") return initialScheme;\r\n\r\n if (typeof window !== \"undefined\") {\r\n try {\r\n const saved = localStorage.getItem(STORAGE_KEY);\r\n if (saved != null) return parseInt(saved, 10);\r\n } catch {\r\n console.error(\"Failed to load saved theme index\");\r\n }\r\n }\r\n return defaultIndex;\r\n });\r\n\r\n const [schemes, setSchemes] = useState(() => getAllColorSchemes());\r\n\r\n const customSchemesKey = useMemo(\r\n () => JSON.stringify(customSchemes ?? []),\r\n [customSchemes]\r\n );\r\n\r\n useEffect(() => {\r\n try {\r\n const parsed = JSON.parse(customSchemesKey);\r\n if (Array.isArray(parsed) && parsed.length > 0) {\r\n registerColorScheme(parsed);\r\n }\r\n } catch {}\r\n\r\n const next = getAllColorSchemes();\r\n setSchemes((prev) => (shallowEqualByName(prev, next) ? prev : next));\r\n }, [customSchemesKey]);\r\n\r\n useLayoutEffect(() => {\r\n const allSchemes = getAllColorSchemes();\r\n const scheme = allSchemes[selectedScheme] ?? allSchemes[defaultIndex];\r\n\r\n const {\r\n primaryColor,\r\n secondaryColor,\r\n tertiaryColor,\r\n quaternaryColor,\r\n backgroundColor,\r\n forceTextColor,\r\n } = scheme;\r\n\r\n const hexToHSL = (hex: string) => {\r\n const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n const max = Math.max(r, g, b),\r\n min = Math.min(r, g, b);\r\n let h = 0,\r\n s = 0;\r\n const l = (max + min) / 2;\r\n if (max !== min) {\r\n const d = max - min;\r\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n switch (max) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n return {\r\n h: Math.round(h * 360),\r\n s: Math.round(s * 100),\r\n l: Math.round(l * 100),\r\n };\r\n };\r\n\r\n const hslToHex = (h: number, s: number, l: number): string => {\r\n s /= 100;\r\n l /= 100;\r\n const k = (n: number) => (n + h / 30) % 12;\r\n const a = s * Math.min(l, 1 - l);\r\n const f = (n: number) =>\r\n Math.round(\r\n 255 *\r\n (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))\r\n );\r\n return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n };\r\n\r\n const adjustLightness = (hex: string, percent: number): string => {\r\n const { h, s, l } = hexToHSL(hex);\r\n return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n };\r\n\r\n const relativeLuminance = (hex: string): number => {\r\n const rgb = [1, 3, 5].map((i) => {\r\n const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n });\r\n return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n };\r\n\r\n const contrastRatio = (a: string, b: string): number => {\r\n const lum1 = relativeLuminance(a);\r\n const lum2 = relativeLuminance(b);\r\n const lighter = Math.max(lum1, lum2);\r\n const darker = Math.min(lum1, lum2);\r\n return (lighter + 0.05) / (darker + 0.05);\r\n };\r\n\r\n const getAccessibleTextColor = (bg: string): string =>\r\n contrastRatio(bg, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n\r\n const vars = {\r\n \"--primary-color\": primaryColor,\r\n \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n \"--text-color-primary\":\r\n forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n\r\n \"--secondary-color\": secondaryColor,\r\n \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n \"--tertiary-color\": tertiaryColor,\r\n \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n \"--quaternary-color\": quaternaryColor,\r\n \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n \"--background-color\": backgroundColor,\r\n \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n \"--link-color-hover\": adjustLightness(\r\n getAccessibleTextColor(backgroundColor),\r\n -20\r\n ),\r\n \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n } as const;\r\n\r\n const rootStyle = document.documentElement.style;\r\n for (const [k, v] of Object.entries(vars)) rootStyle.setProperty(k, v);\r\n\r\n try {\r\n localStorage.setItem(STORAGE_KEY, String(selectedScheme));\r\n } catch {\r\n console.error(\"Failed to save theme index\");\r\n }\r\n }, [selectedScheme]);\r\n\r\n return (\r\n <ThemeContext.Provider\r\n value={{ selectedScheme, setSelectedScheme, schemes }}\r\n >\r\n {children}\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext-Iy-HHefR.cjs","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n * to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n * <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, {\r\n createContext,\r\n useState,\r\n useEffect,\r\n useLayoutEffect,\r\n useMemo,\r\n} from \"react\";\r\nimport {\r\n getAllColorSchemes,\r\n registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n undefined\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n (scheme) => scheme.name === getDefaultColorSchemeName()\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst STORAGE_KEY = \"boreal:selectedScheme\";\r\n\r\nfunction shallowEqualByName(a: { name: string }[], b: { name: string }[]) {\r\n if (a === b) return true;\r\n if (a.length !== b.length) return false;\r\n for (let i = 0; i < a.length; i++) {\r\n if (a[i].name !== b[i].name) return false;\r\n }\r\n return true;\r\n}\r\n\r\nconst ThemeProvider: React.FC<\r\n ThemeProviderProps & { initialScheme?: number }\r\n> = ({ children, customSchemes = [], initialScheme }) => {\r\n if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n console.warn(\r\n `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`\r\n );\r\n }\r\n\r\n const [selectedScheme, setSelectedScheme] = useState<number>(() => {\r\n if (typeof initialScheme === \"number\") return initialScheme;\r\n\r\n if (typeof window !== \"undefined\") {\r\n try {\r\n const saved = localStorage.getItem(STORAGE_KEY);\r\n if (saved != null) return parseInt(saved, 10);\r\n } catch {\r\n console.error(\"Failed to load saved theme index\");\r\n }\r\n }\r\n return defaultIndex;\r\n });\r\n\r\n const [schemes, setSchemes] = useState(() => getAllColorSchemes());\r\n\r\n const customSchemesKey = useMemo(\r\n () => JSON.stringify(customSchemes ?? []),\r\n [customSchemes]\r\n );\r\n\r\n useEffect(() => {\r\n try {\r\n const parsed = JSON.parse(customSchemesKey);\r\n if (Array.isArray(parsed) && parsed.length > 0) {\r\n registerColorScheme(parsed);\r\n }\r\n } catch {}\r\n\r\n const next = getAllColorSchemes();\r\n setSchemes((prev) => (shallowEqualByName(prev, next) ? prev : next));\r\n }, [customSchemesKey]);\r\n\r\n useLayoutEffect(() => {\r\n const allSchemes = getAllColorSchemes();\r\n const scheme = allSchemes[selectedScheme] ?? allSchemes[defaultIndex];\r\n\r\n const {\r\n primaryColor,\r\n secondaryColor,\r\n tertiaryColor,\r\n quaternaryColor,\r\n backgroundColor,\r\n forceTextColor,\r\n } = scheme;\r\n\r\n const hexToHSL = (hex: string) => {\r\n const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n const max = Math.max(r, g, b),\r\n min = Math.min(r, g, b);\r\n let h = 0,\r\n s = 0;\r\n const l = (max + min) / 2;\r\n if (max !== min) {\r\n const d = max - min;\r\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n switch (max) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n return {\r\n h: Math.round(h * 360),\r\n s: Math.round(s * 100),\r\n l: Math.round(l * 100),\r\n };\r\n };\r\n\r\n const hslToHex = (h: number, s: number, l: number): string => {\r\n s /= 100;\r\n l /= 100;\r\n const k = (n: number) => (n + h / 30) % 12;\r\n const a = s * Math.min(l, 1 - l);\r\n const f = (n: number) =>\r\n Math.round(\r\n 255 *\r\n (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))\r\n );\r\n return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n };\r\n\r\n const adjustLightness = (hex: string, percent: number): string => {\r\n const { h, s, l } = hexToHSL(hex);\r\n return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n };\r\n\r\n const relativeLuminance = (hex: string): number => {\r\n const rgb = [1, 3, 5].map((i) => {\r\n const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n });\r\n return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n };\r\n\r\n const contrastRatio = (a: string, b: string): number => {\r\n const lum1 = relativeLuminance(a);\r\n const lum2 = relativeLuminance(b);\r\n const lighter = Math.max(lum1, lum2);\r\n const darker = Math.min(lum1, lum2);\r\n return (lighter + 0.05) / (darker + 0.05);\r\n };\r\n\r\n const getAccessibleTextColor = (bg: string): string =>\r\n contrastRatio(bg, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n\r\n const vars = {\r\n \"--primary-color\": primaryColor,\r\n \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n \"--text-color-primary\":\r\n forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n\r\n \"--secondary-color\": secondaryColor,\r\n \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n \"--tertiary-color\": tertiaryColor,\r\n \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n \"--quaternary-color\": quaternaryColor,\r\n \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n \"--background-color\": backgroundColor,\r\n \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n \"--link-color-hover\": adjustLightness(\r\n getAccessibleTextColor(backgroundColor),\r\n -20\r\n ),\r\n \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n } as const;\r\n\r\n const rootStyle = document.documentElement.style;\r\n for (const [k, v] of Object.entries(vars)) rootStyle.setProperty(k, v);\r\n\r\n try {\r\n localStorage.setItem(STORAGE_KEY, String(selectedScheme));\r\n } catch {\r\n console.error(\"Failed to save theme index\");\r\n }\r\n }, [selectedScheme]);\r\n\r\n return (\r\n <ThemeContext.Provider\r\n value={{ selectedScheme, setSelectedScheme, schemes }}\r\n >\r\n {children}\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":["createContext","colorSchemes","getDefaultColorSchemeName","useState","getAllColorSchemes","useMemo","useEffect","registerColorScheme","useLayoutEffect","jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline-WHRPqD31.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/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 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, shadow, rounding]\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, orientation, theme, 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 return (\r\n <ul className={outerWrapper} data-testid={testId} aria-label=\"Timeline\">\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\r\n return (\r\n <li\r\n key={index}\r\n className={itemClassName}\r\n data-testid={itemTestId}\r\n aria-labelledby={labelId}\r\n >\r\n <div\r\n className={markerClassName}\r\n data-testid={`${itemTestId}-marker`}\r\n aria-hidden={IconComponent ? \"true\" : undefined}\r\n >\r\n {IconComponent ? (\r\n <div\r\n className={classMap.icon}\r\n data-testid={`${itemTestId}-icon`}\r\n >\r\n <IconComponent />\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 <h3 id={labelId} className={classMap.title}>\r\n {item.title}\r\n </h3>\r\n {item.date && (\r\n <p\r\n className={classMap.date}\r\n data-testid={`${itemTestId}-date`}\r\n aria-label={`Date: ${item.date}`}\r\n >\r\n {item.date}\r\n </p>\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\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n return <TimelineBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Timeline;\r\n"],"names":["item"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline-jmKmKwxD.cjs","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/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 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, shadow, rounding]\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, orientation, theme, 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 return (\r\n <ul className={outerWrapper} data-testid={testId} aria-label=\"Timeline\">\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\r\n return (\r\n <li\r\n key={index}\r\n className={itemClassName}\r\n data-testid={itemTestId}\r\n aria-labelledby={labelId}\r\n >\r\n <div\r\n className={markerClassName}\r\n data-testid={`${itemTestId}-marker`}\r\n aria-hidden={IconComponent ? \"true\" : undefined}\r\n >\r\n {IconComponent ? (\r\n <div\r\n className={classMap.icon}\r\n data-testid={`${itemTestId}-icon`}\r\n >\r\n <IconComponent />\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 <h3 id={labelId} className={classMap.title}>\r\n {item.title}\r\n </h3>\r\n {item.date && (\r\n <p\r\n className={classMap.date}\r\n data-testid={`${itemTestId}-date`}\r\n aria-label={`Date: ${item.date}`}\r\n >\r\n {item.date}\r\n </p>\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\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n return <TimelineBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Timeline;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs"],"mappings":"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"}
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef, useMemo } from "react";
|
|
3
|
-
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
|
-
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
-
import { a as getDefaultRounding, c as getDefaultSize, d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
|
|
6
|
-
const container = "_container_1hjp4_68";
|
|
7
|
-
const label = "_label_1hjp4_74";
|
|
8
|
-
const toggle = "_toggle_1hjp4_79";
|
|
9
|
-
const slider = "_slider_1hjp4_89";
|
|
10
|
-
const active = "_active_1hjp4_95";
|
|
11
|
-
const xs = "_xs_1hjp4_99";
|
|
12
|
-
const small = "_small_1hjp4_111";
|
|
13
|
-
const medium = "_medium_1hjp4_123";
|
|
14
|
-
const large = "_large_1hjp4_135";
|
|
15
|
-
const xl = "_xl_1hjp4_147";
|
|
16
|
-
const primary = "_primary_1hjp4_159";
|
|
17
|
-
const secondary = "_secondary_1hjp4_163";
|
|
18
|
-
const tertiary = "_tertiary_1hjp4_167";
|
|
19
|
-
const quaternary = "_quaternary_1hjp4_171";
|
|
20
|
-
const clear = "_clear_1hjp4_175";
|
|
21
|
-
const success = "_success_1hjp4_179";
|
|
22
|
-
const error = "_error_1hjp4_183";
|
|
23
|
-
const warning = "_warning_1hjp4_187";
|
|
24
|
-
const roundNone = "_roundNone_1hjp4_191";
|
|
25
|
-
const roundSmall = "_roundSmall_1hjp4_198";
|
|
26
|
-
const roundMedium = "_roundMedium_1hjp4_205";
|
|
27
|
-
const roundLarge = "_roundLarge_1hjp4_212";
|
|
28
|
-
const roundFull = "_roundFull_1hjp4_219";
|
|
29
|
-
const shadowNone = "_shadowNone_1hjp4_226";
|
|
30
|
-
const shadowLight = "_shadowLight_1hjp4_230";
|
|
31
|
-
const shadowMedium = "_shadowMedium_1hjp4_234";
|
|
32
|
-
const shadowStrong = "_shadowStrong_1hjp4_238";
|
|
33
|
-
const shadowIntense = "_shadowIntense_1hjp4_242";
|
|
34
|
-
const disabled = "_disabled_1hjp4_250";
|
|
35
|
-
const styles = {
|
|
36
|
-
container,
|
|
37
|
-
label,
|
|
38
|
-
toggle,
|
|
39
|
-
slider,
|
|
40
|
-
active,
|
|
41
|
-
xs,
|
|
42
|
-
small,
|
|
43
|
-
medium,
|
|
44
|
-
large,
|
|
45
|
-
xl,
|
|
46
|
-
primary,
|
|
47
|
-
secondary,
|
|
48
|
-
tertiary,
|
|
49
|
-
quaternary,
|
|
50
|
-
clear,
|
|
51
|
-
success,
|
|
52
|
-
error,
|
|
53
|
-
warning,
|
|
54
|
-
roundNone,
|
|
55
|
-
roundSmall,
|
|
56
|
-
roundMedium,
|
|
57
|
-
roundLarge,
|
|
58
|
-
roundFull,
|
|
59
|
-
shadowNone,
|
|
60
|
-
shadowLight,
|
|
61
|
-
shadowMedium,
|
|
62
|
-
shadowStrong,
|
|
63
|
-
shadowIntense,
|
|
64
|
-
disabled
|
|
65
|
-
};
|
|
66
|
-
const ToggleBase = forwardRef(
|
|
67
|
-
({
|
|
68
|
-
checked,
|
|
69
|
-
onChange,
|
|
70
|
-
label: label2,
|
|
71
|
-
theme = getDefaultTheme(),
|
|
72
|
-
rounding = getDefaultRounding(),
|
|
73
|
-
shadow = getDefaultShadow(),
|
|
74
|
-
state = "",
|
|
75
|
-
size = getDefaultSize(),
|
|
76
|
-
disabled: disabled2 = false,
|
|
77
|
-
classMap,
|
|
78
|
-
className,
|
|
79
|
-
"data-testid": testId = "toggle"
|
|
80
|
-
}, ref) => {
|
|
81
|
-
const handleToggle = () => {
|
|
82
|
-
if (!disabled2) onChange(!checked);
|
|
83
|
-
};
|
|
84
|
-
const handleKeyDown = (e) => {
|
|
85
|
-
if ((e.key === "Enter" || e.key === " ") && !disabled2) {
|
|
86
|
-
e.preventDefault();
|
|
87
|
-
handleToggle();
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
const containerClass = useMemo(
|
|
91
|
-
() => combineClassNames(
|
|
92
|
-
classMap.container,
|
|
93
|
-
classMap[theme],
|
|
94
|
-
classMap[state],
|
|
95
|
-
classMap[size],
|
|
96
|
-
rounding && classMap[`round${capitalize(rounding)}`],
|
|
97
|
-
disabled2 && classMap.disabled,
|
|
98
|
-
className
|
|
99
|
-
),
|
|
100
|
-
[classMap, size, disabled2, shadow, rounding, theme, state]
|
|
101
|
-
);
|
|
102
|
-
const toggleClass = useMemo(
|
|
103
|
-
() => combineClassNames(
|
|
104
|
-
classMap.toggle,
|
|
105
|
-
checked && classMap.active,
|
|
106
|
-
shadow && classMap[`shadow${capitalize(shadow)}`],
|
|
107
|
-
rounding && classMap[`round${capitalize(rounding)}`]
|
|
108
|
-
),
|
|
109
|
-
[classMap, checked, rounding]
|
|
110
|
-
);
|
|
111
|
-
const labelId = label2 ? `${testId}-label` : void 0;
|
|
112
|
-
return /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": `${testId}-wrapper`, children: [
|
|
113
|
-
/* @__PURE__ */ jsx(
|
|
114
|
-
"button",
|
|
115
|
-
{
|
|
116
|
-
ref,
|
|
117
|
-
id: `${testId}-button`,
|
|
118
|
-
className: toggleClass,
|
|
119
|
-
role: "switch",
|
|
120
|
-
"aria-checked": checked,
|
|
121
|
-
"aria-labelledby": labelId,
|
|
122
|
-
"aria-label": label2 ? void 0 : "Toggle switch",
|
|
123
|
-
type: "button",
|
|
124
|
-
disabled: disabled2,
|
|
125
|
-
onClick: handleToggle,
|
|
126
|
-
onKeyDown: handleKeyDown,
|
|
127
|
-
"data-testid": testId,
|
|
128
|
-
children: /* @__PURE__ */ jsx("span", { className: classMap.slider, "data-testid": `${testId}-slider` })
|
|
129
|
-
}
|
|
130
|
-
),
|
|
131
|
-
label2 && /* @__PURE__ */ jsx(
|
|
132
|
-
"label",
|
|
133
|
-
{
|
|
134
|
-
id: labelId,
|
|
135
|
-
htmlFor: `${testId}-button`,
|
|
136
|
-
className: classMap.label,
|
|
137
|
-
"data-testid": `${testId}-label`,
|
|
138
|
-
children: label2
|
|
139
|
-
}
|
|
140
|
-
)
|
|
141
|
-
] });
|
|
142
|
-
}
|
|
143
|
-
);
|
|
144
|
-
ToggleBase.displayName = "ToggleBase";
|
|
145
|
-
const Toggle = (props) => {
|
|
146
|
-
return /* @__PURE__ */ jsx(ToggleBase, { ...props, classMap: styles });
|
|
147
|
-
};
|
|
148
|
-
export {
|
|
149
|
-
Toggle as T
|
|
150
|
-
};
|
|
151
|
-
//# sourceMappingURL=Toggle-D1vM9KrI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle-D1vM9KrI.js","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleProps } 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\nexport interface ToggleBaseProps extends ToggleProps {\r\n classMap: Record<string, string>;\r\n}\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 handleToggle = () => {\r\n if (!disabled) onChange(!checked);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\r\n e.preventDefault();\r\n handleToggle();\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 rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, size, disabled, shadow, rounding, theme, state]\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, rounding]\r\n );\r\n\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={`${testId}-button`}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={labelId}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={handleToggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span className={classMap.slider} data-testid={`${testId}-slider`} />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={`${testId}-button`}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle: React.FC<ToggleProps> = (props) => {\r\n return <ToggleBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Toggle;\r\n"],"names":["label","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAAA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,OAAO,eAAA;AAAA,IACP,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,eAAe,MAAM;AACzB,UAAI,CAACA,UAAU,UAAS,CAAC,OAAO;AAAA,IAClC;AAEA,UAAM,gBAAgB,CAAC,MAAwC;AAC7D,WAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAACA,WAAU;AACrD,UAAE,eAAA;AACF,qBAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDA,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,MAAMA,WAAU,QAAQ,UAAU,OAAO,KAAK;AAAA,IAAA;AAG3D,UAAM,cAAc;AAAA,MAClB,MACE;AAAA,QACE,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,SAAS,QAAQ;AAAA,IAAA;AAG9B,UAAM,UAAUD,SAAQ,GAAG,MAAM,WAAW;AAE5C,gCACG,OAAA,EAAI,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACpD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI,GAAG,MAAM;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,mBAAiB;AAAA,UACjB,cAAYA,SAAQ,SAAY;AAAA,UAChC,MAAK;AAAA,UACL,UAAAC;AAAA,UACA,SAAS;AAAA,UACT,WAAW;AAAA,UACX,eAAa;AAAA,UAEb,UAAA,oBAAC,UAAK,WAAW,SAAS,QAAQ,eAAa,GAAG,MAAM,UAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpED,UACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS,GAAG,MAAM;AAAA,UAClB,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AClGzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAO,oBAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle-ei8CN3th.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleProps } 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\nexport interface ToggleBaseProps extends ToggleProps {\r\n classMap: Record<string, string>;\r\n}\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 handleToggle = () => {\r\n if (!disabled) onChange(!checked);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\r\n e.preventDefault();\r\n handleToggle();\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 rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, size, disabled, shadow, rounding, theme, state]\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, rounding]\r\n );\r\n\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={`${testId}-button`}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={labelId}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={handleToggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span className={classMap.slider} data-testid={`${testId}-slider`} />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={`${testId}-button`}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle: React.FC<ToggleProps> = (props) => {\r\n return <ToggleBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Toggle;\r\n"],"names":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","disabled","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,aAAaA,MAAAA;AAAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAAC;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,OAAOC,kBAAAA,eAAA;AAAA,IACP,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,eAAe,MAAM;AACzB,UAAI,CAACA,UAAU,UAAS,CAAC,OAAO;AAAA,IAClC;AAEA,UAAM,gBAAgB,CAAC,MAAwC;AAC7D,WAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAACA,WAAU;AACrD,UAAE,eAAA;AACF,qBAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAiBC,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDH,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,MAAMA,WAAU,QAAQ,UAAU,OAAO,KAAK;AAAA,IAAA;AAG3D,UAAM,cAAcC,MAAAA;AAAAA,MAClB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,SAAS,QAAQ;AAAA,IAAA;AAG9B,UAAM,UAAUR,SAAQ,GAAG,MAAM,WAAW;AAE5C,2CACG,OAAA,EAAI,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACpD,UAAA;AAAA,MAAAS,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI,GAAG,MAAM;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,mBAAiB;AAAA,UACjB,cAAYT,SAAQ,SAAY;AAAA,UAChC,MAAK;AAAA,UACL,UAAAK;AAAA,UACA,SAAS;AAAA,UACT,WAAW;AAAA,UACX,eAAa;AAAA,UAEb,UAAAI,2BAAAA,IAAC,UAAK,WAAW,SAAS,QAAQ,eAAa,GAAG,MAAM,UAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpET,UACCS,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS,GAAG,MAAM;AAAA,UAClB,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AClGzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAOS,2BAAAA,IAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-Dv6focMM.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } 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\nexport const 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 TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = 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]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\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=\"navigation\"\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=\"navigation\"\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={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["title","getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;AACjB,QAAM,WAAW,IAAI,YAAY;AAEjC,QAAM,cAAcC,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAP,UACCQ,2BAAAA,IAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAR,OAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHO,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACCC,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAAA,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa,CAAC,OAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;ACzFA,MAAM,UAAkC,CAAC,UACvCA,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,iBAAiBC,OAAAA,QAAQ,UAAU,OAAA,CAAQ;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-Dw__aR2C.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } 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\nexport const 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 TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = 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]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\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=\"navigation\"\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=\"navigation\"\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={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;AACjB,QAAM,WAAW,IAAI,YAAY;AAEjC,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAA,UACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAA,OAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa,CAAC,OAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;ACzFA,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,OAAA,CAAQ;"}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const require$$2 = 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-Rr5d5Qts.cjs");
|
|
7
|
-
const noScroll = "_noScroll_32s14_91";
|
|
8
|
-
const errorMessage = "_errorMessage_32s14_92";
|
|
9
|
-
const loadingContainer = "_loadingContainer_32s14_93";
|
|
10
|
-
const hideScrollbar = "_hideScrollbar_32s14_85";
|
|
11
|
-
const sr_only = "_sr_only_32s14_94";
|
|
12
|
-
const container = "_container_32s14_540";
|
|
13
|
-
const tooltip = "_tooltip_32s14_544";
|
|
14
|
-
const top = "_top_32s14_569";
|
|
15
|
-
const bottom = "_bottom_32s14_581";
|
|
16
|
-
const left = "_left_32s14_593";
|
|
17
|
-
const right = "_right_32s14_605";
|
|
18
|
-
const primary = "_primary_32s14_617";
|
|
19
|
-
const secondary = "_secondary_32s14_637";
|
|
20
|
-
const tertiary = "_tertiary_32s14_665";
|
|
21
|
-
const quaternary = "_quaternary_32s14_689";
|
|
22
|
-
const clear = "_clear_32s14_713";
|
|
23
|
-
const success = "_success_32s14_737";
|
|
24
|
-
const error = "_error_32s14_92";
|
|
25
|
-
const warning = "_warning_32s14_785";
|
|
26
|
-
const roundNone = "_roundNone_32s14_814";
|
|
27
|
-
const roundSmall = "_roundSmall_32s14_818";
|
|
28
|
-
const roundMedium = "_roundMedium_32s14_822";
|
|
29
|
-
const roundLarge = "_roundLarge_32s14_826";
|
|
30
|
-
const roundFull = "_roundFull_32s14_830";
|
|
31
|
-
const shadowNone = "_shadowNone_32s14_834";
|
|
32
|
-
const shadowLight = "_shadowLight_32s14_838";
|
|
33
|
-
const shadowMedium = "_shadowMedium_32s14_842";
|
|
34
|
-
const shadowStrong = "_shadowStrong_32s14_846";
|
|
35
|
-
const shadowIntense = "_shadowIntense_32s14_850";
|
|
36
|
-
const spin = "_spin_32s14_1";
|
|
37
|
-
const pulse = "_pulse_32s14_1";
|
|
38
|
-
const styles = {
|
|
39
|
-
noScroll,
|
|
40
|
-
errorMessage,
|
|
41
|
-
loadingContainer,
|
|
42
|
-
hideScrollbar,
|
|
43
|
-
sr_only,
|
|
44
|
-
container,
|
|
45
|
-
tooltip,
|
|
46
|
-
top,
|
|
47
|
-
bottom,
|
|
48
|
-
left,
|
|
49
|
-
right,
|
|
50
|
-
primary,
|
|
51
|
-
secondary,
|
|
52
|
-
tertiary,
|
|
53
|
-
quaternary,
|
|
54
|
-
clear,
|
|
55
|
-
success,
|
|
56
|
-
error,
|
|
57
|
-
warning,
|
|
58
|
-
roundNone,
|
|
59
|
-
roundSmall,
|
|
60
|
-
roundMedium,
|
|
61
|
-
roundLarge,
|
|
62
|
-
roundFull,
|
|
63
|
-
shadowNone,
|
|
64
|
-
shadowLight,
|
|
65
|
-
shadowMedium,
|
|
66
|
-
shadowStrong,
|
|
67
|
-
shadowIntense,
|
|
68
|
-
"fade-in": "_fade-in_32s14_1",
|
|
69
|
-
"slide-up": "_slide-up_32s14_1",
|
|
70
|
-
"spin-3d": "_spin-3d_32s14_1",
|
|
71
|
-
spin,
|
|
72
|
-
pulse,
|
|
73
|
-
"fade-in-up": "_fade-in-up_32s14_1",
|
|
74
|
-
"progress-grow": "_progress-grow_32s14_1",
|
|
75
|
-
"indeterminate-move": "_indeterminate-move_32s14_1",
|
|
76
|
-
"skeleton-loading": "_skeleton-loading_32s14_1"
|
|
77
|
-
};
|
|
78
|
-
const TooltipBase = React.forwardRef(
|
|
79
|
-
({
|
|
80
|
-
content,
|
|
81
|
-
position = "top",
|
|
82
|
-
theme = borealStyleConfig.getDefaultTheme(),
|
|
83
|
-
rounding = borealStyleConfig.getDefaultRounding(),
|
|
84
|
-
shadow = borealStyleConfig.getDefaultShadow(),
|
|
85
|
-
state = "",
|
|
86
|
-
children,
|
|
87
|
-
className = "",
|
|
88
|
-
"data-testid": testId = "tooltip",
|
|
89
|
-
classMap,
|
|
90
|
-
...rest
|
|
91
|
-
}, ref) => {
|
|
92
|
-
const tooltipId = React.useId();
|
|
93
|
-
const [visible, setVisible] = React.useState(false);
|
|
94
|
-
const showTooltip = () => setVisible(true);
|
|
95
|
-
const hideTooltip = () => setVisible(false);
|
|
96
|
-
const toolTipClassName = React.useMemo(
|
|
97
|
-
() => classNames.combineClassNames(
|
|
98
|
-
classMap.tooltip,
|
|
99
|
-
classMap[position],
|
|
100
|
-
classMap[theme],
|
|
101
|
-
classMap[state],
|
|
102
|
-
visible && classMap.visible,
|
|
103
|
-
shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
|
|
104
|
-
rounding && classMap[`round${capitalize.capitalize(rounding)}`]
|
|
105
|
-
),
|
|
106
|
-
[classMap, position, theme, visible, shadow, rounding]
|
|
107
|
-
);
|
|
108
|
-
return /* @__PURE__ */ require$$2.jsxs(
|
|
109
|
-
"div",
|
|
110
|
-
{
|
|
111
|
-
className: classNames.combineClassNames(classMap.container, className),
|
|
112
|
-
"data-testid": `${testId}-container`,
|
|
113
|
-
onMouseEnter: showTooltip,
|
|
114
|
-
onMouseLeave: hideTooltip,
|
|
115
|
-
onFocus: showTooltip,
|
|
116
|
-
onBlur: hideTooltip,
|
|
117
|
-
children: [
|
|
118
|
-
/* @__PURE__ */ require$$2.jsx(
|
|
119
|
-
"span",
|
|
120
|
-
{
|
|
121
|
-
tabIndex: 0,
|
|
122
|
-
"aria-describedby": tooltipId,
|
|
123
|
-
"data-testid": `${testId}-trigger`,
|
|
124
|
-
className: classMap.triggerWrapper,
|
|
125
|
-
children
|
|
126
|
-
}
|
|
127
|
-
),
|
|
128
|
-
/* @__PURE__ */ require$$2.jsx(
|
|
129
|
-
"div",
|
|
130
|
-
{
|
|
131
|
-
ref,
|
|
132
|
-
id: tooltipId,
|
|
133
|
-
className: toolTipClassName,
|
|
134
|
-
role: "tooltip",
|
|
135
|
-
"data-testid": testId,
|
|
136
|
-
"aria-hidden": !visible,
|
|
137
|
-
...rest,
|
|
138
|
-
children: content
|
|
139
|
-
}
|
|
140
|
-
)
|
|
141
|
-
]
|
|
142
|
-
}
|
|
143
|
-
);
|
|
144
|
-
}
|
|
145
|
-
);
|
|
146
|
-
TooltipBase.displayName = "TooltipBase";
|
|
147
|
-
const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(TooltipBase, { ...props, ref, classMap: styles }));
|
|
148
|
-
Tooltip.displayName = "Tooltip";
|
|
149
|
-
exports.Tooltip = Tooltip;
|
|
150
|
-
//# sourceMappingURL=Tooltip-CnwS0tgW.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-CnwS0tgW.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } 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\nexport const TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n (\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 const showTooltip = () => setVisible(true);\r\n const hideTooltip = () => setVisible(false);\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, visible, shadow, rounding]\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 onMouseEnter={showTooltip}\r\n onMouseLeave={hideTooltip}\r\n onFocus={showTooltip}\r\n onBlur={hideTooltip}\r\n >\r\n <span\r\n tabIndex={0}\r\n aria-describedby={tooltipId}\r\n data-testid={`${testId}-trigger`}\r\n className={classMap.triggerWrapper}\r\n >\r\n {children}\r\n </span>\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n data-testid={testId}\r\n aria-hidden={!visible}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,cAAcA,MAAAA;AAAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAYC,MAAAA,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmBC,MAAAA;AAAAA,MACvB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,WAAAA,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAAG,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEHA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AC3E1B,MAAM,UAAUV,MAAAA,WAAyC,CAAC,OAAO,QAC/DU,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;;"}
|