boreal-ui 0.0.1 → 0.0.9
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/LICENSE +9 -0
- package/dist/core/Accordion-DOhvj3Ty.js.map +1 -1
- package/dist/core/Accordion-DQsSUVAE.cjs.map +1 -1
- package/dist/core/ArrowRightIcon-BYQv5XS8.js.map +1 -1
- package/dist/core/ArrowRightIcon-ClXQHGAD.cjs.map +1 -1
- package/dist/core/Avatar-B5aqfDZX.cjs.map +1 -1
- package/dist/core/Avatar-mhtrG5FT.js.map +1 -1
- package/dist/core/Badge-DfsFGYhY.js.map +1 -1
- package/dist/core/Badge-LyKc0uJG.cjs.map +1 -1
- package/dist/core/Breadcrumbs-DhioJUB9.js.map +1 -1
- package/dist/core/Breadcrumbs-xmUgcTXF.cjs.map +1 -1
- package/dist/core/Button-DEYbr8xW.js.map +1 -1
- package/dist/core/Button-wz_We8xU.cjs.map +1 -1
- package/dist/core/Card-DCxLBwi0.cjs.map +1 -1
- package/dist/core/Card-DKPk0zgQ.js.map +1 -1
- package/dist/core/Checkbox-BLBbE9Ww.js.map +1 -1
- package/dist/core/Checkbox-fVnseKGF.cjs.map +1 -1
- package/dist/core/Chip-7R6wAufO.js.map +1 -1
- package/dist/core/Chip-CNn0UvOB.cjs.map +1 -1
- package/dist/core/CircularProgress-B-N4px22.cjs.map +1 -1
- package/dist/core/CircularProgress-ClCxzsSz.js.map +1 -1
- package/dist/core/CloseIcon-C3eQm4EK.js.map +1 -1
- package/dist/core/CloseIcon-DSnN6ggf.cjs.map +1 -1
- package/dist/core/ColorPicker-BQiTjeqQ.js.map +1 -1
- package/dist/core/ColorPicker-DR9huYqs.cjs.map +1 -1
- package/dist/core/CommandPalette-CHOC0Z2m.js.map +1 -1
- package/dist/core/CommandPalette-XTi50U_E.cjs.map +1 -1
- package/dist/core/DataTable-DQU1WxPr.js.map +1 -1
- package/dist/core/DataTable-DZeVQIC0.cjs.map +1 -1
- package/dist/core/DateTimePicker-BtITiL_E.cjs.map +1 -1
- package/dist/core/DateTimePicker-O8khtyOu.js.map +1 -1
- package/dist/core/Divider-An2VsXog.js.map +1 -1
- package/dist/core/Divider-TtfSFBcp.cjs.map +1 -1
- package/dist/core/Dropdown-CL7TH2lJ.js.map +1 -1
- package/dist/core/Dropdown-CPsxvzTA.cjs.map +1 -1
- package/dist/core/EmptyState-BAaCfJzO.cjs.map +1 -1
- package/dist/core/EmptyState-Bd-es_rG.js.map +1 -1
- package/dist/core/FileUpload-Dv2cvYI2.cjs.map +1 -1
- package/dist/core/FileUpload-DxjQ2wnn.js.map +1 -1
- package/dist/core/Footer-B4Owy88y.cjs.map +1 -1
- package/dist/core/Footer-bKgKgU6L.js.map +1 -1
- package/dist/core/FormGroup-BXWYrYOK.cjs.map +1 -1
- package/dist/core/FormGroup-DS2tW-lC.js.map +1 -1
- package/dist/core/IconButton-B6cAP2hY.js.map +1 -1
- package/dist/core/IconButton-BxUXK-xn.cjs.map +1 -1
- package/dist/core/MarkdownRenderer-CQVfqnxf.js.map +1 -1
- package/dist/core/MarkdownRenderer-taVkZLE9.cjs.map +1 -1
- package/dist/core/MessagePopup-By89AGqE.js.map +1 -1
- package/dist/core/MessagePopup-OA1gjb8E.cjs.map +1 -1
- package/dist/core/MetricBox-D5Dl19d2.js.map +1 -1
- package/dist/core/MetricBox-DjE-rdp0.cjs.map +1 -1
- package/dist/core/Modal-BhQJOhWV.js.map +1 -1
- package/dist/core/Modal-CI2snbvk.cjs.map +1 -1
- package/dist/core/NavBar-BAHSDPtT.js.map +1 -1
- package/dist/core/NavBar-C5UMiYpA.cjs.map +1 -1
- package/dist/core/NotificationCenter-Bp7AqnTg.js.map +1 -1
- package/dist/core/NotificationCenter-DxaqoUD1.cjs.map +1 -1
- package/dist/core/Pager-2jW3cxx_.js.map +1 -1
- package/dist/core/Pager-ByVG_at-.cjs.map +1 -1
- package/dist/core/PopOver-DNqWcWjU.js.map +1 -1
- package/dist/core/PopOver-OijKNHZU.cjs.map +1 -1
- package/dist/core/ProgressBar-CuIHF5N0.js.map +1 -1
- package/dist/core/ProgressBar-PiSFvLwa.cjs.map +1 -1
- package/dist/core/RadioButton-DP8HSNZD.cjs.map +1 -1
- package/dist/core/RadioButton-DTPBlw1t.js.map +1 -1
- package/dist/core/Rating-Jx3DBFOd.cjs.map +1 -1
- package/dist/core/Rating-QF5O1MFS.js.map +1 -1
- package/dist/core/STT-D6L-amjZ.cjs.map +1 -1
- package/dist/core/STT-aXWWubSC.js.map +1 -1
- package/dist/core/Select-9F6p9ghR.cjs.map +1 -1
- package/dist/core/Select-C4a_4B87.js.map +1 -1
- package/dist/core/Skeleton-BniIVZmx.js.map +1 -1
- package/dist/core/Skeleton-CeMwLgnq.cjs.map +1 -1
- package/dist/core/Slider-DZycGDIY.cjs.map +1 -1
- package/dist/core/Slider-QEwgd0le.js.map +1 -1
- package/dist/core/Spinner-BTmQ7ZN9.cjs.map +1 -1
- package/dist/core/Spinner-DGF0pR7I.js.map +1 -1
- package/dist/core/Stepper-BkmPckKd.cjs.map +1 -1
- package/dist/core/Stepper-PjUFCUBG.js.map +1 -1
- package/dist/core/Tabs-DptKFvPK.cjs.map +1 -1
- package/dist/core/Tabs-gpyaJFUs.js.map +1 -1
- package/dist/core/Taginput-BMPHihSz.cjs.map +1 -1
- package/dist/core/Taginput-CrScreYL.js.map +1 -1
- package/dist/core/TextArea-B88b8dFf.js.map +1 -1
- package/dist/core/TextArea-CxJexFDv.cjs.map +1 -1
- package/dist/core/TextInput-8AbKEfUH.cjs.map +1 -1
- package/dist/core/TextInput-CtI8fsXR.js.map +1 -1
- package/dist/core/ThemeContext-Bo0vLczy.js.map +1 -1
- package/dist/core/ThemeContext-CtZXUeeU.cjs.map +1 -1
- package/dist/core/Timeline-D7fd8-u_.js.map +1 -1
- package/dist/core/Timeline-Dk0q-8BZ.cjs.map +1 -1
- package/dist/core/Toggle-CZftIdc3.js.map +1 -1
- package/dist/core/Toggle-v31rt4Ya.cjs.map +1 -1
- package/dist/core/Toolbar-94Pu5-SL.js.map +1 -1
- package/dist/core/Toolbar-Cg_ofRqY.cjs.map +1 -1
- package/dist/core/Tooltip-5SfsTZvz.cjs.map +1 -1
- package/dist/core/Tooltip-XfsZnGgV.js.map +1 -1
- package/dist/core/boreal-style-config-BILmxkZG.js.map +1 -1
- package/dist/core/boreal-style-config-Rr5d5Qts.cjs.map +1 -1
- package/dist/core/capitalize-C0TSQSPh.js.map +1 -1
- package/dist/core/capitalize-DoV-nOmN.cjs.map +1 -1
- package/dist/core/colorSchemes.cjs.js.map +1 -1
- package/dist/core/colorSchemes.js.map +1 -1
- package/dist/core/index.cjs.js.map +1 -1
- package/dist/core/index.js.map +1 -1
- package/dist/core/registerColorSheme-BPX0H7hl.js.map +1 -1
- package/dist/core/registerColorSheme-nhYu5hbY.cjs.map +1 -1
- package/dist/next/Accordion-BD-HsAos.cjs.map +1 -1
- package/dist/next/Accordion-Bu2IAjE6.js.map +1 -1
- package/dist/next/ArrowRightIcon-BVb75OpX.cjs.map +1 -1
- package/dist/next/ArrowRightIcon-BYQv5XS8.js.map +1 -1
- package/dist/next/{Avatar-B0KvtR9U.js → Avatar-B0vflpuy.js} +3 -3
- package/dist/next/{Avatar-B0KvtR9U.js.map → Avatar-B0vflpuy.js.map} +1 -1
- package/dist/next/{Avatar-s6BrkUFC.cjs → Avatar-DjuHvrMV.cjs} +3 -3
- package/dist/next/{Avatar-s6BrkUFC.cjs.map → Avatar-DjuHvrMV.cjs.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/Badge-CnKwIP4u.cjs.map +1 -1
- package/dist/next/Badge-WWxkzKOl.js.map +1 -1
- package/dist/next/{Breadcrumbs-DCPl_wHY.cjs → Breadcrumbs-0cJD4s9s.cjs} +3 -3
- package/dist/next/{Breadcrumbs-DCPl_wHY.cjs.map → Breadcrumbs-0cJD4s9s.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-BRfPnjv3.js → Breadcrumbs-liNC5ZzY.js} +3 -3
- package/dist/next/{Breadcrumbs-BRfPnjv3.js.map → Breadcrumbs-liNC5ZzY.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-BpVwB1WA.js → Button-CbX-VlK_.js} +2 -2
- package/dist/next/{Button-BpVwB1WA.js.map → Button-CbX-VlK_.js.map} +1 -1
- package/dist/next/{Button-DUh0L7vy.cjs → Button-WSFdkLsa.cjs} +2 -2
- package/dist/next/{Button-DUh0L7vy.cjs.map → Button-WSFdkLsa.cjs.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-BjYztK13.cjs → Card-BCYMEFyT.cjs} +4 -4
- package/dist/next/{Card-BjYztK13.cjs.map → Card-BCYMEFyT.cjs.map} +1 -1
- package/dist/next/{Card-RBCzxSIj.js → Card-DhdZiqdl.js} +4 -4
- package/dist/next/{Card-RBCzxSIj.js.map → Card-DhdZiqdl.js.map} +1 -1
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/Checkbox-COcqcXOD.cjs.map +1 -1
- package/dist/next/Checkbox-kWrAB9F7.js.map +1 -1
- package/dist/next/{Chip-BwyYgH0p.cjs → Chip-DJMY0KHl.cjs} +2 -2
- package/dist/next/{Chip-BwyYgH0p.cjs.map → Chip-DJMY0KHl.cjs.map} +1 -1
- package/dist/next/{Chip-YKbysMqv.js → Chip-DtHYUkJ4.js} +2 -2
- package/dist/next/{Chip-YKbysMqv.js.map → Chip-DtHYUkJ4.js.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/CircularProgress-CYo_VUG7.js.map +1 -1
- package/dist/next/CircularProgress-DXC_JBTG.cjs.map +1 -1
- package/dist/next/CloseIcon-7hy4qJ9o.cjs.map +1 -1
- package/dist/next/CloseIcon-C3eQm4EK.js.map +1 -1
- package/dist/next/ColorPicker-C-klUf3G.cjs.map +1 -1
- package/dist/next/ColorPicker-Ub3qNdeF.js.map +1 -1
- package/dist/next/{CommandPalette-Dm_njW12.js → CommandPalette-CEZwvLuu.js} +2 -2
- package/dist/next/{CommandPalette-Dm_njW12.js.map → CommandPalette-CEZwvLuu.js.map} +1 -1
- package/dist/next/{CommandPalette-BAxyNfRu.cjs → CommandPalette-Dp2pT5ot.cjs} +2 -2
- package/dist/next/{CommandPalette-BAxyNfRu.cjs.map → CommandPalette-Dp2pT5ot.cjs.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/DataTable-9JLEi0CK.cjs.map +1 -1
- package/dist/next/DataTable-D5ffcx-L.js.map +1 -1
- package/dist/next/DateTimePicker-C2-or1uL.js.map +1 -1
- package/dist/next/DateTimePicker-CoTQNBzD.cjs.map +1 -1
- package/dist/next/Divider-BlJMteki.cjs.map +1 -1
- package/dist/next/Divider-g7VS0Sbx.js.map +1 -1
- package/dist/next/{Dropdown-D2p7q140.cjs → Dropdown-BtbLZeZq.cjs} +2 -2
- package/dist/next/{Dropdown-D2p7q140.cjs.map → Dropdown-BtbLZeZq.cjs.map} +1 -1
- package/dist/next/{Dropdown-D-Jhdu_7.js → Dropdown-DyBmnKrz.js} +2 -2
- package/dist/next/{Dropdown-D-Jhdu_7.js.map → Dropdown-DyBmnKrz.js.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-C6dGNF-O.js → EmptyState-CSEhZvTp.js} +2 -2
- package/dist/next/{EmptyState-C6dGNF-O.js.map → EmptyState-CSEhZvTp.js.map} +1 -1
- package/dist/next/{EmptyState-CBGawc9S.cjs → EmptyState-DUZQ2Qmn.cjs} +2 -2
- package/dist/next/{EmptyState-CBGawc9S.cjs.map → EmptyState-DUZQ2Qmn.cjs.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-BOSrZhPq.js → FileUpload-CgPHe6Nn.js} +3 -3
- package/dist/next/{FileUpload-BOSrZhPq.js.map → FileUpload-CgPHe6Nn.js.map} +1 -1
- package/dist/next/{FileUpload-D65wKrsD.cjs → FileUpload-jh5iTgY-.cjs} +3 -3
- package/dist/next/{FileUpload-D65wKrsD.cjs.map → FileUpload-jh5iTgY-.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-CdCqa4Pz.js → Footer-CQAWg2tl.js} +4 -4
- package/dist/next/{Footer-CdCqa4Pz.js.map → Footer-CQAWg2tl.js.map} +1 -1
- package/dist/next/{Footer-J5Q_SSa-.cjs → Footer-D2veQTa-.cjs} +4 -4
- package/dist/next/{Footer-J5Q_SSa-.cjs.map → Footer-D2veQTa-.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/FormGroup-BAtifQGH.cjs.map +1 -1
- package/dist/next/FormGroup-DuBfLAMv.js.map +1 -1
- package/dist/next/{IconButton-mY_E1gsn.cjs → IconButton-CNzF48hu.cjs} +2 -2
- package/dist/next/{IconButton-mY_E1gsn.cjs.map → IconButton-CNzF48hu.cjs.map} +1 -1
- package/dist/next/{IconButton-EbX_9a0k.js → IconButton-DFrFh0kg.js} +2 -2
- package/dist/next/{IconButton-EbX_9a0k.js.map → IconButton-DFrFh0kg.js.map} +1 -1
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/MarkdownRenderer-B-WThNR7.cjs.map +1 -1
- package/dist/next/MarkdownRenderer-CxJOetSp.js.map +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopup-DuXLVt2z.cjs → MessagePopup-C-7N3vB0.cjs} +3 -3
- package/dist/next/{MessagePopup-DuXLVt2z.cjs.map → MessagePopup-C-7N3vB0.cjs.map} +1 -1
- package/dist/next/{MessagePopup-BL_Tp51e.js → MessagePopup-ClfrvxKq.js} +3 -3
- package/dist/next/{MessagePopup-BL_Tp51e.js.map → MessagePopup-ClfrvxKq.js.map} +1 -1
- package/dist/next/MetricBox-Dtkrwrtw.cjs.map +1 -1
- package/dist/next/MetricBox-rxFYolH_.js.map +1 -1
- package/dist/next/{Modal-DkAYQaOH.js → Modal-BZvTcgoM.js} +2 -2
- package/dist/next/{Modal-DkAYQaOH.js.map → Modal-BZvTcgoM.js.map} +1 -1
- package/dist/next/{Modal-Cr3uE4Wi.cjs → Modal-Bf7egMf2.cjs} +2 -2
- package/dist/next/{Modal-Cr3uE4Wi.cjs.map → Modal-Bf7egMf2.cjs.map} +1 -1
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-CyInu_3I.cjs → NavBar-CZtNDAdX.cjs} +103 -87
- package/dist/next/NavBar-CZtNDAdX.cjs.map +1 -0
- package/dist/next/{NavBar-CsrYdWSV.js → NavBar-DzRWv8W0.js} +103 -87
- package/dist/next/NavBar-DzRWv8W0.js.map +1 -0
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-BGc41ims.js → NotificationCenter-BCXpVjHd.js} +3 -3
- package/dist/next/{NotificationCenter-BGc41ims.js.map → NotificationCenter-BCXpVjHd.js.map} +1 -1
- package/dist/next/{NotificationCenter-BTcM5bCY.cjs → NotificationCenter-DmcHIkOp.cjs} +3 -3
- package/dist/next/{NotificationCenter-BTcM5bCY.cjs.map → NotificationCenter-DmcHIkOp.cjs.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-CRAgN3LJ.cjs → Pager-B81ecC4j.cjs} +3 -3
- package/dist/next/{Pager-CRAgN3LJ.cjs.map → Pager-B81ecC4j.cjs.map} +1 -1
- package/dist/next/{Pager-0B36P0k1.js → Pager-BqShs8_d.js} +3 -3
- package/dist/next/{Pager-0B36P0k1.js.map → Pager-BqShs8_d.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/PopOver-CHs0s9rp.cjs.map +1 -1
- package/dist/next/PopOver-pllmYvp6.js.map +1 -1
- package/dist/next/ProgressBar-Cvf0uNKW.cjs.map +1 -1
- package/dist/next/ProgressBar-D_fi1WW3.js.map +1 -1
- package/dist/next/RadioButton-BKS65jm9.js.map +1 -1
- package/dist/next/RadioButton-cXdUfJD2.cjs.map +1 -1
- package/dist/next/Rating-BjN0Sj0r.cjs.map +1 -1
- package/dist/next/Rating-Bs7oCe4w.js.map +1 -1
- package/dist/next/STT-Br81yPXp.js.map +1 -1
- package/dist/next/STT-C0q3yqiJ.cjs.map +1 -1
- package/dist/next/Select-DwWTQcCU.js.map +1 -1
- package/dist/next/Select-_f1aZuKO.cjs.map +1 -1
- package/dist/next/Skeleton-BWBHgsOM.js.map +1 -1
- package/dist/next/Skeleton-CMuXs5GO.cjs.map +1 -1
- package/dist/next/Slider-B5BJJyaD.js.map +1 -1
- package/dist/next/Slider-DbxNKdGq.cjs.map +1 -1
- package/dist/next/Spinner-BxvU43sx.js.map +1 -1
- package/dist/next/Spinner-Doh4Uft1.cjs.map +1 -1
- package/dist/next/{Stepper-DGbO-fUh.js → Stepper-5FojeYPE.js} +2 -2
- package/dist/next/{Stepper-DGbO-fUh.js.map → Stepper-5FojeYPE.js.map} +1 -1
- package/dist/next/{Stepper-CQaWoBJ2.cjs → Stepper-D2UYDRwT.cjs} +2 -2
- package/dist/next/{Stepper-CQaWoBJ2.cjs.map → Stepper-D2UYDRwT.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/Tabs-CNU0A_YY.js.map +1 -1
- package/dist/next/Tabs-DuZPFjen.cjs.map +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{Taginput-DAZs0PlQ.cjs → Taginput-BcNgwFOj.cjs} +3 -3
- package/dist/next/{Taginput-DAZs0PlQ.cjs.map → Taginput-BcNgwFOj.cjs.map} +1 -1
- package/dist/next/{Taginput-Bppb5ahN.js → Taginput-CdYMgcYY.js} +3 -3
- package/dist/next/{Taginput-Bppb5ahN.js.map → Taginput-CdYMgcYY.js.map} +1 -1
- package/dist/next/TextArea-CRo_5ZL_.cjs.map +1 -1
- package/dist/next/TextArea-W9ekr3ij.js.map +1 -1
- package/dist/next/{TextInput-DLROLZ7j.js → TextInput-DkNxrV4X.js} +2 -2
- package/dist/next/{TextInput-DLROLZ7j.js.map → TextInput-DkNxrV4X.js.map} +1 -1
- package/dist/next/{TextInput-D2cpcHhQ.cjs → TextInput-iQT-2lPj.cjs} +2 -2
- package/dist/next/{TextInput-D2cpcHhQ.cjs.map → TextInput-iQT-2lPj.cjs.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/ThemeContext-BNR3_OIq.cjs.map +1 -1
- package/dist/next/ThemeContext-Bo0vLczy.js.map +1 -1
- package/dist/next/Timeline-36_Qy1-m.cjs.map +1 -1
- package/dist/next/Timeline-EnwGQ4Mi.js.map +1 -1
- package/dist/next/Toggle-CU7I_vjc.cjs.map +1 -1
- package/dist/next/Toggle-R5pWM7gk.js.map +1 -1
- package/dist/next/{Toolbar-vNJ46DTU.js → Toolbar-B8AB6ADW.js} +2 -2
- package/dist/next/{Toolbar-vNJ46DTU.js.map → Toolbar-B8AB6ADW.js.map} +1 -1
- package/dist/next/{Toolbar-D05Q3wYG.cjs → Toolbar-BIruaq82.cjs} +2 -2
- package/dist/next/{Toolbar-D05Q3wYG.cjs.map → Toolbar-BIruaq82.cjs.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/Tooltip-DHhLeygn.cjs.map +1 -1
- package/dist/next/Tooltip-G3P0OyTP.js.map +1 -1
- package/dist/next/boreal-style-config-BILmxkZG.js.map +1 -1
- package/dist/next/boreal-style-config-Rr5d5Qts.cjs.map +1 -1
- package/dist/next/capitalize-C0TSQSPh.js.map +1 -1
- package/dist/next/capitalize-DoV-nOmN.cjs.map +1 -1
- package/dist/next/colorSchemes.cjs.js.map +1 -1
- package/dist/next/colorSchemes.js.map +1 -1
- package/dist/next/{image-Cs0ZR1Aj.js → image-CEz9QtOW.js} +3 -22
- package/dist/next/image-CEz9QtOW.js.map +1 -0
- package/dist/next/{image-C5jTmHeD.cjs → image-VX9Ty9NQ.cjs} +3 -22
- package/dist/next/image-VX9Ty9NQ.cjs.map +1 -0
- package/dist/next/index.cjs.js +20 -20
- package/dist/next/index.cjs.js.map +1 -1
- package/dist/next/index.js +21 -21
- package/dist/next/index.js.map +1 -1
- package/dist/next/{link-CX77u6b-.js → link-Bik5xH00.js} +15 -3
- package/dist/next/link-Bik5xH00.js.map +1 -0
- package/dist/next/{link-B8xgzNiC.cjs → link-hxAaLm0Q.cjs} +15 -3
- package/dist/next/link-hxAaLm0Q.cjs.map +1 -0
- package/dist/next/registerColorSheme-BPX0H7hl.js.map +1 -1
- package/dist/next/registerColorSheme-nhYu5hbY.cjs.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -2
- package/dist/next/NavBar-CsrYdWSV.js.map +0 -1
- package/dist/next/NavBar-CyInu_3I.cjs.map +0 -1
- package/dist/next/image-C5jTmHeD.cjs.map +0 -1
- package/dist/next/image-Cs0ZR1Aj.js.map +0 -1
- package/dist/next/link-B8xgzNiC.cjs.map +0 -1
- package/dist/next/link-CX77u6b-.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-94Pu5-SL.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, 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","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,
|
|
1
|
+
{"version":3,"file":"Toolbar-94Pu5-SL.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, 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","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;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,cAAA,SACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAA,MAAA,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;AC3FA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,QAAA,CAAS;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-Cg_ofRqY.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, 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","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":";;;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,
|
|
1
|
+
{"version":3,"file":"Toolbar-Cg_ofRqY.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, 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","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-5SfsTZvz.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUO,MAAM,cAAcA,
|
|
1
|
+
{"version":3,"file":"Tooltip-5SfsTZvz.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","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;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAUV,MAAAA,WAAyC,CAAC,OAAO,QAC/DU,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-XfsZnGgV.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAc;AAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tooltip-XfsZnGgV.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAc;AAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmB;AAAA,MACvB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,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,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,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,UAAA;AAAA,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,UAEH;AAAA,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;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boreal-style-config-BILmxkZG.js","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n *\r\n * Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n *\r\n * These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n *\r\n * Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n *\r\n * Accessor functions ensure safe fallback to internal defaults.\r\n */\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/**\r\n * Type for configuring global Boreal UI style defaults.\r\n */\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/**\r\n * Overrides the default Boreal UI styling configuration.\r\n *\r\n * @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n */\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/**\r\n * Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n */\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/**\r\n * Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n */\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/**\r\n * Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n */\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/**\r\n * Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n */\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/**\r\n * Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":"AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,
|
|
1
|
+
{"version":3,"file":"boreal-style-config-BILmxkZG.js","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n *\r\n * Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n *\r\n * These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n *\r\n * Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n *\r\n * Accessor functions ensure safe fallback to internal defaults.\r\n */\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/**\r\n * Type for configuring global Boreal UI style defaults.\r\n */\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/**\r\n * Overrides the default Boreal UI styling configuration.\r\n *\r\n * @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n */\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/**\r\n * Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n */\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/**\r\n * Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n */\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/**\r\n * Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n */\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/**\r\n * Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n */\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/**\r\n * Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":"AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,CAAA;AAOtC,MAAM,uBAAuB,CAAC,WAAuC;AAC1E,eAAa;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boreal-style-config-Rr5d5Qts.cjs","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n *\r\n * Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n *\r\n * These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n *\r\n * Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n *\r\n * Accessor functions ensure safe fallback to internal defaults.\r\n */\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/**\r\n * Type for configuring global Boreal UI style defaults.\r\n */\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/**\r\n * Overrides the default Boreal UI styling configuration.\r\n *\r\n * @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n */\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/**\r\n * Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n */\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/**\r\n * Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n */\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/**\r\n * Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n */\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/**\r\n * Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n */\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/**\r\n * Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":";AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,
|
|
1
|
+
{"version":3,"file":"boreal-style-config-Rr5d5Qts.cjs","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n *\r\n * Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n *\r\n * These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n *\r\n * Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n *\r\n * Accessor functions ensure safe fallback to internal defaults.\r\n */\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/**\r\n * Type for configuring global Boreal UI style defaults.\r\n */\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/**\r\n * Overrides the default Boreal UI styling configuration.\r\n *\r\n * @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n */\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/**\r\n * Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n */\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/**\r\n * Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n */\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/**\r\n * Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n */\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/**\r\n * Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n */\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/**\r\n * Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":";AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,CAAA;AAOtC,MAAM,uBAAuB,CAAC,WAAuC;AAC1E,eAAa;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"capitalize-C0TSQSPh.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/**\r\n * Capitalizes the first letter of a given string.\r\n *\r\n * Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n *\r\n * @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n *\r\n * @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"capitalize-C0TSQSPh.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/**\r\n * Capitalizes the first letter of a given string.\r\n *\r\n * Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n *\r\n * @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n *\r\n * @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":"AAaO,MAAM,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,YAAA,IAAgB,EAAE,MAAM,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"capitalize-DoV-nOmN.cjs","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/**\r\n * Capitalizes the first letter of a given string.\r\n *\r\n * Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n *\r\n * @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n *\r\n * @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"capitalize-DoV-nOmN.cjs","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/**\r\n * Capitalizes the first letter of a given string.\r\n *\r\n * Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n *\r\n * @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n *\r\n * @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":";AAaO,MAAM,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,YAAA,IAAgB,EAAE,MAAM,CAAC;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorSchemes.cjs.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n *\r\n * - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n *\r\n * These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n *\r\n * New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n *\r\n * Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":";;AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,
|
|
1
|
+
{"version":3,"file":"colorSchemes.cjs.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n *\r\n * - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n *\r\n * These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n *\r\n * New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n *\r\n * Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":";;AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorSchemes.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n *\r\n * - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n *\r\n * These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n *\r\n * New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n *\r\n * Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":"AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,
|
|
1
|
+
{"version":3,"file":"colorSchemes.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/**\r\n * ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n *\r\n * - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n *\r\n * These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n *\r\n * New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n *\r\n * Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":"AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id || uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position || position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size || size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgBA,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id || uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position || position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size || size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":"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"}
|
package/dist/core/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id || uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position || position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size || size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["classMap","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id || uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position || position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size || size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["classMap","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAAC,UAAU;AAAA,QACvC,GAAG;AAAA,QACH,IAAI,KAAK,MAAMC,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;AACd,wBAAgB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGX,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAAC,SAAS,YAAY,KAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzBD,UAAS;AAAA,MACTA,UAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,MAAA,EAAG,MAAK,QAAO,WAAWA,UAAS,MACjC,UAAA,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,gBAAM,eAAe,KAAK,YAAY;AACtC,gBAAM,oBAAoBA,UAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,OAAO,KAAK;AAAA,cACZ,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK,QAAQ;AAAA,cACnB,UAAU,KAAK;AAAA,cACf,QAAQ,KAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAY,KAAK,EAAG;AAAA,cACnC,WAAW,KAAK;AAAA,cAChB,UAAU,KAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACTA,UAAS;AAAA,gBACT,KAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAa,KAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBO,KAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;ACvG5B,MAAM,WAAW;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerColorSheme-BPX0H7hl.js","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/**\r\n * -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n *\r\n * Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n */\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/**\r\n * Registers custom color schemes.\r\n *\r\n * If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n *\r\n * @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n *\r\n * @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n */\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Removes a color scheme by its name.\r\n *\r\n * @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n *\r\n * @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n */\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/**\r\n * Returns a copy of all registered color schemes.\r\n *\r\n * @returns {ColorScheme[]} An array of all registered color schemes.\r\n *\r\n * @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":[],"mappings":";AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;
|
|
1
|
+
{"version":3,"file":"registerColorSheme-BPX0H7hl.js","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/**\r\n * -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n *\r\n * Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n */\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/**\r\n * Registers custom color schemes.\r\n *\r\n * If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n *\r\n * @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n *\r\n * @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n */\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Removes a color scheme by its name.\r\n *\r\n * @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n *\r\n * @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n */\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/**\r\n * Returns a copy of all registered color schemes.\r\n *\r\n * @returns {ColorScheme[]} An array of all registered color schemes.\r\n *\r\n * @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":[],"mappings":";AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;AAClC,UAAM,QAAQ,aAAa,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChB,mBAAa,KAAK,MAAM;AAAA,IAC1B,WAAW,UAAU;AACnB,mBAAa,KAAK,IAAI;AAAA,IACxB,WAAW,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,IACxE;AAAA,EACF;AACF;AA6BO,SAAS,qBAAoC;AAClD,SAAO,CAAC,GAAG,YAAY;AACzB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerColorSheme-nhYu5hbY.cjs","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/**\r\n * -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n *\r\n * Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n */\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/**\r\n * Registers custom color schemes.\r\n *\r\n * If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n *\r\n * @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n *\r\n * @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n */\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Removes a color scheme by its name.\r\n *\r\n * @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n *\r\n * @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n */\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/**\r\n * Returns a copy of all registered color schemes.\r\n *\r\n * @returns {ColorScheme[]} An array of all registered color schemes.\r\n *\r\n * @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":["colorSchemes"],"mappings":";;AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;
|
|
1
|
+
{"version":3,"file":"registerColorSheme-nhYu5hbY.cjs","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/**\r\n * -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n *\r\n * Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n */\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/**\r\n * Registers custom color schemes.\r\n *\r\n * If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n *\r\n * @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n *\r\n * @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n */\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Removes a color scheme by its name.\r\n *\r\n * @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n *\r\n * @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n */\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/**\r\n * Returns a copy of all registered color schemes.\r\n *\r\n * @returns {ColorScheme[]} An array of all registered color schemes.\r\n *\r\n * @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":["colorSchemes"],"mappings":";;AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;AAClC,UAAM,QAAQA,aAAAA,aAAa,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChBA,mBAAAA,aAAa,KAAK,MAAM;AAAA,IAC1B,WAAW,UAAU;AACnBA,mBAAAA,aAAa,KAAK,IAAI;AAAA,IACxB,WAAW,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,IACxE;AAAA,EACF;AACF;AA6BO,SAAS,qBAAoC;AAClD,SAAO,CAAC,GAAGA,aAAAA,YAAY;AACzB;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion-BD-HsAos.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id || internalId}-content`;\r\n const buttonId = `${id || internalId}-button`;\r\n const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion-BD-HsAos.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id || internalId}-content`;\r\n const buttonId = `${id || internalId}-button`;\r\n const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion-Bu2IAjE6.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id || internalId}-content`;\r\n const buttonId = `${id || internalId}-button`;\r\n const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion-Bu2IAjE6.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id || internalId}-content`;\r\n const buttonId = `${id || internalId}-button`;\r\n const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" || e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad || hasBeenExpanded) &&\r\n (!asyncContent || !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowRightIcon-BVb75OpX.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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 fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ArrowRightIcon-BVb75OpX.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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 fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;AAAA,MAAM,iBAA0D,CAAC,UAC/DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowRightIcon-BYQv5XS8.js","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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 fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ArrowRightIcon-BYQv5XS8.js","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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 fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":[],"mappings":";AAAA,MAAM,iBAA0D,CAAC,UAC/D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { I as Image } from "./image-
|
|
3
|
-
import { L as Link } from "./link-
|
|
2
|
+
import { I as Image } from "./image-CEz9QtOW.js";
|
|
3
|
+
import { L as Link } from "./link-Bik5xH00.js";
|
|
4
4
|
import { useState, useMemo } from "react";
|
|
5
5
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
6
6
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
@@ -274,4 +274,4 @@ const Avatar = (props) => /* @__PURE__ */ jsx(
|
|
|
274
274
|
export {
|
|
275
275
|
Avatar as A
|
|
276
276
|
};
|
|
277
|
-
//# sourceMappingURL=Avatar-
|
|
277
|
+
//# sourceMappingURL=Avatar-B0vflpuy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar-B0KvtR9U.js","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/next/Avatar.tsx"],"sourcesContent":["/**\r\n * Returns the initials from a given full name string.\r\n *\r\n * Extracts the first character from the first word and the first character of the second word (if available).\r\n * If only one word is provided, it uses the first two characters of that word as a fallback.\r\n * If no valid characters are found, it returns \"?\".\r\n *\r\n * @param {string} name - The full name to extract initials from.\r\n * @returns {string} A string of up to two uppercase initials, or \"?\" if the input is empty or invalid.\r\n *\r\n * @example\r\n * getInitials(\"John Doe\"); // \"JD\"\r\n * getInitials(\"Alice\"); // \"AL\"\r\n * getInitials(\" \"); // \"?\"\r\n */\r\nexport const getInitials = (name: string): string => {\r\n const words = name.trim().split(/\\s+/);\r\n const first = words[0]?.[0] || \"\";\r\n const second = words[1]?.[0] || words[0]?.[1] || \"\";\r\n return (first + second).toUpperCase() || \"?\";\r\n};\r\n","const FallbackUserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default FallbackUserIcon;\r\n","import React, { useMemo, useState, MouseEvent } from \"react\";\r\nimport { AvatarProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nexport interface AvatarBaseProps extends AvatarProps {\r\n ImageComponent?: React.ElementType;\r\n LinkComponent?: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AvatarBase: React.FC<AvatarBaseProps> = ({\r\n src,\r\n alt,\r\n name = \"\",\r\n label,\r\n onClick,\r\n disabled = false,\r\n href,\r\n status,\r\n statusIcon,\r\n statusPosition = \"bottomRight\",\r\n fallback,\r\n children,\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n shape = \"circle\",\r\n outline = false,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n priority = false,\r\n ImageComponent = \"img\",\r\n LinkComponent = \"a\",\r\n classMap,\r\n \"data-testid\": testId,\r\n}) => {\r\n const [imgError, setImgError] = useState(false);\r\n const computedLabel = label || alt || name || \"User avatar\";\r\n const fallbackContent =\r\n fallback ??\r\n (name ? (\r\n getInitials(name)\r\n ) : (\r\n <FallbackUserIcon className={classMap.fallback_icon} />\r\n ));\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.avatar,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[shape],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n disabled && classMap.disabled,\r\n outline && classMap.outline,\r\n onClick && classMap.clickable,\r\n className\r\n ),\r\n [theme, shape, size, outline, className]\r\n );\r\n\r\n const avatarContent =\r\n !imgError && src ? (\r\n <ImageComponent\r\n src={src}\r\n alt={computedLabel}\r\n className={classMap.image}\r\n onError={() => setImgError(true)}\r\n loading={priority ? \"eager\" : \"lazy\"}\r\n aria-hidden=\"false\"\r\n role=\"img\"\r\n data-testid={testId ? `${testId}-image` : undefined}\r\n fill={true}\r\n />\r\n ) : (\r\n <span\r\n className={classMap.initials}\r\n role=\"img\"\r\n aria-label={computedLabel}\r\n title={computedLabel}\r\n data-testid={testId ? `${testId}-initials` : undefined}\r\n >\r\n {fallbackContent}\r\n </span>\r\n );\r\n\r\n const statusIndicator = (status || statusIcon) && (\r\n <span\r\n className={combineClassNames(\r\n classMap.status,\r\n status && classMap[status],\r\n statusIcon ? \"icon_only\" : undefined,\r\n classMap[statusPosition]\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-status` : undefined}\r\n >\r\n {statusIcon || <span className={classMap.dot} />}\r\n </span>\r\n );\r\n\r\n const content = (\r\n <>\r\n {children ?? avatarContent}\r\n {statusIndicator}\r\n </>\r\n );\r\n\r\n const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n if (!href) e.preventDefault();\r\n };\r\n\r\n const ariaAttrs = {\r\n \"aria-label\": computedLabel,\r\n \"aria-disabled\": false,\r\n };\r\n\r\n if (href) {\r\n if (LinkComponent === \"a\") {\r\n return (\r\n <a\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid=\"avatar\"\r\n target={href.startsWith(\"http\") ? \"_blank\" : undefined}\r\n rel={href.startsWith(\"http\") ? \"noopener noreferrer\" : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n return (\r\n <LinkComponent\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </LinkComponent>\r\n );\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </button>\r\n );\r\n};\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\nimport styles from \"./Avatar.module.scss\";\r\n\r\nconst Avatar: React.FC<AvatarProps> = (props) => (\r\n <AvatarBase\r\n {...props}\r\n ImageComponent={Image}\r\n LinkComponent={Link}\r\n classMap={styles}\r\n />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["disabled","status","outline"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Avatar-B0vflpuy.js","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/next/Avatar.tsx"],"sourcesContent":["/**\r\n * Returns the initials from a given full name string.\r\n *\r\n * Extracts the first character from the first word and the first character of the second word (if available).\r\n * If only one word is provided, it uses the first two characters of that word as a fallback.\r\n * If no valid characters are found, it returns \"?\".\r\n *\r\n * @param {string} name - The full name to extract initials from.\r\n * @returns {string} A string of up to two uppercase initials, or \"?\" if the input is empty or invalid.\r\n *\r\n * @example\r\n * getInitials(\"John Doe\"); // \"JD\"\r\n * getInitials(\"Alice\"); // \"AL\"\r\n * getInitials(\" \"); // \"?\"\r\n */\r\nexport const getInitials = (name: string): string => {\r\n const words = name.trim().split(/\\s+/);\r\n const first = words[0]?.[0] || \"\";\r\n const second = words[1]?.[0] || words[0]?.[1] || \"\";\r\n return (first + second).toUpperCase() || \"?\";\r\n};\r\n","const FallbackUserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n <path\r\n d=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default FallbackUserIcon;\r\n","import React, { useMemo, useState, MouseEvent } from \"react\";\r\nimport { AvatarProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nexport interface AvatarBaseProps extends AvatarProps {\r\n ImageComponent?: React.ElementType;\r\n LinkComponent?: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AvatarBase: React.FC<AvatarBaseProps> = ({\r\n src,\r\n alt,\r\n name = \"\",\r\n label,\r\n onClick,\r\n disabled = false,\r\n href,\r\n status,\r\n statusIcon,\r\n statusPosition = \"bottomRight\",\r\n fallback,\r\n children,\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n shape = \"circle\",\r\n outline = false,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n priority = false,\r\n ImageComponent = \"img\",\r\n LinkComponent = \"a\",\r\n classMap,\r\n \"data-testid\": testId,\r\n}) => {\r\n const [imgError, setImgError] = useState(false);\r\n const computedLabel = label || alt || name || \"User avatar\";\r\n const fallbackContent =\r\n fallback ??\r\n (name ? (\r\n getInitials(name)\r\n ) : (\r\n <FallbackUserIcon className={classMap.fallback_icon} />\r\n ));\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.avatar,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[shape],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n disabled && classMap.disabled,\r\n outline && classMap.outline,\r\n onClick && classMap.clickable,\r\n className\r\n ),\r\n [theme, shape, size, outline, className]\r\n );\r\n\r\n const avatarContent =\r\n !imgError && src ? (\r\n <ImageComponent\r\n src={src}\r\n alt={computedLabel}\r\n className={classMap.image}\r\n onError={() => setImgError(true)}\r\n loading={priority ? \"eager\" : \"lazy\"}\r\n aria-hidden=\"false\"\r\n role=\"img\"\r\n data-testid={testId ? `${testId}-image` : undefined}\r\n fill={true}\r\n />\r\n ) : (\r\n <span\r\n className={classMap.initials}\r\n role=\"img\"\r\n aria-label={computedLabel}\r\n title={computedLabel}\r\n data-testid={testId ? `${testId}-initials` : undefined}\r\n >\r\n {fallbackContent}\r\n </span>\r\n );\r\n\r\n const statusIndicator = (status || statusIcon) && (\r\n <span\r\n className={combineClassNames(\r\n classMap.status,\r\n status && classMap[status],\r\n statusIcon ? \"icon_only\" : undefined,\r\n classMap[statusPosition]\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-status` : undefined}\r\n >\r\n {statusIcon || <span className={classMap.dot} />}\r\n </span>\r\n );\r\n\r\n const content = (\r\n <>\r\n {children ?? avatarContent}\r\n {statusIndicator}\r\n </>\r\n );\r\n\r\n const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n if (!href) e.preventDefault();\r\n };\r\n\r\n const ariaAttrs = {\r\n \"aria-label\": computedLabel,\r\n \"aria-disabled\": false,\r\n };\r\n\r\n if (href) {\r\n if (LinkComponent === \"a\") {\r\n return (\r\n <a\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid=\"avatar\"\r\n target={href.startsWith(\"http\") ? \"_blank\" : undefined}\r\n rel={href.startsWith(\"http\") ? \"noopener noreferrer\" : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n return (\r\n <LinkComponent\r\n href={href}\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </LinkComponent>\r\n );\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={combinedClassName}\r\n onClick={handleClick}\r\n data-testid={testId ? `${testId}-main` : undefined}\r\n {...ariaAttrs}\r\n >\r\n {content}\r\n </button>\r\n );\r\n};\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\nimport styles from \"./Avatar.module.scss\";\r\n\r\nconst Avatar: React.FC<AvatarProps> = (props) => (\r\n <AvatarBase\r\n {...props}\r\n ImageComponent={Image}\r\n LinkComponent={Link}\r\n classMap={styles}\r\n />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["disabled","status","outline"],"mappings":"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"}
|