@servicetitan/anvil2 0.7.0 → 0.8.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/Alert-34e59155.cjs +2 -0
- package/Alert-34e59155.cjs.map +1 -0
- package/Alert-824b3ad4.js +88 -0
- package/Alert-824b3ad4.js.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.css +1 -1
- package/Alert.d.ts +11 -3
- package/Alert.js +1 -1
- package/{Announcement-55ce78e1.js → Announcement-ba080c3e.js} +34 -35
- package/Announcement-ba080c3e.js.map +1 -0
- package/Announcement-f76d3977.cjs +2 -0
- package/Announcement-f76d3977.cjs.map +1 -0
- package/Announcement.cjs +1 -1
- package/Announcement.css +1 -1
- package/Announcement.d.ts +11 -3
- package/Announcement.js +1 -1
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.d.ts +9 -3
- package/AnvilProvider.js +1 -1
- package/Avatar-22bb74ca.js +118 -0
- package/Avatar-22bb74ca.js.map +1 -0
- package/Avatar-4e72aaae.cjs +2 -0
- package/Avatar-4e72aaae.cjs.map +1 -0
- package/Avatar.cjs +1 -1
- package/Avatar.css +1 -1
- package/Avatar.d.ts +31 -3
- package/Avatar.js +1 -1
- package/{Badge-0f0115d7.js → Badge-da23aed3.js} +12 -12
- package/Badge-da23aed3.js.map +1 -0
- package/Badge-ecee5e54.cjs +2 -0
- package/Badge-ecee5e54.cjs.map +1 -0
- package/Badge.cjs +1 -1
- package/Badge.css +1 -1
- package/Badge.d.ts +19 -3
- package/Badge.js +1 -1
- package/Button-66b9c955.js +274 -0
- package/Button-66b9c955.js.map +1 -0
- package/Button-bf9d62af.cjs +2 -0
- package/Button-bf9d62af.cjs.map +1 -0
- package/Button.cjs +1 -1
- package/Button.css +1 -1
- package/Button.d.ts +11 -3
- package/Button.js +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.d.ts +15 -3
- package/ButtonCompound.js +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.d.ts +25 -3
- package/ButtonLink.js +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.d.ts +22 -3
- package/ButtonToggle.js +1 -1
- package/{Calendar-eab84d20.js → Calendar-4d7aca93.js} +67 -68
- package/{Calendar-eab84d20.js.map → Calendar-4d7aca93.js.map} +1 -1
- package/Calendar-e1d1d08b.cjs +2 -0
- package/{Calendar-0180be99.cjs.map → Calendar-e1d1d08b.cjs.map} +1 -1
- package/Calendar.cjs +1 -1
- package/Calendar.d.ts +135 -3
- package/Calendar.js +1 -1
- package/Card-407156d2.cjs +2 -0
- package/Card-407156d2.cjs.map +1 -0
- package/Card-6ded141e.js +48 -0
- package/Card-6ded141e.js.map +1 -0
- package/Card.cjs +1 -1
- package/Card.css +1 -1
- package/Card.d.ts +11 -3
- package/Card.js +1 -1
- package/Checkbox-4cfbca71.cjs +2 -0
- package/Checkbox-4cfbca71.cjs.map +1 -0
- package/Checkbox-8d294c5e.js +146 -0
- package/Checkbox-8d294c5e.js.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.css +1 -1
- package/Checkbox.d.ts +32 -3
- package/Checkbox.js +1 -1
- package/Chip-2c170535.js +56 -0
- package/Chip-2c170535.js.map +1 -0
- package/Chip-befa36a3.cjs +2 -0
- package/Chip-befa36a3.cjs.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.css +1 -1
- package/Chip.d.ts +19 -3
- package/Chip.js +1 -1
- package/Combobox-087839e6.cjs +23 -0
- package/Combobox-087839e6.cjs.map +1 -0
- package/Combobox-8913ce4e.js +2771 -0
- package/Combobox-8913ce4e.js.map +1 -0
- package/Combobox.cjs +1 -1
- package/Combobox.css +1 -1
- package/Combobox.d.ts +24 -3
- package/Combobox.js +1 -1
- package/Details-54b5e7aa.js +120 -0
- package/Details-54b5e7aa.js.map +1 -0
- package/Details-c03ffac1.cjs +2 -0
- package/Details-c03ffac1.cjs.map +1 -0
- package/Details.cjs +1 -1
- package/Details.css +1 -1
- package/Details.d.ts +45 -3
- package/Details.js +1 -1
- package/Dialog-d409d130.js +180 -0
- package/Dialog-d409d130.js.map +1 -0
- package/Dialog-d53be5d6.cjs +2 -0
- package/Dialog-d53be5d6.cjs.map +1 -0
- package/Dialog.cjs +1 -1
- package/Dialog.css +1 -1
- package/Dialog.d.ts +78 -3
- package/Dialog.js +1 -1
- package/Divider-076892dc.cjs +2 -0
- package/Divider-076892dc.cjs.map +1 -0
- package/Divider-38187d6d.js +74 -0
- package/Divider-38187d6d.js.map +1 -0
- package/Divider.cjs +1 -1
- package/Divider.css +1 -1
- package/Divider.d.ts +18 -3
- package/Divider.js +1 -1
- package/{Drawer-cd9a525f.js → Drawer-ddd7914b.js} +28 -28
- package/{Drawer-cd9a525f.js.map → Drawer-ddd7914b.js.map} +1 -1
- package/{Drawer-13fddcc2.cjs → Drawer-ef353cb7.cjs} +2 -2
- package/{Drawer-13fddcc2.cjs.map → Drawer-ef353cb7.cjs.map} +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.d.ts +83 -3
- package/Drawer.js +1 -1
- package/Flex-516baf92.cjs +2 -0
- package/Flex-516baf92.cjs.map +1 -0
- package/Flex-f1146ad5.js +70 -0
- package/Flex-f1146ad5.js.map +1 -0
- package/Flex.cjs +1 -1
- package/Flex.css +1 -1
- package/Flex.d.ts +117 -3
- package/Flex.js +1 -1
- package/Grid-234bc5d1.js +78 -0
- package/Grid-234bc5d1.js.map +1 -0
- package/Grid-b47a9218.cjs +2 -0
- package/Grid-b47a9218.cjs.map +1 -0
- package/Grid.cjs +1 -1
- package/Grid.css +1 -1
- package/Grid.d.ts +129 -3
- package/Grid.js +1 -1
- package/{Label-e9a57a2f.cjs → Label-07b0f38c.cjs} +2 -2
- package/{Label-e9a57a2f.cjs.map → Label-07b0f38c.cjs.map} +1 -1
- package/{Label-578ce53c.js → Label-9db08425.js} +9 -9
- package/{Label-578ce53c.js.map → Label-9db08425.js.map} +1 -1
- package/Layout.cjs +2 -0
- package/Layout.cjs.map +1 -0
- package/Layout.d.ts +54 -0
- package/Layout.js +143 -0
- package/Layout.js.map +1 -0
- package/Link-0f117696.cjs +2 -0
- package/Link-0f117696.cjs.map +1 -0
- package/Link-e07677c7.js +46 -0
- package/Link-e07677c7.js.map +1 -0
- package/Link.cjs +1 -1
- package/Link.css +1 -1
- package/Link.d.ts +11 -3
- package/Link.js +1 -1
- package/ListView-29cf9116.js +411 -0
- package/ListView-29cf9116.js.map +1 -0
- package/ListView-650be398.cjs +2 -0
- package/ListView-650be398.cjs.map +1 -0
- package/ListView.cjs +1 -1
- package/ListView.cjs.map +1 -1
- package/ListView.css +1 -0
- package/ListView.d.ts +30 -3
- package/ListView.js +13 -341
- package/ListView.js.map +1 -1
- package/Listbox-30a94e14.cjs +2 -0
- package/Listbox-30a94e14.cjs.map +1 -0
- package/Listbox-b3bdffa7.js +319 -0
- package/Listbox-b3bdffa7.js.map +1 -0
- package/Listbox.cjs +1 -1
- package/Listbox.css +1 -1
- package/Listbox.d.ts +45 -3
- package/Listbox.js +4 -4
- package/LocalizationProvider.d.ts +18 -3
- package/Menu-8b2d56a2.cjs +2 -0
- package/Menu-8b2d56a2.cjs.map +1 -0
- package/{Menu-2d3d189e.js → Menu-ab1b5fb6.js} +97 -94
- package/Menu-ab1b5fb6.js.map +1 -0
- package/Menu.cjs +1 -1
- package/Menu.d.ts +28 -3
- package/Menu.js +1 -1
- package/Overflow.cjs +1 -1
- package/Overflow.cjs.map +1 -1
- package/Overflow.d.ts +18 -3
- package/Overflow.js +79 -80
- package/Overflow.js.map +1 -1
- package/Page.cjs +1 -1
- package/Page.d.ts +52 -3
- package/Page.js +16 -16
- package/Page.js.map +1 -1
- package/{Popover-0c9a593d.cjs → Popover-01a92903.cjs} +2 -2
- package/{Popover-0c9a593d.cjs.map → Popover-01a92903.cjs.map} +1 -1
- package/{Popover-c9e991b5.js → Popover-c03e96a7.js} +22 -22
- package/{Popover-c9e991b5.js.map → Popover-c03e96a7.js.map} +1 -1
- package/Popover.cjs +1 -1
- package/Popover.d.ts +116 -3
- package/Popover.js +1 -1
- package/ProgressBar-4f893820.cjs +2 -0
- package/ProgressBar-4f893820.cjs.map +1 -0
- package/{ProgressBar-0a9cc187.js → ProgressBar-ef621dd5.js} +23 -24
- package/ProgressBar-ef621dd5.js.map +1 -0
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.d.ts +11 -3
- package/ProgressBar.js +1 -1
- package/Radio-5e9e9c5d.cjs +2 -0
- package/Radio-5e9e9c5d.cjs.map +1 -0
- package/Radio-dab030c5.js +122 -0
- package/Radio-dab030c5.js.map +1 -0
- package/Radio.cjs +1 -1
- package/Radio.css +1 -1
- package/Radio.d.ts +32 -3
- package/Radio.js +1 -1
- package/SideNav-a46daccc.cjs +2 -0
- package/SideNav-a46daccc.cjs.map +1 -0
- package/SideNav-abd95834.js +229 -0
- package/SideNav-abd95834.js.map +1 -0
- package/SideNav.cjs +2 -2
- package/SideNav.css +1 -1
- package/SideNav.d.ts +84 -3
- package/SideNav.js +1 -1
- package/{Spinner-0883e1ca-d594e9d0.js → Spinner-041df00b-fa2fcb57.js} +3 -3
- package/{Spinner-0883e1ca-d594e9d0.js.map → Spinner-041df00b-fa2fcb57.js.map} +1 -1
- package/Spinner-041df00b-fd40dc86.cjs +2 -0
- package/{Spinner-0883e1ca-fceb4a08.cjs.map → Spinner-041df00b-fd40dc86.cjs.map} +1 -1
- package/{SrOnly-de546b91.js → SrOnly-219e862e.js} +2 -2
- package/{SrOnly-de546b91.js.map → SrOnly-219e862e.js.map} +1 -1
- package/SrOnly-ed780dfc.cjs +2 -0
- package/{SrOnly-708eb40d.cjs.map → SrOnly-ed780dfc.cjs.map} +1 -1
- package/SrOnly.cjs +1 -1
- package/SrOnly.d.ts +8 -3
- package/SrOnly.js +1 -1
- package/Stepper-a7c03bda.cjs +2 -0
- package/Stepper-a7c03bda.cjs.map +1 -0
- package/{Stepper-80fa9d45.js → Stepper-acc83b95.js} +67 -68
- package/Stepper-acc83b95.js.map +1 -0
- package/Stepper.cjs +1 -1
- package/Stepper.css +1 -1
- package/Stepper.d.ts +132 -3
- package/Stepper.js +1 -1
- package/Switch-bad8af12.cjs +2 -0
- package/Switch-bad8af12.cjs.map +1 -0
- package/Switch-de621e8b.js +53 -0
- package/Switch-de621e8b.js.map +1 -0
- package/Switch.cjs +1 -1
- package/Switch.css +1 -1
- package/Switch.d.ts +20 -3
- package/Switch.js +1 -1
- package/{Tab-d436d249.js → Tab-2efb0b29.js} +129 -130
- package/Tab-2efb0b29.js.map +1 -0
- package/Tab-a7f56361.cjs +10 -0
- package/Tab-a7f56361.cjs.map +1 -0
- package/Tab.cjs +1 -1
- package/Tab.css +1 -1
- package/Tab.d.ts +51 -3
- package/Tab.js +12 -12
- package/Text-10643eec.js +103 -0
- package/Text-10643eec.js.map +1 -0
- package/Text-2c217682.cjs +2 -0
- package/Text-2c217682.cjs.map +1 -0
- package/Text.cjs +1 -1
- package/Text.css +1 -1
- package/Text.d.ts +11 -3
- package/Text.js +1 -1
- package/TextField-0e4b1063.cjs +2 -0
- package/TextField-0e4b1063.cjs.map +1 -0
- package/TextField-72d16321.js +116 -0
- package/TextField-72d16321.js.map +1 -0
- package/TextField.cjs +1 -1
- package/TextField.css +1 -1
- package/TextField.d.ts +38 -3
- package/TextField.js +4 -4
- package/Textarea-218e3338.cjs +2 -0
- package/Textarea-218e3338.cjs.map +1 -0
- package/Textarea-9332ebd4.js +113 -0
- package/Textarea-9332ebd4.js.map +1 -0
- package/Textarea.cjs +1 -1
- package/Textarea.css +1 -1
- package/Textarea.d.ts +9 -3
- package/Textarea.js +4 -4
- package/ThemeProvider.cjs +1 -1
- package/ThemeProvider.d.ts +12 -3
- package/ThemeProvider.js +1 -1
- package/{Tooltip-14c639ee.js → Tooltip-6f564b63.js} +27 -27
- package/Tooltip-6f564b63.js.map +1 -0
- package/Tooltip-ce4148a7.cjs +2 -0
- package/Tooltip-ce4148a7.cjs.map +1 -0
- package/Tooltip.cjs +1 -1
- package/Tooltip.css +1 -1
- package/Tooltip.d.ts +24 -3
- package/Tooltip.js +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +1279 -1
- package/anvil2.js +159 -158
- package/anvil2.js.map +1 -1
- package/index-34a59514-84846dd5.cjs +2 -0
- package/index-34a59514-84846dd5.cjs.map +1 -0
- package/index-34a59514-87e04c7f.js +196 -0
- package/index-34a59514-87e04c7f.js.map +1 -0
- package/index-34a59514.css +1 -0
- package/index-4a524f55.js +594 -0
- package/index-4a524f55.js.map +1 -0
- package/{index-2901dc30.cjs → index-4deb58f0.cjs} +2 -2
- package/{index-2901dc30.cjs.map → index-4deb58f0.cjs.map} +1 -1
- package/{index-3540395e.cjs → index-5af41bd1.cjs} +2 -2
- package/{index-3540395e.cjs.map → index-5af41bd1.cjs.map} +1 -1
- package/index-870600c9.cjs +174 -0
- package/index-870600c9.cjs.map +1 -0
- package/index-8a331c33.cjs +2 -0
- package/index-8a331c33.cjs.map +1 -0
- package/{index-4e32870a.js → index-b6ca5fc4.js} +2 -2
- package/{index-4e32870a.js.map → index-b6ca5fc4.js.map} +1 -1
- package/{index-193c7238.js → index-bbef83ec.js} +2 -2
- package/{index-193c7238.js.map → index-bbef83ec.js.map} +1 -1
- package/index-ccf0845b.js +23330 -0
- package/index-ccf0845b.js.map +1 -0
- package/index.css +1 -1
- package/index2.css +1 -1
- package/index4.css +1 -1
- package/package.json +27 -25
- package/{sizeToToken-ec2a44d1-00f4b579.cjs → sizeToToken-ec2a44d1-7f023360.cjs} +2 -2
- package/{sizeToToken-ec2a44d1-00f4b579.cjs.map → sizeToToken-ec2a44d1-7f023360.cjs.map} +1 -1
- package/{sizeToToken-ec2a44d1-b81d7121.js → sizeToToken-ec2a44d1-bd89b4fa.js} +2 -2
- package/{sizeToToken-ec2a44d1-b81d7121.js.map → sizeToToken-ec2a44d1-bd89b4fa.js.map} +1 -1
- package/token.cjs +1 -1
- package/token.d.ts +4 -1
- package/token.js +1 -1
- package/useAccessibleColor.cjs +7 -5
- package/useAccessibleColor.cjs.map +1 -1
- package/useAccessibleColor.d.ts +6 -3
- package/useAccessibleColor.js +368 -311
- package/useAccessibleColor.js.map +1 -1
- package/usePrefersColorScheme-129544ad-b018d158.cjs +2 -0
- package/usePrefersColorScheme-129544ad-b018d158.cjs.map +1 -0
- package/{useAccessibleColor-3358f4f6-ddcfc9d6.js → usePrefersColorScheme-129544ad-f17399b0.js} +18 -18
- package/usePrefersColorScheme-129544ad-f17399b0.js.map +1 -0
- package/usePrefersColorScheme.cjs +1 -1
- package/usePrefersColorScheme.d.ts +6 -3
- package/usePrefersColorScheme.js +40 -39
- package/usePrefersColorScheme.js.map +1 -1
- package/useSize.d.ts +7 -3
- package/useSwipe.cjs +1 -1
- package/useSwipe.d.ts +6 -3
- package/useSwipe.js +39 -38
- package/useSwipe.js.map +1 -1
- package/Alert-5d565d02.cjs +0 -2
- package/Alert-5d565d02.cjs.map +0 -1
- package/Alert-cbfb26da.js +0 -89
- package/Alert-cbfb26da.js.map +0 -1
- package/Announcement-55ce78e1.js.map +0 -1
- package/Announcement-b7adf6c2.cjs +0 -2
- package/Announcement-b7adf6c2.cjs.map +0 -1
- package/Avatar-40698488.cjs +0 -2
- package/Avatar-40698488.cjs.map +0 -1
- package/Avatar-9a600991.js +0 -119
- package/Avatar-9a600991.js.map +0 -1
- package/Badge-0f0115d7.js.map +0 -1
- package/Badge-86767c59.cjs +0 -2
- package/Badge-86767c59.cjs.map +0 -1
- package/Button-45b5f34d.cjs +0 -2
- package/Button-45b5f34d.cjs.map +0 -1
- package/Button-a1d54612.js +0 -266
- package/Button-a1d54612.js.map +0 -1
- package/Calendar-0180be99.cjs +0 -2
- package/Card-a32e3a24.cjs +0 -2
- package/Card-a32e3a24.cjs.map +0 -1
- package/Card-df3afa75.js +0 -48
- package/Card-df3afa75.js.map +0 -1
- package/Checkbox-2afa867d.js +0 -140
- package/Checkbox-2afa867d.js.map +0 -1
- package/Checkbox-f391e391.cjs +0 -2
- package/Checkbox-f391e391.cjs.map +0 -1
- package/Chip-30904c6b.cjs +0 -2
- package/Chip-30904c6b.cjs.map +0 -1
- package/Chip-796feb5f.js +0 -57
- package/Chip-796feb5f.js.map +0 -1
- package/Combobox-0dbca8b9.cjs +0 -18
- package/Combobox-0dbca8b9.cjs.map +0 -1
- package/Combobox-78c98d99.js +0 -2660
- package/Combobox-78c98d99.js.map +0 -1
- package/Details-28451aba.js +0 -121
- package/Details-28451aba.js.map +0 -1
- package/Details-7cf82b2a.cjs +0 -2
- package/Details-7cf82b2a.cjs.map +0 -1
- package/Dialog-376e879f.js +0 -180
- package/Dialog-376e879f.js.map +0 -1
- package/Dialog-ee763250.cjs +0 -2
- package/Dialog-ee763250.cjs.map +0 -1
- package/Divider-18854176.js +0 -76
- package/Divider-18854176.js.map +0 -1
- package/Divider-4b53e9bc.cjs +0 -2
- package/Divider-4b53e9bc.cjs.map +0 -1
- package/Flex-91d902ab.js +0 -78
- package/Flex-91d902ab.js.map +0 -1
- package/Flex-fbbfca2c.cjs +0 -2
- package/Flex-fbbfca2c.cjs.map +0 -1
- package/Grid-7255ac0e.cjs +0 -2
- package/Grid-7255ac0e.cjs.map +0 -1
- package/Grid-b826f76e.js +0 -78
- package/Grid-b826f76e.js.map +0 -1
- package/Link-00858801.cjs +0 -2
- package/Link-00858801.cjs.map +0 -1
- package/Link-11e411de.js +0 -47
- package/Link-11e411de.js.map +0 -1
- package/Listbox-25f615e4.cjs +0 -2
- package/Listbox-25f615e4.cjs.map +0 -1
- package/Listbox-b77bf5db.js +0 -321
- package/Listbox-b77bf5db.js.map +0 -1
- package/Menu-1254197b.cjs +0 -2
- package/Menu-1254197b.cjs.map +0 -1
- package/Menu-2d3d189e.js.map +0 -1
- package/ProgressBar-0a9cc187.js.map +0 -1
- package/ProgressBar-a30e79f7.cjs +0 -2
- package/ProgressBar-a30e79f7.cjs.map +0 -1
- package/Radio-7a7d5069.js +0 -120
- package/Radio-7a7d5069.js.map +0 -1
- package/Radio-efc0b8b2.cjs +0 -2
- package/Radio-efc0b8b2.cjs.map +0 -1
- package/SideNav-044309df.js +0 -230
- package/SideNav-044309df.js.map +0 -1
- package/SideNav-c3ecdddf.cjs +0 -2
- package/SideNav-c3ecdddf.cjs.map +0 -1
- package/Spinner-0883e1ca-fceb4a08.cjs +0 -2
- package/SrOnly-708eb40d.cjs +0 -2
- package/Stepper-42d5bb17.cjs +0 -2
- package/Stepper-42d5bb17.cjs.map +0 -1
- package/Stepper-80fa9d45.js.map +0 -1
- package/Switch-8c2230ac.cjs +0 -2
- package/Switch-8c2230ac.cjs.map +0 -1
- package/Switch-accd063a.js +0 -54
- package/Switch-accd063a.js.map +0 -1
- package/Tab-d436d249.js.map +0 -1
- package/Tab-da39692d.cjs +0 -10
- package/Tab-da39692d.cjs.map +0 -1
- package/Text-1fa57df0.js +0 -103
- package/Text-1fa57df0.js.map +0 -1
- package/Text-c5b018fb.cjs +0 -2
- package/Text-c5b018fb.cjs.map +0 -1
- package/TextField-4d28f369.js +0 -117
- package/TextField-4d28f369.js.map +0 -1
- package/TextField-f582ca36.cjs +0 -2
- package/TextField-f582ca36.cjs.map +0 -1
- package/Textarea-074a1a2c.cjs +0 -2
- package/Textarea-074a1a2c.cjs.map +0 -1
- package/Textarea-d788d92b.js +0 -114
- package/Textarea-d788d92b.js.map +0 -1
- package/Tooltip-14c639ee.js.map +0 -1
- package/Tooltip-9b89dc01.cjs +0 -2
- package/Tooltip-9b89dc01.cjs.map +0 -1
- package/components/Alert/Alert.d.ts +0 -5
- package/components/Alert/Alert.stories.d.ts +0 -12
- package/components/Alert/index.d.ts +0 -2
- package/components/Announcement/Announcement.d.ts +0 -5
- package/components/Announcement/Announcement.stories.d.ts +0 -12
- package/components/Announcement/index.d.ts +0 -2
- package/components/Avatar/AvatarGroup.stories.d.ts +0 -13
- package/components/Avatar/index.d.ts +0 -2
- package/components/Badge/index.d.ts +0 -2
- package/components/Button/index.d.ts +0 -2
- package/components/ButtonCompound/ButtonCompound.d.ts +0 -7
- package/components/ButtonCompound/ButtonCompound.stories.d.ts +0 -12
- package/components/ButtonCompound/index.d.ts +0 -2
- package/components/ButtonLink/ButtonLink.d.ts +0 -15
- package/components/ButtonLink/ButtonLink.stories.d.ts +0 -20
- package/components/ButtonLink/index.d.ts +0 -2
- package/components/ButtonToggle/ButtonToggle.d.ts +0 -13
- package/components/ButtonToggle/ButtonToggle.stories.d.ts +0 -19
- package/components/ButtonToggle/index.d.ts +0 -2
- package/components/Calendar/index.d.ts +0 -2
- package/components/Card/Card.d.ts +0 -5
- package/components/Card/Card.stories.d.ts +0 -11
- package/components/Card/index.d.ts +0 -2
- package/components/Checkbox/index.d.ts +0 -2
- package/components/Chip/index.d.ts +0 -2
- package/components/Combobox/Combobox.d.ts +0 -12
- package/components/Combobox/index.d.ts +0 -2
- package/components/Details/index.d.ts +0 -2
- package/components/Dialog/index.d.ts +0 -2
- package/components/Divider/index.d.ts +0 -2
- package/components/Drawer/index.d.ts +0 -2
- package/components/Flex/index.d.ts +0 -2
- package/components/Grid/index.d.ts +0 -2
- package/components/Link/Link.d.ts +0 -5
- package/components/Link/Link.stories.d.ts +0 -11
- package/components/Link/index.d.ts +0 -2
- package/components/ListView/ListView.d.ts +0 -19
- package/components/ListView/ListView.stories.d.ts +0 -19
- package/components/ListView/index.d.ts +0 -2
- package/components/Listbox/Listbox.d.ts +0 -30
- package/components/Listbox/Listbox.stories.d.ts +0 -24
- package/components/Listbox/index.d.ts +0 -2
- package/components/Menu/Menu.d.ts +0 -15
- package/components/Menu/Menu.stories.d.ts +0 -17
- package/components/Menu/index.d.ts +0 -2
- package/components/Overflow/Overflow.d.ts +0 -9
- package/components/Overflow/Overflow.stories.d.ts +0 -10
- package/components/Overflow/index.d.ts +0 -2
- package/components/Page/Page.d.ts +0 -35
- package/components/Page/Page.stories.d.ts +0 -23
- package/components/Page/index.d.ts +0 -2
- package/components/Popover/index.d.ts +0 -2
- package/components/ProgressBar/ProgressBar.d.ts +0 -5
- package/components/ProgressBar/ProgressBar.stories.d.ts +0 -12
- package/components/ProgressBar/index.d.ts +0 -2
- package/components/Radio/index.d.ts +0 -2
- package/components/SideNav/index.d.ts +0 -2
- package/components/SrOnly/SrOnly.d.ts +0 -3
- package/components/SrOnly/SrOnly.stories.d.ts +0 -10
- package/components/SrOnly/index.d.ts +0 -2
- package/components/Stepper/index.d.ts +0 -2
- package/components/Switch/index.d.ts +0 -2
- package/components/Tab/index.d.ts +0 -2
- package/components/Text/Text.d.ts +0 -5
- package/components/Text/Text.stories.d.ts +0 -12
- package/components/Text/index.d.ts +0 -2
- package/components/TextField/index.d.ts +0 -2
- package/components/Textarea/Textarea.d.ts +0 -4
- package/components/Textarea/Textarea.stories.d.ts +0 -12
- package/components/Textarea/index.d.ts +0 -2
- package/components/Tooltip/Tooltip.d.ts +0 -11
- package/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/components/Tooltip/index.d.ts +0 -2
- package/components/index.d.ts +0 -36
- package/hooks/index.d.ts +0 -3
- package/hooks/useAccessibleColor/index.d.ts +0 -1
- package/hooks/usePrefersColorScheme/index.d.ts +0 -1
- package/hooks/useSize/index.d.ts +0 -4
- package/hooks/useSwipe/index.d.ts +0 -1
- package/index-01c2436e.js +0 -593
- package/index-01c2436e.js.map +0 -1
- package/index-11e70fb8-0028c824.cjs +0 -2
- package/index-11e70fb8-0028c824.cjs.map +0 -1
- package/index-11e70fb8-1d736146.js +0 -99
- package/index-11e70fb8-1d736146.js.map +0 -1
- package/index-11e70fb8.css +0 -1
- package/index-31788abb.cjs +0 -2
- package/index-31788abb.cjs.map +0 -1
- package/index-376d3301.js +0 -23084
- package/index-376d3301.js.map +0 -1
- package/index-3f97b6ab.cjs +0 -174
- package/index-3f97b6ab.cjs.map +0 -1
- package/index.d.ts +0 -3
- package/layoutPropsUtil-4ba98964-13bb2adf.cjs +0 -2
- package/layoutPropsUtil-4ba98964-13bb2adf.cjs.map +0 -1
- package/layoutPropsUtil-4ba98964-b3aa4269.js +0 -97
- package/layoutPropsUtil-4ba98964-b3aa4269.js.map +0 -1
- package/providers/AnvilProvider/index.d.ts +0 -1
- package/providers/LocalizationProvider/index.d.ts +0 -1
- package/providers/ThemeProvider/index.d.ts +0 -1
- package/providers/index.d.ts +0 -3
- package/token/index.d.ts +0 -1
- package/useAccessibleColor-3358f4f6-ddcfc9d6.js.map +0 -1
- package/useAccessibleColor-3358f4f6-ff947a77.cjs +0 -2
- package/useAccessibleColor-3358f4f6-ff947a77.cjs.map +0 -1
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import "./Stepper.css";
|
|
2
2
|
import { f as u } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
-
import { forwardRef as g, useRef as
|
|
4
|
-
import { u as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { m as
|
|
8
|
-
import {
|
|
9
|
-
import { y as X } from "./layoutPropsUtil-4ba98964-b3aa4269.js";
|
|
3
|
+
import { forwardRef as g, useRef as C, useContext as S, useState as I, useEffect as L, createContext as O, useCallback as w, useMemo as W } from "react";
|
|
4
|
+
import { u as R } from "./index-ccf0845b.js";
|
|
5
|
+
import { q as P } from "./index-b6ca5fc4.js";
|
|
6
|
+
import { C as q, W as H } from "./index-34a59514-87e04c7f.js";
|
|
7
|
+
import { m as X } from "./check-f9f67964-2b87008b.js";
|
|
8
|
+
import { k as D } from "./Button-66b9c955.js";
|
|
10
9
|
import { u as Y, m as Z } from "./use-reduced-motion-68bea567.js";
|
|
11
10
|
const G = "_step_1i7by_4", J = "_bar_1i7by_28", Q = "_label_1i7by_43", U = "_circle_1i7by_52", V = "_complete_1i7by_90", ee = "_nonlinear_1i7by_105", v = {
|
|
12
11
|
step: G,
|
|
@@ -17,25 +16,25 @@ const G = "_step_1i7by_4", J = "_bar_1i7by_28", Q = "_label_1i7by_43", U = "_cir
|
|
|
17
16
|
complete: V,
|
|
18
17
|
nonlinear: ee
|
|
19
18
|
}, T = g((m, f) => {
|
|
20
|
-
const s =
|
|
19
|
+
const s = C(null), { current: o, items: n, nonlinear: i, setCurrent: c, setFocus: r } = S(h), {
|
|
21
20
|
onClick: l,
|
|
22
21
|
children: p,
|
|
23
22
|
onFocus: e,
|
|
24
|
-
onKeyDown:
|
|
25
|
-
controls:
|
|
23
|
+
onKeyDown: a,
|
|
24
|
+
controls: x,
|
|
26
25
|
className: t,
|
|
27
26
|
state: d,
|
|
28
27
|
...j
|
|
29
|
-
} = m,
|
|
30
|
-
|
|
31
|
-
n && (y.current = Array.prototype.indexOf.call(n, s.current), y.current ===
|
|
32
|
-
}, [
|
|
28
|
+
} = m, b = C(!1), y = C(), [_, N] = I(!1);
|
|
29
|
+
L(() => {
|
|
30
|
+
n && (y.current = Array.prototype.indexOf.call(n, s.current), y.current === o ? N(!0) : N(!1), n.length === y.current + 1 && (b.current = !0));
|
|
31
|
+
}, [o, n]);
|
|
33
32
|
const A = P(v.step, t, {
|
|
34
33
|
[v[`${d}`]]: d,
|
|
35
34
|
[v.nonlinear]: i,
|
|
36
|
-
[v.isLastItem]:
|
|
37
|
-
}),
|
|
38
|
-
i && (_ || y.current === void 0 || !n || (l == null || l(
|
|
35
|
+
[v.isLastItem]: b.current
|
|
36
|
+
}), B = (k) => {
|
|
37
|
+
i && (_ || y.current === void 0 || !n || (l == null || l(k, y.current), c == null || c(y.current), r == null || r(y.current), n[y.current].focus()));
|
|
39
38
|
};
|
|
40
39
|
return /* @__PURE__ */ u.jsxs(
|
|
41
40
|
"button",
|
|
@@ -46,15 +45,15 @@ const G = "_step_1i7by_4", J = "_bar_1i7by_28", Q = "_label_1i7by_43", U = "_cir
|
|
|
46
45
|
className: A,
|
|
47
46
|
"aria-selected": _,
|
|
48
47
|
"aria-disabled": i,
|
|
49
|
-
"aria-controls":
|
|
48
|
+
"aria-controls": x,
|
|
50
49
|
tabIndex: i && _ ? 0 : -1,
|
|
51
|
-
onClick:
|
|
50
|
+
onClick: B,
|
|
52
51
|
...j,
|
|
53
|
-
ref:
|
|
52
|
+
ref: R([s, f]),
|
|
54
53
|
children: [
|
|
55
54
|
/* @__PURE__ */ u.jsx("span", { className: v.bar }),
|
|
56
55
|
/* @__PURE__ */ u.jsxs("span", { className: v.label, children: [
|
|
57
|
-
/* @__PURE__ */ u.jsx("span", { className: v.circle, children: /* @__PURE__ */ u.jsx(
|
|
56
|
+
/* @__PURE__ */ u.jsx("span", { className: v.circle, children: /* @__PURE__ */ u.jsx(q, { svg: X, inherit: !0 }) }),
|
|
58
57
|
p
|
|
59
58
|
] })
|
|
60
59
|
]
|
|
@@ -66,7 +65,7 @@ const te = {
|
|
|
66
65
|
"stepper-list": "_stepper-list_159me_4"
|
|
67
66
|
}, z = g(
|
|
68
67
|
(m, f) => {
|
|
69
|
-
const { className: s, children:
|
|
68
|
+
const { className: s, children: o, onKeyDown: n, ...i } = m, { setCurrent: c, focus: r, setFocus: l, nonlinear: p, items: e } = S(h), a = (t) => {
|
|
70
69
|
if (p)
|
|
71
70
|
switch (n == null || n(t), t.code) {
|
|
72
71
|
case "Enter":
|
|
@@ -89,18 +88,18 @@ const te = {
|
|
|
89
88
|
l == null || l(r - 1), e == null || e[r - 1].focus();
|
|
90
89
|
break;
|
|
91
90
|
}
|
|
92
|
-
},
|
|
91
|
+
}, x = P(te["stepper-list"], s);
|
|
93
92
|
return /* @__PURE__ */ u.jsx(
|
|
94
93
|
"div",
|
|
95
94
|
{
|
|
96
95
|
...i,
|
|
97
96
|
tabIndex: 0,
|
|
98
|
-
className:
|
|
97
|
+
className: x,
|
|
99
98
|
"data-anv": "StepperList",
|
|
100
|
-
onKeyDown:
|
|
99
|
+
onKeyDown: a,
|
|
101
100
|
ref: f,
|
|
102
101
|
role: "tablist",
|
|
103
|
-
children:
|
|
102
|
+
children: o
|
|
104
103
|
}
|
|
105
104
|
);
|
|
106
105
|
}
|
|
@@ -111,12 +110,12 @@ const ne = {
|
|
|
111
110
|
}, E = g(
|
|
112
111
|
(m, f) => {
|
|
113
112
|
var s;
|
|
114
|
-
const { id:
|
|
113
|
+
const { id: o, className: n, ...i } = m, { current: c, items: r } = S(h), l = Y();
|
|
115
114
|
let p;
|
|
116
115
|
r == null || r.forEach((t, d) => {
|
|
117
|
-
t.getAttribute("aria-controls") ===
|
|
116
|
+
t.getAttribute("aria-controls") === o && (p = t.id);
|
|
118
117
|
});
|
|
119
|
-
const e = ((s = r == null ? void 0 : r[c]) == null ? void 0 : s.getAttribute("aria-controls")) ===
|
|
118
|
+
const e = ((s = r == null ? void 0 : r[c]) == null ? void 0 : s.getAttribute("aria-controls")) === o, a = l ? {
|
|
120
119
|
enter: {
|
|
121
120
|
opacity: 0
|
|
122
121
|
},
|
|
@@ -143,15 +142,15 @@ const ne = {
|
|
|
143
142
|
y: -50,
|
|
144
143
|
opacity: 0
|
|
145
144
|
}
|
|
146
|
-
},
|
|
145
|
+
}, x = P(ne["stepper-panel"], n);
|
|
147
146
|
return e ? /* @__PURE__ */ u.jsx(
|
|
148
147
|
Z.div,
|
|
149
148
|
{
|
|
150
|
-
variants:
|
|
149
|
+
variants: a,
|
|
151
150
|
initial: "enter",
|
|
152
151
|
animate: "center",
|
|
153
152
|
exit: "exit",
|
|
154
|
-
className:
|
|
153
|
+
className: x,
|
|
155
154
|
transition: {
|
|
156
155
|
x: {
|
|
157
156
|
type: "spring",
|
|
@@ -163,7 +162,7 @@ const ne = {
|
|
|
163
162
|
...i,
|
|
164
163
|
role: "tabpanel",
|
|
165
164
|
"data-anv": "StepperPanel",
|
|
166
|
-
id:
|
|
165
|
+
id: o,
|
|
167
166
|
"aria-labelledby": p,
|
|
168
167
|
tabIndex: 0,
|
|
169
168
|
ref: f
|
|
@@ -172,19 +171,19 @@ const ne = {
|
|
|
172
171
|
}
|
|
173
172
|
);
|
|
174
173
|
E.displayName = "StepperPanel";
|
|
175
|
-
const re = "
|
|
174
|
+
const re = "_stepper_5s74f_4", le = {
|
|
176
175
|
stepper: re
|
|
177
176
|
}, $ = g((m, f) => {
|
|
178
|
-
const { items: s, current:
|
|
179
|
-
i == null || i(e), n == null || n(),
|
|
180
|
-
const
|
|
181
|
-
(s == null ? void 0 : s[
|
|
177
|
+
const { items: s, current: o, goToNext: n } = S(h), { onClick: i, children: c, onFocus: r, ...l } = m, p = (e) => {
|
|
178
|
+
i == null || i(e), n == null || n(), o + 1 !== (s == null ? void 0 : s.length) && setTimeout(() => {
|
|
179
|
+
const a = document.getElementById(
|
|
180
|
+
(s == null ? void 0 : s[o + 1].getAttribute("aria-controls")) ?? ""
|
|
182
181
|
);
|
|
183
|
-
|
|
182
|
+
a == null || a.focus();
|
|
184
183
|
}, 0);
|
|
185
184
|
};
|
|
186
185
|
return /* @__PURE__ */ u.jsx(
|
|
187
|
-
|
|
186
|
+
D,
|
|
188
187
|
{
|
|
189
188
|
"data-anv": "StepperNextButton",
|
|
190
189
|
onClick: p,
|
|
@@ -196,16 +195,16 @@ const re = "_stepper_wfehm_4", le = {
|
|
|
196
195
|
});
|
|
197
196
|
$.displayName = "StepperNextButton";
|
|
198
197
|
const K = g((m, f) => {
|
|
199
|
-
const { items: s, current:
|
|
200
|
-
i == null || i(e), n == null || n(),
|
|
201
|
-
const
|
|
202
|
-
(s == null ? void 0 : s[
|
|
198
|
+
const { items: s, current: o, goToPrev: n } = S(h), { onClick: i, children: c, onFocus: r, ...l } = m, p = (e) => {
|
|
199
|
+
i == null || i(e), n == null || n(), o !== 0 && setTimeout(() => {
|
|
200
|
+
const a = document.getElementById(
|
|
201
|
+
(s == null ? void 0 : s[o - 1].getAttribute("aria-controls")) ?? ""
|
|
203
202
|
);
|
|
204
|
-
|
|
203
|
+
a == null || a.focus();
|
|
205
204
|
}, 0);
|
|
206
205
|
};
|
|
207
206
|
return /* @__PURE__ */ u.jsx(
|
|
208
|
-
|
|
207
|
+
D,
|
|
209
208
|
{
|
|
210
209
|
"data-anv": "StepperPrevButton",
|
|
211
210
|
onClick: p,
|
|
@@ -216,52 +215,52 @@ const K = g((m, f) => {
|
|
|
216
215
|
);
|
|
217
216
|
});
|
|
218
217
|
K.displayName = "StepperPrevButton";
|
|
219
|
-
const
|
|
218
|
+
const F = {
|
|
220
219
|
current: 0,
|
|
221
220
|
focus: 0
|
|
222
|
-
}, h = O(
|
|
221
|
+
}, h = O(F), M = g(
|
|
223
222
|
(m, f) => {
|
|
224
|
-
const { layoutStyles: s, componentProps:
|
|
225
|
-
n ??
|
|
226
|
-
), [j,
|
|
227
|
-
n ??
|
|
223
|
+
const { layoutStyles: s, componentProps: o } = H(m), { defaultIndex: n, className: i, nonlinear: c, children: r, style: l, ...p } = o, e = C(null), [a, x] = I(), [t, d] = I(
|
|
224
|
+
n ?? F.current
|
|
225
|
+
), [j, b] = I(
|
|
226
|
+
n ?? F.focus
|
|
228
227
|
), y = P(le.stepper, i);
|
|
229
|
-
|
|
230
|
-
var
|
|
231
|
-
|
|
228
|
+
L(() => {
|
|
229
|
+
var k;
|
|
230
|
+
x((k = e.current) == null ? void 0 : k.querySelectorAll("[role=tab]:not([disabled])"));
|
|
232
231
|
}, [e]);
|
|
233
|
-
const _ =
|
|
234
|
-
t + 1 !== (
|
|
235
|
-
}, [t,
|
|
236
|
-
t !== 0 && (d == null || d(t - 1),
|
|
237
|
-
}, [t]), A = { ...s, ...l },
|
|
232
|
+
const _ = w(() => {
|
|
233
|
+
t + 1 !== (a == null ? void 0 : a.length) && (d == null || d(t + 1), b == null || b(t + 1));
|
|
234
|
+
}, [t, a == null ? void 0 : a.length]), N = w(() => {
|
|
235
|
+
t !== 0 && (d == null || d(t - 1), b == null || b(t - 1));
|
|
236
|
+
}, [t]), A = { ...s, ...l }, B = W(
|
|
238
237
|
() => ({
|
|
239
238
|
current: t,
|
|
240
239
|
setCurrent: d,
|
|
241
240
|
focus: j,
|
|
242
|
-
setFocus:
|
|
241
|
+
setFocus: b,
|
|
243
242
|
goToNext: _,
|
|
244
243
|
goToPrev: N,
|
|
245
|
-
items:
|
|
244
|
+
items: a,
|
|
246
245
|
nonlinear: c
|
|
247
246
|
}),
|
|
248
|
-
[t, j, _, N,
|
|
247
|
+
[t, j, _, N, a, c]
|
|
249
248
|
);
|
|
250
|
-
return /* @__PURE__ */ u.jsx(h.Provider, { value:
|
|
249
|
+
return /* @__PURE__ */ u.jsx(h.Provider, { value: B, children: /* @__PURE__ */ u.jsx(
|
|
251
250
|
"div",
|
|
252
251
|
{
|
|
253
252
|
className: y,
|
|
254
253
|
"data-anv": "Stepper",
|
|
255
254
|
style: A,
|
|
256
255
|
...p,
|
|
257
|
-
ref:
|
|
256
|
+
ref: R([e, f]),
|
|
258
257
|
children: r
|
|
259
258
|
}
|
|
260
259
|
) });
|
|
261
260
|
}
|
|
262
261
|
);
|
|
263
262
|
M.displayName = "Stepper";
|
|
264
|
-
const
|
|
263
|
+
const fe = Object.assign(M, {
|
|
265
264
|
Step: T,
|
|
266
265
|
List: z,
|
|
267
266
|
Panel: E,
|
|
@@ -271,7 +270,7 @@ const ye = Object.assign(M, {
|
|
|
271
270
|
export {
|
|
272
271
|
z as H,
|
|
273
272
|
E as M,
|
|
274
|
-
|
|
273
|
+
fe as b,
|
|
275
274
|
T as z
|
|
276
275
|
};
|
|
277
|
-
//# sourceMappingURL=Stepper-
|
|
276
|
+
//# sourceMappingURL=Stepper-acc83b95.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper-acc83b95.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Stepper.js"],"sourcesContent":["import \"./index29.css\";\nimport { j as u } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as N, useRef as P, useContext as I, useState as B, useEffect as w, createContext as T, useCallback as A, useMemo as q } from \"react\";\nimport { useMergeRefs as D } from \"@floating-ui/react\";\nimport C from \"classnames\";\nimport { I as U, u as V } from \"./index-34a59514.js\";\nimport { S as G } from \"./check-f9f67964.js\";\nimport { useReducedMotion as J, motion as Q } from \"framer-motion\";\nimport { Button as E } from \"./Button.js\";\nconst W = \"_step_1i7by_4\", X = \"_bar_1i7by_28\", Y = \"_label_1i7by_43\", Z = \"_circle_1i7by_52\", F = \"_complete_1i7by_90\", ee = \"_nonlinear_1i7by_105\", _ = {\n step: W,\n bar: X,\n label: Y,\n circle: Z,\n \"in-progress\": \"_in-progress_1i7by_71\",\n complete: F,\n nonlinear: ee\n}, z = N((d, f) => {\n const r = P(null), { current: p, items: n, nonlinear: c, setCurrent: s, setFocus: l } = I(v), {\n onClick: t,\n children: y,\n onFocus: e,\n onKeyDown: a,\n controls: x,\n className: o,\n state: i,\n ...g\n } = d, b = P(!1), m = P(), [S, h] = B(!1);\n w(() => {\n n && (m.current = Array.prototype.indexOf.call(n, r.current), m.current === p ? h(!0) : h(!1), n.length === m.current + 1 && (b.current = !0));\n }, [p, n]);\n const L = C(_.step, o, {\n [_[`${i}`]]: i,\n [_.nonlinear]: c,\n [_.isLastItem]: b.current\n }), R = (j) => {\n c && (S || m.current === void 0 || !n || (t == null || t(j, m.current), s == null || s(m.current), l == null || l(m.current), n[m.current].focus()));\n };\n return /* @__PURE__ */ u.jsxs(\n \"button\",\n {\n type: \"button\",\n role: \"tab\",\n \"data-anv\": \"Step\",\n className: L,\n \"aria-selected\": S,\n \"aria-disabled\": c,\n \"aria-controls\": x,\n tabIndex: c && S ? 0 : -1,\n onClick: R,\n ...g,\n ref: D([r, f]),\n children: [\n /* @__PURE__ */ u.jsx(\"span\", { className: _.bar }),\n /* @__PURE__ */ u.jsxs(\"span\", { className: _.label, children: [\n /* @__PURE__ */ u.jsx(\"span\", { className: _.circle, children: /* @__PURE__ */ u.jsx(U, { svg: G, inherit: !0 }) }),\n y\n ] })\n ]\n }\n );\n});\nz.displayName = \"Step\";\nconst te = {\n \"stepper-list\": \"_stepper-list_159me_4\"\n}, H = N(\n (d, f) => {\n const { className: r, children: p, onKeyDown: n, ...c } = d, { setCurrent: s, focus: l, setFocus: t, nonlinear: y, items: e } = I(v), a = (o) => {\n if (y)\n switch (n == null || n(o), o.code) {\n case \"Enter\":\n case \"Space\":\n o.preventDefault(), s == null || s(l);\n break;\n case \"ArrowRight\":\n if (o.preventDefault(), l + 1 === (e == null ? void 0 : e.length)) {\n t == null || t(0), e == null || e[0].focus();\n return;\n }\n t == null || t(l + 1), e == null || e[l + 1].focus();\n break;\n case \"ArrowLeft\":\n if (o.preventDefault(), l === 0) {\n const i = e ? (e == null ? void 0 : e.length) - 1 : 0;\n t == null || t(i), e == null || e[i].focus();\n return;\n }\n t == null || t(l - 1), e == null || e[l - 1].focus();\n break;\n }\n }, x = C(te[\"stepper-list\"], r);\n return /* @__PURE__ */ u.jsx(\n \"div\",\n {\n ...c,\n tabIndex: 0,\n className: x,\n \"data-anv\": \"StepperList\",\n onKeyDown: a,\n ref: f,\n role: \"tablist\",\n children: p\n }\n );\n }\n);\nH.displayName = \"StepperList\";\nconst ne = {\n \"tab-panel\": \"_tab-panel_1v2mc_4\"\n}, M = N(\n (d, f) => {\n var o;\n const { id: r, className: p, ...n } = d, { current: c, items: s } = I(v), l = J();\n let t;\n s == null || s.forEach((i, g) => {\n i.getAttribute(\"aria-controls\") === r && (t = i.id);\n });\n const e = ((o = s == null ? void 0 : s[c]) == null ? void 0 : o.getAttribute(\"aria-controls\")) === r, a = l ? {\n enter: {\n opacity: 0\n },\n center: {\n zIndex: 1,\n opacity: 1\n },\n exit: {\n zIndex: 0,\n opacity: 0\n }\n } : {\n enter: {\n y: 50,\n opacity: 0\n },\n center: {\n zIndex: 1,\n y: 0,\n opacity: 1\n },\n exit: {\n zIndex: 0,\n y: -50,\n opacity: 0\n }\n }, x = C(ne[\"stepper-panel\"], p);\n return e ? /* @__PURE__ */ u.jsx(\n Q.div,\n {\n variants: a,\n initial: \"enter\",\n animate: \"center\",\n exit: \"exit\",\n className: x,\n transition: {\n x: {\n type: \"spring\",\n stiffness: 300,\n damping: 30\n },\n opacity: { duration: 1 }\n },\n ...n,\n role: \"tabpanel\",\n \"data-anv\": \"StepperPanel\",\n id: r,\n \"aria-labelledby\": t,\n tabIndex: 0,\n ref: f\n }\n ) : /* @__PURE__ */ u.jsx(u.Fragment, {});\n }\n);\nM.displayName = \"StepperPanel\";\nconst re = \"_stepper_5s74f_4\", se = {\n stepper: re\n}, $ = N((d, f) => {\n const { items: r, current: p, goToNext: n } = I(v), { onClick: c, children: s, onFocus: l, ...t } = d, y = (e) => {\n c == null || c(e), n == null || n(), p + 1 !== (r == null ? void 0 : r.length) && setTimeout(() => {\n const a = document.getElementById(\n (r == null ? void 0 : r[p + 1].getAttribute(\"aria-controls\")) ?? \"\"\n );\n a == null || a.focus();\n }, 0);\n };\n return /* @__PURE__ */ u.jsx(\n E,\n {\n \"data-anv\": \"StepperNextButton\",\n onClick: y,\n ref: f,\n ...t,\n children: s\n }\n );\n});\n$.displayName = \"StepperNextButton\";\nconst K = N((d, f) => {\n const { items: r, current: p, goToPrev: n } = I(v), { onClick: c, children: s, onFocus: l, ...t } = d, y = (e) => {\n c == null || c(e), n == null || n(), p !== 0 && setTimeout(() => {\n const a = document.getElementById(\n (r == null ? void 0 : r[p - 1].getAttribute(\"aria-controls\")) ?? \"\"\n );\n a == null || a.focus();\n }, 0);\n };\n return /* @__PURE__ */ u.jsx(\n E,\n {\n \"data-anv\": \"StepperPrevButton\",\n onClick: y,\n ref: f,\n ...t,\n children: s\n }\n );\n});\nK.displayName = \"StepperPrevButton\";\nconst k = {\n current: 0,\n focus: 0\n}, v = T(k), O = N(\n (d, f) => {\n const { layoutStyles: r, componentProps: p } = V(d), { defaultIndex: n, className: c, nonlinear: s, children: l, style: t, ...y } = p, e = P(null), [a, x] = B(), [o, i] = B(\n n ?? k.current\n ), [g, b] = B(\n n ?? k.focus\n ), m = C(se.stepper, c);\n w(() => {\n var j;\n x((j = e.current) == null ? void 0 : j.querySelectorAll(\"[role=tab]:not([disabled])\"));\n }, [e]);\n const S = A(() => {\n o + 1 !== (a == null ? void 0 : a.length) && (i == null || i(o + 1), b == null || b(o + 1));\n }, [o, a == null ? void 0 : a.length]), h = A(() => {\n o !== 0 && (i == null || i(o - 1), b == null || b(o - 1));\n }, [o]), L = { ...r, ...t }, R = q(\n () => ({\n current: o,\n setCurrent: i,\n focus: g,\n setFocus: b,\n goToNext: S,\n goToPrev: h,\n items: a,\n nonlinear: s\n }),\n [o, g, S, h, a, s]\n );\n return /* @__PURE__ */ u.jsx(v.Provider, { value: R, children: /* @__PURE__ */ u.jsx(\n \"div\",\n {\n className: m,\n \"data-anv\": \"Stepper\",\n style: L,\n ...y,\n ref: D([e, f]),\n children: l\n }\n ) });\n }\n);\nO.displayName = \"Stepper\";\nconst be = Object.assign(O, {\n Step: z,\n List: H,\n Panel: M,\n NextButton: $,\n PrevButton: K\n});\nexport {\n z as Step,\n be as Stepper,\n H as StepperList,\n $ as StepperNextButton,\n M as StepperPanel,\n K as StepperPrevButton\n};\n//# sourceMappingURL=Stepper.js.map\n"],"names":["W","X","Y","Z","F","_","z","forwardRef","d","r","useRef","p","c","s","l","useContext","v","t","y","o","i","g","m$1","S","h","useState","useEffect","L","q","R","j","fr","useMergeRefs","C","m","H","M","n","useReducedMotion","motion","se","k$1","k","createContext","O","W$1","useCallback","useMemo","be"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Stepper.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("./Stepper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("./Stepper-a7c03bda.cjs"),s=require("react"),a=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.be,{ref:t,...e})),o=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.H,{ref:t,...e})),p=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.z,{ref:t,...e})),u=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.M,{ref:t,...e})),x=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.be.NextButton,{ref:t,...e})),i=s.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(n.be.PrevButton,{ref:t,...e})),S=Object.assign(a,{List:o,Step:p,Panel:u,NextButton:x,PrevButton:i});exports.Step=p;exports.Stepper=S;exports.StepperList=o;exports.StepperNextButton=x;exports.StepperPanel=u;exports.StepperPrevButton=i;exports.default=S;
|
|
2
2
|
//# sourceMappingURL=Stepper.cjs.map
|
package/Stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer reset,base,state,application;@layer reset{._step_1i7by_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._step_1i7by_4{flex-direction:column;flex-basis:100%;justify-content:space-between;font-weight:400;border-radius:.375rem;height:.75rem;transition:background-color .1s cubic-bezier(0,0,.4,1),outline .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4 ._bar_1i7by_28{margin-block-start:.125rem;border-radius:500px;height:.5rem;background-color:var(--background-color-stronger, #eeeeee);overflow:hidden}._step_1i7by_4 ._bar_1i7by_28:before{content:"";display:block;height:100%;width:0;background-color:var(--status-color-info, #0265dc);transition:width .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4 ._label_1i7by_43{display:flex;align-items:center;gap:.5rem;height:1.5rem;position:absolute;inset-block-end:0;inset-inline-start:0}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52{box-sizing:border-box;width:1rem;height:1rem;border-radius:100%;border:.0625rem dashed var(--background-color-strongest, #bcbcbd);background:var(--background-color, #ffffff);color:var(--foreground-color-on-primary, #ffffff);justify-content:center;align-items:center;display:none}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52 svg{display:none;width:.75rem;height:.75rem}}@layer state{._step_1i7by_4._in-progress_1i7by_71 ._bar_1i7by_28:before,._step_1i7by_4[aria-selected=true] ._bar_1i7by_28:before{width:1.5rem;transition:width .1s cubic-bezier(0,0,.4,1) .1s}._step_1i7by_4._in-progress_1i7by_71 ._label_1i7by_43 ._circle_1i7by_52,._step_1i7by_4[aria-selected=true] ._label_1i7by_43 ._circle_1i7by_52{background-color:var(--background-color, #ffffff);border-color:var(--status-color-info, #0265dc);border-style:solid}._step_1i7by_4._in-progress_1i7by_71 ._label_1i7by_43 ._circle_1i7by_52 svg,._step_1i7by_4[aria-selected=true] ._label_1i7by_43 ._circle_1i7by_52 svg{display:none}._step_1i7by_4[aria-selected=true]{font-weight:700}._step_1i7by_4[aria-selected=true] ._bar_1i7by_28{height:.75rem;margin-block-start:0}._step_1i7by_4._complete_1i7by_90 ._label_1i7by_43 ._circle_1i7by_52{background-color:var(--status-color-info, #0265dc);border-color:var(--status-color-info, #0265dc);border-style:solid}._step_1i7by_4._complete_1i7by_90 ._label_1i7by_43 ._circle_1i7by_52 svg{display:block}._step_1i7by_4._complete_1i7by_90 ._bar_1i7by_28:before{width:100%;transition:width .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4:not([aria-selected=true]) ._label_1i7by_43{display:none}._step_1i7by_4._nonlinear_1i7by_105:not([aria-selected=true]){cursor:pointer}._step_1i7by_4._nonlinear_1i7by_105:not([aria-selected=true]) ._label_1i7by_43{text-decoration:underline;color:var(--foreground-color-primary, #0265dc)}._step_1i7by_4:focus-visible ._bar_1i7by_28,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._bar_1i7by_28{outline-offset:.125rem;outline-width:.125rem;outline-style:solid;outline-color:var(--focus-ring-color, #0265dc);border-radius:.375rem}@media (min-width: 768px){._step_1i7by_4{height:2.25rem}._step_1i7by_4 ._bar_1i7by_28{height:.25rem}._step_1i7by_4 ._label_1i7by_43{position:static}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52{display:inline-flex}._step_1i7by_4[aria-selected=true] ._bar_1i7by_28{outline:none;height:.5rem}._step_1i7by_4:not([aria-selected=true]) ._label_1i7by_43{display:flex}}@media (min-width: 768px) and (min-width: 768px){._step_1i7by_4:focus-visible ._bar_1i7by_28,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._bar_1i7by_28{outline:none}._step_1i7by_4:focus-visible ._label_1i7by_43,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._label_1i7by_43{outline-offset:.125rem;outline-width:.125rem;outline-style:solid;outline-color:var(--focus-ring-color, #0265dc);border-radius:.375rem}}}@layer reset,base,state,application;@layer reset{._stepper-list_159me_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._stepper-list_159me_4{justify-content:flex-start;align-items:center;position:relative;gap:.5rem;padding-block-end:2rem}}@layer state{@media (min-width: 768px){._stepper-list_159me_4{padding-block-end:0}}}@layer reset,base,state,application;@layer reset{._tab-panel_1v2mc_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:initial}}@layer reset,base,state,application;@layer reset{.
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer reset,base,state,application;@layer reset{._step_1i7by_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._step_1i7by_4{flex-direction:column;flex-basis:100%;justify-content:space-between;font-weight:400;border-radius:.375rem;height:.75rem;transition:background-color .1s cubic-bezier(0,0,.4,1),outline .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4 ._bar_1i7by_28{margin-block-start:.125rem;border-radius:500px;height:.5rem;background-color:var(--background-color-stronger, #eeeeee);overflow:hidden}._step_1i7by_4 ._bar_1i7by_28:before{content:"";display:block;height:100%;width:0;background-color:var(--status-color-info, #0265dc);transition:width .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4 ._label_1i7by_43{display:flex;align-items:center;gap:.5rem;height:1.5rem;position:absolute;inset-block-end:0;inset-inline-start:0}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52{box-sizing:border-box;width:1rem;height:1rem;border-radius:100%;border:.0625rem dashed var(--background-color-strongest, #bcbcbd);background:var(--background-color, #ffffff);color:var(--foreground-color-on-primary, #ffffff);justify-content:center;align-items:center;display:none}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52 svg{display:none;width:.75rem;height:.75rem}}@layer state{._step_1i7by_4._in-progress_1i7by_71 ._bar_1i7by_28:before,._step_1i7by_4[aria-selected=true] ._bar_1i7by_28:before{width:1.5rem;transition:width .1s cubic-bezier(0,0,.4,1) .1s}._step_1i7by_4._in-progress_1i7by_71 ._label_1i7by_43 ._circle_1i7by_52,._step_1i7by_4[aria-selected=true] ._label_1i7by_43 ._circle_1i7by_52{background-color:var(--background-color, #ffffff);border-color:var(--status-color-info, #0265dc);border-style:solid}._step_1i7by_4._in-progress_1i7by_71 ._label_1i7by_43 ._circle_1i7by_52 svg,._step_1i7by_4[aria-selected=true] ._label_1i7by_43 ._circle_1i7by_52 svg{display:none}._step_1i7by_4[aria-selected=true]{font-weight:700}._step_1i7by_4[aria-selected=true] ._bar_1i7by_28{height:.75rem;margin-block-start:0}._step_1i7by_4._complete_1i7by_90 ._label_1i7by_43 ._circle_1i7by_52{background-color:var(--status-color-info, #0265dc);border-color:var(--status-color-info, #0265dc);border-style:solid}._step_1i7by_4._complete_1i7by_90 ._label_1i7by_43 ._circle_1i7by_52 svg{display:block}._step_1i7by_4._complete_1i7by_90 ._bar_1i7by_28:before{width:100%;transition:width .1s cubic-bezier(0,0,.4,1)}._step_1i7by_4:not([aria-selected=true]) ._label_1i7by_43{display:none}._step_1i7by_4._nonlinear_1i7by_105:not([aria-selected=true]){cursor:pointer}._step_1i7by_4._nonlinear_1i7by_105:not([aria-selected=true]) ._label_1i7by_43{text-decoration:underline;color:var(--foreground-color-primary, #0265dc)}._step_1i7by_4:focus-visible ._bar_1i7by_28,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._bar_1i7by_28{outline-offset:.125rem;outline-width:.125rem;outline-style:solid;outline-color:var(--focus-ring-color, #0265dc);border-radius:.375rem}@media (min-width: 768px){._step_1i7by_4{height:2.25rem}._step_1i7by_4 ._bar_1i7by_28{height:.25rem}._step_1i7by_4 ._label_1i7by_43{position:static}._step_1i7by_4 ._label_1i7by_43 ._circle_1i7by_52{display:inline-flex}._step_1i7by_4[aria-selected=true] ._bar_1i7by_28{outline:none;height:.5rem}._step_1i7by_4:not([aria-selected=true]) ._label_1i7by_43{display:flex}}@media (min-width: 768px) and (min-width: 768px){._step_1i7by_4:focus-visible ._bar_1i7by_28,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._bar_1i7by_28{outline:none}._step_1i7by_4:focus-visible ._label_1i7by_43,._step_1i7by_4._nonlinear_1i7by_105[data-interactive=focus-visible] ._label_1i7by_43{outline-offset:.125rem;outline-width:.125rem;outline-style:solid;outline-color:var(--focus-ring-color, #0265dc);border-radius:.375rem}}}@layer reset,base,state,application;@layer reset{._stepper-list_159me_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._stepper-list_159me_4{justify-content:flex-start;align-items:center;position:relative;gap:.5rem;padding-block-end:2rem}}@layer state{@media (min-width: 768px){._stepper-list_159me_4{padding-block-end:0}}}@layer reset,base,state,application;@layer reset{._tab-panel_1v2mc_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:initial}}@layer reset,base,state,application;@layer reset{._stepper_5s74f_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._stepper_5s74f_4{order:var(--order);grid-area:var(--gridArea);flex:var(--flex);place-content:var(--placeContent);place-items:var(--placeItems);place-self:var(--placeSelf);flex-direction:column;gap:1rem;padding-block-start:.25rem;max-width:100%;background-color:inherit}}
|
package/Stepper.d.ts
CHANGED
|
@@ -1,3 +1,132 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { DetailedHTMLProps } from 'react';
|
|
3
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
4
|
+
import { FunctionComponent } from 'react';
|
|
5
|
+
import { HTMLAttributes } from 'react';
|
|
6
|
+
import { Layout } from '@servicetitan/hammer-react/dist/Stepper';
|
|
7
|
+
import { MotionProps } from 'framer-motion';
|
|
8
|
+
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
9
|
+
import { ReactNode } from 'react';
|
|
10
|
+
import { RefAttributes } from 'react';
|
|
11
|
+
import { StepperListProps as StepperListProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
|
|
12
|
+
import { StepperPanelProps as StepperPanelProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
|
|
13
|
+
import { StepperProps as StepperProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
|
|
14
|
+
import { StepProps as StepProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
|
|
15
|
+
import { SVGProps } from 'react';
|
|
16
|
+
|
|
17
|
+
export declare const Step: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
|
|
18
|
+
controls: string;
|
|
19
|
+
onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, index?: number | undefined) => void) | undefined;
|
|
20
|
+
state?: "in-progress" | "complete" | "not-started" | undefined;
|
|
21
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
|
|
23
|
+
declare const Stepper: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout & {
|
|
24
|
+
defaultIndex?: number | undefined;
|
|
25
|
+
nonlinear?: boolean | undefined;
|
|
26
|
+
} & RefAttributes<HTMLDivElement>> & {
|
|
27
|
+
List: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
28
|
+
Step: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
|
|
29
|
+
controls: string;
|
|
30
|
+
onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, index?: number | undefined) => void) | undefined;
|
|
31
|
+
state?: "in-progress" | "complete" | "not-started" | undefined;
|
|
32
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
33
|
+
Panel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & MotionProps & {
|
|
34
|
+
id: string;
|
|
35
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
36
|
+
NextButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
37
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
38
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
39
|
+
loading?: boolean | undefined;
|
|
40
|
+
} & {
|
|
41
|
+
children?: ReactNode;
|
|
42
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
|
|
43
|
+
after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
44
|
+
} | {
|
|
45
|
+
before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
46
|
+
} | undefined;
|
|
47
|
+
} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
48
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
49
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
50
|
+
loading?: boolean | undefined;
|
|
51
|
+
} & {
|
|
52
|
+
children?: undefined;
|
|
53
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
54
|
+
} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
|
|
55
|
+
PrevButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
56
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
57
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
58
|
+
loading?: boolean | undefined;
|
|
59
|
+
} & {
|
|
60
|
+
children?: ReactNode;
|
|
61
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
|
|
62
|
+
after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
63
|
+
} | {
|
|
64
|
+
before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
65
|
+
} | undefined;
|
|
66
|
+
} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
67
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
68
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
69
|
+
loading?: boolean | undefined;
|
|
70
|
+
} & {
|
|
71
|
+
children?: undefined;
|
|
72
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
73
|
+
} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
|
|
74
|
+
};
|
|
75
|
+
export { Stepper }
|
|
76
|
+
export default Stepper;
|
|
77
|
+
|
|
78
|
+
export declare const StepperList: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
79
|
+
|
|
80
|
+
export declare type StepperListProps = StepperListProps_2;
|
|
81
|
+
|
|
82
|
+
export declare const StepperNextButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
83
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
84
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
85
|
+
loading?: boolean | undefined;
|
|
86
|
+
} & {
|
|
87
|
+
children?: ReactNode;
|
|
88
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
|
|
89
|
+
after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
90
|
+
} | {
|
|
91
|
+
before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
92
|
+
} | undefined;
|
|
93
|
+
} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
94
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
95
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
96
|
+
loading?: boolean | undefined;
|
|
97
|
+
} & {
|
|
98
|
+
children?: undefined;
|
|
99
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
100
|
+
} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
|
|
101
|
+
|
|
102
|
+
export declare const StepperPanel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & MotionProps & {
|
|
103
|
+
id: string;
|
|
104
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
105
|
+
|
|
106
|
+
export declare type StepperPanelProps = StepperPanelProps_2;
|
|
107
|
+
|
|
108
|
+
export declare const StepperPrevButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
109
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
110
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
111
|
+
loading?: boolean | undefined;
|
|
112
|
+
} & {
|
|
113
|
+
children?: ReactNode;
|
|
114
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
|
|
115
|
+
after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
116
|
+
} | {
|
|
117
|
+
before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
118
|
+
} | undefined;
|
|
119
|
+
} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout & {
|
|
120
|
+
appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
|
|
121
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
122
|
+
loading?: boolean | undefined;
|
|
123
|
+
} & {
|
|
124
|
+
children?: undefined;
|
|
125
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
|
|
126
|
+
} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
|
|
127
|
+
|
|
128
|
+
export declare type StepperProps = StepperProps_2;
|
|
129
|
+
|
|
130
|
+
export declare type StepProps = StepProps_2;
|
|
131
|
+
|
|
132
|
+
export { }
|
package/Stepper.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as r } from "./jsx-runtime-944c88e2.js";
|
|
2
|
-
import {
|
|
2
|
+
import { b as o, H as s, z as p, M as u } from "./Stepper-acc83b95.js";
|
|
3
3
|
import { forwardRef as n } from "react";
|
|
4
4
|
const x = n(
|
|
5
5
|
(t, e) => /* @__PURE__ */ r.jsx(o, { ref: e, ...t })
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var y=require("./Switch.css");const e=require("./jsx-runtime-944c88e2-2b81c205.cjs"),p=require("react"),j=require("./index-5af41bd1.cjs"),h=require("./index-34a59514-84846dd5.cjs"),w=require("./check-f9f67964-e51192c1.cjs");const N="_toggle_10hhs_31",b="_indicator_10hhs_45",q="_check_10hhs_59",c={switch:"_switch_10hhs_4",toggle:N,indicator:b,check:q},l=p.forwardRef((s,o)=>{const{layoutStyles:d,componentProps:u}=h.W(s),{className:k,onChange:a,checked:t,defaultChecked:r,value:i,style:_,...f}=u,g=n=>{a==null||a(n,{value:i,checked:n.target.checked})},m=j.q(c.switch,k),x={...d,..._};return e.fr.jsxs("label",{className:m,style:x,children:[e.fr.jsx("input",{"data-anv":"Switch",ref:o,type:"checkbox",role:"switch",value:i,"aria-checked":t??r,checked:t,defaultChecked:r,onChange:g,...f}),e.fr.jsx("span",{"aria-hidden":!0,className:c.toggle,children:e.fr.jsx("span",{className:c.indicator,children:e.fr.jsx(h.C,{svg:w.m,className:c.check})})}),"label"in s&&s.label]})});l.displayName="Switch";exports.b=l;
|
|
2
|
+
//# sourceMappingURL=Switch-bad8af12.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch-bad8af12.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Switch.js"],"sourcesContent":["import \"./index30.css\";\nimport { j as s } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as u } from \"react\";\nimport x from \"classnames\";\nimport { u as w, I as y } from \"./index-34a59514.js\";\nimport { S as f } from \"./check-f9f67964.js\";\nconst j = \"_toggle_10hhs_31\", N = \"_indicator_10hhs_45\", S = \"_check_10hhs_59\", e = {\n switch: \"_switch_10hhs_4\",\n toggle: j,\n indicator: N,\n check: S\n}, b = u(\n (c, n) => {\n const { layoutStyles: l, componentProps: r } = w(c), {\n className: m,\n onChange: t,\n checked: a,\n defaultChecked: o,\n value: i,\n style: d,\n ...g\n } = r, p = (h) => {\n t == null || t(h, { value: i, checked: h.target.checked });\n }, _ = x(e.switch, m), k = {\n ...l,\n ...d\n };\n return /* @__PURE__ */ s.jsxs(\"label\", { className: _, style: k, children: [\n /* @__PURE__ */ s.jsx(\n \"input\",\n {\n \"data-anv\": \"Switch\",\n ref: n,\n type: \"checkbox\",\n role: \"switch\",\n value: i,\n \"aria-checked\": a ?? o,\n checked: a,\n defaultChecked: o,\n onChange: p,\n ...g\n }\n ),\n /* @__PURE__ */ s.jsx(\"span\", { \"aria-hidden\": !0, className: e.toggle, children: /* @__PURE__ */ s.jsx(\"span\", { className: e.indicator, children: /* @__PURE__ */ s.jsx(y, { svg: f, className: e.check }) }) }),\n \"label\" in c && c.label\n ] });\n }\n);\nb.displayName = \"Switch\";\nexport {\n b as Switch\n};\n//# sourceMappingURL=Switch.js.map\n"],"names":["j","N","S","e","b","React","c","n","l","r","index34a59514","m","t","a","o","d","g","p","h","_","index","k","jsxRuntime944c88e2","checkF9f67964"],"mappings":"gOAMK,MAAAA,EAAA,mBAAAC,EAAA,sBAAAC,EAAA,kBAAAC,EAAA,CACL,OAAA,kBACA,OAAAH,EACA,UAAAC,EACA,MAAAC,CACA,EAAAE,EAAAC,EAAA,WACA,CAAAC,EAAAC,IAAA,CACA,KAAA,CAAA,aAAAC,EAAA,eAAAC,CAAA,EAAAC,EAAA,EAAAJ,CAAA,EAAA,CACA,UAAAK,EACA,SAAAC,EACA,QAAAC,EACA,eAAAC,EACA,MAAA,EACA,MAAAC,EACA,GAAAC,CACA,EAAAP,EAAAQ,EAAAC,GAAA,CACAN,GAAA,MAAAA,EAAAM,EAAA,CAAA,MAAA,EAAA,QAAAA,EAAA,OAAA,OAAA,CAAA,CACA,EAAAC,EAAAC,EAAA,EAAAjB,EAAA,OAAAQ,CAAA,EAAAU,EAAA,CACA,GAAAb,EACA,GAAAO,CACA,EACA,OAAAO,EAAA,GAAA,KAAA,QAAA,CAAA,UAAAH,EAAA,MAAAE,EAAA,SAAA,CACAC,EAAA,GAAA,IACA,QACA,CACA,WAAA,SACA,IAAAf,EACA,KAAA,WACA,KAAA,SACA,MAAA,EACA,eAAAM,GAAAC,EACA,QAAAD,EACA,eAAAC,EACA,SAAAG,EACA,GAAAD,CACA,CACA,EACAM,EAAA,GAAA,IAAA,OAAA,CAAA,cAAA,GAAA,UAAAnB,EAAA,OAAA,SAAAmB,EAAA,GAAA,IAAA,OAAA,CAAA,UAAAnB,EAAA,UAAA,SAAAmB,EAAA,GAAA,IAAAZ,EAAA,EAAA,CAAA,IAAAa,EAAA,EAAA,UAAApB,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACA,UAAAG,GAAAA,EAAA,KACA,CAAA,CAAA,CACA,CACA,EACAF,EAAA,YAAA","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import "./Switch.css";
|
|
2
|
+
import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import { forwardRef as g } from "react";
|
|
4
|
+
import { q as u } from "./index-b6ca5fc4.js";
|
|
5
|
+
import { W as x, C as w } from "./index-34a59514-87e04c7f.js";
|
|
6
|
+
import { m as N } from "./check-f9f67964-2b87008b.js";
|
|
7
|
+
const j = "_toggle_10hhs_31", y = "_indicator_10hhs_45", b = "_check_10hhs_59", a = {
|
|
8
|
+
switch: "_switch_10hhs_4",
|
|
9
|
+
toggle: j,
|
|
10
|
+
indicator: y,
|
|
11
|
+
check: b
|
|
12
|
+
}, v = g(
|
|
13
|
+
(c, r) => {
|
|
14
|
+
const { layoutStyles: i, componentProps: n } = x(c), {
|
|
15
|
+
className: d,
|
|
16
|
+
onChange: s,
|
|
17
|
+
checked: t,
|
|
18
|
+
defaultChecked: l,
|
|
19
|
+
value: o,
|
|
20
|
+
style: m,
|
|
21
|
+
...p
|
|
22
|
+
} = n, _ = (h) => {
|
|
23
|
+
s == null || s(h, { value: o, checked: h.target.checked });
|
|
24
|
+
}, f = u(a.switch, d), k = {
|
|
25
|
+
...i,
|
|
26
|
+
...m
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ e.jsxs("label", { className: f, style: k, children: [
|
|
29
|
+
/* @__PURE__ */ e.jsx(
|
|
30
|
+
"input",
|
|
31
|
+
{
|
|
32
|
+
"data-anv": "Switch",
|
|
33
|
+
ref: r,
|
|
34
|
+
type: "checkbox",
|
|
35
|
+
role: "switch",
|
|
36
|
+
value: o,
|
|
37
|
+
"aria-checked": t ?? l,
|
|
38
|
+
checked: t,
|
|
39
|
+
defaultChecked: l,
|
|
40
|
+
onChange: _,
|
|
41
|
+
...p
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
/* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, className: a.toggle, children: /* @__PURE__ */ e.jsx("span", { className: a.indicator, children: /* @__PURE__ */ e.jsx(w, { svg: N, className: a.check }) }) }),
|
|
45
|
+
"label" in c && c.label
|
|
46
|
+
] });
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
v.displayName = "Switch";
|
|
50
|
+
export {
|
|
51
|
+
v as b
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=Switch-de621e8b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch-de621e8b.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Switch.js"],"sourcesContent":["import \"./index30.css\";\nimport { j as s } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as u } from \"react\";\nimport x from \"classnames\";\nimport { u as w, I as y } from \"./index-34a59514.js\";\nimport { S as f } from \"./check-f9f67964.js\";\nconst j = \"_toggle_10hhs_31\", N = \"_indicator_10hhs_45\", S = \"_check_10hhs_59\", e = {\n switch: \"_switch_10hhs_4\",\n toggle: j,\n indicator: N,\n check: S\n}, b = u(\n (c, n) => {\n const { layoutStyles: l, componentProps: r } = w(c), {\n className: m,\n onChange: t,\n checked: a,\n defaultChecked: o,\n value: i,\n style: d,\n ...g\n } = r, p = (h) => {\n t == null || t(h, { value: i, checked: h.target.checked });\n }, _ = x(e.switch, m), k = {\n ...l,\n ...d\n };\n return /* @__PURE__ */ s.jsxs(\"label\", { className: _, style: k, children: [\n /* @__PURE__ */ s.jsx(\n \"input\",\n {\n \"data-anv\": \"Switch\",\n ref: n,\n type: \"checkbox\",\n role: \"switch\",\n value: i,\n \"aria-checked\": a ?? o,\n checked: a,\n defaultChecked: o,\n onChange: p,\n ...g\n }\n ),\n /* @__PURE__ */ s.jsx(\"span\", { \"aria-hidden\": !0, className: e.toggle, children: /* @__PURE__ */ s.jsx(\"span\", { className: e.indicator, children: /* @__PURE__ */ s.jsx(y, { svg: f, className: e.check }) }) }),\n \"label\" in c && c.label\n ] });\n }\n);\nb.displayName = \"Switch\";\nexport {\n b as Switch\n};\n//# sourceMappingURL=Switch.js.map\n"],"names":["N","S","e","b","forwardRef","n","l","r","W","m$1","t","a","o","i","d","g","p","_","q","fr","C","m"],"mappings":";;;;;;AAMK,MAAA,IAAA,oBAAAA,IAAA,uBAAAC,IAAA,mBAAAC,IAAA;AAAA,EACL,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAAF;AAAA,EACA,OAAAC;AACA,GAAAE,IAAAC;AAAA,EACA,CAAA,GAAAC,MAAA;AACA,UAAA,EAAA,cAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAA,CAAA,GAAA;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAAC;AAAA,IACA,IAAAR,GAAAS,IAAA,CAAA,MAAA;AACA,MAAAN,KAAA,QAAAA,EAAA,GAAA,EAAA,OAAAG,GAAA,SAAA,EAAA,OAAA,QAAA,CAAA;AAAA,IACA,GAAAI,IAAAC,EAAAhB,EAAA,QAAAO,CAAA,GAAA,IAAA;AAAA,MACA,GAAAH;AAAA,MACA,GAAAQ;AAAA,IACA;AACA,WAAA,gBAAAK,EAAA,KAAA,SAAA,EAAA,WAAAF,GAAA,OAAA,GAAA,UAAA;AAAA,MACA,gBAAAE,EAAA;AAAA,QACA;AAAA,QACA;AAAA,UACA,YAAA;AAAA,UACA,KAAAd;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA,OAAAQ;AAAA,UACA,gBAAAF,KAAAC;AAAA,UACA,SAAAD;AAAA,UACA,gBAAAC;AAAA,UACA,UAAAI;AAAA,UACA,GAAAD;AAAA,QACA;AAAA,MACA;AAAA,MACA,gBAAAI,EAAA,IAAA,QAAA,EAAA,eAAA,IAAA,WAAAjB,EAAA,QAAA,UAAA,gBAAAiB,EAAA,IAAA,QAAA,EAAA,WAAAjB,EAAA,WAAA,UAAA,gBAAAiB,EAAA,IAAAC,GAAA,EAAA,KAAAC,GAAA,WAAAnB,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,MACA,WAAA,KAAA,EAAA;AAAA,IACA,EAAA,CAAA;AAAA,EACA;AACA;AACAC,EAAA,cAAA;","x_google_ignoreList":[0]}
|
package/Switch.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("./Switch-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("./Switch-bad8af12.cjs"),s=require("react"),e=s.forwardRef((t,r)=>u.jsxRuntimeExports.jsx(i.b,{ref:r,...t}));exports.Switch=e;exports.default=e;
|
|
2
2
|
//# sourceMappingURL=Switch.cjs.map
|
package/Switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer reset,base,state,application;@layer reset{.
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer reset,base,state,application;@layer reset{._switch_10hhs_4{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:inline-flex}}@layer base{._switch_10hhs_4{order:var(--order);grid-area:var(--gridArea);flex:var(--flex);place-content:var(--placeContent);place-items:var(--placeItems);place-self:var(--placeSelf);align-items:center;gap:.5rem;position:relative;cursor:pointer}._switch_10hhs_4 ._toggle_10hhs_31{background-color:var(--anv-switch-toggle-background-color, var(--background-color-strongest, #bcbcbd));border-radius:1.5rem;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.5rem;position:relative;width:3rem;transition:background-color .2s cubic-bezier(0,0,.4,1),outline .2s cubic-bezier(0,0,.4,1);overflow:hidden;outline-offset:.125rem;outline:0 solid var(--focus-ring-color, #0265dc)}._switch_10hhs_4 ._toggle_10hhs_31 ._indicator_10hhs_45{background-color:var(--anv-switch-toggle-background-color, var(--background-color, #ffffff));border-radius:100%;inset-block-start:.125rem;inset-inline-start:.125rem;height:1.25rem;width:1.25rem;position:absolute;transition:all .2s cubic-bezier(0,0,.4,1);box-shadow:var(--anv-switch-toggle-box-shadow, rgba(0, 0, 0, .24) 0 .1875rem .125rem);display:flex;justify-content:center;align-items:center}._switch_10hhs_4 ._toggle_10hhs_31 ._indicator_10hhs_45 ._check_10hhs_59{opacity:0;color:var(--anv-switch-toggle-background-color-checked, var(--background-color-primary, #0265dc))}._switch_10hhs_4 ._toggle_10hhs_31:after{width:100%;height:100%}._switch_10hhs_4 input{position:absolute;width:0;height:0;opacity:0;inset-block-start:0;inset-inline-start:0}}@layer state{._switch_10hhs_4 input:checked+._toggle_10hhs_31{background-color:var(--anv-switch-toggle-background-color-checked, var(--background-color-primary, #0265dc))}._switch_10hhs_4 input:checked+._toggle_10hhs_31 ._indicator_10hhs_45{inset-inline-start:1.625rem}._switch_10hhs_4 input:checked+._toggle_10hhs_31 ._indicator_10hhs_45 ._check_10hhs_59{opacity:1}._switch_10hhs_4 input:checked:focus-visible+._toggle_10hhs_31{outline-width:.125rem}._switch_10hhs_4 input:focus-visible+._toggle_10hhs_31{outline-width:.125rem}._switch_10hhs_4 input:checked[data-interactive=focus-visible]:not(:disabled)+._toggle_10hhs_31{outline-width:.125rem}._switch_10hhs_4 input[data-interactive=focus-visible]:not(:disabled)+._toggle_10hhs_31{outline-width:.125rem}._switch_10hhs_4:has([data-interactive=hover]),._switch_10hhs_4:hover{background-color:transparent}._switch_10hhs_4:has([data-interactive=hover]) input:not(:disabled):not(:checked)+._toggle_10hhs_31:after,._switch_10hhs_4:hover input:not(:disabled):not(:checked)+._toggle_10hhs_31:after{content:"";background-color:var(--overlay-color-hover, rgba(20, 20, 20, .0784313725))}._switch_10hhs_4:has([data-interactive=hover]) input:not(:disabled):checked+._toggle_10hhs_31:after,._switch_10hhs_4:hover input:not(:disabled):checked+._toggle_10hhs_31:after{content:"";background-color:var(--overlay-color-hover-on-primary, rgba(255, 255, 255, .1607843137))}._switch_10hhs_4:has(input[disabled]){cursor:default;opacity:.6;cursor:not-allowed}._switch_10hhs_4:has(input[disabled]) ._toggle_10hhs_31{box-shadow:none;background-color:var(--background-color-disabled, #606162)}._switch_10hhs_4:has(input[disabled]) ._toggle_10hhs_31 ._indicator_10hhs_45{background-color:var(--background-color-strongest, #bcbcbd)}._switch_10hhs_4:has(input[disabled]) ._toggle_10hhs_31 ._indicator_10hhs_45 ._check_10hhs_59{color:var(--foreground-color-subdued, #737475)}}@layer application{@media (prefers-reduced-motion: reduce){._switch_10hhs_4 ._toggle_10hhs_31 ._indicator_10hhs_45{transition-duration:.1ms!important}}}
|