@servicetitan/anvil2 1.37.2 → 1.39.0
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/CHANGELOG.md +41 -0
- package/dist/{Alert-DMk5bG5T-kR7Uzp64.js → Alert-C3WoRkeN-D_6Yf63F.js} +5 -5
- package/dist/{Alert-DMk5bG5T-kR7Uzp64.js.map → Alert-C3WoRkeN-D_6Yf63F.js.map} +1 -1
- package/dist/{Alert-BsFFiu7g.js → Alert-DipY5OlC.js} +3 -2
- package/dist/Alert-DipY5OlC.js.map +1 -0
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-BawOyXV3.js → Announcement-ButSjdLn.js} +5 -4
- package/dist/Announcement-ButSjdLn.js.map +1 -0
- package/dist/Announcement.js +1 -1
- package/dist/{AnvilProvider-DJ4lYJVW.js → AnvilProvider-Lh8YtV03.js} +2 -2
- package/dist/{AnvilProvider-DJ4lYJVW.js.map → AnvilProvider-Lh8YtV03.js.map} +1 -1
- package/dist/AnvilProvider.js +1 -1
- package/dist/{Avatar-C2IfIAxL-BUio7c00.js → Avatar-B20IdOEO-Di14brYV.js} +23 -4
- package/dist/Avatar-B20IdOEO-Di14brYV.js.map +1 -0
- package/dist/Avatar-hNOToS9S.js +42 -0
- package/dist/Avatar-hNOToS9S.js.map +1 -0
- package/dist/Avatar.js +1 -1
- package/dist/{Badge-Bko3Cw3L.js → Badge-7aZfE-LH.js} +3 -2
- package/dist/{Badge-Bko3Cw3L.js.map → Badge-7aZfE-LH.js.map} +1 -1
- package/dist/Badge.js +1 -1
- package/dist/{Breadcrumbs-BP5QXVje.js → Breadcrumbs-DJbCkSeD.js} +35 -5
- package/dist/Breadcrumbs-DJbCkSeD.js.map +1 -0
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Button-C-QpfgfF-CRBE7KiD.js → Button-BaHFf1AT-BQy-PFB5.js} +3 -3
- package/dist/{Button-C-QpfgfF-CRBE7KiD.js.map → Button-BaHFf1AT-BQy-PFB5.js.map} +1 -1
- package/dist/{Button-NTFmgcbr.js → Button-DMQKV2sV.js} +4 -3
- package/dist/Button-DMQKV2sV.js.map +1 -0
- package/dist/Button.js +1 -1
- package/dist/{ButtonCompound-Dp5J4W81-BkZ68L4-.js → ButtonCompound-Cs2A5X-Z-Dl3InVab.js} +2 -2
- package/dist/{ButtonCompound-Dp5J4W81-BkZ68L4-.js.map → ButtonCompound-Cs2A5X-Z-Dl3InVab.js.map} +1 -1
- package/dist/{ButtonCompound-DlgIyoB9.js → ButtonCompound-DGuF0zzT.js} +3 -2
- package/dist/ButtonCompound-DGuF0zzT.js.map +1 -0
- package/dist/ButtonCompound.js +1 -1
- package/dist/{ButtonLink-CSaxjhI2-KLVGwWjE.js → ButtonLink-5qlX0uZx-b9H7MGhk.js} +6 -4
- package/dist/ButtonLink-5qlX0uZx-b9H7MGhk.js.map +1 -0
- package/dist/{ButtonLink-B_uUWBLY.js → ButtonLink-B0NJuVk5.js} +4 -3
- package/dist/ButtonLink-B0NJuVk5.js.map +1 -0
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-CvXIngRd-BiWpOOWr.js → ButtonToggle-Bm4KRl3o-B1-LbfjY.js} +3 -3
- package/dist/{ButtonToggle-CvXIngRd-BiWpOOWr.js.map → ButtonToggle-Bm4KRl3o-B1-LbfjY.js.map} +1 -1
- package/dist/{ButtonToggle-D3tcTRq9.js → ButtonToggle-CKVyEODc.js} +3 -2
- package/dist/ButtonToggle-CKVyEODc.js.map +1 -0
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-Bn00Dnc--DcCNi1xz.js → Calendar-BT6eeZDr-CSY_7I1M.js} +9 -9
- package/dist/{Calendar-Bn00Dnc--DcCNi1xz.js.map → Calendar-BT6eeZDr-CSY_7I1M.js.map} +1 -1
- package/dist/Calendar-CIWOPMcu.js +130 -0
- package/dist/Calendar-CIWOPMcu.js.map +1 -0
- package/dist/Calendar.js +1 -1
- package/dist/{Card-DgxiRqS_.js → Card-U2IJPk8B.js} +3 -2
- package/dist/Card-U2IJPk8B.js.map +1 -0
- package/dist/{Card-BNT0qpxt-OPUNKZW6.js → Card-ZknG-yim-7W6rYSFV.js} +3 -3
- package/dist/{Card-BNT0qpxt-OPUNKZW6.js.map → Card-ZknG-yim-7W6rYSFV.js.map} +1 -1
- package/dist/Card.js +1 -1
- package/dist/{Checkbox-CRurfeRE-BR_NXfh6.js → Checkbox-BNrjUtHs-CfExXZer.js} +6 -5
- package/dist/Checkbox-BNrjUtHs-CfExXZer.js.map +1 -0
- package/dist/{Checkbox-BIlp8xmW.js → Checkbox-ic-HmakR.js} +25 -2
- package/dist/Checkbox-ic-HmakR.js.map +1 -0
- package/dist/Checkbox.js +1 -1
- package/dist/{Chip-BQ58RQ3v.js → Chip-BlLavyIK.js} +2 -2
- package/dist/Chip-BlLavyIK.js.map +1 -0
- package/dist/{Chip-DwiMFYBm-CIDM1d8e.js → Chip-_daV8CmM-CTke7zH4.js} +5 -5
- package/dist/{Chip-DwiMFYBm-CIDM1d8e.js.map → Chip-_daV8CmM-CTke7zH4.js.map} +1 -1
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-Dde7-7tv.js → Combobox-DR7O7aaZ.js} +187 -24
- package/dist/Combobox-DR7O7aaZ.js.map +1 -0
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-D-eVP6xh.js → DateField-CYT6udu8.js} +18 -13
- package/dist/DateField-CYT6udu8.js.map +1 -0
- package/dist/DateField.js +1 -1
- package/dist/{DaysOfTheWeek-Dz-aZ-LW.js → DaysOfTheWeek-DbjM8UPz.js} +7 -7
- package/dist/DaysOfTheWeek-DbjM8UPz.js.map +1 -0
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Details-ChZdA5Yo.js → Details-DVg0EOkv.js} +51 -3
- package/dist/Details-DVg0EOkv.js.map +1 -0
- package/dist/Details.js +1 -1
- package/dist/{Dialog-DJhN8QWP.js → Dialog-BmeXBcs-.js} +125 -4
- package/dist/Dialog-BmeXBcs-.js.map +1 -0
- package/dist/Dialog.js +1 -1
- package/dist/{Divider-Crum3dyV.js → Divider-CN36wX4s.js} +3 -2
- package/dist/Divider-CN36wX4s.js.map +1 -0
- package/dist/Divider.js +1 -1
- package/dist/Dnd.js +1 -1
- package/dist/{DndSort-Dy_D1EnT.js → DndSort-Cl0FCNQm.js} +6 -6
- package/dist/{DndSort-Dy_D1EnT.js.map → DndSort-Cl0FCNQm.js.map} +1 -1
- package/dist/DndSort.js +1 -1
- package/dist/Drawer-8jQ-jaiv.js +142 -0
- package/dist/Drawer-8jQ-jaiv.js.map +1 -0
- package/dist/Drawer.js +1 -1
- package/dist/{EditCard-BNwoKJ_6.js → EditCard-C0hD1VPA.js} +7 -6
- package/dist/EditCard-C0hD1VPA.js.map +1 -0
- package/dist/EditCard.js +1 -1
- package/dist/{FieldMessage-Js4e1ezw-DZ6YDx24.js → FieldMessage-Bobp105T-DYhStLY4.js} +5 -5
- package/dist/FieldMessage-Bobp105T-DYhStLY4.js.map +1 -0
- package/dist/FieldMessage-Bobp105T.css +32 -0
- package/dist/{FieldMessage-CERWyhwG.js → FieldMessage-DkJ0K5s-.js} +2 -2
- package/dist/FieldMessage-DkJ0K5s-.js.map +1 -0
- package/dist/FieldMessage.js +1 -1
- package/dist/{Flex-EX9xObMl-BPBQ7nb5.js → Flex-CiK7uNUu-BfxHG4L0.js} +3 -3
- package/dist/{Flex-EX9xObMl-BPBQ7nb5.js.map → Flex-CiK7uNUu-BfxHG4L0.js.map} +1 -1
- package/dist/{Flex-DT1l-wJc.js → Flex-Ln6PmaDl.js} +3 -2
- package/dist/Flex-Ln6PmaDl.js.map +1 -0
- package/dist/Flex.js +1 -1
- package/dist/Grid-CMcDeSYT.js +33 -0
- package/dist/Grid-CMcDeSYT.js.map +1 -0
- package/dist/{Grid-BmNHm7Fa.js → Grid-DFAd8mTe.js} +2 -2
- package/dist/{Grid-BmNHm7Fa.js.map → Grid-DFAd8mTe.js.map} +1 -1
- package/dist/Grid.js +1 -1
- package/dist/{HammerProvider-BEJW4XcH-BBKdl0zs.js → HammerProvider-CYP98rq3-Dd9GVIyP.js} +3 -3
- package/dist/{HammerProvider-BEJW4XcH-BBKdl0zs.js.map → HammerProvider-CYP98rq3-Dd9GVIyP.js.map} +1 -1
- package/dist/Helper-h7k80qls-DHPFHTvI.js +46 -0
- package/dist/Helper-h7k80qls-DHPFHTvI.js.map +1 -0
- package/dist/{FieldMessage-Js4e1ezw.css → Helper-h7k80qls.css} +8 -9
- package/dist/{Icon-BrdmZw1i-CG-LzgEz.js → Icon-B6HmlQiR-BxQkO3X5.js} +3 -3
- package/dist/{Icon-BrdmZw1i-CG-LzgEz.js.map → Icon-B6HmlQiR-BxQkO3X5.js.map} +1 -1
- package/dist/{Icon-CcUV8glf.js → Icon-BgKqBmlj.js} +3 -2
- package/dist/Icon-BgKqBmlj.js.map +1 -0
- package/dist/Icon.js +1 -1
- package/dist/InputMask-CiHg25XE-DXRWDeku.js +231 -0
- package/dist/InputMask-CiHg25XE-DXRWDeku.js.map +1 -0
- package/dist/{InputMask-CeqX68uX.js → InputMask-DH14Bp7r.js} +3 -2
- package/dist/InputMask-DH14Bp7r.js.map +1 -0
- package/dist/InputMask.js +1 -1
- package/dist/Layout-CUUb2PVr.js.map +1 -1
- package/dist/{Link-K3nk4QAp.js → Link-DZa0wmkA.js} +3 -3
- package/dist/Link-DZa0wmkA.js.map +1 -0
- package/dist/{Link-CVN5Mwtx-B08PO1ef.js → Link-Dqp_XXl_-Bv20l_tY.js} +4 -4
- package/dist/{Link-CVN5Mwtx-B08PO1ef.js.map → Link-Dqp_XXl_-Bv20l_tY.js.map} +1 -1
- package/dist/Link.js +1 -1
- package/dist/{ListView-zlg5FlKW.js → ListView-HBQy0Qmv.js} +87 -47
- package/dist/ListView-HBQy0Qmv.js.map +1 -0
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-DLlT8qbJ-BvhkfmIf.js → Listbox-BvJLSAVO-Br5k6fmq.js} +51 -10
- package/dist/Listbox-BvJLSAVO-Br5k6fmq.js.map +1 -0
- package/dist/Listbox-dVARiucB.js +67 -0
- package/dist/Listbox-dVARiucB.js.map +1 -0
- package/dist/Listbox.js +1 -1
- package/dist/{LocalizationProvider-FkvhW-le-DPTpcI0N.js → LocalizationProvider-VtRAfGBT-Bo8XuFoE.js} +2 -2
- package/dist/{LocalizationProvider-FkvhW-le-DPTpcI0N.js.map → LocalizationProvider-VtRAfGBT-Bo8XuFoE.js.map} +1 -1
- package/dist/LocalizationProvider.js +1 -1
- package/dist/{Menu-BjzTwENs.js → Menu-CijOsL76.js} +60 -10
- package/dist/Menu-CijOsL76.js.map +1 -0
- package/dist/Menu.js +1 -1
- package/dist/{Overflow-vc1mxjUD.js → Overflow-B6rIOkAI.js} +27 -2
- package/dist/Overflow-B6rIOkAI.js.map +1 -0
- package/dist/{Overflow-ENfRRD_5-DLHLZ02e.js → Overflow-BrXwlYpn-CtqaiNgb.js} +25 -4
- package/dist/Overflow-BrXwlYpn-CtqaiNgb.js.map +1 -0
- package/dist/Overflow.js +1 -1
- package/dist/{Page-CSM-a2UE.js → Page-CdkxWab-.js} +131 -15
- package/dist/Page-CdkxWab-.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/Popover-CCcd-JhF.js +135 -0
- package/dist/Popover-CCcd-JhF.js.map +1 -0
- package/dist/{Popover-CpyYXmal-I-E-B4u8.js → Popover-CVCAWhdO-dI3x1kfe.js} +80 -8
- package/dist/Popover-CVCAWhdO-dI3x1kfe.js.map +1 -0
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-B25Wxpaf.js → ProgressBar-BEDtxKDv.js} +3 -2
- package/dist/ProgressBar-BEDtxKDv.js.map +1 -0
- package/dist/{ProgressBar-CeClhdcf-Dcft7ZjO.js → ProgressBar-CZhkKwaS-BppwbCSh.js} +184 -106
- package/dist/ProgressBar-CZhkKwaS-BppwbCSh.js.map +1 -0
- package/dist/ProgressBar-CZhkKwaS.css +671 -0
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-BlMDLvPw-DUeywcYR.js → Radio-DiBn0-hf-CCkWosaL.js} +25 -5
- package/dist/Radio-DiBn0-hf-CCkWosaL.js.map +1 -0
- package/dist/Radio-Sj9M1KAg.js +66 -0
- package/dist/Radio-Sj9M1KAg.js.map +1 -0
- package/dist/Radio.js +1 -1
- package/dist/{SearchField-D3z4LjJg.js → SearchField-BQY7LHe2.js} +7 -6
- package/dist/SearchField-BQY7LHe2.js.map +1 -0
- package/dist/SearchField.js +1 -1
- package/dist/{SegmentedControl-D_ADGpVy.js → SegmentedControl-DKMQuf7s.js} +41 -2
- package/dist/SegmentedControl-DKMQuf7s.js.map +1 -0
- package/dist/SegmentedControl.js +1 -1
- package/dist/{SelectCard-D26y01WZ-BWN9G09J.js → SelectCard-CY8IVFDT-lXO3-mQ_.js} +70 -21
- package/dist/SelectCard-CY8IVFDT-lXO3-mQ_.js.map +1 -0
- package/dist/SelectCard.js +1 -1
- package/dist/SelectCardGroup-DLt9z9b8.js +49 -0
- package/dist/SelectCardGroup-DLt9z9b8.js.map +1 -0
- package/dist/{SideNav-C7wc1_JK.js → SideNav-DEoGpeqJ.js} +130 -10
- package/dist/SideNav-DEoGpeqJ.js.map +1 -0
- package/dist/SideNav.js +1 -1
- package/dist/Skeleton-COxTdwjO.js +398 -0
- package/dist/Skeleton-COxTdwjO.js.map +1 -0
- package/dist/Skeleton.js +1 -1
- package/dist/{Spinner-Bc5-_6pK.js → Spinner-C1r3COiQ.js} +2 -1
- package/dist/Spinner-C1r3COiQ.js.map +1 -0
- package/dist/Spinner.js +1 -1
- package/dist/SrOnly-C_I8eH4C.js.map +1 -1
- package/dist/{Stepper-Bp0w8eRW.js → Stepper-CwIV7ZiT.js} +281 -6
- package/dist/Stepper-CwIV7ZiT.js.map +1 -0
- package/dist/Stepper.js +1 -1
- package/dist/{Switch-BbHIwrGc.js → Switch-DAQFzi-X.js} +20 -10
- package/dist/Switch-DAQFzi-X.js.map +1 -0
- package/dist/Switch.css +23 -24
- package/dist/Switch.js +1 -1
- package/dist/{Tab-DcOQTX5Z.js → Tab-BSC7e4rM.js} +127 -10
- package/dist/Tab-BSC7e4rM.js.map +1 -0
- package/dist/Tab.js +1 -1
- package/dist/{Text-BDYfD8j4.js → Text-B91g6xKn.js} +3 -2
- package/dist/Text-B91g6xKn.js.map +1 -0
- package/dist/{Text-CN_-FF7J-Dzoy8A70.js → Text-DCvcLCvf-DlmnnjTR.js} +3 -3
- package/dist/{Text-CN_-FF7J-Dzoy8A70.js.map → Text-DCvcLCvf-DlmnnjTR.js.map} +1 -1
- package/dist/Text.js +1 -1
- package/dist/{TextField-Bp1q4hMI-2jGZG2k2.js → TextField-C5KbQxoU-DGLAOhCu.js} +9 -10
- package/dist/TextField-C5KbQxoU-DGLAOhCu.js.map +1 -0
- package/dist/{TextField-Ds9EKvSs.js → TextField-DUohb_Y6.js} +3 -2
- package/dist/{TextField-Ds9EKvSs.js.map → TextField-DUohb_Y6.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-CMELRfU8.js → Textarea-HGQXwvO1.js} +10 -10
- package/dist/Textarea-HGQXwvO1.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/{ThemeProvider-D2x18Y1l.js → ThemeProvider-BKave7Ha.js} +2 -2
- package/dist/{ThemeProvider-D2x18Y1l.js.map → ThemeProvider-BKave7Ha.js.map} +1 -1
- package/dist/{ThemeProvider-BIeaAmWx-DVYOQ6bw.js → ThemeProvider-CR67FJg0-DYVRlJRA.js} +3 -3
- package/dist/{ThemeProvider-BIeaAmWx-DVYOQ6bw.js.map → ThemeProvider-CR67FJg0-DYVRlJRA.js.map} +1 -1
- package/dist/ThemeProvider.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-CYwR6GQG.js → Toolbar-28Uv31qc.js} +183 -14
- package/dist/Toolbar-28Uv31qc.js.map +1 -0
- package/dist/Toolbar.css +1 -11
- package/dist/Toolbar.js +1 -1
- package/dist/Tooltip-ZUko7Bl3.js +73 -0
- package/dist/Tooltip-ZUko7Bl3.js.map +1 -0
- package/dist/Tooltip.js +1 -1
- package/dist/assets/css-utils/a2-border.css +53 -0
- package/dist/assets/css-utils/a2-color.css +235 -0
- package/dist/assets/css-utils/a2-font.css +49 -0
- package/dist/assets/css-utils/a2-spacing.css +483 -0
- package/dist/assets/css-utils/a2-utils.css +785 -0
- package/dist/assets/icons/st/insurance_work_queue.svg +1 -0
- package/dist/assets/icons/st/production_work_queue.svg +1 -0
- package/dist/assets/icons/st.ts +2 -0
- package/dist/components/Alert/Alert.d.ts +37 -0
- package/dist/components/Announcement/Announcement.d.ts +37 -0
- package/dist/components/Avatar/Avatar.d.ts +73 -0
- package/dist/components/Badge/Badge.d.ts +27 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +39 -0
- package/dist/components/Button/Button.d.ts +28 -0
- package/dist/components/ButtonCompound/ButtonCompound.d.ts +24 -0
- package/dist/components/ButtonLink/ButtonLink.d.ts +30 -0
- package/dist/components/ButtonToggle/ButtonToggle.d.ts +32 -0
- package/dist/components/Calendar/Calendar.d.ts +114 -0
- package/dist/components/Card/Card.d.ts +24 -0
- package/dist/components/Checkbox/Checkbox.d.ts +77 -0
- package/dist/components/Chip/Chip.d.ts +34 -0
- package/dist/components/Combobox/Combobox.d.ts +442 -2
- package/dist/components/DateField/DateField.d.ts +65 -0
- package/dist/components/DaysOfTheWeek/DaysOfTheWeek.d.ts +44 -6
- package/dist/components/Details/Details.d.ts +68 -0
- package/dist/components/Dialog/Dialog.d.ts +178 -0
- package/dist/components/Divider/Divider.d.ts +24 -0
- package/dist/components/Drawer/Drawer.d.ts +200 -0
- package/dist/components/EditCard/EditCard.d.ts +50 -0
- package/dist/components/FieldMessage/FieldMessage.d.ts +31 -0
- package/dist/components/Flex/Flex.d.ts +48 -0
- package/dist/components/Grid/Grid.d.ts +74 -0
- package/dist/components/Icon/Icon.d.ts +39 -0
- package/dist/components/InputMask/InputMask.d.ts +57 -0
- package/dist/components/Layout/Layout.d.ts +131 -0
- package/dist/components/Link/Link.d.ts +47 -0
- package/dist/components/ListView/ListView.d.ts +85 -0
- package/dist/components/Listbox/Listbox.d.ts +124 -0
- package/dist/components/Menu/Menu.d.ts +85 -1
- package/dist/components/Overflow/Overflow.d.ts +84 -0
- package/dist/components/Page/Page.d.ts +443 -0
- package/dist/components/Popover/Popover.d.ts +268 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +52 -0
- package/dist/components/Radio/Radio.d.ts +121 -0
- package/dist/components/SearchField/SearchField.d.ts +37 -0
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +98 -0
- package/dist/components/SelectCard/SelectCard.d.ts +60 -0
- package/dist/components/SelectCard/SelectCardGroup.d.ts +37 -0
- package/dist/components/SideNav/SideNav.d.ts +192 -2
- package/dist/components/SideNav/SideNavProvider.d.ts +30 -0
- package/dist/components/Skeleton/Skeleton.d.ts +130 -0
- package/dist/components/Spinner/Spinner.d.ts +25 -0
- package/dist/components/SrOnly/SrOnly.d.ts +19 -0
- package/dist/components/Stepper/Stepper.d.ts +335 -0
- package/dist/components/Switch/Switch.d.ts +33 -0
- package/dist/components/Tab/Tab.d.ts +152 -0
- package/dist/components/Text/Text.d.ts +37 -0
- package/dist/components/Textarea/Textarea.d.ts +50 -0
- package/dist/components/Toast/Toaster.d.ts +43 -0
- package/dist/components/Toast/toast.d.ts +31 -0
- package/dist/components/Toolbar/Toolbar.d.ts +251 -0
- package/dist/components/Tooltip/Tooltip.d.ts +123 -0
- package/dist/{floating-ui.react-Domgunz0.js → floating-ui.react-BFNinq1w.js} +2 -2
- package/dist/{floating-ui.react-Domgunz0.js.map → floating-ui.react-BFNinq1w.js.map} +1 -1
- package/dist/hooks/useSize/index.d.ts +15 -0
- package/dist/hooks/useTrackingId/index.d.ts +19 -0
- package/dist/{index-CdSSO4ct-elKOdXPf.js → index-CKfiQx8n-4nziUo7G.js} +4 -4
- package/dist/{index-CdSSO4ct-elKOdXPf.js.map → index-CKfiQx8n-4nziUo7G.js.map} +1 -1
- package/dist/index.js +57 -57
- package/dist/{toast-C-6NdR43.js → toast-DjypuZMf.js} +3 -3
- package/dist/toast-DjypuZMf.js.map +1 -0
- package/dist/token/core/css-utils/a2-border.css +53 -0
- package/dist/token/core/css-utils/a2-color.css +235 -0
- package/dist/token/core/css-utils/a2-font.css +49 -0
- package/dist/token/core/css-utils/a2-spacing.css +483 -0
- package/dist/token/core/css-utils/a2-utils.css +785 -0
- package/dist/{useLayoutPropsUtil-GT5myWCm-Clw_nEze.js → useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js} +6 -4
- package/dist/useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js.map +1 -0
- package/dist/useLinkStyles.js +1 -1
- package/dist/useSize.js.map +1 -1
- package/dist/{useSwipe-DIUHs7T5-DIUHs7T5.js → useSwipe-CULmVQEk-CULmVQEk.js} +2 -2
- package/dist/useSwipe-CULmVQEk-CULmVQEk.js.map +1 -0
- package/dist/useSwipe.js +1 -1
- package/dist/useTrackingId.js.map +1 -1
- package/package.json +4 -3
- package/dist/Alert-BsFFiu7g.js.map +0 -1
- package/dist/Announcement-BawOyXV3.js.map +0 -1
- package/dist/Avatar-C2IfIAxL-BUio7c00.js.map +0 -1
- package/dist/Avatar-DYCN2A_l.js +0 -20
- package/dist/Avatar-DYCN2A_l.js.map +0 -1
- package/dist/Breadcrumbs-BP5QXVje.js.map +0 -1
- package/dist/Button-NTFmgcbr.js.map +0 -1
- package/dist/Button2.css +0 -8
- package/dist/ButtonCompound-DlgIyoB9.js.map +0 -1
- package/dist/ButtonLink-B_uUWBLY.js.map +0 -1
- package/dist/ButtonLink-CSaxjhI2-KLVGwWjE.js.map +0 -1
- package/dist/ButtonLink.css +0 -10
- package/dist/ButtonToggle-D3tcTRq9.js.map +0 -1
- package/dist/Calendar-B4MO-Uhv.js +0 -57
- package/dist/Calendar-B4MO-Uhv.js.map +0 -1
- package/dist/Card-DgxiRqS_.js.map +0 -1
- package/dist/Checkbox-BIlp8xmW.js.map +0 -1
- package/dist/Checkbox-CRurfeRE-BR_NXfh6.js.map +0 -1
- package/dist/Chip-BQ58RQ3v.js.map +0 -1
- package/dist/Combobox-Dde7-7tv.js.map +0 -1
- package/dist/DateField-D-eVP6xh.js.map +0 -1
- package/dist/DaysOfTheWeek-Dz-aZ-LW.js.map +0 -1
- package/dist/Details-ChZdA5Yo.js.map +0 -1
- package/dist/Dialog-DJhN8QWP.js.map +0 -1
- package/dist/Divider-Crum3dyV.js.map +0 -1
- package/dist/Drawer-BFfakO8h.js +0 -66
- package/dist/Drawer-BFfakO8h.js.map +0 -1
- package/dist/EditCard-BNwoKJ_6.js.map +0 -1
- package/dist/FieldMessage-CERWyhwG.js.map +0 -1
- package/dist/FieldMessage-Js4e1ezw-DZ6YDx24.js.map +0 -1
- package/dist/Flex-DT1l-wJc.js.map +0 -1
- package/dist/Grid-h9VbEjJe.js +0 -14
- package/dist/Grid-h9VbEjJe.js.map +0 -1
- package/dist/Icon-CcUV8glf.js.map +0 -1
- package/dist/InputMask-CeqX68uX.js.map +0 -1
- package/dist/InputMask-DfpkWGmY-D8QEut94.js +0 -323
- package/dist/InputMask-DfpkWGmY-D8QEut94.js.map +0 -1
- package/dist/Link-K3nk4QAp.js.map +0 -1
- package/dist/ListView-zlg5FlKW.js.map +0 -1
- package/dist/Listbox-36Mda5DS.js +0 -37
- package/dist/Listbox-36Mda5DS.js.map +0 -1
- package/dist/Listbox-DLlT8qbJ-BvhkfmIf.js.map +0 -1
- package/dist/Menu-BjzTwENs.js.map +0 -1
- package/dist/Overflow-ENfRRD_5-DLHLZ02e.js.map +0 -1
- package/dist/Overflow-vc1mxjUD.js.map +0 -1
- package/dist/Page-CSM-a2UE.js.map +0 -1
- package/dist/Popover-CpyYXmal-I-E-B4u8.js.map +0 -1
- package/dist/Popover-a81z9wSj.js +0 -56
- package/dist/Popover-a81z9wSj.js.map +0 -1
- package/dist/ProgressBar-B25Wxpaf.js.map +0 -1
- package/dist/ProgressBar-CeClhdcf-Dcft7ZjO.js.map +0 -1
- package/dist/ProgressBar-CeClhdcf.css +0 -666
- package/dist/Radio-BlMDLvPw-DUeywcYR.js.map +0 -1
- package/dist/Radio-D3CqAXiM.js +0 -34
- package/dist/Radio-D3CqAXiM.js.map +0 -1
- package/dist/SearchField-D3z4LjJg.js.map +0 -1
- package/dist/SegmentedControl-D_ADGpVy.js.map +0 -1
- package/dist/SelectCard-D26y01WZ-BWN9G09J.js.map +0 -1
- package/dist/SelectCardGroup-DxA6P-Q7.js +0 -21
- package/dist/SelectCardGroup-DxA6P-Q7.js.map +0 -1
- package/dist/SideNav-C7wc1_JK.js.map +0 -1
- package/dist/Skeleton-CdzDKQi4.js +0 -215
- package/dist/Skeleton-CdzDKQi4.js.map +0 -1
- package/dist/Spinner-Bc5-_6pK.js.map +0 -1
- package/dist/Stepper-Bp0w8eRW.js.map +0 -1
- package/dist/Switch-BbHIwrGc.js.map +0 -1
- package/dist/Tab-DcOQTX5Z.js.map +0 -1
- package/dist/Text-BDYfD8j4.js.map +0 -1
- package/dist/TextField-Bp1q4hMI-2jGZG2k2.js.map +0 -1
- package/dist/Textarea-CMELRfU8.js.map +0 -1
- package/dist/Toolbar-CYwR6GQG.js.map +0 -1
- package/dist/Tooltip-C-UNrFz3.js +0 -34
- package/dist/Tooltip-C-UNrFz3.js.map +0 -1
- package/dist/toast-C-6NdR43.js.map +0 -1
- package/dist/useLayoutPropsUtil-GT5myWCm-Clw_nEze.js.map +0 -1
- package/dist/useSwipe-DIUHs7T5-DIUHs7T5.js.map +0 -1
- /package/dist/{Alert-DMk5bG5T.css → Alert-C3WoRkeN.css} +0 -0
- /package/dist/{Avatar-C2IfIAxL.css → Avatar-B20IdOEO.css} +0 -0
- /package/dist/{Calendar-Bn00Dnc-.css → Calendar-BT6eeZDr.css} +0 -0
- /package/dist/{Card-BNT0qpxt.css → Card-ZknG-yim.css} +0 -0
- /package/dist/{Chip-DwiMFYBm.css → Chip-_daV8CmM.css} +0 -0
- /package/dist/{Flex-EX9xObMl.css → Flex-CiK7uNUu.css} +0 -0
- /package/dist/{Icon-BrdmZw1i.css → Icon-B6HmlQiR.css} +0 -0
- /package/dist/{Link-CVN5Mwtx.css → Link-Dqp_XXl_.css} +0 -0
- /package/dist/{Overflow-ENfRRD_5.css → Overflow-BrXwlYpn.css} +0 -0
- /package/dist/{Popover-CpyYXmal.css → Popover-CVCAWhdO.css} +0 -0
- /package/dist/{Radio-BlMDLvPw.css → Radio-DiBn0-hf.css} +0 -0
- /package/dist/{SelectCard-D26y01WZ.css → SelectCard-CY8IVFDT.css} +0 -0
- /package/dist/{Text-CN_-FF7J.css → Text-DCvcLCvf.css} +0 -0
- /package/dist/{ThemeProvider-BIeaAmWx.css → ThemeProvider-CR67FJg0.css} +0 -0
- /package/dist/{index-CdSSO4ct.css → index-CKfiQx8n.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,46 @@
|
|
|
1
1
|
# @servicetitan/anvil2
|
|
2
2
|
|
|
3
|
+
## 1.39.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1341](https://github.com/servicetitan/hammer/pull/1341) [`46212ed`](https://github.com/servicetitan/hammer/commit/46212ed9ff046019b8c65a7edfce746766c93e90) Thanks [@rgdelato](https://github.com/rgdelato)! - [CSS Utils] Add `"a2-"` prefixed CSS utils files
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#1344](https://github.com/servicetitan/hammer/pull/1344) [`62d0547`](https://github.com/servicetitan/hammer/commit/62d05471a27676615864d539adb910d02d2c934a) Thanks [@ericag1985](https://github.com/ericag1985)! - [Tooltip] Fixed custom trigger content so that it is always an accessible element
|
|
12
|
+
|
|
13
|
+
- [#1346](https://github.com/servicetitan/hammer/pull/1346) [`12a8880`](https://github.com/servicetitan/hammer/commit/12a8880afeec369f09e1f4b3ad2f7f630fe00cfa) Thanks [@rgdelato](https://github.com/rgdelato)! - [FieldMessage] Update `FieldMessage` CSS reset
|
|
14
|
+
|
|
15
|
+
- [#1344](https://github.com/servicetitan/hammer/pull/1344) [`62d0547`](https://github.com/servicetitan/hammer/commit/62d05471a27676615864d539adb910d02d2c934a) Thanks [@ericag1985](https://github.com/ericag1985)! - [SearchField, TextField, TextArea] Fix label logic so that there is always an accessible label present
|
|
16
|
+
|
|
17
|
+
- [#1342](https://github.com/servicetitan/hammer/pull/1342) [`ac30e1c`](https://github.com/servicetitan/hammer/commit/ac30e1c52b7b546b89baedcd3e33d4e2cfc0db43) Thanks [@rgdelato](https://github.com/rgdelato)! - [SelectCard] Fix `SelectCard` `defaultChecked` inside of `SelectCardGroup`
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`62d0547`](https://github.com/servicetitan/hammer/commit/62d05471a27676615864d539adb910d02d2c934a), [`12a8880`](https://github.com/servicetitan/hammer/commit/12a8880afeec369f09e1f4b3ad2f7f630fe00cfa), [`62d0547`](https://github.com/servicetitan/hammer/commit/62d05471a27676615864d539adb910d02d2c934a), [`ac30e1c`](https://github.com/servicetitan/hammer/commit/ac30e1c52b7b546b89baedcd3e33d4e2cfc0db43), [`46212ed`](https://github.com/servicetitan/hammer/commit/46212ed9ff046019b8c65a7edfce746766c93e90)]:
|
|
20
|
+
- @servicetitan/hammer-react@1.37.4
|
|
21
|
+
- @servicetitan/hammer-token@2.4.0
|
|
22
|
+
|
|
23
|
+
## 1.38.0
|
|
24
|
+
|
|
25
|
+
### Minor Changes
|
|
26
|
+
|
|
27
|
+
- [#1330](https://github.com/servicetitan/hammer/pull/1330) [`8658e41`](https://github.com/servicetitan/hammer/commit/8658e41857e7fe6d69de07b8e880a25ac4f3c5b7) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Icon] Add icons insurance_work_queue and production_work_queue
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- [#1309](https://github.com/servicetitan/hammer/pull/1309) [`d0d3a50`](https://github.com/servicetitan/hammer/commit/d0d3a5009a453d9f7665bcdd73974055451ed593) Thanks [@ericag1985](https://github.com/ericag1985)! - [Switch] Fix no helper text being present
|
|
32
|
+
|
|
33
|
+
- [#1329](https://github.com/servicetitan/hammer/pull/1329) [`fd8dd1b`](https://github.com/servicetitan/hammer/commit/fd8dd1b312e3fac008ce58808ef1148aeab00ae2) Thanks [@tounsoo](https://github.com/tounsoo)! - [Page] Fix PagePanel mobile size to be closed when clicked outside which breaks the state sync
|
|
34
|
+
|
|
35
|
+
- [#1319](https://github.com/servicetitan/hammer/pull/1319) [`708f38e`](https://github.com/servicetitan/hammer/commit/708f38e9954cb37d6eaa838ab998efce5f07ab62) Thanks [@rgdelato](https://github.com/rgdelato)! - [Fonts] Add `@servicetitan/anvil-fonts` import to `index.ts` in `hammer-react`
|
|
36
|
+
|
|
37
|
+
- [#1339](https://github.com/servicetitan/hammer/pull/1339) [`66f764c`](https://github.com/servicetitan/hammer/commit/66f764cf3e8dc243213641ce92e25e13c5424c05) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [InputMask, DateField] Fix keypresses being swallowed on Android devices
|
|
38
|
+
|
|
39
|
+
- [#1332](https://github.com/servicetitan/hammer/pull/1332) [`bad14e1`](https://github.com/servicetitan/hammer/commit/bad14e137fd0990073abd5852d3a0f27a6bf4a76) Thanks [@tounsoo](https://github.com/tounsoo)! - [ListView] Fix onSelectionChange not firing and incorrectly firing at wrong state change
|
|
40
|
+
|
|
41
|
+
- Updated dependencies [[`d0d3a50`](https://github.com/servicetitan/hammer/commit/d0d3a5009a453d9f7665bcdd73974055451ed593), [`708f38e`](https://github.com/servicetitan/hammer/commit/708f38e9954cb37d6eaa838ab998efce5f07ab62), [`66f764c`](https://github.com/servicetitan/hammer/commit/66f764cf3e8dc243213641ce92e25e13c5424c05), [`bad14e1`](https://github.com/servicetitan/hammer/commit/bad14e137fd0990073abd5852d3a0f27a6bf4a76)]:
|
|
42
|
+
- @servicetitan/hammer-react@1.37.3
|
|
43
|
+
|
|
3
44
|
## 1.37.2
|
|
4
45
|
|
|
5
46
|
### Patch Changes
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
-
import { B as Button } from './Button-
|
|
4
|
+
import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
5
5
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
6
6
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
7
7
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
8
|
-
import { I as Icon } from './Icon-
|
|
9
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
8
|
+
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
9
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
10
10
|
|
|
11
|
-
import './Alert-
|
|
11
|
+
import './Alert-C3WoRkeN.css';const alert = "_alert_16him_2";
|
|
12
12
|
const content = "_content_16him_34";
|
|
13
13
|
const top = "_top_16him_42";
|
|
14
14
|
const success = "_success_16him_60";
|
|
@@ -95,4 +95,4 @@ const Alert = forwardRef((props, ref) => {
|
|
|
95
95
|
Alert.displayName = "Alert";
|
|
96
96
|
|
|
97
97
|
export { Alert as A };
|
|
98
|
-
//# sourceMappingURL=Alert-
|
|
98
|
+
//# sourceMappingURL=Alert-C3WoRkeN-D_6Yf63F.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
1
|
+
{"version":3,"file":"Alert-C3WoRkeN-D_6Yf63F.js","sources":["../../hammer-react/dist/Alert-C3WoRkeN.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './Alert.css';const alert = \"_alert_16him_2\";\nconst content = \"_content_16him_34\";\nconst top = \"_top_16him_42\";\nconst success = \"_success_16him_60\";\nconst warning = \"_warning_16him_66\";\nconst danger = \"_danger_16him_72\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_16him_27\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_16him_48\",\n\t\"status-icon\": \"_status-icon_16him_56\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_16him_80\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Alert = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n ...rest\n } = componentProps;\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n \"data-anv\": \"alert\",\n role: \"status\",\n className: alertCx,\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"top\"], children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status ?? \"info\"]\n }\n ),\n title\n ] }),\n !!onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} alert`\n }\n ) })\n ] }),\n children && /* @__PURE__ */ jsx(\"div\", { className: styles[\"content\"], children })\n ]\n }\n );\n});\nAlert.displayName = \"Alert\";\n\nexport { Alert as A };\n//# sourceMappingURL=Alert-C3WoRkeN.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":";;;;;;;;;;AAYqB,MAAM,KAAK,GAAG,gBAAgB;AACnD,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,GAAG,GAAG,eAAe;AAC3B,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,MAAM,GAAG;AACf,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,GAAG,EAAE,GAAG;AACT,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,cAAc,EAAE;AACjB,CAAC;;AAED,MAAM,aAAa,GAAG;AACtB,EAAE,IAAI,EAAEA,OAAI;AACZ,EAAE,OAAO,EAAEC,cAAO;AAClB,EAAE,OAAO,EAAEC,UAAO;AAClB,EAAE,MAAM,EAAEC;AACV,CAAC;AACI,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACzC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM,GAAG,MAAM;AACnB,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;AACjD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,KAAK,SAAS;AAC7C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,KAAK,SAAS;AAC7C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,KAAK;AACnC,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,IAAI;AAC7B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,UAAU,EAAE,OAAO;AACzB,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,SAAS,EAAE,OAAO;AACxB,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,EAAE;AAChB,wBAAwB,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE;AAC1E,0BAA0B,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE;AACzF,4BAA4B,GAAG;AAC/B,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;AAChD,gBAAgB,GAAG,EAAE,aAAa,CAAC,MAAM,IAAI,MAAM;AACnD;AACA,aAAa;AACb,YAAY;AACZ,WAAW,EAAE,CAAC;AACd,UAAU,CAAC,CAAC,OAAO,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,kBAAkB,GAAG;AACxH,YAAY,MAAM;AAClB,YAAY;AACZ,cAAc,IAAI,EAAEC,QAAK;AACzB,cAAc,IAAI,EAAE,OAAO;AAC3B,cAAc,UAAU,EAAE,OAAO;AACjC,cAAc,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/C,cAAc,OAAO,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;AACxC,cAAc,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM;AACpD;AACA,WAAW,EAAE;AACb,SAAS,EAAE,CAAC;AACZ,QAAQ,QAAQ,oBAAoB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE;AACzF;AACA;AACA,GAAG;AACH,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
|
-
import { A as Alert$1 } from './Alert-
|
|
4
|
+
import { A as Alert$1 } from './Alert-C3WoRkeN-D_6Yf63F.js';
|
|
5
5
|
|
|
6
6
|
const Alert = forwardRef(
|
|
7
7
|
(props, ref) => {
|
|
@@ -17,6 +17,7 @@ const Alert = forwardRef(
|
|
|
17
17
|
return /* @__PURE__ */ jsx(Alert$1, { ref, "data-tracking-id": trackingId, ...props });
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
|
+
Alert.displayName = Alert$1.displayName;
|
|
20
21
|
|
|
21
22
|
export { Alert as A };
|
|
22
|
-
//# sourceMappingURL=Alert-
|
|
23
|
+
//# sourceMappingURL=Alert-DipY5OlC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert-DipY5OlC.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n AlertProps as CoreAlertProps,\n Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Alert component\n * @property {string} title - The title text displayed in the alert\n * @property {Status} [status] - The visual style of the alert (info, success, warning, danger)\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n * @extends OnCloseProps\n * @extends DataTrackingId\n */\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\n/**\n * Alert component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible alerts\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Alert\n * title=\"System Update\"\n * onClose={() => console.log('Alert closed')}\n * >\n * The system will be updated tonight.\n * </Alert>\n *\n * @example\n * <Alert\n * status=\"success\"\n * title=\"Operation Complete\"\n * >\n * Your changes have been saved successfully.\n * </Alert>\n */\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nAlert.displayName = CoreAlert.displayName;\n"],"names":["CoreAlert"],"mappings":";;;;;AA+CO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE;AACA,KAAA,CAAM,cAAcA,OAAU,CAAA,WAAA;;;;"}
|
package/dist/Alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Alert, A as default } from './Alert-
|
|
1
|
+
export { A as Alert, A as default } from './Alert-DipY5OlC.js';
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -2,12 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { B as Button } from './Button-
|
|
5
|
+
import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
6
6
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
7
7
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
8
8
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
9
|
-
import { I as Icon } from './Icon-
|
|
10
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
9
|
+
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
10
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
11
11
|
|
|
12
12
|
import './Announcement.css';const announcement = "_announcement_26ioj_2";
|
|
13
13
|
const title = "_title_26ioj_44";
|
|
@@ -107,6 +107,7 @@ const Announcement = forwardRef(
|
|
|
107
107
|
return /* @__PURE__ */ jsx(Announcement$1, { ref, "data-tracking-id": trackingId, ...props });
|
|
108
108
|
}
|
|
109
109
|
);
|
|
110
|
+
Announcement.displayName = Announcement$1.displayName;
|
|
110
111
|
|
|
111
112
|
export { Announcement as A };
|
|
112
|
-
//# sourceMappingURL=Announcement-
|
|
113
|
+
//# sourceMappingURL=Announcement-ButSjdLn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Announcement-ButSjdLn.js","sources":["../../hammer-react/dist/Announcement-DKDZiu_X.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './Announcement.css';const announcement = \"_announcement_26ioj_2\";\nconst title = \"_title_26ioj_44\";\nconst success = \"_success_26ioj_61\";\nconst warning = \"_warning_26ioj_68\";\nconst danger = \"_danger_26ioj_75\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_26ioj_35\",\n\t\"title-container\": \"_title-container_26ioj_44\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_26ioj_58\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_26ioj_84\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n onClose,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status]\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n onClose ? /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} announcement`\n }\n ) }) : null\n ]\n }\n );\n }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement as A };\n//# sourceMappingURL=Announcement-DKDZiu_X.js.map\n","import {\n AnnouncementProps as CoreAnnouncementProps,\n Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Announcement component\n * @property {string} title - The title text displayed in the announcement\n * @property {Status} [status] - The visual style of the announcement (info, success, warning, danger)\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n * @extends OnCloseProps\n * @extends DataTrackingId\n */\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\n/**\n * Announcement component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible announcements\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Includes data tracking capabilities\n *\n * @example\n * <Announcement\n * title=\"New Feature\"\n * onClose={() => console.log('Announcement closed')}\n * >\n * Check out our latest feature!\n * </Announcement>\n *\n * @example\n * <Announcement\n * status=\"warning\"\n * title=\"Maintenance Notice\"\n * >\n * Scheduled maintenance will begin in 30 minutes.\n * </Announcement>\n */\nexport const Announcement = forwardRef(\n (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nAnnouncement.displayName = CoreAnnouncement.displayName;\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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"}
|
package/dist/Announcement.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Announcement, A as default } from './Announcement-
|
|
1
|
+
export { A as Announcement, A as default } from './Announcement-ButSjdLn.js';
|
|
2
2
|
//# sourceMappingURL=Announcement.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { T as TrackingProvider } from './TrackingProvider-BtSjkmpM.js';
|
|
3
|
-
import { H as HammerProviderContext, a as HammerProvider } from './HammerProvider-
|
|
3
|
+
import { H as HammerProviderContext, a as HammerProvider } from './HammerProvider-CYP98rq3-Dd9GVIyP.js';
|
|
4
4
|
|
|
5
5
|
const AnvilProviderContext = HammerProviderContext;
|
|
6
6
|
const AnvilProvider = ({
|
|
@@ -13,4 +13,4 @@ const AnvilProvider = ({
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { AnvilProvider as A, AnvilProviderContext as a };
|
|
16
|
-
//# sourceMappingURL=AnvilProvider-
|
|
16
|
+
//# sourceMappingURL=AnvilProvider-Lh8YtV03.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnvilProvider-
|
|
1
|
+
{"version":3,"file":"AnvilProvider-Lh8YtV03.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import {\n HammerProvider,\n HammerProviderContext,\n type HammerProviderProps,\n type HammerProviderContextProps,\n} from \"@servicetitan/hammer-react\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport interface AnvilProviderProps extends HammerProviderProps {\n trackingIdData?: {\n scope?: string;\n optOut?: boolean;\n };\n}\n\nexport { HammerProviderContextProps as AnvilProviderContextProps };\nexport const AnvilProviderContext = HammerProviderContext;\n\nexport const AnvilProvider = ({\n children,\n trackingIdData,\n ...props\n}: AnvilProviderProps) => {\n const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n return (\n <HammerProvider {...props}>\n <TrackingProvider scope={scope} optOut={optOut}>\n {children}\n </TrackingProvider>\n </HammerProvider>\n );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,oBAAuB,GAAA;AAE7B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,EAAE,KAAQ,GAAA,IAAA,EAAM,MAAO,EAAA,GAAI,kBAAkB,EAAC;AAEpD,EACE,uBAAA,GAAA,CAAC,kBAAgB,GAAG,KAAA,EAClB,8BAAC,gBAAiB,EAAA,EAAA,KAAA,EAAc,MAC7B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
|
package/dist/AnvilProvider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-
|
|
1
|
+
export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-Lh8YtV03.js';
|
|
2
2
|
//# sourceMappingURL=AnvilProvider.js.map
|
|
@@ -3,12 +3,12 @@ import { forwardRef, Children, isValidElement, cloneElement, useRef, useState, u
|
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
|
|
5
5
|
import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
|
|
6
|
-
import { a as ThemeProviderContext } from './ThemeProvider-
|
|
6
|
+
import { a as ThemeProviderContext } from './ThemeProvider-CR67FJg0-DYVRlJRA.js';
|
|
7
7
|
import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
|
|
8
8
|
import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
|
|
9
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
9
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
10
10
|
|
|
11
|
-
import './Avatar-
|
|
11
|
+
import './Avatar-B20IdOEO.css';function getInitial(name) {
|
|
12
12
|
if (!name) return void 0;
|
|
13
13
|
const nameArray = name.split(" ").filter(Boolean);
|
|
14
14
|
if (nameArray.length > 1)
|
|
@@ -228,8 +228,27 @@ const AvatarElement = forwardRef((props, ref) => {
|
|
|
228
228
|
});
|
|
229
229
|
AvatarElement.displayName = "Avatar";
|
|
230
230
|
const Avatar = Object.assign(AvatarElement, {
|
|
231
|
+
/**
|
|
232
|
+
* AvatarGroup component for displaying multiple avatars in a group.
|
|
233
|
+
*
|
|
234
|
+
* Features:
|
|
235
|
+
* - Displays multiple avatars in a stacked layout
|
|
236
|
+
* - Handles overflow with a count indicator
|
|
237
|
+
* - Maintains consistent sizing across all avatars
|
|
238
|
+
* - Supports custom styling and layout
|
|
239
|
+
* - Automatically adjusts z-index for proper stacking
|
|
240
|
+
* - Fully accessible with screen reader support
|
|
241
|
+
*
|
|
242
|
+
* @example
|
|
243
|
+
* <Avatar.Group max={3}>
|
|
244
|
+
* <Avatar name="John Doe" />
|
|
245
|
+
* <Avatar name="Jane Smith" />
|
|
246
|
+
* <Avatar name="Bob Johnson" />
|
|
247
|
+
* <Avatar name="Alice Brown" />
|
|
248
|
+
* </Avatar.Group>
|
|
249
|
+
*/
|
|
231
250
|
Group: AvatarGroup
|
|
232
251
|
});
|
|
233
252
|
|
|
234
253
|
export { AvatarGroup as A, Avatar as a };
|
|
235
|
-
//# sourceMappingURL=Avatar-
|
|
254
|
+
//# sourceMappingURL=Avatar-B20IdOEO-Di14brYV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar-B20IdOEO-Di14brYV.js","sources":["../../hammer-react/dist/getInitial.js","../../hammer-react/dist/Avatar-B20IdOEO.js"],"sourcesContent":["function getInitial(name) {\n if (!name) return void 0;\n const nameArray = name.split(\" \").filter(Boolean);\n if (nameArray.length > 1)\n return `${nameArray[0][0]?.toUpperCase()}${nameArray[nameArray.length - 1][0].toUpperCase()}`;\n if (nameArray[0][1]) {\n return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;\n }\n return `${nameArray[0][0].toUpperCase()}`;\n}\n\nexport { getInitial };\n//# sourceMappingURL=getInitial.js.map\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, cloneElement } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-CR67FJg0.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { getInitial } from './getInitial.js';\n\nimport './Avatar.css';const small$1 = \"_small_1gdlr_20\";\nconst medium = \"_medium_1gdlr_26\";\nconst large$1 = \"_large_1gdlr_32\";\nconst styles = {\n\t\"avatar-group\": \"_avatar-group_1gdlr_2\",\n\tsmall: small$1,\n\tmedium: medium,\n\tlarge: large$1\n};\n\nconst initial = \"_initial_1uqnz_49\";\nconst img = \"_img_1uqnz_57\";\nconst indicator = \"_indicator_1uqnz_66\";\nconst online = \"_online_1uqnz_80\";\nconst offline = \"_offline_1uqnz_83\";\nconst small = \"_small_1uqnz_90\";\nconst large = \"_large_1uqnz_105\";\nconst avatarBaseStyles = {\n\t\"avatar-base\": \"_avatar-base_1uqnz_2\",\n\tinitial: initial,\n\timg: img,\n\tindicator: indicator,\n\tonline: online,\n\toffline: offline,\n\t\"overflow-ten-plus\": \"_overflow-ten-plus_1uqnz_87\",\n\tsmall: small,\n\tlarge: large\n};\n\nconst AvatarBase = forwardRef(\n (props, ref) => {\n const {\n className,\n color,\n status,\n name,\n image,\n initials,\n style,\n size,\n ...rest\n } = props;\n const elRef = useRef(null);\n const imgRef = useRef(null);\n const [hasImageErrored, setHasImageErrored] = useState(false);\n const avatarBaseClassNames = cx(avatarBaseStyles[\"avatar-base\"], className, {\n [avatarBaseStyles[`${size}`]]: size\n });\n const onlineIndicatorClassNames = cx(avatarBaseStyles[\"indicator\"], {\n [avatarBaseStyles[\"offline\"]]: !status || status === \"offline\",\n [avatarBaseStyles[\"online\"]]: status && status === \"online\"\n });\n const { mode: themeMode } = useContext(ThemeProviderContext);\n const { mode: sysMode } = usePrefersColorScheme();\n const mode = themeMode ?? sysMode;\n const { foreground, background, border } = useAccessibleColor(color, mode);\n const styleWithColor = {\n \"--int-bg-color\": color && background,\n \"--int-font-color\": color && foreground,\n \"--int-border-color\": color && border,\n ...style\n };\n const onlineIndicatorBorderColor = useMemo(() => {\n if (mode === \"dark\") {\n if (color) {\n return tinycolor(background).brighten(20).toHexString();\n }\n }\n return \"var(--background-color)\";\n }, [color, mode, background]);\n const onlineIndicatorStyles = {\n \"--int-border-color\": onlineIndicatorBorderColor\n };\n const onlineString = status;\n const srOnly = [name, onlineString].filter(Boolean).join(\" \");\n useEffect(() => {\n if (image) {\n setHasImageErrored(false);\n }\n }, [image]);\n useEffect(() => {\n if (image && imgRef.current && imgRef.current.complete) {\n const img = new Image();\n img.onerror = () => setHasImageErrored(true);\n img.src = image;\n }\n }, []);\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: avatarBaseClassNames,\n style: styleWithColor,\n \"data-anv\": \"avatarBase\",\n ...rest,\n ref: useMergeRefs([elRef, ref]),\n children: [\n image && !hasImageErrored ? /* @__PURE__ */ jsx(\n \"img\",\n {\n className: avatarBaseStyles[\"img\"],\n \"aria-hidden\": true,\n src: image,\n alt: name,\n onError: () => setHasImageErrored(true),\n ref: imgRef\n }\n ) : initials ? /* @__PURE__ */ jsx(\"span\", { className: avatarBaseStyles[\"initial\"], \"aria-hidden\": true, children: initials }) : /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, children: \"?\" }),\n status && /* @__PURE__ */ jsx(\n \"span\",\n {\n \"aria-hidden\": true,\n className: onlineIndicatorClassNames,\n style: onlineIndicatorStyles\n }\n ),\n /* @__PURE__ */ jsx(SrOnly, { children: srOnly })\n ]\n }\n );\n }\n);\nAvatarBase.displayName = \"AvatarBase\";\n\nconst AvatarGroup = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, max, style, children, ...rest } = componentProps;\n const childrenArr = Children.toArray(children);\n const inferredSize = (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? \"medium\";\n const isOverflowing = max ? max < childrenArr.length : false;\n const overflowCount = max && childrenArr.length - max;\n const avatarGroupClassNames = cx(styles[\"avatar-group\"], className, {\n [styles[`${inferredSize}`]]: inferredSize\n });\n const avatarBaseOverflowClassNames = cx(\n avatarBaseStyles[\"avatar-base-overflow\"],\n {\n [avatarBaseStyles[\"overflow-ten-plus\"]]: overflowCount && overflowCount > 9\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n ref,\n className: avatarGroupClassNames,\n style: styleCombined,\n \"data-anv\": \"avatar-group\",\n ...rest,\n children: [\n childrenArr.map((child, i) => {\n let childEl = child;\n if (isValidElement(child)) {\n const nIndex = childrenArr.length - i;\n const nStyle = {\n ...child.props.style,\n zIndex: nIndex\n };\n childEl = cloneElement(child, {\n style: nStyle\n });\n }\n if (!max) return childEl;\n if (i < max) return childEl;\n return null;\n }),\n isOverflowing && max && /* @__PURE__ */ jsx(\n AvatarBase,\n {\n className: avatarBaseOverflowClassNames,\n name: `+${overflowCount}`,\n initials: `+${overflowCount}`,\n size: inferredSize\n }\n )\n ]\n }\n );\n }\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n\nconst AvatarElement = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { name, style, ...rest } = componentProps;\n const styleWithLayout = useMemo(() => {\n return {\n ...layoutStyles,\n ...style\n };\n }, [layoutStyles, style]);\n const initials = getInitial(name);\n return /* @__PURE__ */ jsx(\n AvatarBase,\n {\n style: styleWithLayout,\n \"data-anv\": \"avatar\",\n name,\n ref,\n initials: rest.size === \"small\" ? initials?.[0] : initials,\n ...rest\n }\n );\n});\nAvatarElement.displayName = \"Avatar\";\nconst Avatar = Object.assign(AvatarElement, {\n /**\n * AvatarGroup component for displaying multiple avatars in a group.\n *\n * Features:\n * - Displays multiple avatars in a stacked layout\n * - Handles overflow with a count indicator\n * - Maintains consistent sizing across all avatars\n * - Supports custom styling and layout\n * - Automatically adjusts z-index for proper stacking\n * - Fully accessible with screen reader support\n *\n * @example\n * <Avatar.Group max={3}>\n * <Avatar name=\"John Doe\" />\n * <Avatar name=\"Jane Smith\" />\n * <Avatar name=\"Bob Johnson\" />\n * <Avatar name=\"Alice Brown\" />\n * </Avatar.Group>\n */\n Group: AvatarGroup\n});\n\nexport { Avatar as A, AvatarGroup as a };\n//# sourceMappingURL=Avatar-B20IdOEO.js.map\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { A as AvatarGroup$1, a as Avatar$1 } from './Avatar-B20IdOEO-Di14brYV.js';
|
|
4
|
+
|
|
5
|
+
const AvatarElement = forwardRef(
|
|
6
|
+
(props, ref) => {
|
|
7
|
+
return /* @__PURE__ */ jsx(Avatar$1, { ref, ...props });
|
|
8
|
+
}
|
|
9
|
+
);
|
|
10
|
+
AvatarElement.displayName = Avatar$1.displayName;
|
|
11
|
+
const AvatarGroup = forwardRef(
|
|
12
|
+
(props, ref) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(AvatarGroup$1, { ref, ...props });
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
AvatarGroup.displayName = AvatarGroup$1.displayName;
|
|
17
|
+
const Avatar = Object.assign(AvatarElement, {
|
|
18
|
+
/**
|
|
19
|
+
* AvatarGroup component for displaying multiple avatars in a group.
|
|
20
|
+
*
|
|
21
|
+
* Features:
|
|
22
|
+
* - Displays multiple avatars in a stacked layout
|
|
23
|
+
* - Handles overflow with a count indicator
|
|
24
|
+
* - Maintains consistent sizing across all avatars
|
|
25
|
+
* - Supports custom styling and layout
|
|
26
|
+
* - Automatically adjusts z-index for proper stacking
|
|
27
|
+
* - Fully accessible with screen reader support
|
|
28
|
+
* - Automatic tracking ID generation for analytics
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* <Avatar.Group max={3}>
|
|
32
|
+
* <Avatar name="John Doe" />
|
|
33
|
+
* <Avatar name="Jane Smith" />
|
|
34
|
+
* <Avatar name="Bob Johnson" />
|
|
35
|
+
* <Avatar name="Alice Brown" />
|
|
36
|
+
* </Avatar.Group>
|
|
37
|
+
*/
|
|
38
|
+
Group: AvatarGroup
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
export { Avatar as A, AvatarGroup as a };
|
|
42
|
+
//# sourceMappingURL=Avatar-hNOToS9S.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar-hNOToS9S.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n Avatar as CoreAvatar,\n AvatarProps as CoreAvatarProps,\n AvatarGroup as CoreAvatarGroup,\n AvatarGroupProps as CoreAvatarGroupProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Avatar component\n * @property {string} name - Full name used for alt text and screen reader\n * @property {string} [color] - Custom color of the Avatar\n * @property {string} [image] - Image source to be used for Avatar\n * @property {\"small\" | \"medium\" | \"large\"} [size] - Size of the Avatar\n * @property {\"online\" | \"offline\"} [status] - Online status of the Avatar\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<AvatarBaseProps, \"initials\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n * @extends DataTrackingId\n */\nexport type AvatarProps = CoreAvatarProps;\n\n/**\n * Props for the AvatarGroup component\n * @property {number} [max] - Maximum number of avatars to display before truncating\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends DataTrackingId\n */\nexport type AvatarGroupProps = CoreAvatarGroupProps;\n\nconst AvatarElement = forwardRef(\n (props: AvatarProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreAvatar ref={ref} {...props} />;\n },\n);\nAvatarElement.displayName = CoreAvatar.displayName;\n\n/**\n * AvatarGroup component for displaying multiple avatars in a group.\n *\n * Features:\n * - Displays multiple avatars in a stacked layout\n * - Handles overflow with a count indicator\n * - Maintains consistent sizing across all avatars\n * - Supports custom styling and layout\n * - Automatically adjusts z-index for proper stacking\n * - Fully accessible with screen reader support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Avatar.Group max={3}>\n * <Avatar name=\"John Doe\" />\n * <Avatar name=\"Jane Smith\" />\n * <Avatar name=\"Bob Johnson\" />\n * <Avatar name=\"Alice Brown\" />\n * </Avatar.Group>\n */\nexport const AvatarGroup = forwardRef(\n (props: AvatarGroupProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreAvatarGroup ref={ref} {...props} />;\n },\n);\nAvatarGroup.displayName = CoreAvatarGroup.displayName;\n\n/**\n * Avatar component for displaying user avatars with initials or images.\n *\n * Features:\n * - Displays user initials when no image is provided\n * - Supports custom colors and sizes\n * - Shows online/offline status\n * - Fully accessible with screen reader support\n * - Automatic image fallback handling\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Avatar name=\"John Doe\" size=\"medium\" status=\"online\" />\n */\nexport const Avatar = Object.assign(AvatarElement, {\n /**\n * AvatarGroup component for displaying multiple avatars in a group.\n *\n * Features:\n * - Displays multiple avatars in a stacked layout\n * - Handles overflow with a count indicator\n * - Maintains consistent sizing across all avatars\n * - Supports custom styling and layout\n * - Automatically adjusts z-index for proper stacking\n * - Fully accessible with screen reader support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Avatar.Group max={3}>\n * <Avatar name=\"John Doe\" />\n * <Avatar name=\"Jane Smith\" />\n * <Avatar name=\"Bob Johnson\" />\n * <Avatar name=\"Alice Brown\" />\n * </Avatar.Group>\n */\n Group: AvatarGroup,\n});\n"],"names":["CoreAvatar","CoreAvatarGroup"],"mappings":";;;;AA+BA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAA8B,KAAA;AACjD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AACA,aAAA,CAAc,cAAcA,QAAW,CAAA,WAAA;AAsBhC,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,CAAC,OAAyB,GAA8B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAC,aAAA,EAAA,EAAgB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEjD;AACA,WAAA,CAAY,cAAcA,aAAgB,CAAA,WAAA;AAgB7B,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBjD,KAAO,EAAA;AACT,CAAC;;;;"}
|
package/dist/Avatar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-
|
|
1
|
+
export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-hNOToS9S.js';
|
|
2
2
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
|
|
5
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
5
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
6
6
|
|
|
7
7
|
import './Badge.css';const badge = "_badge_1rwnm_2";
|
|
8
8
|
const empty = "_empty_1rwnm_43";
|
|
@@ -54,6 +54,7 @@ const Badge = forwardRef(
|
|
|
54
54
|
return /* @__PURE__ */ jsx(Badge$1, { ref, ...props });
|
|
55
55
|
}
|
|
56
56
|
);
|
|
57
|
+
Badge.displayName = Badge$1.displayName;
|
|
57
58
|
|
|
58
59
|
export { Badge as B };
|
|
59
|
-
//# sourceMappingURL=Badge-
|
|
60
|
+
//# sourceMappingURL=Badge-7aZfE-LH.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge-
|
|
1
|
+
{"version":3,"file":"Badge-7aZfE-LH.js","sources":["../../hammer-react/dist/Badge-DJ--NT-v.js","../src/components/Badge/Badge.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './Badge.css';const badge = \"_badge_1rwnm_2\";\nconst empty = \"_empty_1rwnm_43\";\nconst styles = {\n\tbadge: badge,\n\tempty: empty\n};\n\nconst Badge = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n offset,\n children,\n style,\n className,\n \"aria-label\": ariaLabel,\n ...rest\n } = componentProps;\n const classNames = cx(styles[\"badge\"], className, {\n [styles.empty]: !children\n });\n const offsetX = offset?.x ?? `0px`;\n const offsetY = offset?.y ?? `0px`;\n const iStyle = {\n ...style,\n ...layoutStyles,\n \"--offsetY\": offsetY,\n \"--offsetX\": offsetX\n };\n return /* @__PURE__ */ jsxs(\n \"sup\",\n {\n className: classNames,\n style: iStyle,\n \"data-anv\": \"badge\",\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsx(SrOnly, { children: ariaLabel }),\n children\n ]\n }\n );\n});\nBadge.displayName = \"Badge\";\n\nexport { Badge as B };\n//# sourceMappingURL=Badge-DJ--NT-v.js.map\n","import {\n BadgeProps as CoreBadgeProps,\n Badge as CoreBadge,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Badge component\n * @property {Object} [offset] - Optional offset configuration for badge positioning\n * @property {string} [offset.x] - Horizontal offset from the default position\n * @property {string} [offset.y] - Vertical offset from the default position\n * @extends ComponentPropsWithoutRef<\"sup\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n * @extends DataTrackingId\n */\nexport type BadgeProps = CoreBadgeProps;\n\n/**\n * Badge component for displaying small status indicators or counts.\n *\n * Features:\n * - Positioned as a superscript element\n * - Customizable offset positioning\n * - Screen reader support with aria-label\n * - Empty state styling when no content\n * - Supports layout utilities for positioning\n * - Accessible with proper ARIA roles\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Button>\n * Notifications\n * <Badge aria-label=\"3 new messages\">3</Badge>\n * </Button>\n */\nexport const Badge = forwardRef(\n (props: BadgeProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBadge ref={ref} {...props} />;\n },\n);\n\nBadge.displayName = CoreBadge.displayName;\n"],"names":["Badge","CoreBadge"],"mappings":";;;;;;AAMqB,MAAM,KAAK,GAAG,gBAAgB;AACnD,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,MAAM,GAAG;AACf,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,KAAK,EAAE;AACR,CAAC;;AAED,MAAMA,OAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACzC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,YAAY,EAAE,SAAS;AAC3B,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;AACpD,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;AACrB,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG,YAAY;AACnB,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,WAAW,EAAE;AACjB,GAAG;AACH,EAAE,uBAAuB,IAAI;AAC7B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,SAAS,EAAE,UAAU;AAC3B,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,UAAU,EAAE,OAAO;AACzB,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,EAAE;AAChB,wBAAwB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC5D,QAAQ;AACR;AACA;AACA,GAAG;AACH,CAAC,CAAC;AACFA,OAAK,CAAC,WAAW,GAAG,OAAO;;ACdpB,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAAgC,KAAA;AAClD,IAAA,uBAAQ,GAAA,CAAAC,OAAA,EAAA,EAAU,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE3C;AAEA,KAAA,CAAM,cAAcA,OAAU,CAAA,WAAA;;;;"}
|
package/dist/Badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { B as Badge, B as default } from './Badge-
|
|
1
|
+
export { B as Badge, B as default } from './Badge-7aZfE-LH.js';
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { forwardRef, Children, cloneElement } from 'react';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { L as Link } from './Link-
|
|
6
|
-
import { T as Text } from './Text-
|
|
7
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
8
|
-
import { I as Icon } from './Icon-
|
|
5
|
+
import { L as Link } from './Link-Dqp_XXl_-Bv20l_tY.js';
|
|
6
|
+
import { T as Text } from './Text-DCvcLCvf-DlmnnjTR.js';
|
|
7
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
8
|
+
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
9
9
|
|
|
10
10
|
import './Breadcrumbs.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
|
|
11
11
|
|
|
@@ -84,6 +84,20 @@ const BreadcrumbsElement$1 = forwardRef(
|
|
|
84
84
|
);
|
|
85
85
|
BreadcrumbsElement$1.displayName = "Breadcrumbs";
|
|
86
86
|
const Breadcrumbs$1 = Object.assign(BreadcrumbsElement$1, {
|
|
87
|
+
/**
|
|
88
|
+
* BreadcrumbsLink component for individual breadcrumb navigation items.
|
|
89
|
+
*
|
|
90
|
+
* Features:
|
|
91
|
+
* - Renders as a clickable link with secondary appearance
|
|
92
|
+
* - Supports all standard anchor element props
|
|
93
|
+
* - Includes layout utilities for positioning and spacing
|
|
94
|
+
* - Uses small text size for consistent styling
|
|
95
|
+
* - Fully accessible with proper focus management
|
|
96
|
+
* - Automatically applies secondary link styling
|
|
97
|
+
*
|
|
98
|
+
* @example
|
|
99
|
+
* <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
|
|
100
|
+
*/
|
|
87
101
|
Link: BreadcrumbsLink$1
|
|
88
102
|
});
|
|
89
103
|
|
|
@@ -92,14 +106,30 @@ const BreadcrumbsElement = forwardRef(
|
|
|
92
106
|
return /* @__PURE__ */ jsx(Breadcrumbs$1, { ref, ...props });
|
|
93
107
|
}
|
|
94
108
|
);
|
|
109
|
+
BreadcrumbsElement.displayName = Breadcrumbs$1.displayName;
|
|
95
110
|
const BreadcrumbsLink = forwardRef(
|
|
96
111
|
(props, ref) => {
|
|
97
112
|
return /* @__PURE__ */ jsx(BreadcrumbsLink$1, { ref, ...props });
|
|
98
113
|
}
|
|
99
114
|
);
|
|
115
|
+
BreadcrumbsLink.displayName = BreadcrumbsLink$1.displayName;
|
|
100
116
|
const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
117
|
+
/**
|
|
118
|
+
* BreadcrumbsLink component for individual breadcrumb navigation items.
|
|
119
|
+
*
|
|
120
|
+
* Features:
|
|
121
|
+
* - Renders as a clickable link with secondary appearance
|
|
122
|
+
* - Supports all standard anchor element props
|
|
123
|
+
* - Includes layout utilities for positioning and spacing
|
|
124
|
+
* - Uses small text size for consistent styling
|
|
125
|
+
* - Fully accessible with proper focus management
|
|
126
|
+
* - Automatic tracking ID generation for analytics
|
|
127
|
+
*
|
|
128
|
+
* @example
|
|
129
|
+
* <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
|
|
130
|
+
*/
|
|
101
131
|
Link: BreadcrumbsLink
|
|
102
132
|
});
|
|
103
133
|
|
|
104
134
|
export { Breadcrumbs as B, BreadcrumbsElement as a, BreadcrumbsLink as b };
|
|
105
|
-
//# sourceMappingURL=Breadcrumbs-
|
|
135
|
+
//# sourceMappingURL=Breadcrumbs-DJbCkSeD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs-DJbCkSeD.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../../hammer-react/dist/Breadcrumbs-D_jgwoN3.js","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { forwardRef, Children, cloneElement } from 'react';\nimport cx from 'classnames';\nimport ChevronRight from '@servicetitan/hammer-icon/mdi/filled/chevron_right.svg';\nimport { L as Link } from './Link-Dqp_XXl_.js';\nimport { T as Text } from './Text-DCvcLCvf.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\n\nimport './Breadcrumbs.css';const breadcrumbs = \"_breadcrumbs_1c7ez_2\";\nconst styles = {\n\tbreadcrumbs: breadcrumbs,\n\t\"breadcrumbs-link\": \"_breadcrumbs-link_1c7ez_18\"\n};\n\nconst BreadcrumbsLink = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Link,\n {\n tabIndex: 0,\n \"data-anv\": \"breadcrumbs-link\",\n style: styleCombined,\n appearance: \"secondary\",\n className: classes,\n ...rest,\n ref,\n children: /* @__PURE__ */ jsx(Text, { size: \"small\", inline: true, children })\n }\n );\n});\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n\nconst BreadcrumbsElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const linkCount = Children.count(children);\n return /* @__PURE__ */ jsx(\n \"nav\",\n {\n \"data-anv\": \"breadcrumbs\",\n style: styleCombined,\n className: classes,\n \"aria-label\": \"Breadcrumb\",\n ...rest,\n ref,\n children: Children.map(children, (link, i) => {\n if (i + 1 === linkCount) {\n return /* @__PURE__ */ jsx(\n Text,\n {\n inline: true,\n size: \"small\",\n style: {\n fontWeight: \"bold\"\n },\n children: link.props.children\n }\n );\n } else {\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n cloneElement(link),\n /* @__PURE__ */ jsx(Icon, { svg: ChevronRight, \"aria-hidden\": \"true\" })\n ] });\n }\n })\n }\n );\n }\n);\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\nconst Breadcrumbs = Object.assign(BreadcrumbsElement, {\n /**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n */\n Link: BreadcrumbsLink\n});\n\nexport { Breadcrumbs as B, BreadcrumbsLink as a };\n//# sourceMappingURL=Breadcrumbs-D_jgwoN3.js.map\n","import {\n BreadcrumbsLink as CoreBreadcrumbsLink,\n BreadcrumbsLinkProps as CoreBreadcrumbsLinkProps,\n BreadcrumbsProps as CoreBreadcrumbsProps,\n Breadcrumbs as CoreBreadcrumbs,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Breadcrumbs component\n * @property {ReactElement<BreadcrumbsLinkProps> | ReactElement<BreadcrumbsLinkProps>[]} children - Breadcrumb links to display. The last child will be rendered as non-clickable text.\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = CoreBreadcrumbsProps;\nexport type BreadcrumbsLinkProps = CoreBreadcrumbsLinkProps;\n\nexport const BreadcrumbsElement = forwardRef(\n (props: BreadcrumbsProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBreadcrumbs ref={ref} {...props} />;\n },\n);\nBreadcrumbsElement.displayName = CoreBreadcrumbs.displayName;\n\nexport const BreadcrumbsLink = forwardRef(\n (props: BreadcrumbsLinkProps, ref: Ref<HTMLAnchorElement>) => {\n return <CoreBreadcrumbsLink ref={ref} {...props} />;\n },\n);\nBreadcrumbsLink.displayName = CoreBreadcrumbsLink.displayName;\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Breadcrumbs>\n * <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n * <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n * <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(BreadcrumbsElement, {\n /**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n */\n Link: BreadcrumbsLink,\n});\n"],"names":["BreadcrumbsLink","BreadcrumbsElement","ChevronRight","Breadcrumbs","CoreBreadcrumbs","CoreBreadcrumbsLink"],"mappings":";;;;;;;;;AACA,MAAM,eAAe,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gDAAgD,EAAE,CAAC,CAAC;;ACQ9P,MAAM,WAAW,GAAG,sBAAsB;AACrE,MAAM,MAAM,GAAG;AACf,CAAC,WAAW,EAAE,WAAW;AACzB,CAAC,kBAAkB,EAAE;AACrB,CAAC;;AAED,MAAMA,iBAAe,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,cAAc;AAChE,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;AACjE,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,GAAG;AAC5B,IAAI,IAAI;AACR,IAAI;AACJ,MAAM,QAAQ,EAAE,CAAC;AACjB,MAAM,UAAU,EAAE,kBAAkB;AACpC,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,UAAU,EAAE,WAAW;AAC7B,MAAM,SAAS,EAAE,OAAO;AACxB,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,kBAAkB,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnF;AACA,GAAG;AACH,CAAC,CAAC;AACFA,iBAAe,CAAC,WAAW,GAAG,iBAAiB;;AAE/C,MAAMC,oBAAkB,GAAG,UAAU;AACrC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,cAAc;AAClE,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;AAC9D,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC9C,IAAI,uBAAuB,GAAG;AAC9B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,UAAU,EAAE,aAAa;AACjC,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,SAAS,EAAE,OAAO;AAC1B,QAAQ,YAAY,EAAE,YAAY;AAClC,QAAQ,GAAG,IAAI;AACf,QAAQ,GAAG;AACX,QAAQ,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;AACtD,UAAU,IAAI,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;AACnC,YAAY,uBAAuB,GAAG;AACtC,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,MAAM,EAAE,IAAI;AAC5B,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,KAAK,EAAE;AACvB,kBAAkB,UAAU,EAAE;AAC9B,iBAAiB;AACjB,gBAAgB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;AACrC;AACA,aAAa;AACb,WAAW,MAAM;AACjB,YAAY,uBAAuB,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE;AAC9D,cAAc,YAAY,CAAC,IAAI,CAAC;AAChC,8BAA8B,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,EAAEC,eAAY,EAAE,aAAa,EAAE,MAAM,EAAE;AACpF,aAAa,EAAE,CAAC;AAChB;AACA,SAAS;AACT;AACA,KAAK;AACL;AACA,CAAC;AACDD,oBAAkB,CAAC,WAAW,GAAG,aAAa;AAC9C,MAAME,aAAW,GAAG,MAAM,CAAC,MAAM,CAACF,oBAAkB,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,IAAI,EAAED;AACR,CAAC,CAAC;;AClFK,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAyB,GAAgC,KAAA;AACxD,IAAA,uBAAQ,GAAA,CAAAI,aAAA,EAAA,EAAgB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEjD;AACA,kBAAA,CAAmB,cAAcA,aAAgB,CAAA,WAAA;AAE1C,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,CAAC,OAA6B,GAAgC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,iBAAA,EAAA,EAAoB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAErD;AACA,eAAA,CAAgB,cAAcA,iBAAoB,CAAA,WAAA;AAqBrC,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,kBAAoB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe3D,IAAM,EAAA;AACR,CAAC;;;;"}
|
package/dist/Breadcrumbs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-
|
|
1
|
+
export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-DJbCkSeD.js';
|
|
2
2
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
-
import { I as Icon } from './Icon-
|
|
4
|
+
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
5
5
|
import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
|
|
6
6
|
import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
|
|
7
|
-
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-
|
|
7
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
8
8
|
|
|
9
9
|
const Button = forwardRef(
|
|
10
10
|
(props, ref) => {
|
|
@@ -94,4 +94,4 @@ const Button = forwardRef(
|
|
|
94
94
|
Button.displayName = "Button";
|
|
95
95
|
|
|
96
96
|
export { Button as B };
|
|
97
|
-
//# sourceMappingURL=Button-
|
|
97
|
+
//# sourceMappingURL=Button-BaHFf1AT-BQy-PFB5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-
|
|
1
|
+
{"version":3,"file":"Button-BaHFf1AT-BQy-PFB5.js","sources":["../../hammer-react/dist/Button-BaHFf1AT.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { s as styles } from './Button.module-BqTaW8HK.js';\nimport { S as Spinner } from './Spinner-DliJVzdW.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst Button = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n style,\n type = \"button\",\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2,\n size: !children && size !== \"small\" ? \"large\" : \"medium\"\n }\n );\n }\n return;\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled: disabled || loading,\n \"aria-busy\": loading ? true : void 0,\n \"data-anv\": \"button\",\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButton.displayName = \"Button\";\n\nexport { Button as B };\n//# sourceMappingURL=Button-BaHFf1AT.js.map\n"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
5
|
-
import { B as Button$1 } from './Button-
|
|
5
|
+
import { B as Button$1 } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const Button = forwardRef(
|
|
8
8
|
(props, ref) => {
|
|
9
9
|
const data = {
|
|
10
10
|
children: childrenToString(props.children),
|
|
@@ -21,6 +21,7 @@ import './Button2.css';const Button = forwardRef(
|
|
|
21
21
|
return /* @__PURE__ */ jsx(Button$1, { ref, "data-tracking-id": trackingId, ...props });
|
|
22
22
|
}
|
|
23
23
|
);
|
|
24
|
+
Button.displayName = Button$1.displayName;
|
|
24
25
|
|
|
25
26
|
export { Button as B };
|
|
26
|
-
//# sourceMappingURL=Button-
|
|
27
|
+
//# sourceMappingURL=Button-DMQKV2sV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-DMQKV2sV.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n ButtonProps as CoreButtonProps,\n Button as CoreButton,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Button component\n * @property {ButtonAppearance} [appearance] - The visual variant of the button\n * @property {\"small\" | \"medium\" | \"large\"} [size] - The size of the button\n * @property {boolean} [loading] - The loading state of the button\n * @property {IconProps[\"svg\"] | { after: IconProps[\"svg\"] } | { before: IconProps[\"svg\"] }} [icon] - The icons of the button\n * @extends CoreButtonProps\n * @extends DataTrackingId\n */\nexport type ButtonProps = CoreButtonProps & DataTrackingId;\n\n/**\n * Button component for triggering actions and user interactions.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Automatic disabled state when loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Button appearance=\"primary\" size=\"medium\" onClick={() => console.log('clicked')}>\n * Click Me\n * </Button>\n */\nexport const Button = forwardRef(\n (props: ButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n icon: props.icon,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"Button\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreButton ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n\nButton.displayName = CoreButton.displayName;\n"],"names":["CoreButton"],"mappings":";;;;;;AAuCO,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,QAAW,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE1E;AAEA,MAAA,CAAO,cAAcA,QAAW,CAAA,WAAA;;;;"}
|