@servicetitan/anvil2 1.3.2 → 1.3.4
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-673d75aa.cjs +2 -0
- package/Alert-673d75aa.cjs.map +1 -0
- package/{Alert-012e475c.js → Alert-85a791c2.js} +29 -27
- package/Alert-85a791c2.js.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.js +1 -1
- package/Announcement.cjs +1 -1
- package/Announcement.cjs.map +1 -1
- package/Announcement.js +99 -15
- package/Announcement.js.map +1 -1
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.js +1 -1
- package/Avatar.cjs +1 -1
- package/Avatar.cjs.map +1 -1
- package/Avatar.js +127 -12
- package/Avatar.js.map +1 -1
- package/Badge.cjs +1 -1
- package/Badge.cjs.map +1 -1
- package/Badge.js +47 -7
- package/Badge.js.map +1 -1
- package/Button.cjs +1 -1
- package/Button.cjs.map +1 -1
- package/Button.js +14 -40
- package/Button.js.map +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.cjs.map +1 -1
- package/ButtonCompound.js +13 -39
- package/ButtonCompound.js.map +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.cjs.map +1 -1
- package/ButtonLink.js +14 -40
- package/ButtonLink.js.map +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.cjs.map +1 -1
- package/ButtonToggle.js +14 -40
- package/ButtonToggle.js.map +1 -1
- package/Calendar.cjs +1 -1
- package/Calendar.cjs.map +1 -1
- package/Calendar.js +5812 -24
- package/Calendar.js.map +1 -1
- package/Card.cjs +1 -1
- package/Card.cjs.map +1 -1
- package/Card.js +52 -6
- package/Card.js.map +1 -1
- package/Checkbox-634c4d3d.js +164 -0
- package/Checkbox-634c4d3d.js.map +1 -0
- package/Checkbox-d1db5a71.cjs +2 -0
- package/Checkbox-d1db5a71.cjs.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.cjs.map +1 -1
- package/Checkbox.css +1 -0
- package/Checkbox.js +23 -49
- package/Checkbox.js.map +1 -1
- package/{Chip-6dde28bc.js → Chip-73b032eb.js} +36 -34
- package/Chip-73b032eb.js.map +1 -0
- package/Chip-88873569.cjs +2 -0
- package/Chip-88873569.cjs.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.js +1 -1
- package/Combobox.cjs +41 -1
- package/Combobox.cjs.map +1 -1
- package/Combobox.js +4177 -76
- package/Combobox.js.map +1 -1
- package/Details.cjs +1 -1
- package/Details.cjs.map +1 -1
- package/Details.js +153 -50
- package/Details.js.map +1 -1
- package/Dialog-1984afe2.js +214 -0
- package/Dialog-1984afe2.js.map +1 -0
- package/Dialog-de6969a2.cjs +2 -0
- package/Dialog-de6969a2.cjs.map +1 -0
- package/Dialog.cjs +1 -1
- package/Dialog.cjs.map +1 -1
- package/Dialog.css +1 -0
- package/Dialog.js +38 -64
- package/Dialog.js.map +1 -1
- package/Divider.cjs +1 -1
- package/Divider.cjs.map +1 -1
- package/Divider.js +76 -7
- package/Divider.js.map +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.cjs.map +1 -1
- package/Drawer.js +242 -70
- package/Drawer.js.map +1 -1
- package/{Flex-d338e855.js → Flex-d06c75c0.js} +18 -17
- package/Flex-d06c75c0.js.map +1 -0
- package/Flex-da1ad9db.cjs +2 -0
- package/Flex-da1ad9db.cjs.map +1 -0
- package/Flex.cjs +1 -1
- package/Flex.js +1 -1
- package/Grid.cjs +1 -1
- package/Grid.cjs.map +1 -1
- package/Grid.js +90 -6
- package/Grid.js.map +1 -1
- package/{Helper-74a1f07f-61317df2.cjs → Helper-74a1f07f-8fcd0721.cjs} +2 -2
- package/{Helper-74a1f07f-61317df2.cjs.map → Helper-74a1f07f-8fcd0721.cjs.map} +1 -1
- package/{Helper-74a1f07f-092263c4.js → Helper-74a1f07f-d017affe.js} +3 -3
- package/{Helper-74a1f07f-092263c4.js.map → Helper-74a1f07f-d017affe.js.map} +1 -1
- package/Icon-847b3515.cjs +2 -0
- package/Icon-847b3515.cjs.map +1 -0
- package/{Icon-b94f924c.js → Icon-be690f0b.js} +13 -12
- package/Icon-be690f0b.js.map +1 -0
- package/Icon.cjs +1 -1
- package/Icon.js +1 -1
- package/Label-854a39e4.js +47 -0
- package/Label-854a39e4.js.map +1 -0
- package/Label-e2593298.cjs +2 -0
- package/Label-e2593298.cjs.map +1 -0
- package/Label.css +1 -0
- package/Layout.cjs +1 -1
- package/Layout.cjs.map +1 -1
- package/Layout.js +21 -21
- package/Layout.js.map +1 -1
- package/Link.cjs +1 -1
- package/Link.cjs.map +1 -1
- package/Link.js +17 -43
- package/Link.js.map +1 -1
- package/ListView.cjs +1 -1
- package/ListView.cjs.map +1 -1
- package/ListView.css +1 -1
- package/ListView.js +412 -24
- package/ListView.js.map +1 -1
- package/ListView.module-854f2491-1f87d388.cjs +2 -0
- package/ListView.module-854f2491-1f87d388.cjs.map +1 -0
- package/ListView.module-854f2491-c5eba193.js +11 -0
- package/ListView.module-854f2491-c5eba193.js.map +1 -0
- package/Listbox.cjs +1 -1
- package/Listbox.cjs.map +1 -1
- package/Listbox.js +403 -25
- package/Listbox.js.map +1 -1
- package/Listbox.module-2120a0a7-794d64a0.cjs +2 -0
- package/Listbox.module-2120a0a7-794d64a0.cjs.map +1 -0
- package/Listbox.module-2120a0a7-aa22f0ed.js +13 -0
- package/Listbox.module-2120a0a7-aa22f0ed.js.map +1 -0
- package/LocalizationProvider.cjs +1 -1
- package/LocalizationProvider.cjs.map +1 -1
- package/LocalizationProvider.js +11 -10
- package/LocalizationProvider.js.map +1 -1
- package/Menu.cjs +1 -1
- package/Menu.cjs.map +1 -1
- package/Menu.js +320 -51
- package/Menu.js.map +1 -1
- package/Overflow-057bbf4e.cjs +2 -0
- package/Overflow-057bbf4e.cjs.map +1 -0
- package/Overflow-a026904d.js +249 -0
- package/Overflow-a026904d.js.map +1 -0
- package/Overflow.cjs +1 -1
- package/Overflow.cjs.map +1 -1
- package/Overflow.css +1 -0
- package/Overflow.js +23 -49
- package/Overflow.js.map +1 -1
- package/Page.cjs +1 -1
- package/Page.cjs.map +1 -1
- package/Page.js +8 -8
- package/Page.js.map +1 -1
- package/Popover-aaeea980.js +272 -0
- package/Popover-aaeea980.js.map +1 -0
- package/Popover-e336dabc.cjs +2 -0
- package/Popover-e336dabc.cjs.map +1 -0
- package/Popover.cjs +1 -1
- package/Popover.cjs.map +1 -1
- package/Popover.css +1 -0
- package/Popover.js +38 -64
- package/Popover.js.map +1 -1
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.cjs.map +1 -1
- package/ProgressBar.js +121 -7
- package/ProgressBar.js.map +1 -1
- package/Radio.cjs +1 -1
- package/Radio.cjs.map +1 -1
- package/Radio.js +142 -50
- package/Radio.js.map +1 -1
- package/SegmentedControl.cjs +1 -1
- package/SegmentedControl.cjs.map +1 -1
- package/SegmentedControl.js +133 -58
- package/SegmentedControl.js.map +1 -1
- package/SideNav.cjs +1 -29
- package/SideNav.cjs.map +1 -1
- package/SideNav.js +258 -1139
- package/SideNav.js.map +1 -1
- package/SrOnly-0c7fd87a.js +13 -0
- package/{SrOnly-864bd4cb.js.map → SrOnly-0c7fd87a.js.map} +1 -1
- package/SrOnly-91a467dc.cjs +2 -0
- package/{SrOnly-88e8fca6.cjs.map → SrOnly-91a467dc.cjs.map} +1 -1
- package/SrOnly.cjs +1 -1
- package/SrOnly.js +1 -1
- package/Stepper.cjs +1 -1
- package/Stepper.cjs.map +1 -1
- package/Stepper.js +430 -47
- package/Stepper.js.map +1 -1
- package/Switch.cjs +1 -1
- package/Switch.cjs.map +1 -1
- package/Switch.js +67 -44
- package/Switch.js.map +1 -1
- package/Tab.cjs +9 -1
- package/Tab.cjs.map +1 -1
- package/Tab.js +436 -24
- package/Tab.js.map +1 -1
- package/{Text-465104f6.js → Text-08c90c22.js} +30 -29
- package/Text-08c90c22.js.map +1 -0
- package/Text-8ed03ac7.cjs +2 -0
- package/Text-8ed03ac7.cjs.map +1 -0
- package/Text.cjs +1 -1
- package/Text.js +1 -1
- package/TextField.cjs +1 -1
- package/TextField.cjs.map +1 -1
- package/TextField.js +156 -47
- package/TextField.js.map +1 -1
- package/Textarea.cjs +1 -1
- package/Textarea.cjs.map +1 -1
- package/Textarea.js +260 -45
- package/Textarea.js.map +1 -1
- package/ThemeProvider.cjs +1 -1
- package/ThemeProvider.js +1 -1
- package/Toast.cjs +8 -1
- package/Toast.cjs.map +1 -1
- package/Toast.js +568 -9
- package/Toast.js.map +1 -1
- package/Tooltip-2ecbf35e.cjs +2 -0
- package/Tooltip-2ecbf35e.cjs.map +1 -0
- package/Tooltip-dcc5d45c.js +157 -0
- package/Tooltip-dcc5d45c.js.map +1 -0
- package/Tooltip.cjs +1 -1
- package/Tooltip.cjs.map +1 -1
- package/Tooltip.css +1 -0
- package/Tooltip.js +18 -44
- package/Tooltip.js.map +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +6 -6
- package/anvil2.js +158 -183
- package/anvil2.js.map +1 -1
- package/check_circle-48e002d3-0d49b2da.cjs +2 -0
- package/check_circle-48e002d3-0d49b2da.cjs.map +1 -0
- package/check_circle-48e002d3-5838521c.js +7 -0
- package/check_circle-48e002d3-5838521c.js.map +1 -0
- package/chevron_right-5b0931b5-96f8a9c6.cjs +2 -0
- package/chevron_right-5b0931b5-96f8a9c6.cjs.map +1 -0
- package/chevron_right-5b0931b5-ac35ad56.js +6 -0
- package/chevron_right-5b0931b5-ac35ad56.js.map +1 -0
- package/childrenToString-0cd30a27.cjs +2 -0
- package/childrenToString-0cd30a27.cjs.map +1 -0
- package/childrenToString-416df522.js +19 -0
- package/childrenToString-416df522.js.map +1 -0
- package/extends-31d75778.js +27 -0
- package/extends-31d75778.js.map +1 -0
- package/extends-60b54772.cjs +2 -0
- package/extends-60b54772.cjs.map +1 -0
- package/getKeyboardFocusableElements-58a00025.js +14 -0
- package/getKeyboardFocusableElements-58a00025.js.map +1 -0
- package/getKeyboardFocusableElements-aba1bd01.cjs +2 -0
- package/getKeyboardFocusableElements-aba1bd01.cjs.map +1 -0
- package/index-04060912.js +3677 -0
- package/index-04060912.js.map +1 -0
- package/index-06c0bdf0.js +480 -0
- package/index-06c0bdf0.js.map +1 -0
- package/index-11b6ca91-14b4e485.js +63 -0
- package/index-11b6ca91-14b4e485.js.map +1 -0
- package/index-11b6ca91-d30fd1d3.cjs +2 -0
- package/index-11b6ca91-d30fd1d3.cjs.map +1 -0
- package/{index-acdc415f.cjs → index-1f4f169d.cjs} +2 -2
- package/{index-acdc415f.cjs.map → index-1f4f169d.cjs.map} +1 -1
- package/index-40821bc4.cjs +2 -0
- package/index-40821bc4.cjs.map +1 -0
- package/{index-ab05dabf.js → index-47e4931c.js} +3 -3
- package/{index-ab05dabf.js.map → index-47e4931c.js.map} +1 -1
- package/index-49242812.js +59 -0
- package/index-49242812.js.map +1 -0
- package/index-69174413.cjs +5 -0
- package/index-69174413.cjs.map +1 -0
- package/index-902bf2b0.js +56 -0
- package/index-902bf2b0.js.map +1 -0
- package/index-a53df036.cjs +2 -0
- package/index-a53df036.cjs.map +1 -0
- package/{index-e0f6271a.js → index-c6e22bb9.js} +6 -6
- package/{index-e0f6271a.js.map → index-c6e22bb9.js.map} +1 -1
- package/index-dcf78e3f.cjs +2 -0
- package/index-dcf78e3f.cjs.map +1 -0
- package/{index-3a4e28a9-3d7ba14f.js → index-eb2e706f-03380994.js} +19 -18
- package/index-eb2e706f-03380994.js.map +1 -0
- package/index-eb2e706f-ff6c4157.cjs +2 -0
- package/index-eb2e706f-ff6c4157.cjs.map +1 -0
- package/{index-67d20edb.cjs → index-ef2e9d11.cjs} +2 -2
- package/{index-67d20edb.cjs.map → index-ef2e9d11.cjs.map} +1 -1
- package/index.css +1 -1
- package/index11.css +1 -0
- package/index12.css +1 -0
- package/index13.css +1 -0
- package/index14.css +1 -0
- package/index15.css +1 -0
- package/index16.css +1 -0
- package/index18.css +1 -0
- package/index19.css +1 -0
- package/index2.css +1 -1
- package/index21.css +1 -0
- package/index22.css +1 -0
- package/index24.css +1 -0
- package/index3.css +1 -1
- package/index6.css +1 -0
- package/index7.css +1 -0
- package/index9.css +1 -0
- package/info-af4c0112-9f16129f.cjs +2 -0
- package/info-af4c0112-9f16129f.cjs.map +1 -0
- package/info-af4c0112-f73c8f68.js +6 -0
- package/info-af4c0112-f73c8f68.js.map +1 -0
- package/package.json +3 -3
- package/tinycolor-3b50a250.cjs +2 -0
- package/tinycolor-3b50a250.cjs.map +1 -0
- package/tinycolor-d415b1fd.js +712 -0
- package/tinycolor-d415b1fd.js.map +1 -0
- package/token.cjs +1 -1
- package/token.js +1 -1
- package/useAccessibleColor.cjs +1 -1
- package/useAccessibleColor.cjs.map +1 -1
- package/useAccessibleColor.d.ts +1 -1
- package/useAccessibleColor.js +36 -32
- package/useAccessibleColor.js.map +1 -1
- package/useLayoutPropsUtil-cd33328b.cjs +2 -0
- package/useLayoutPropsUtil-cd33328b.cjs.map +1 -0
- package/useLayoutPropsUtil-f34e9597.js +160 -0
- package/useLayoutPropsUtil-f34e9597.js.map +1 -0
- package/useLinkStyles.cjs +1 -1
- package/useLinkStyles.d.ts +2 -2
- package/useLinkStyles.js +3 -31
- package/useLinkStyles.js.map +1 -1
- package/useMergeRefs.cjs +1 -1
- package/useMergeRefs.d.ts +1 -1
- package/useMergeRefs.js +3 -32
- package/useMergeRefs.js.map +1 -1
- package/usePrefersColorScheme.cjs +1 -1
- package/usePrefersColorScheme.cjs.map +1 -1
- package/usePrefersColorScheme.d.ts +1 -1
- package/usePrefersColorScheme.js +19 -32
- package/usePrefersColorScheme.js.map +1 -1
- package/useSwipe.cjs +1 -1
- package/useSwipe.cjs.map +1 -1
- package/useSwipe.d.ts +1 -1
- package/useSwipe.js +15 -32
- package/useSwipe.js.map +1 -1
- package/Alert-012e475c.js.map +0 -1
- package/Alert-066f00f2.cjs +0 -2
- package/Alert-066f00f2.cjs.map +0 -1
- package/Announcement-cd9602ed.cjs +0 -2
- package/Announcement-cd9602ed.cjs.map +0 -1
- package/Announcement-f9b09ba3.js +0 -88
- package/Announcement-f9b09ba3.js.map +0 -1
- package/Announcement.css +0 -1
- package/Badge-b8764640.cjs +0 -2
- package/Badge-b8764640.cjs.map +0 -1
- package/Badge-df96f15a.js +0 -45
- package/Badge-df96f15a.js.map +0 -1
- package/Badge.css +0 -1
- package/Calendar-31bcb381.js +0 -5797
- package/Calendar-31bcb381.js.map +0 -1
- package/Calendar-d0baf4b1.cjs +0 -2
- package/Calendar-d0baf4b1.cjs.map +0 -1
- package/Card-20628287.cjs +0 -2
- package/Card-20628287.cjs.map +0 -1
- package/Card-bb358803.js +0 -51
- package/Card-bb358803.js.map +0 -1
- package/Chip-5b63e48c.cjs +0 -2
- package/Chip-5b63e48c.cjs.map +0 -1
- package/Chip-6dde28bc.js.map +0 -1
- package/Divider-6646eeb8.cjs +0 -2
- package/Divider-6646eeb8.cjs.map +0 -1
- package/Divider-b3bff73a.js +0 -74
- package/Divider-b3bff73a.js.map +0 -1
- package/Flex-971b5295.cjs +0 -2
- package/Flex-971b5295.cjs.map +0 -1
- package/Flex-d338e855.js.map +0 -1
- package/Grid-37ded954.cjs +0 -2
- package/Grid-37ded954.cjs.map +0 -1
- package/Grid-5bad450f.js +0 -89
- package/Grid-5bad450f.js.map +0 -1
- package/Icon-57c31c9b.cjs +0 -2
- package/Icon-57c31c9b.cjs.map +0 -1
- package/Icon-b94f924c.js.map +0 -1
- package/ListView-3b1adecb.js +0 -557
- package/ListView-3b1adecb.js.map +0 -1
- package/ListView-88e49b19.cjs +0 -2
- package/ListView-88e49b19.cjs.map +0 -1
- package/Listbox-60fbdaa1.js +0 -394
- package/Listbox-60fbdaa1.js.map +0 -1
- package/Listbox-cd5c4185.cjs +0 -2
- package/Listbox-cd5c4185.cjs.map +0 -1
- package/ProgressBar-c1b5c7c3.js +0 -516
- package/ProgressBar-c1b5c7c3.js.map +0 -1
- package/ProgressBar-fa511478.cjs +0 -2
- package/ProgressBar-fa511478.cjs.map +0 -1
- package/ProgressBar.css +0 -1
- package/SideNav-33a404ec.js +0 -935
- package/SideNav-33a404ec.js.map +0 -1
- package/SideNav-47435e45.cjs +0 -21
- package/SideNav-47435e45.cjs.map +0 -1
- package/SrOnly-864bd4cb.js +0 -13
- package/SrOnly-88e8fca6.cjs +0 -2
- package/Stepper-7e3a130c.js +0 -633
- package/Stepper-7e3a130c.js.map +0 -1
- package/Stepper-8675700c.cjs +0 -2
- package/Stepper-8675700c.cjs.map +0 -1
- package/Stepper.css +0 -1
- package/Tab-9d3d7922.cjs +0 -10
- package/Tab-9d3d7922.cjs.map +0 -1
- package/Tab-dd4ab045.js +0 -422
- package/Tab-dd4ab045.js.map +0 -1
- package/Text-465104f6.js.map +0 -1
- package/Text-631c229a.cjs +0 -2
- package/Text-631c229a.cjs.map +0 -1
- package/Toast-32a4ab22.cjs +0 -9
- package/Toast-32a4ab22.cjs.map +0 -1
- package/Toast-6cd7d2e1.js +0 -566
- package/Toast-6cd7d2e1.js.map +0 -1
- package/check_circle-48e002d3-0554de7d.js +0 -8
- package/check_circle-48e002d3-0554de7d.js.map +0 -1
- package/check_circle-48e002d3-57364fcd.cjs +0 -2
- package/check_circle-48e002d3-57364fcd.cjs.map +0 -1
- package/floating-ui.react-51a3fa68.js +0 -23242
- package/floating-ui.react-51a3fa68.js.map +0 -1
- package/floating-ui.react-5347095a.cjs +0 -178
- package/floating-ui.react-5347095a.cjs.map +0 -1
- package/index-3a4e28a9-3d7ba14f.js.map +0 -1
- package/index-3a4e28a9-b649e635.cjs +0 -2
- package/index-3a4e28a9-b649e635.cjs.map +0 -1
- package/index-3f218083.js +0 -58
- package/index-3f218083.js.map +0 -1
- package/index-63e13299.cjs +0 -2
- package/index-63e13299.cjs.map +0 -1
- package/index-c41dc41a.js +0 -4972
- package/index-c41dc41a.js.map +0 -1
- package/index-ca7c66ae.cjs +0 -23
- package/index-ca7c66ae.cjs.map +0 -1
- package/index-d46fa8de-c02f7a12.cjs +0 -2
- package/index-d46fa8de-c02f7a12.cjs.map +0 -1
- package/index-d46fa8de-f8bf17b6.js +0 -540
- package/index-d46fa8de-f8bf17b6.js.map +0 -1
- package/index-f7658447-1cfbda8f.js +0 -120
- package/index-f7658447-1cfbda8f.js.map +0 -1
- package/index-f7658447-f447ade8.cjs +0 -2
- package/index-f7658447-f447ade8.cjs.map +0 -1
- package/index-f7658447.css +0 -1
- package/useLayoutPropsUtil-e307abc7-3826ee09.cjs +0 -2
- package/useLayoutPropsUtil-e307abc7-3826ee09.cjs.map +0 -1
- package/useLayoutPropsUtil-e307abc7-cbe2fb6d.js +0 -869
- package/useLayoutPropsUtil-e307abc7-cbe2fb6d.js.map +0 -1
- package/usePrefersColorScheme-129544ad-59e2e284.cjs +0 -2
- package/usePrefersColorScheme-129544ad-59e2e284.cjs.map +0 -1
- package/usePrefersColorScheme-129544ad-cab6fc3f.js +0 -55
- package/usePrefersColorScheme-129544ad-cab6fc3f.js.map +0 -1
- package/useSwipe-82769b09-835234e6.js +0 -17
- package/useSwipe-82769b09-835234e6.js.map +0 -1
- package/useSwipe-82769b09-dba26ed2.cjs +0 -2
- package/useSwipe-82769b09-dba26ed2.cjs.map +0 -1
- /package/{index-3a4e28a9.css → index-eb2e706f.css} +0 -0
- /package/{Grid.css → index10.css} +0 -0
- /package/{SideNav.css → index17.css} +0 -0
- /package/{Tab.css → index20.css} +0 -0
- /package/{Toast.css → index23.css} +0 -0
- /package/{Calendar.css → index4.css} +0 -0
- /package/{Card.css → index5.css} +0 -0
- /package/{Divider.css → index8.css} +0 -0
package/Card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
var q=require("./index5.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./jsx-runtime-494437bb.cjs"),b=require("./jsx-runtime-944c88e2-2b81c205.cjs"),a=require("react"),f=require("./index-ef2e9d11.cjs");require("./tinycolor-3b50a250.cjs");const y=require("./useLayoutPropsUtil-cd33328b.cjs");const j="_card_ooru2_4",d={card:j,"card-section":"_card-section_ooru2_27","bg-stronger":"_bg-stronger_ooru2_32","bg-strong":"_bg-strong_ooru2_32","padding-0":"_padding-0_ooru2_38","padding-xsmall":"_padding-xsmall_ooru2_41","padding-small":"_padding-small_ooru2_44","padding-medium":"_padding-medium_ooru2_47","padding-large":"_padding-large_ooru2_50"},n=a.forwardRef((r,e)=>{const{layoutStyles:t,componentProps:i}=y.J(r),{children:u,className:_,padding:c="medium",background:o,style:g,...l}=i,m=f.G([d.card],[d[`padding-${c}`]],_,{[d[`bg-${o}`]]:!!o}),p={...g,...t};return b.fr.jsx("div",{className:m,"data-anv":"card",style:p,ref:e,...l,children:u})});n.displayName="Card";const s=a.forwardRef((r,e)=>x.jsxRuntimeExports.jsx(n,{ref:e,...r}));exports.Card=s;exports.default=s;
|
|
2
2
|
//# sourceMappingURL=Card.cjs.map
|
package/Card.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.cjs","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import {\n CardProps as CoreCardProps,\n Card as CoreCard,\n} from \"@servicetitan/hammer-react/dist/Card\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type CardProps = CoreCardProps;\n\nexport const Card = forwardRef((props: CardProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCard ref={ref} {...props} />;\n});\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Card.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Card.js","../src/components/Card/Card.tsx"],"sourcesContent":["import \"./index7.css\";\nimport { j as c } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as l } from \"react\";\nimport u from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as y } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst b = \"_card_ooru2_4\", o = {\n card: b,\n \"card-section\": \"_card-section_ooru2_27\",\n \"bg-stronger\": \"_bg-stronger_ooru2_32\",\n \"bg-strong\": \"_bg-strong_ooru2_32\",\n \"padding-0\": \"_padding-0_ooru2_38\",\n \"padding-xsmall\": \"_padding-xsmall_ooru2_41\",\n \"padding-small\": \"_padding-small_ooru2_44\",\n \"padding-medium\": \"_padding-medium_ooru2_47\",\n \"padding-large\": \"_padding-large_ooru2_50\"\n}, x = l((a, d) => {\n const { layoutStyles: s, componentProps: t } = y(a), {\n children: n,\n className: i,\n padding: m = \"medium\",\n background: r,\n style: e,\n ..._\n } = t, p = u(\n [o.card],\n [o[`padding-${m}`]],\n i,\n {\n [o[`bg-${r}`]]: !!r\n }\n ), g = {\n ...e,\n ...s\n };\n return /* @__PURE__ */ c.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"card\",\n style: g,\n ref: d,\n ..._,\n children: n\n }\n );\n});\nx.displayName = \"Card\";\nexport {\n x as Card\n};\n//# sourceMappingURL=Card.js.map\n","import {\n CardProps as CoreCardProps,\n Card as CoreCard,\n} from \"@servicetitan/hammer-react/dist/Card\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type CardProps = CoreCardProps;\n\nexport const Card = forwardRef((props: CardProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCard ref={ref} {...props} />;\n});\n"],"names":["b","o","x","React","a","d","s","t","useLayoutPropsUtil","n","i","m","r","e","_","p","index","g","jsxRuntime944c88e2","Card","props","ref","jsxRuntime"],"mappings":"0WAQA,MAAAA,EAAA,gBAAAC,EAAA,CACA,KAAAD,EACA,eAAA,yBACA,cAAA,wBACA,YAAA,sBACA,YAAA,sBACA,iBAAA,2BACA,gBAAA,0BACA,iBAAA,2BACA,gBAAA,yBACA,EAAAE,EAAAC,EAAA,WAAA,CAAAC,EAAAC,IAAA,CACA,KAAA,CAAA,aAAAC,EAAA,eAAAC,CAAA,EAAAC,EAAA,EAAAJ,CAAA,EAAA,CACA,SAAAK,EACA,UAAAC,EACA,QAAAC,EAAA,SACA,WAAAC,EACA,MAAAC,EACA,GAAAC,CACA,EAAAP,EAAAQ,EAAAC,EAAA,EACA,CAAAf,EAAA,IAAA,EACA,CAAAA,EAAA,WAAAU,CAAA,EAAA,CAAA,EACAD,EACA,CACA,CAAAT,EAAA,MAAAW,CAAA,EAAA,CAAA,EAAA,CAAA,CAAAA,CACA,CACA,EAAAK,EAAA,CACA,GAAAJ,EACA,GAAAP,CACA,EACA,OAAAY,EAAA,GAAA,IACA,MACA,CACA,UAAAH,EACA,WAAA,OACA,MAAAE,EACA,IAAAZ,EACA,GAAAS,EACA,SAAAL,CACA,CACA,CACA,CAAA,EACAP,EAAA,YAAA,OCzCO,MAAAiB,EAAAhB,EAAA,WAAA,CAAAiB,EAAAC,IACLC,EAAA,kBAAA,IAAApB,EAAA,CAAA,IAAAmB,EAAA,GAAAD,CAAA,CAAA,CACF","x_google_ignoreList":[0]}
|
package/Card.js
CHANGED
|
@@ -1,9 +1,55 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import "./index5.css";
|
|
2
|
+
import { j as u } from "./jsx-runtime-82a9ddf6.js";
|
|
3
|
+
import { f } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
4
|
+
import { forwardRef as n } from "react";
|
|
5
|
+
import { G as x } from "./index-c6e22bb9.js";
|
|
6
|
+
import "./tinycolor-d415b1fd.js";
|
|
7
|
+
import { J as b } from "./useLayoutPropsUtil-f34e9597.js";
|
|
8
|
+
const y = "_card_ooru2_4", d = {
|
|
9
|
+
card: y,
|
|
10
|
+
"card-section": "_card-section_ooru2_27",
|
|
11
|
+
"bg-stronger": "_bg-stronger_ooru2_32",
|
|
12
|
+
"bg-strong": "_bg-strong_ooru2_32",
|
|
13
|
+
"padding-0": "_padding-0_ooru2_38",
|
|
14
|
+
"padding-xsmall": "_padding-xsmall_ooru2_41",
|
|
15
|
+
"padding-small": "_padding-small_ooru2_44",
|
|
16
|
+
"padding-medium": "_padding-medium_ooru2_47",
|
|
17
|
+
"padding-large": "_padding-large_ooru2_50"
|
|
18
|
+
}, i = n((r, o) => {
|
|
19
|
+
const { layoutStyles: s, componentProps: t } = b(r), {
|
|
20
|
+
children: m,
|
|
21
|
+
className: _,
|
|
22
|
+
padding: e = "medium",
|
|
23
|
+
background: a,
|
|
24
|
+
style: g,
|
|
25
|
+
...p
|
|
26
|
+
} = t, l = x(
|
|
27
|
+
[d.card],
|
|
28
|
+
[d[`padding-${e}`]],
|
|
29
|
+
_,
|
|
30
|
+
{
|
|
31
|
+
[d[`bg-${a}`]]: !!a
|
|
32
|
+
}
|
|
33
|
+
), c = {
|
|
34
|
+
...g,
|
|
35
|
+
...s
|
|
36
|
+
};
|
|
37
|
+
return /* @__PURE__ */ f.jsx(
|
|
38
|
+
"div",
|
|
39
|
+
{
|
|
40
|
+
className: l,
|
|
41
|
+
"data-anv": "card",
|
|
42
|
+
style: c,
|
|
43
|
+
ref: o,
|
|
44
|
+
...p,
|
|
45
|
+
children: m
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
});
|
|
49
|
+
i.displayName = "Card";
|
|
50
|
+
const k = n((r, o) => /* @__PURE__ */ u.jsx(i, { ref: o, ...r }));
|
|
5
51
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
52
|
+
k as Card,
|
|
53
|
+
k as default
|
|
8
54
|
};
|
|
9
55
|
//# sourceMappingURL=Card.js.map
|
package/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import {\n CardProps as CoreCardProps,\n Card as CoreCard,\n} from \"@servicetitan/hammer-react/dist/Card\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type CardProps = CoreCardProps;\n\nexport const Card = forwardRef((props: CardProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCard ref={ref} {...props} />;\n});\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Card.js","../src/components/Card/Card.tsx"],"sourcesContent":["import \"./index7.css\";\nimport { j as c } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as l } from \"react\";\nimport u from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as y } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst b = \"_card_ooru2_4\", o = {\n card: b,\n \"card-section\": \"_card-section_ooru2_27\",\n \"bg-stronger\": \"_bg-stronger_ooru2_32\",\n \"bg-strong\": \"_bg-strong_ooru2_32\",\n \"padding-0\": \"_padding-0_ooru2_38\",\n \"padding-xsmall\": \"_padding-xsmall_ooru2_41\",\n \"padding-small\": \"_padding-small_ooru2_44\",\n \"padding-medium\": \"_padding-medium_ooru2_47\",\n \"padding-large\": \"_padding-large_ooru2_50\"\n}, x = l((a, d) => {\n const { layoutStyles: s, componentProps: t } = y(a), {\n children: n,\n className: i,\n padding: m = \"medium\",\n background: r,\n style: e,\n ..._\n } = t, p = u(\n [o.card],\n [o[`padding-${m}`]],\n i,\n {\n [o[`bg-${r}`]]: !!r\n }\n ), g = {\n ...e,\n ...s\n };\n return /* @__PURE__ */ c.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"card\",\n style: g,\n ref: d,\n ..._,\n children: n\n }\n );\n});\nx.displayName = \"Card\";\nexport {\n x as Card\n};\n//# sourceMappingURL=Card.js.map\n","import {\n CardProps as CoreCardProps,\n Card as CoreCard,\n} from \"@servicetitan/hammer-react/dist/Card\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type CardProps = CoreCardProps;\n\nexport const Card = forwardRef((props: CardProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCard ref={ref} {...props} />;\n});\n"],"names":["b","o","x","forwardRef","a","d","J","n","i","m","r","e","_","p","G","g","fr","Card","props","ref","jsxRuntimeExports"],"mappings":";;;;;;;AAQA,MAAAA,IAAA,iBAAAC,IAAA;AAAA,EACA,MAAAD;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AACA,GAAAE,IAAAC,EAAA,CAAAC,GAAAC,MAAA;AACA,QAAA,EAAA,cAAA,GAAA,gBAAA,EAAA,IAAAC,EAAAF,CAAA,GAAA;AAAA,IACA,UAAAG;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAA;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAAC;AAAA,EACA,IAAA,GAAAC,IAAAC;AAAA,IACA,CAAAb,EAAA,IAAA;AAAA,IACA,CAAAA,EAAA,WAAAQ,CAAA,EAAA,CAAA;AAAA,IACAD;AAAA,IACA;AAAA,MACA,CAAAP,EAAA,MAAAS,CAAA,EAAA,CAAA,GAAA,CAAA,CAAAA;AAAA,IACA;AAAA,EACA,GAAAK,IAAA;AAAA,IACA,GAAAJ;AAAA,IACA,GAAA;AAAA,EACA;AACA,SAAA,gBAAAK,EAAA;AAAA,IACA;AAAA,IACA;AAAA,MACA,WAAAH;AAAA,MACA,YAAA;AAAA,MACA,OAAAE;AAAA,MACA,KAAAV;AAAA,MACA,GAAAO;AAAA,MACA,UAAAL;AAAA,IACA;AAAA,EACA;AACA,CAAA;AACAL,EAAA,cAAA;ACzCO,MAAAe,IAAAd,EAAA,CAAAe,GAAAC,MACL,gBAAAC,EAAA,IAAAlB,GAAA,EAAA,KAAAiB,GAAA,GAAAD,EAAA,CAAA,CACF;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
import "./Checkbox.css";
|
|
2
|
+
import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { forwardRef as w, useState as L, useEffect as M } from "react";
|
|
5
|
+
import { G as b } from "./index-c6e22bb9.js";
|
|
6
|
+
import { C as _ } from "./Icon-be690f0b.js";
|
|
7
|
+
import "./tinycolor-d415b1fd.js";
|
|
8
|
+
import { J as f } from "./useLayoutPropsUtil-f34e9597.js";
|
|
9
|
+
const P = (r) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })), $ = (r) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z" })), O = (r) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z" })), R = "_checkbox_zrp47_4", A = "_error_zrp47_77", F = "_legend_zrp47_193", I = "_children_zrp47_205", K = "_label_zrp47_211", c = {
|
|
10
|
+
checkbox: R,
|
|
11
|
+
"required-asterisk": "_required-asterisk_zrp47_28",
|
|
12
|
+
"icon-wrapper": "_icon-wrapper_zrp47_32",
|
|
13
|
+
"icon-indeterminate": "_icon-indeterminate_zrp47_67",
|
|
14
|
+
"icon-unchecked": "_icon-unchecked_zrp47_68",
|
|
15
|
+
"icon-checked": "_icon-checked_zrp47_69",
|
|
16
|
+
error: A,
|
|
17
|
+
"checkbox-group": "_checkbox-group_zrp47_173",
|
|
18
|
+
legend: F,
|
|
19
|
+
children: I,
|
|
20
|
+
label: K
|
|
21
|
+
}, z = w((r, p) => {
|
|
22
|
+
const { layoutStyles: i, componentProps: m } = f(r), { className: u, children: l, legend: o, required: a, style: g, ...k } = m, d = b(c["checkbox-group"], u), x = {
|
|
23
|
+
...g,
|
|
24
|
+
...i
|
|
25
|
+
};
|
|
26
|
+
return /* @__PURE__ */ e.jsxs(
|
|
27
|
+
"fieldset",
|
|
28
|
+
{
|
|
29
|
+
role: "group",
|
|
30
|
+
"data-anv": "checkbox-group",
|
|
31
|
+
className: d,
|
|
32
|
+
ref: p,
|
|
33
|
+
style: x,
|
|
34
|
+
...k,
|
|
35
|
+
children: [
|
|
36
|
+
/* @__PURE__ */ e.jsxs("legend", { className: c.legend, children: [
|
|
37
|
+
o,
|
|
38
|
+
a && ", required"
|
|
39
|
+
] }),
|
|
40
|
+
/* @__PURE__ */ e.jsxs("label", { className: c.label, "aria-hidden": !0, children: [
|
|
41
|
+
o,
|
|
42
|
+
a && /* @__PURE__ */ e.jsx("span", { className: c["required-asterisk"], children: "*" })
|
|
43
|
+
] }),
|
|
44
|
+
/* @__PURE__ */ e.jsx(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
className: c.children,
|
|
48
|
+
style: {
|
|
49
|
+
flexDirection: i == null ? void 0 : i.flexDirection,
|
|
50
|
+
gap: i == null ? void 0 : i.gap
|
|
51
|
+
},
|
|
52
|
+
children: l
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
});
|
|
59
|
+
z.displayName = "CheckboxGroup";
|
|
60
|
+
const N = w(
|
|
61
|
+
(r, p) => {
|
|
62
|
+
const { layoutStyles: i, componentProps: m } = f(r), {
|
|
63
|
+
indeterminate: u,
|
|
64
|
+
onChange: l,
|
|
65
|
+
onClick: o,
|
|
66
|
+
value: a,
|
|
67
|
+
className: g,
|
|
68
|
+
disabled: k,
|
|
69
|
+
error: d,
|
|
70
|
+
icons: x,
|
|
71
|
+
checked: n,
|
|
72
|
+
defaultChecked: v,
|
|
73
|
+
label: j,
|
|
74
|
+
style: y,
|
|
75
|
+
required: C,
|
|
76
|
+
...q
|
|
77
|
+
} = m, {
|
|
78
|
+
checked: E = $,
|
|
79
|
+
indeterminate: H = O,
|
|
80
|
+
unchecked: V = P
|
|
81
|
+
} = { ...x }, [h, B] = L(n);
|
|
82
|
+
M(() => {
|
|
83
|
+
typeof n > "u" || B((s) => s === n ? s : (l == null || l(void 0, { value: a, checked: n }), n));
|
|
84
|
+
}, [n, l, a]);
|
|
85
|
+
const G = (s) => {
|
|
86
|
+
n || l == null || l(s, { value: a, checked: h ?? s.target.checked });
|
|
87
|
+
}, S = (s) => {
|
|
88
|
+
o == null || o(s, {
|
|
89
|
+
value: a,
|
|
90
|
+
checked: h ?? s.target.checked
|
|
91
|
+
});
|
|
92
|
+
}, D = b([c.checkbox], g, {
|
|
93
|
+
[c.error]: d
|
|
94
|
+
}), J = {
|
|
95
|
+
...y,
|
|
96
|
+
...i
|
|
97
|
+
};
|
|
98
|
+
return /* @__PURE__ */ e.jsxs(
|
|
99
|
+
"label",
|
|
100
|
+
{
|
|
101
|
+
className: D,
|
|
102
|
+
style: J,
|
|
103
|
+
"data-anv": "checkbox",
|
|
104
|
+
children: [
|
|
105
|
+
/* @__PURE__ */ e.jsx(
|
|
106
|
+
"input",
|
|
107
|
+
{
|
|
108
|
+
type: "checkbox",
|
|
109
|
+
disabled: k,
|
|
110
|
+
value: a,
|
|
111
|
+
onChange: G,
|
|
112
|
+
onClick: S,
|
|
113
|
+
"aria-checked": u ? "mixed" : h ?? v,
|
|
114
|
+
checked: h,
|
|
115
|
+
defaultChecked: v,
|
|
116
|
+
"aria-invalid": d,
|
|
117
|
+
ref: p,
|
|
118
|
+
...q
|
|
119
|
+
}
|
|
120
|
+
),
|
|
121
|
+
/* @__PURE__ */ e.jsxs("span", { className: c["icon-wrapper"], "aria-hidden": !0, children: [
|
|
122
|
+
/* @__PURE__ */ e.jsx(
|
|
123
|
+
_,
|
|
124
|
+
{
|
|
125
|
+
size: "large",
|
|
126
|
+
svg: H,
|
|
127
|
+
className: c["icon-indeterminate"]
|
|
128
|
+
}
|
|
129
|
+
),
|
|
130
|
+
/* @__PURE__ */ e.jsx(
|
|
131
|
+
_,
|
|
132
|
+
{
|
|
133
|
+
size: "large",
|
|
134
|
+
svg: E,
|
|
135
|
+
className: c["icon-checked"]
|
|
136
|
+
}
|
|
137
|
+
),
|
|
138
|
+
/* @__PURE__ */ e.jsx(
|
|
139
|
+
_,
|
|
140
|
+
{
|
|
141
|
+
size: "large",
|
|
142
|
+
svg: V,
|
|
143
|
+
className: c["icon-unchecked"]
|
|
144
|
+
}
|
|
145
|
+
)
|
|
146
|
+
] }),
|
|
147
|
+
/* @__PURE__ */ e.jsxs("span", { children: [
|
|
148
|
+
j,
|
|
149
|
+
C && /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, className: c["required-asterisk"], children: "*" })
|
|
150
|
+
] })
|
|
151
|
+
]
|
|
152
|
+
}
|
|
153
|
+
);
|
|
154
|
+
}
|
|
155
|
+
);
|
|
156
|
+
N.displayName = "Checkbox";
|
|
157
|
+
const ee = Object.assign(N, {
|
|
158
|
+
Group: z
|
|
159
|
+
});
|
|
160
|
+
export {
|
|
161
|
+
z as f,
|
|
162
|
+
ee as r
|
|
163
|
+
};
|
|
164
|
+
//# sourceMappingURL=Checkbox-634c4d3d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox-634c4d3d.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import \"./index8.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as d from \"react\";\nimport { forwardRef as v, useState as M, useEffect as R } from \"react\";\nimport w from \"classnames\";\nimport { Icon as _ } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst D = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" })), O = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" })), S = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" })), U = \"_checkbox_zrp47_4\", A = \"_error_zrp47_77\", F = \"_legend_zrp47_193\", J = \"_children_zrp47_205\", K = \"_label_zrp47_211\", c = {\n checkbox: U,\n \"required-asterisk\": \"_required-asterisk_zrp47_28\",\n \"icon-wrapper\": \"_icon-wrapper_zrp47_32\",\n \"icon-indeterminate\": \"_icon-indeterminate_zrp47_67\",\n \"icon-unchecked\": \"_icon-unchecked_zrp47_68\",\n \"icon-checked\": \"_icon-checked_zrp47_69\",\n error: A,\n \"checkbox-group\": \"_checkbox-group_zrp47_173\",\n legend: F,\n children: J,\n label: K\n}, f = v((r, m) => {\n const { layoutStyles: s, componentProps: p } = z(r), { className: k, children: t, legend: i, required: n, style: x, ...u } = p, l = w(c[\"checkbox-group\"], k), g = {\n ...x,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: l,\n ref: m,\n style: g,\n ...u,\n children: [\n /* @__PURE__ */ e.jsxs(\"legend\", { className: c.legend, children: [\n i,\n n && \", required\"\n ] }),\n /* @__PURE__ */ e.jsxs(\"label\", { className: c.label, \"aria-hidden\": !0, children: [\n i,\n n && /* @__PURE__ */ e.jsx(\"span\", { className: c[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n className: c.children,\n style: {\n flexDirection: s == null ? void 0 : s.flexDirection,\n gap: s == null ? void 0 : s.gap\n },\n children: t\n }\n )\n ]\n }\n );\n});\nf.displayName = \"CheckboxGroup\";\nconst N = v(\n (r, m) => {\n const { layoutStyles: s, componentProps: p } = z(r), {\n indeterminate: k,\n onChange: t,\n onClick: i,\n value: n,\n className: x,\n disabled: u,\n error: l,\n icons: g,\n checked: a,\n defaultChecked: b,\n label: j,\n style: C,\n required: y,\n ...E\n } = p, {\n checked: q = O,\n indeterminate: B = S,\n unchecked: H = D\n } = { ...g }, [h, I] = M(a);\n R(() => {\n typeof a > \"u\" || I((o) => o === a ? o : (t == null || t(void 0, { value: n, checked: a }), a));\n }, [a, t, n]);\n const G = (o) => {\n a || t == null || t(o, { value: n, checked: h ?? o.target.checked });\n }, P = (o) => {\n i == null || i(o, {\n value: n,\n checked: h ?? o.target.checked\n });\n }, V = w([c.checkbox], x, {\n [c.error]: l\n }), L = {\n ...C,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"label\",\n {\n className: V,\n style: L,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled: u,\n value: n,\n onChange: G,\n onClick: P,\n \"aria-checked\": k ? \"mixed\" : h ?? b,\n checked: h,\n defaultChecked: b,\n \"aria-invalid\": l,\n ref: m,\n ...E\n }\n ),\n /* @__PURE__ */ e.jsxs(\"span\", { className: c[\"icon-wrapper\"], \"aria-hidden\": !0, children: [\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: B,\n className: c[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: q,\n className: c[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: H,\n className: c[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ e.jsxs(\"span\", { children: [\n j,\n y && /* @__PURE__ */ e.jsx(\"span\", { \"aria-hidden\": !0, className: c[\"required-asterisk\"], children: \"*\" })\n ] })\n ]\n }\n );\n }\n);\nN.displayName = \"Checkbox\";\nconst re = Object.assign(N, {\n Group: f\n});\nexport {\n re as Checkbox,\n f as CheckboxGroup\n};\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["D","React","O","S","U","J","f","forwardRef","m","s","p","J$1","k","t","i","n","x","u","l","G","g","fr","a","b","C$1","y","E","q","B","H","I","useState","useEffect","o","G$1","P","V","L","C","re"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var T=require("./Checkbox.css");const c=require("./jsx-runtime-944c88e2-2b81c205.cjs"),u=require("react"),w=require("./index-ef2e9d11.cjs"),_=require("./Icon-847b3515.cjs");require("./tinycolor-3b50a250.cjs");const z=require("./useLayoutPropsUtil-cd33328b.cjs");function V(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=V(u);const B=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})),L=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z"})),M=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"})),J="_checkbox_zrp47_4",I="_error_zrp47_77",U="_legend_zrp47_193",A="_children_zrp47_205",F="_label_zrp47_211",a={checkbox:J,"required-asterisk":"_required-asterisk_zrp47_28","icon-wrapper":"_icon-wrapper_zrp47_32","icon-indeterminate":"_icon-indeterminate_zrp47_67","icon-unchecked":"_icon-unchecked_zrp47_68","icon-checked":"_icon-checked_zrp47_69",error:I,"checkbox-group":"_checkbox-group_zrp47_173",legend:U,children:A,label:F},v=u.forwardRef((e,t)=>{const{layoutStyles:r,componentProps:o}=z.J(e),{className:g,children:i,legend:h,required:n,style:f,...k}=o,p=w.G(a["checkbox-group"],g),x={...f,...r};return c.fr.jsxs("fieldset",{role:"group","data-anv":"checkbox-group",className:p,ref:t,style:x,...k,children:[c.fr.jsxs("legend",{className:a.legend,children:[h,n&&", required"]}),c.fr.jsxs("label",{className:a.label,"aria-hidden":!0,children:[h,n&&c.fr.jsx("span",{className:a["required-asterisk"],children:"*"})]}),c.fr.jsx("div",{className:a.children,style:{flexDirection:r==null?void 0:r.flexDirection,gap:r==null?void 0:r.gap},children:i})]})});v.displayName="CheckboxGroup";const j=u.forwardRef((e,t)=>{const{layoutStyles:r,componentProps:o}=z.J(e),{indeterminate:g,onChange:i,onClick:h,value:n,className:f,disabled:k,error:p,icons:x,checked:l,defaultChecked:b,label:y,style:N,required:q,...C}=o,{checked:E=L,indeterminate:O=M,unchecked:H=B}={...x},[m,P]=u.useState(l);u.useEffect(()=>{typeof l>"u"||P(s=>s===l?s:(i==null||i(void 0,{value:n,checked:l}),l))},[l,i,n]);const S=s=>{l||i==null||i(s,{value:n,checked:m??s.target.checked})},D=s=>{h==null||h(s,{value:n,checked:m??s.target.checked})},G=w.G([a.checkbox],f,{[a.error]:p}),R={...N,...r};return c.fr.jsxs("label",{className:G,style:R,"data-anv":"checkbox",children:[c.fr.jsx("input",{type:"checkbox",disabled:k,value:n,onChange:S,onClick:D,"aria-checked":g?"mixed":m??b,checked:m,defaultChecked:b,"aria-invalid":p,ref:t,...C}),c.fr.jsxs("span",{className:a["icon-wrapper"],"aria-hidden":!0,children:[c.fr.jsx(_.C,{size:"large",svg:O,className:a["icon-indeterminate"]}),c.fr.jsx(_.C,{size:"large",svg:E,className:a["icon-checked"]}),c.fr.jsx(_.C,{size:"large",svg:H,className:a["icon-unchecked"]})]}),c.fr.jsxs("span",{children:[y,q&&c.fr.jsx("span",{"aria-hidden":!0,className:a["required-asterisk"],children:"*"})]})]})});j.displayName="Checkbox";const K=Object.assign(j,{Group:v});exports.f=v;exports.re=K;
|
|
2
|
+
//# sourceMappingURL=Checkbox-d1db5a71.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox-d1db5a71.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import \"./index8.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as d from \"react\";\nimport { forwardRef as v, useState as M, useEffect as R } from \"react\";\nimport w from \"classnames\";\nimport { Icon as _ } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst D = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" })), O = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" })), S = (r) => /* @__PURE__ */ d.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...r }, /* @__PURE__ */ d.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" })), U = \"_checkbox_zrp47_4\", A = \"_error_zrp47_77\", F = \"_legend_zrp47_193\", J = \"_children_zrp47_205\", K = \"_label_zrp47_211\", c = {\n checkbox: U,\n \"required-asterisk\": \"_required-asterisk_zrp47_28\",\n \"icon-wrapper\": \"_icon-wrapper_zrp47_32\",\n \"icon-indeterminate\": \"_icon-indeterminate_zrp47_67\",\n \"icon-unchecked\": \"_icon-unchecked_zrp47_68\",\n \"icon-checked\": \"_icon-checked_zrp47_69\",\n error: A,\n \"checkbox-group\": \"_checkbox-group_zrp47_173\",\n legend: F,\n children: J,\n label: K\n}, f = v((r, m) => {\n const { layoutStyles: s, componentProps: p } = z(r), { className: k, children: t, legend: i, required: n, style: x, ...u } = p, l = w(c[\"checkbox-group\"], k), g = {\n ...x,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: l,\n ref: m,\n style: g,\n ...u,\n children: [\n /* @__PURE__ */ e.jsxs(\"legend\", { className: c.legend, children: [\n i,\n n && \", required\"\n ] }),\n /* @__PURE__ */ e.jsxs(\"label\", { className: c.label, \"aria-hidden\": !0, children: [\n i,\n n && /* @__PURE__ */ e.jsx(\"span\", { className: c[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n className: c.children,\n style: {\n flexDirection: s == null ? void 0 : s.flexDirection,\n gap: s == null ? void 0 : s.gap\n },\n children: t\n }\n )\n ]\n }\n );\n});\nf.displayName = \"CheckboxGroup\";\nconst N = v(\n (r, m) => {\n const { layoutStyles: s, componentProps: p } = z(r), {\n indeterminate: k,\n onChange: t,\n onClick: i,\n value: n,\n className: x,\n disabled: u,\n error: l,\n icons: g,\n checked: a,\n defaultChecked: b,\n label: j,\n style: C,\n required: y,\n ...E\n } = p, {\n checked: q = O,\n indeterminate: B = S,\n unchecked: H = D\n } = { ...g }, [h, I] = M(a);\n R(() => {\n typeof a > \"u\" || I((o) => o === a ? o : (t == null || t(void 0, { value: n, checked: a }), a));\n }, [a, t, n]);\n const G = (o) => {\n a || t == null || t(o, { value: n, checked: h ?? o.target.checked });\n }, P = (o) => {\n i == null || i(o, {\n value: n,\n checked: h ?? o.target.checked\n });\n }, V = w([c.checkbox], x, {\n [c.error]: l\n }), L = {\n ...C,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"label\",\n {\n className: V,\n style: L,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled: u,\n value: n,\n onChange: G,\n onClick: P,\n \"aria-checked\": k ? \"mixed\" : h ?? b,\n checked: h,\n defaultChecked: b,\n \"aria-invalid\": l,\n ref: m,\n ...E\n }\n ),\n /* @__PURE__ */ e.jsxs(\"span\", { className: c[\"icon-wrapper\"], \"aria-hidden\": !0, children: [\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: B,\n className: c[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: q,\n className: c[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ e.jsx(\n _,\n {\n size: \"large\",\n svg: H,\n className: c[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ e.jsxs(\"span\", { children: [\n j,\n y && /* @__PURE__ */ e.jsx(\"span\", { \"aria-hidden\": !0, className: c[\"required-asterisk\"], children: \"*\" })\n ] })\n ]\n }\n );\n }\n);\nN.displayName = \"Checkbox\";\nconst re = Object.assign(N, {\n Group: f\n});\nexport {\n re as Checkbox,\n f as CheckboxGroup\n};\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["D","r","React__namespace","O","S","U","A","F","J","K","c","f","React","m","s","p","useLayoutPropsUtil","k","t","i","x","u","l","index","g","jsxRuntime944c88e2","N","a","j","C","y","E","q","B","h","I","o","G","P","V","L","Icon","re"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Checkbox.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./jsx-runtime-494437bb.cjs"),t=require("./Checkbox-d1db5a71.cjs"),n=require("react"),l=require("./useTrackingId.cjs"),s=require("./childrenToString-0cd30a27.cjs"),d=n.forwardRef((e,a)=>{const o={label:s.n(e.label),ariaLabel:e["aria-label"],ariaLabelledBy:e["aria-labelledby"],value:e.value},u=l.useTrackingId({name:"Checkbox",data:o,hasOverride:!!e["data-tracking-id"]});return r.jsxRuntimeExports.jsx(t.re,{ref:a,"data-tracking-id":u,...e})}),c=n.forwardRef((e,a)=>r.jsxRuntimeExports.jsx(t.f,{ref:a,...e})),i=Object.assign(d,{Group:c});exports.Checkbox=i;exports.CheckboxGroup=c;exports.default=i;
|
|
2
2
|
//# sourceMappingURL=Checkbox.cjs.map
|
package/Checkbox.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.cjs","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n} from \"@servicetitan/hammer-react/dist/Checkbox\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type CheckboxProps = CoreCheckboxProps & DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n }\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CheckboxElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreCheckbox","CheckboxGroup","jsx","CoreCheckboxGroup","Checkbox"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.cjs","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n} from \"@servicetitan/hammer-react/dist/Checkbox\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type CheckboxProps = CoreCheckboxProps & DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n }\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CheckboxElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreCheckbox","CheckboxGroup","jsx","CoreCheckboxGroup","Checkbox"],"mappings":"gSAeMA,EAAkBC,EAAA,WACtB,CAACC,EAAsBC,IAA+B,CACpD,MAAMC,EAAO,CACX,MAAOC,EAAAA,EAAiBH,EAAM,KAAK,EACnC,UAAWA,EAAM,YAAY,EAC7B,eAAgBA,EAAM,iBAAiB,EACvC,MAAOA,EAAM,KAAA,EAGTI,EAAaC,EAAAA,cAAc,CAC/B,KAAM,WACN,KAAAH,EACA,YAAa,CAAC,CAACF,EAAM,kBAAkB,CAAA,CACxC,EACD,+BAAQM,EAAa,GAAA,CAAA,IAAAL,EAAU,mBAAkBG,EAAa,GAAGJ,CAAO,CAAA,CAC1E,CACF,EAEaO,EAAgBR,EAAA,WAC3B,CAACC,EAA2BC,IAClBO,EAAAA,kBAAAA,IAAAC,EAAAA,EAAA,CAAkB,IAAAR,EAAW,GAAGD,CAAO,CAAA,CAEnD,EAEaU,EAAW,OAAO,OAAOZ,EAAiB,CACrD,MAAOS,CACT,CAAC"}
|
package/Checkbox.css
ADDED
|
@@ -0,0 +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 starter,reset,base,state,application;@layer reset{._checkbox_zrp47_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 base{._checkbox_zrp47_4{display:inline-flex;align-items:flex-start;gap:.5rem;position:relative;color:var(--foreground-color, #141414);font-size:1rem;line-height:1.5}._checkbox_zrp47_4 ._required-asterisk_zrp47_28{margin-inline-start:.25rem;color:var(--foreground-color-danger, #e13212)}._checkbox_zrp47_4 ._icon-wrapper_zrp47_32{display:inline-flex;border-radius:.25rem;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.4,1),outline .2s cubic-bezier(0,0,.4,1);position:relative;outline:0 solid var(--focus-ring-color, #0265dc)}._checkbox_zrp47_4 ._icon-wrapper_zrp47_32:before{position:absolute;width:100%;height:100%;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;-webkit-user-select:none;user-select:none;transition:background-color .2s cubic-bezier(0,0,.4,1);pointer-events:none;border-radius:inherit}._checkbox_zrp47_4 input{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;white-space:nowrap;width:1px}}@layer state{._checkbox_zrp47_4 ._icon-indeterminate_zrp47_67,._checkbox_zrp47_4 ._icon-unchecked_zrp47_68,._checkbox_zrp47_4 ._icon-checked_zrp47_69{border-radius:.125rem}._checkbox_zrp47_4 ._icon-checked_zrp47_69,._checkbox_zrp47_4 ._icon-indeterminate_zrp47_67{color:var(--foreground-color-primary, #0265dc);display:none}._checkbox_zrp47_4._error_zrp47_77 ._icon-wrapper_zrp47_32{outline-color:var(--focus-ring-color-danger, #e13212)}._checkbox_zrp47_4._error_zrp47_77 ._icon-indeterminate_zrp47_67,._checkbox_zrp47_4._error_zrp47_77 ._icon-unchecked_zrp47_68,._checkbox_zrp47_4._error_zrp47_77 ._icon-checked_zrp47_69{color:var(--foreground-color-danger, #e13212)}._checkbox_zrp47_4._error_zrp47_77 ._icon-checked_zrp47_69,._checkbox_zrp47_4._error_zrp47_77 ._icon-indeterminate_zrp47_67{display:none}._checkbox_zrp47_4:hover{cursor:pointer}._checkbox_zrp47_4:hover:has(input:not(:disabled)) ._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover, rgba(20, 20, 20, .0784313725))}._checkbox_zrp47_4:hover:has(input:not(:disabled):checked) ._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-on-primary, rgba(255, 255, 255, .1607843137))}._checkbox_zrp47_4 input[data-interactive=hover]:not(:disabled)~._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover, rgba(20, 20, 20, .0784313725))}._checkbox_zrp47_4 input[data-interactive=hover]:not(:disabled):checked~._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-on-primary, rgba(255, 255, 255, .1607843137))}._checkbox_zrp47_4._error_zrp47_77:hover{cursor:pointer}._checkbox_zrp47_4._error_zrp47_77:hover:has(input:not(:disabled)) ._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-danger, rgba(225, 50, 18, .1019607843))}._checkbox_zrp47_4._error_zrp47_77:hover:has(input:not(:disabled):checked) ._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-on-danger, rgba(255, 255, 255, .1607843137))}._checkbox_zrp47_4._error_zrp47_77 input[data-interactive=hover]:not(:disabled)~._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-danger, rgba(225, 50, 18, .1019607843))}._checkbox_zrp47_4._error_zrp47_77 input[data-interactive=hover]:not(:disabled):checked~._icon-wrapper_zrp47_32:before{content:"";background-color:var(--overlay-color-hover-on-danger, rgba(255, 255, 255, .1607843137))}._checkbox_zrp47_4 input:focus-visible~._icon-wrapper_zrp47_32{outline-width:.125rem}._checkbox_zrp47_4 input[data-interactive=focus-visible]:not(:disabled)~._icon-wrapper_zrp47_32{outline-width:.125rem}._checkbox_zrp47_4 input:checked~._icon-wrapper_zrp47_32 ._icon-unchecked_zrp47_68{display:none}._checkbox_zrp47_4 input:checked~._icon-wrapper_zrp47_32 ._icon-checked_zrp47_69{display:inline-flex}._checkbox_zrp47_4 input:checked:focus-visible~._icon-wrapper_zrp47_32{outline-width:.125rem}._checkbox_zrp47_4 input[aria-checked=mixed]~._icon-wrapper_zrp47_32 ._icon-checked_zrp47_69,._checkbox_zrp47_4 input[aria-checked=mixed]~._icon-wrapper_zrp47_32 ._icon-unchecked_zrp47_68{display:none}._checkbox_zrp47_4 input[aria-checked=mixed]~._icon-wrapper_zrp47_32 ._icon-indeterminate_zrp47_67{display:inline-flex}._checkbox_zrp47_4:has(input[disabled]){opacity:.6;filter:grayscale(1)}._checkbox_zrp47_4:has(input[disabled]) ._icon-indeterminate_zrp47_67,._checkbox_zrp47_4:has(input[disabled]) ._icon-unchecked_zrp47_68,._checkbox_zrp47_4:has(input[disabled]) ._icon-checked_zrp47_69{color:var(--foreground-color-subdued, #737475)}._checkbox_zrp47_4:has(input[disabled]):hover{cursor:not-allowed}._checkbox_zrp47_4:has(input[disabled]):hover ._icon-wrapper_zrp47_32{box-shadow:none}}@layer application{@media (prefers-reduced-motion: reduce){._checkbox_zrp47_4 ._icon-wrapper_zrp47_32{transition-duration:.01ms!important;transition-property:outline}}}@layer reset{._checkbox-group_zrp47_173{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 base{._checkbox-group_zrp47_173{display:inline-flex;gap:.5rem;flex-direction:column}._checkbox-group_zrp47_173 ._legend_zrp47_193{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;white-space:nowrap;width:1px}._checkbox-group_zrp47_173 ._children_zrp47_205{display:inline-flex;gap:.5rem;flex-direction:column;flex-wrap:wrap}._checkbox-group_zrp47_173 ._label_zrp47_211{font-weight:600}._checkbox-group_zrp47_173 ._label_zrp47_211 ._required-asterisk_zrp47_28{margin-inline-start:.25rem;color:var(--foreground-color-danger, #e13212)}}
|
package/Checkbox.js
CHANGED
|
@@ -1,56 +1,30 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { r as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { useTrackingId as
|
|
5
|
-
import "./
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
import "./ProgressBar-c1b5c7c3.js";
|
|
15
|
-
import "./Divider-b3bff73a.js";
|
|
16
|
-
import "./Flex-d338e855.js";
|
|
17
|
-
import "./Grid-5bad450f.js";
|
|
18
|
-
import "./Icon-b94f924c.js";
|
|
19
|
-
import "./Listbox-60fbdaa1.js";
|
|
20
|
-
import "./Stepper-7e3a130c.js";
|
|
21
|
-
import "./SideNav-33a404ec.js";
|
|
22
|
-
import "./SrOnly-864bd4cb.js";
|
|
23
|
-
import "./jsx-runtime-944c88e2-e73fa629.js";
|
|
24
|
-
import "./index-e0f6271a.js";
|
|
25
|
-
import "./Tab-dd4ab045.js";
|
|
26
|
-
import "./Text-465104f6.js";
|
|
27
|
-
import "./Toast-6cd7d2e1.js";
|
|
28
|
-
import "./index-d46fa8de-f8bf17b6.js";
|
|
29
|
-
import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
|
|
30
|
-
import "./index-3f218083.js";
|
|
31
|
-
import "./LocalizationProvider.js";
|
|
32
|
-
const c = i(
|
|
33
|
-
(r, t) => {
|
|
34
|
-
const m = {
|
|
35
|
-
label: n(r.label),
|
|
36
|
-
ariaLabel: r["aria-label"],
|
|
37
|
-
ariaLabelledBy: r["aria-labelledby"],
|
|
38
|
-
value: r.value
|
|
39
|
-
}, a = l({
|
|
1
|
+
import { j as r } from "./jsx-runtime-82a9ddf6.js";
|
|
2
|
+
import { r as l, f as n } from "./Checkbox-634c4d3d.js";
|
|
3
|
+
import { forwardRef as t } from "react";
|
|
4
|
+
import { useTrackingId as c } from "./useTrackingId.js";
|
|
5
|
+
import { n as m } from "./childrenToString-416df522.js";
|
|
6
|
+
const b = t(
|
|
7
|
+
(a, e) => {
|
|
8
|
+
const o = {
|
|
9
|
+
label: m(a.label),
|
|
10
|
+
ariaLabel: a["aria-label"],
|
|
11
|
+
ariaLabelledBy: a["aria-labelledby"],
|
|
12
|
+
value: a.value
|
|
13
|
+
}, i = c({
|
|
40
14
|
name: "Checkbox",
|
|
41
|
-
data:
|
|
42
|
-
hasOverride: !!
|
|
15
|
+
data: o,
|
|
16
|
+
hasOverride: !!a["data-tracking-id"]
|
|
43
17
|
});
|
|
44
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ r.jsx(l, { ref: e, "data-tracking-id": i, ...a });
|
|
45
19
|
}
|
|
46
|
-
),
|
|
47
|
-
(
|
|
48
|
-
),
|
|
49
|
-
Group:
|
|
20
|
+
), d = t(
|
|
21
|
+
(a, e) => /* @__PURE__ */ r.jsx(n, { ref: e, ...a })
|
|
22
|
+
), g = Object.assign(b, {
|
|
23
|
+
Group: d
|
|
50
24
|
});
|
|
51
25
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
26
|
+
g as Checkbox,
|
|
27
|
+
d as CheckboxGroup,
|
|
28
|
+
g as default
|
|
55
29
|
};
|
|
56
30
|
//# sourceMappingURL=Checkbox.js.map
|
package/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n} from \"@servicetitan/hammer-react/dist/Checkbox\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type CheckboxProps = CoreCheckboxProps & DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n }\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CheckboxElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreCheckbox","CheckboxGroup","jsx","CoreCheckboxGroup","Checkbox"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n} from \"@servicetitan/hammer-react/dist/Checkbox\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type CheckboxProps = CoreCheckboxProps & DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n }\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CheckboxElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreCheckbox","CheckboxGroup","jsx","CoreCheckboxGroup","Checkbox"],"mappings":";;;;;AAeA,MAAMA,IAAkBC;AAAA,EACtB,CAACC,GAAsBC,MAA+B;AACpD,UAAMC,IAAO;AAAA,MACX,OAAOC,EAAiBH,EAAM,KAAK;AAAA,MACnC,WAAWA,EAAM,YAAY;AAAA,MAC7B,gBAAgBA,EAAM,iBAAiB;AAAA,MACvC,OAAOA,EAAM;AAAA,IAAA,GAGTI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCAAQM,GAAa,EAAA,KAAAL,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAC1E;AACF,GAEaO,IAAgBR;AAAA,EAC3B,CAACC,GAA2BC,MAClBO,gBAAAA,EAAAA,IAAAC,GAAA,EAAkB,KAAAR,GAAW,GAAGD,EAAO,CAAA;AAEnD,GAEaU,IAAW,OAAO,OAAOZ,GAAiB;AAAA,EACrD,OAAOS;AACT,CAAC;"}
|
|
@@ -1,46 +1,48 @@
|
|
|
1
1
|
import "./Chip.css";
|
|
2
2
|
import { f as l } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import "./
|
|
3
|
+
import { forwardRef as z, useContext as P } from "react";
|
|
4
|
+
import { G as H } from "./index-c6e22bb9.js";
|
|
5
|
+
import { t as p } from "./tinycolor-d415b1fd.js";
|
|
6
|
+
import { useAccessibleColor as A } from "./useAccessibleColor.js";
|
|
7
|
+
import { J as D } from "./useLayoutPropsUtil-f34e9597.js";
|
|
8
|
+
import { usePrefersColorScheme as I } from "./usePrefersColorScheme.js";
|
|
9
|
+
import "./index-49242812.js";
|
|
8
10
|
import "./LocalizationProvider.js";
|
|
9
|
-
import {
|
|
10
|
-
import { a as
|
|
11
|
-
import { C as B } from "./Icon-
|
|
12
|
-
const E = "_chip_o8loa_4",
|
|
11
|
+
import { C as R } from "./index-11b6ca91-14b4e485.js";
|
|
12
|
+
import { a as W } from "./close-064c8acc-7e0b4df7.js";
|
|
13
|
+
import { C as B } from "./Icon-be690f0b.js";
|
|
14
|
+
const E = "_chip_o8loa_4", G = "_inner_o8loa_17", J = "_close_o8loa_30", K = "_button_o8loa_43", e = {
|
|
13
15
|
chip: E,
|
|
14
|
-
inner:
|
|
15
|
-
close:
|
|
16
|
-
button:
|
|
16
|
+
inner: G,
|
|
17
|
+
close: J,
|
|
18
|
+
button: K,
|
|
17
19
|
"text-wrap": "_text-wrap_o8loa_109",
|
|
18
20
|
"size-small": "_size-small_o8loa_124",
|
|
19
21
|
"has-close": "_has-close_o8loa_138"
|
|
20
|
-
},
|
|
21
|
-
const { layoutStyles: b, componentProps:
|
|
22
|
-
className:
|
|
22
|
+
}, M = z((d, _) => {
|
|
23
|
+
const { layoutStyles: b, componentProps: f } = D(d), {
|
|
24
|
+
className: h,
|
|
23
25
|
color: r,
|
|
24
26
|
onClose: o,
|
|
25
27
|
onClick: a,
|
|
26
|
-
label:
|
|
27
|
-
style:
|
|
28
|
-
textWrap:
|
|
28
|
+
label: n,
|
|
29
|
+
style: u,
|
|
30
|
+
textWrap: x,
|
|
29
31
|
size: c = "medium",
|
|
30
32
|
tabIndex: g,
|
|
31
33
|
...k
|
|
32
|
-
} =
|
|
34
|
+
} = f, C = `${n}${o ? ", removeable" : ""}`, y = H(e.chip, h, {
|
|
33
35
|
[e["size-small"]]: c === "small",
|
|
34
36
|
[e["has-close"]]: !!o,
|
|
35
|
-
[e["text-wrap"]]:
|
|
36
|
-
}), { mode: v } =
|
|
37
|
-
"--int-bg-color": r &&
|
|
37
|
+
[e["text-wrap"]]: x
|
|
38
|
+
}), { mode: v } = P(R), { mode: w } = I(), m = v ?? w, { foreground: N, background: s } = A(r, m), S = () => m === "dark" && r ? p(s).brighten(20).toHexString() : "var(--background-color)", i = p(s), $ = {
|
|
39
|
+
"--int-bg-color": r && s,
|
|
38
40
|
"--int-font-color": r && N,
|
|
39
|
-
"--int-border-color":
|
|
41
|
+
"--int-border-color": S(),
|
|
40
42
|
"--int-close-background-color": r ? i.isDark() ? i.lighten(15).toHexString() : i.darken(15).toHexString() : "#14141429",
|
|
41
|
-
...
|
|
43
|
+
...u,
|
|
42
44
|
...b
|
|
43
|
-
},
|
|
45
|
+
}, j = (t) => {
|
|
44
46
|
switch (t.code) {
|
|
45
47
|
case "Delete":
|
|
46
48
|
case "Backspace":
|
|
@@ -54,18 +56,18 @@ const E = "_chip_o8loa_4", J = "_inner_o8loa_17", K = "_close_o8loa_30", M = "_b
|
|
|
54
56
|
return /* @__PURE__ */ l.jsxs(
|
|
55
57
|
"span",
|
|
56
58
|
{
|
|
57
|
-
className:
|
|
58
|
-
style:
|
|
59
|
+
className: y,
|
|
60
|
+
style: $,
|
|
59
61
|
"data-anv": "chip",
|
|
60
|
-
"aria-label":
|
|
62
|
+
"aria-label": C,
|
|
61
63
|
role: a ? "button" : void 0,
|
|
62
64
|
...k,
|
|
63
65
|
ref: _,
|
|
64
66
|
onClick: a,
|
|
65
|
-
onKeyUp:
|
|
67
|
+
onKeyUp: j,
|
|
66
68
|
tabIndex: a || o ? 0 : g,
|
|
67
69
|
children: [
|
|
68
|
-
/* @__PURE__ */ l.jsx("span", { className: e.inner, children:
|
|
70
|
+
/* @__PURE__ */ l.jsx("span", { className: e.inner, children: n }),
|
|
69
71
|
!!o && // this is disabled because this is fake button that only mouse users will interact
|
|
70
72
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
|
|
71
73
|
/* @__PURE__ */ l.jsx(
|
|
@@ -77,15 +79,15 @@ const E = "_chip_o8loa_4", J = "_inner_o8loa_17", K = "_close_o8loa_30", M = "_b
|
|
|
77
79
|
onClick: (t) => {
|
|
78
80
|
t.stopPropagation(), o(t);
|
|
79
81
|
},
|
|
80
|
-
children: /* @__PURE__ */ l.jsx(B, { "aria-hidden": !0, svg:
|
|
82
|
+
children: /* @__PURE__ */ l.jsx(B, { "aria-hidden": !0, svg: W, size: c })
|
|
81
83
|
}
|
|
82
84
|
)
|
|
83
85
|
]
|
|
84
86
|
}
|
|
85
87
|
);
|
|
86
88
|
});
|
|
87
|
-
|
|
89
|
+
M.displayName = "Chip";
|
|
88
90
|
export {
|
|
89
|
-
|
|
91
|
+
M as A
|
|
90
92
|
};
|
|
91
|
-
//# sourceMappingURL=Chip-
|
|
93
|
+
//# sourceMappingURL=Chip-73b032eb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip-73b032eb.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Chip.js"],"sourcesContent":["import \"./index9.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as z, useContext as H } from \"react\";\nimport I from \"classnames\";\nimport p from \"tinycolor2\";\nimport { useAccessibleColor as T } from \"./useAccessibleColor.js\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as U } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nimport { usePrefersColorScheme as D } from \"./usePrefersColorScheme.js\";\nimport \"./index-1a152ffc.js\";\nimport \"./LocalizationProvider.js\";\nimport { a as E } from \"./index-11b6ca91.js\";\nimport { S as K } from \"./close-064c8acc.js\";\nimport { Icon as L } from \"./Icon.js\";\nconst M = \"_chip_o8loa_4\", R = \"_inner_o8loa_17\", W = \"_close_o8loa_30\", $ = \"_button_o8loa_43\", t = {\n chip: M,\n inner: R,\n close: W,\n button: $,\n \"text-wrap\": \"_text-wrap_o8loa_109\",\n \"size-small\": \"_size-small_o8loa_124\",\n \"has-close\": \"_has-close_o8loa_138\"\n}, A = z((d, b) => {\n const { layoutStyles: h, componentProps: u } = U(d), {\n className: x,\n color: r,\n onClose: o,\n onClick: e,\n label: l,\n style: _,\n textWrap: f,\n size: c = \"medium\",\n tabIndex: g,\n ...y\n } = u, v = `${l}${o ? \", removeable\" : \"\"}`, C = I(t.chip, x, {\n [t[\"size-small\"]]: c === \"small\",\n [t[\"has-close\"]]: !!o,\n [t[\"text-wrap\"]]: f\n }), { mode: k } = H(E), { mode: j } = D(), m = k ?? j, { foreground: S, background: n } = T(r, m), w = () => m === \"dark\" && r ? p(n).brighten(20).toHexString() : \"var(--background-color)\", i = p(n), N = {\n \"--int-bg-color\": r && n,\n \"--int-font-color\": r && S,\n \"--int-border-color\": w(),\n \"--int-close-background-color\": r ? i.isDark() ? i.lighten(15).toHexString() : i.darken(15).toHexString() : \"#14141429\",\n ..._,\n ...h\n }, P = (s) => {\n switch (s.code) {\n case \"Delete\":\n case \"Backspace\":\n o == null || o(s);\n break;\n case \"Enter\":\n e == null || e();\n break;\n }\n };\n return /* @__PURE__ */ a.jsxs(\n \"span\",\n {\n className: C,\n style: N,\n \"data-anv\": \"chip\",\n \"aria-label\": v,\n role: e ? \"button\" : void 0,\n ...y,\n ref: b,\n onClick: e,\n onKeyUp: P,\n tabIndex: e || o ? 0 : g,\n children: [\n /* @__PURE__ */ a.jsx(\"span\", { className: t.inner, children: l }),\n !!o && // this is disabled because this is fake button that only mouse users will interact\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n /* @__PURE__ */ a.jsx(\n \"span\",\n {\n \"aria-hidden\": !0,\n \"aria-label\": \"remove button\",\n className: t.close,\n onClick: (s) => {\n s.stopPropagation(), o(s);\n },\n children: /* @__PURE__ */ a.jsx(L, { \"aria-hidden\": !0, svg: K, size: c })\n }\n )\n ]\n }\n );\n});\nA.displayName = \"Chip\";\nexport {\n A as Chip\n};\n//# sourceMappingURL=Chip.js.map\n"],"names":["M","R","W","$","t","A","forwardRef","d$2","b","h","u","J","x","e","l","_","f","y","v","C$2","G","k","useContext","C","j","d","S","n","d$1","w","tinycolor","N","P","s","fr","C$1","a"],"mappings":";;;;;;;;;;;;;AAeK,MAAAA,IAAA,iBAAAC,IAAA,mBAAAC,IAAA,mBAAAC,IAAA,oBAAAC,IAAA;AAAA,EACL,MAAAJ;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AACA,GAAAE,IAAAC,EAAA,CAAAC,GAAAC,MAAA;AACA,QAAA,EAAA,cAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAJ,CAAA,GAAA;AAAA,IACA,WAAAK;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAAC;AAAA,EACA,IAAAP,GAAAQ,IAAA,GAAAJ,CAAA,GAAA,IAAA,iBAAA,EAAA,IAAAK,IAAAC,EAAAhB,EAAA,MAAAQ,GAAA;AAAA,IACA,CAAAR,EAAA,YAAA,CAAA,GAAA,MAAA;AAAA,IACA,CAAAA,EAAA,WAAA,CAAA,GAAA,CAAA,CAAA;AAAA,IACA,CAAAA,EAAA,WAAA,CAAA,GAAAY;AAAA,EACA,CAAA,GAAA,EAAA,MAAAK,EAAA,IAAAC,EAAAC,CAAA,GAAA,EAAA,MAAAC,EAAA,IAAAC,EAAA,GAAA,IAAAJ,KAAAG,GAAA,EAAA,YAAAE,GAAA,YAAAC,EAAA,IAAAC,EAAA,GAAA,CAAA,GAAAC,IAAA,MAAA,MAAA,UAAA,IAAAC,EAAAH,CAAA,EAAA,SAAA,EAAA,EAAA,YAAA,IAAA,2BAAA,IAAAG,EAAAH,CAAA,GAAAI,IAAA;AAAA,IACA,kBAAA,KAAAJ;AAAA,IACA,oBAAA,KAAAD;AAAA,IACA,sBAAAG,EAAA;AAAA,IACA,gCAAA,IAAA,EAAA,OAAA,IAAA,EAAA,QAAA,EAAA,EAAA,YAAA,IAAA,EAAA,OAAA,EAAA,EAAA,YAAA,IAAA;AAAA,IACA,GAAAd;AAAA,IACA,GAAAN;AAAA,EACA,GAAAuB,IAAA,CAAAC,MAAA;AACA,YAAAA,EAAA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AACA,aAAA,QAAA,EAAAA,CAAA;AACA;AAAA,MACA,KAAA;AACA,QAAApB,KAAA,QAAAA,EAAA;AACA;AAAA,IACA;AAAA,EACA;AACA,SAAA,gBAAAqB,EAAA;AAAA,IACA;AAAA,IACA;AAAA,MACA,WAAAf;AAAA,MACA,OAAAY;AAAA,MACA,YAAA;AAAA,MACA,cAAAb;AAAA,MACA,MAAAL,IAAA,WAAA;AAAA,MACA,GAAAI;AAAA,MACA,KAAAT;AAAA,MACA,SAAAK;AAAA,MACA,SAAAmB;AAAA,MACA,UAAAnB,KAAA,IAAA,IAAA;AAAA,MACA,UAAA;AAAA,QACA,gBAAAqB,EAAA,IAAA,QAAA,EAAA,WAAA9B,EAAA,OAAA,UAAAU,EAAA,CAAA;AAAA,QACA,CAAA,CAAA;AAAA;AAAA,QAEA,gBAAAoB,EAAA;AAAA,UACA;AAAA,UACA;AAAA,YACA,eAAA;AAAA,YACA,cAAA;AAAA,YACA,WAAA9B,EAAA;AAAA,YACA,SAAA,CAAA6B,MAAA;AACA,cAAAA,EAAA,gBAAA,GAAA,EAAAA,CAAA;AAAA,YACA;AAAA,YACA,UAAA,gBAAAC,EAAA,IAAAC,GAAA,EAAA,eAAA,IAAA,KAAAC,GAAA,MAAA,EAAA,CAAA;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA,CAAA;AACA/B,EAAA,cAAA;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var J=require("./Chip.css");const n=require("./jsx-runtime-944c88e2-2b81c205.cjs"),d=require("react"),A=require("./index-ef2e9d11.cjs"),_=require("./tinycolor-3b50a250.cjs"),R=require("./useAccessibleColor.cjs"),H=require("./useLayoutPropsUtil-cd33328b.cjs"),I=require("./usePrefersColorScheme.cjs");require("./index-40821bc4.cjs");require("./LocalizationProvider.cjs");const $=require("./index-11b6ca91-d30fd1d3.cjs"),D=require("./close-064c8acc-4984cc86.cjs"),U=require("./Icon-847b3515.cjs");const W="_chip_o8loa_4",B="_inner_o8loa_17",E="_close_o8loa_30",G="_button_o8loa_43",o={chip:W,inner:B,close:E,button:G,"text-wrap":"_text-wrap_o8loa_109","size-small":"_size-small_o8loa_124","has-close":"_has-close_o8loa_138"},b=d.forwardRef((m,p)=>{const{layoutStyles:h,componentProps:x}=H.J(m),{className:g,color:r,onClose:e,onClick:s,label:t,style:k,textWrap:C,size:i="medium",tabIndex:f,...q}=x,y=`${t}${e?", removeable":""}`,v=A.G(o.chip,g,{[o["size-small"]]:i==="small",[o["has-close"]]:!!e,[o["text-wrap"]]:C}),{mode:S}=d.useContext($.C),{mode:j}=I.usePrefersColorScheme(),u=S??j,{foreground:w,background:c}=R.useAccessibleColor(r,u),N=()=>u==="dark"&&r?_.tinycolor(c).brighten(20).toHexString():"var(--background-color)",l=_.tinycolor(c),P={"--int-bg-color":r&&c,"--int-font-color":r&&w,"--int-border-color":N(),"--int-close-background-color":r?l.isDark()?l.lighten(15).toHexString():l.darken(15).toHexString():"#14141429",...k,...h},z=a=>{switch(a.code){case"Delete":case"Backspace":e==null||e(a);break;case"Enter":s==null||s();break}};return n.fr.jsxs("span",{className:v,style:P,"data-anv":"chip","aria-label":y,role:s?"button":void 0,...q,ref:p,onClick:s,onKeyUp:z,tabIndex:s||e?0:f,children:[n.fr.jsx("span",{className:o.inner,children:t}),!!e&&n.fr.jsx("span",{"aria-hidden":!0,"aria-label":"remove button",className:o.close,onClick:a=>{a.stopPropagation(),e(a)},children:n.fr.jsx(U.C,{"aria-hidden":!0,svg:D.a,size:i})})]})});b.displayName="Chip";exports.A=b;
|
|
2
|
+
//# sourceMappingURL=Chip-88873569.cjs.map
|