@hopper-ui/components 1.4.13 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/Accordion/src/Accordion.css +68 -68
- package/dist/Accordion/src/Accordion.js +1 -1
- package/dist/Accordion/src/index.css +68 -68
- package/dist/Accordion/src/index.js +1 -1
- package/dist/Avatar/src/AnonymousAvatar.css +38 -38
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- package/dist/Avatar/src/Avatar.css +56 -56
- package/dist/Avatar/src/Avatar.js +3 -3
- package/dist/Avatar/src/DeletedAvatar.css +38 -38
- package/dist/Avatar/src/DeletedAvatar.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +56 -56
- package/dist/Avatar/src/index.js +5 -5
- package/dist/Badge/src/Badge.css +43 -43
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +38 -38
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +53 -53
- package/dist/Badge/src/index.js +3 -3
- package/dist/Callout/src/Callout.css +262 -262
- package/dist/Callout/src/Callout.js +10 -10
- package/dist/Callout/src/CompactCallout.css +293 -293
- package/dist/Callout/src/CompactCallout.js +10 -10
- package/dist/Callout/src/index.css +304 -304
- package/dist/Callout/src/index.js +11 -11
- package/dist/Card/src/Card.css +31 -31
- package/dist/Card/src/Card.js +1 -1
- package/dist/Card/src/index.css +31 -31
- package/dist/Card/src/index.js +1 -1
- package/dist/ComboBox/src/ComboBox.css +635 -635
- package/dist/ComboBox/src/ComboBox.js +18 -18
- package/dist/ComboBox/src/index.css +635 -635
- package/dist/ComboBox/src/index.js +18 -18
- package/dist/Disclosure/src/Disclosure.css +38 -38
- package/dist/Disclosure/src/Disclosure.js +1 -1
- package/dist/Disclosure/src/DisclosureHeader.css +45 -45
- package/dist/Disclosure/src/DisclosureHeader.js +7 -7
- package/dist/Disclosure/src/DisclosurePanel.css +38 -38
- package/dist/Disclosure/src/DisclosurePanel.js +7 -7
- package/dist/Disclosure/src/index.css +63 -63
- package/dist/Disclosure/src/index.js +10 -10
- package/dist/Divider/src/Divider.css +30 -30
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +30 -30
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
- package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
- package/dist/ErrorMessage/src/index.css +30 -30
- package/dist/ErrorMessage/src/index.js +2 -2
- package/dist/Form/src/Form.css +28 -28
- package/dist/Form/src/Form.js +1 -1
- package/dist/Form/src/index.css +28 -28
- package/dist/Form/src/index.js +1 -1
- package/dist/HelperMessage/src/HelperMessage.css +30 -30
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +30 -30
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +29 -29
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +29 -29
- package/dist/IconList/src/index.js +1 -1
- package/dist/IllustratedMessage/src/IllustratedMessage.css +270 -270
- package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
- package/dist/IllustratedMessage/src/index.css +270 -270
- package/dist/IllustratedMessage/src/index.js +1 -1
- package/dist/Image/src/Image.css +31 -31
- package/dist/Image/src/Image.js +1 -1
- package/dist/Image/src/SvgImage.css +29 -29
- package/dist/Image/src/SvgImage.js +1 -1
- package/dist/Image/src/index.css +32 -32
- package/dist/Image/src/index.js +2 -2
- package/dist/Link/src/Link.css +59 -59
- package/dist/Link/src/Link.js +7 -7
- package/dist/Link/src/index.css +59 -59
- package/dist/Link/src/index.js +7 -7
- package/dist/ListBox/src/ListBox.css +275 -275
- package/dist/ListBox/src/ListBox.js +11 -11
- package/dist/ListBox/src/ListBoxItem.css +263 -263
- package/dist/ListBox/src/ListBoxItem.js +10 -10
- package/dist/ListBox/src/ListBoxItemSkeleton.css +35 -35
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +275 -275
- package/dist/ListBox/src/index.js +11 -11
- package/dist/Modal/src/BaseModal.css +43 -43
- package/dist/Modal/src/BaseModal.js +1 -1
- package/dist/Modal/src/CustomModal.css +44 -44
- package/dist/Modal/src/CustomModal.js +2 -2
- package/dist/Modal/src/Modal.css +290 -290
- package/dist/Modal/src/Modal.js +11 -11
- package/dist/Modal/src/index.css +291 -291
- package/dist/Modal/src/index.js +12 -12
- package/dist/SegmentedControl/src/SegmentedControl.css +29 -29
- package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
- package/dist/SegmentedControl/src/SegmentedControlItem.css +43 -43
- package/dist/SegmentedControl/src/SegmentedControlItem.js +6 -6
- package/dist/SegmentedControl/src/index.css +44 -44
- package/dist/SegmentedControl/src/index.js +7 -7
- package/dist/Select/src/Select.css +579 -579
- package/dist/Select/src/Select.js +17 -17
- package/dist/Select/src/SelectValue.css +62 -62
- package/dist/Select/src/SelectValue.js +6 -6
- package/dist/Select/src/index.css +579 -579
- package/dist/Select/src/index.js +17 -17
- package/dist/Spinner/src/Spinner.css +38 -38
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +38 -38
- package/dist/Spinner/src/index.js +2 -2
- package/dist/Tile/src/Tile.css +37 -37
- package/dist/Tile/src/Tile.js +6 -6
- package/dist/Tile/src/TileGroup.css +29 -29
- package/dist/Tile/src/TileGroup.js +1 -1
- package/dist/Tile/src/index.css +38 -38
- package/dist/Tile/src/index.js +7 -7
- package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
- package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
- package/dist/ToggleArrow/src/index.css +30 -30
- package/dist/ToggleArrow/src/index.js +1 -1
- package/dist/buttons/src/Button.css +94 -94
- package/dist/buttons/src/Button.js +8 -8
- package/dist/buttons/src/ButtonGroup.css +39 -39
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +99 -99
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/CloseButton.css +95 -95
- package/dist/buttons/src/CloseButton.js +9 -9
- package/dist/buttons/src/EmbeddedButton.css +99 -99
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +103 -103
- package/dist/buttons/src/LinkButton.js +7 -7
- package/dist/buttons/src/index.css +251 -251
- package/dist/buttons/src/index.js +13 -13
- package/dist/checkbox/src/Checkbox.css +47 -47
- package/dist/checkbox/src/Checkbox.js +7 -7
- package/dist/checkbox/src/CheckboxField.css +34 -34
- package/dist/checkbox/src/CheckboxField.js +3 -3
- package/dist/checkbox/src/CheckboxGroup.css +99 -99
- package/dist/checkbox/src/CheckboxGroup.js +6 -6
- package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
- package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
- package/dist/checkbox/src/index.css +99 -99
- package/dist/checkbox/src/index.js +12 -12
- package/dist/{chunk-6XT4723P.js → chunk-2D3PNAN4.js} +12 -12
- package/dist/{chunk-UW6ZUG7Z.js → chunk-2OZB4J6P.js} +1 -1
- package/dist/{chunk-5FJYI4LW.js → chunk-2W32X7FU.js} +1 -1
- package/dist/{chunk-XAUV6YNQ.js → chunk-3ILCPDBG.js} +1 -1
- package/dist/{chunk-MOPZLX5T.js → chunk-3NXLB36H.js} +3 -3
- package/dist/{chunk-UUFVCHQX.js → chunk-42AL5WO3.js} +3 -3
- package/dist/{chunk-IKIWDGGT.js → chunk-44OL5LKJ.js} +1 -1
- package/dist/{chunk-LCAS3YQV.js → chunk-4BWTFR22.js} +2 -1
- package/dist/{chunk-QYIEN54I.js → chunk-4NOHDGNG.js} +8 -8
- package/dist/{chunk-JBJPVFDM.js → chunk-5RMNB4S2.js} +2 -2
- package/dist/{chunk-KTCJSUUT.js → chunk-5RZUDLOJ.js} +1 -1
- package/dist/{chunk-ZZ7W2CSK.js → chunk-6VK6XY4Y.js} +1 -1
- package/dist/{chunk-6GO6ESPS.js → chunk-72H6V6NS.js} +1 -1
- package/dist/{chunk-YCCJKJBR.js → chunk-7FGBAFSD.js} +2 -2
- package/dist/{chunk-HYJ7TQWP.js → chunk-7LXE3JU6.js} +3 -3
- package/dist/{chunk-PKHAOEQM.js → chunk-7SLBZ5XD.js} +2 -2
- package/dist/{chunk-T2YL7HMR.js → chunk-7ZAVXQPS.js} +1 -1
- package/dist/{chunk-HSOVMVXE.js → chunk-AK56Z4NC.js} +8 -8
- package/dist/{chunk-VN23ZR4X.js → chunk-B3USUGFX.js} +1 -1
- package/dist/{chunk-G6BSMNGR.js → chunk-BSFMZPQZ.js} +1 -1
- package/dist/{chunk-FWAI7C6V.js → chunk-BUNJDMVL.js} +1 -1
- package/dist/{chunk-DDU66JFJ.js → chunk-CI4VOFJ3.js} +11 -11
- package/dist/{chunk-2SLQXXR3.js → chunk-CQQP6QVP.js} +4 -4
- package/dist/{chunk-EHNEUZ4A.js → chunk-DMORGVIA.js} +1 -1
- package/dist/{chunk-UD7NLLUD.js → chunk-DXEEYPET.js} +1 -1
- package/dist/{chunk-POIB7WJX.js → chunk-ECIUI7CP.js} +1 -1
- package/dist/{chunk-U7OQMVV4.js → chunk-F2CIGATZ.js} +1 -1
- package/dist/{chunk-JCEKO3I7.js → chunk-GAVVWKPV.js} +5 -5
- package/dist/{chunk-VJFLURLR.js → chunk-GD5Q3AZ5.js} +7 -7
- package/dist/{chunk-MGZ3SNTF.js → chunk-GNANRAZ3.js} +2 -2
- package/dist/{chunk-NXINJFE3.js → chunk-GYIVG2QW.js} +1 -1
- package/dist/{chunk-BKHE7Q2N.js → chunk-I6K2IF6S.js} +2 -2
- package/dist/{chunk-RYD4D6NY.js → chunk-IFR3FMQI.js} +2 -2
- package/dist/{chunk-J6IHIWKX.js → chunk-ISHCPAHA.js} +1 -1
- package/dist/{chunk-WCO5VX2D.js → chunk-JSU3GTVC.js} +1 -1
- package/dist/{chunk-SU4IQWYK.js → chunk-K7LPTDGA.js} +1 -1
- package/dist/{chunk-NLXPIXK6.js → chunk-L3CCWJXX.js} +5 -5
- package/dist/{chunk-ZABWFRCB.js → chunk-LLZVUS6L.js} +2 -2
- package/dist/{chunk-5IRNUDUF.js → chunk-M75JHDEW.js} +1 -1
- package/dist/{chunk-PNYLTL7G.js → chunk-M7OZRSCE.js} +1 -1
- package/dist/{chunk-VSP4G7ZK.js → chunk-MLH5QPM6.js} +2 -2
- package/dist/{chunk-2BSRUZT4.js → chunk-MQHDJMWK.js} +1 -1
- package/dist/{chunk-QNS7Q2XR.js → chunk-N3MAR5LA.js} +3 -3
- package/dist/{chunk-VV7FSQG3.js → chunk-NKPL7MOY.js} +3 -3
- package/dist/{chunk-4OLZ77DZ.js → chunk-NKQRCWXB.js} +2 -2
- package/dist/{chunk-XKG2DTMX.js → chunk-P7Y5EFUU.js} +2 -2
- package/dist/{chunk-BGIHW75K.js → chunk-PLCSZSWK.js} +8 -8
- package/dist/{chunk-U7QISYHQ.js → chunk-PSGJ3SGD.js} +2 -2
- package/dist/{chunk-22KQXJXZ.js → chunk-QOOKVLD6.js} +1 -1
- package/dist/{chunk-DXE6DHXH.js → chunk-QVYHV7EA.js} +2 -2
- package/dist/{chunk-ZUJ6KXDA.js → chunk-QXSZDRRV.js} +5 -5
- package/dist/{chunk-OAAKLX5D.js → chunk-RN66XUZB.js} +3 -3
- package/dist/{chunk-SYNHOVEE.js → chunk-SBZFIZ34.js} +2 -2
- package/dist/{chunk-MJW64RG7.js → chunk-THMD4B6W.js} +1 -1
- package/dist/{chunk-SC4CCWXO.js → chunk-U2CDB2WU.js} +1 -1
- package/dist/{chunk-6CB7F7BK.js → chunk-UBAIAYGZ.js} +1 -1
- package/dist/{chunk-ZC6GFQNV.js → chunk-V3R6RBMW.js} +63 -8
- package/dist/{chunk-VN2LIBN3.js → chunk-VHP2V6CH.js} +2 -2
- package/dist/{chunk-VWMSTZ63.js → chunk-VRKYQ753.js} +50 -42
- package/dist/{chunk-BQZWAIQW.js → chunk-W4JGZWGA.js} +2 -2
- package/dist/{chunk-2VHFVBGS.js → chunk-WEFTO2YB.js} +2 -2
- package/dist/{chunk-H4CNGCXD.js → chunk-WERKME6J.js} +2 -2
- package/dist/{chunk-O5OIBSNN.js → chunk-WFGDBWD6.js} +2 -2
- package/dist/{chunk-EI72PCB2.js → chunk-WNFG7XHU.js} +10 -10
- package/dist/{chunk-JHJBTFLY.js → chunk-WRSQGJQP.js} +2 -2
- package/dist/{chunk-BHOPHCRR.js → chunk-XSEFUS46.js} +3 -3
- package/dist/{chunk-JPIQEUGC.js → chunk-YRMUDTON.js} +1 -1
- package/dist/{chunk-RG43DVQM.js → chunk-YXKS63JL.js} +1 -1
- package/dist/{chunk-KPIWYEWU.js → chunk-YY5PARH2.js} +2 -2
- package/dist/{chunk-4W7UL74T.js → chunk-ZDPAEZOK.js} +2 -2
- package/dist/{chunk-MNO3IOD2.js → chunk-ZTRTZJS3.js} +1 -1
- package/dist/index.css +909 -909
- package/dist/index.d.ts +1 -1
- package/dist/index.js +70 -70
- package/dist/inputs/src/Input.css +32 -32
- package/dist/inputs/src/Input.js +1 -1
- package/dist/inputs/src/InputGroup.css +34 -34
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +58 -58
- package/dist/inputs/src/NumberField.js +11 -11
- package/dist/inputs/src/PasswordField.css +271 -271
- package/dist/inputs/src/PasswordField.js +11 -11
- package/dist/inputs/src/RemainingCharacterCount.css +31 -31
- package/dist/inputs/src/RemainingCharacterCount.js +6 -6
- package/dist/inputs/src/SearchField.css +277 -277
- package/dist/inputs/src/SearchField.js +12 -12
- package/dist/inputs/src/TextArea.css +55 -55
- package/dist/inputs/src/TextArea.js +10 -10
- package/dist/inputs/src/TextField.css +275 -275
- package/dist/inputs/src/TextField.js +14 -14
- package/dist/inputs/src/index.css +323 -323
- package/dist/inputs/src/index.js +18 -18
- package/dist/overlays/Popover/src/Popover.css +552 -552
- package/dist/overlays/Popover/src/Popover.js +6 -6
- package/dist/overlays/Popover/src/PopoverBase.css +31 -31
- package/dist/overlays/Popover/src/PopoverBase.js +1 -1
- package/dist/overlays/Popover/src/index.css +555 -555
- package/dist/overlays/Popover/src/index.js +7 -7
- package/dist/radio/src/DecorativeRadio.css +55 -55
- package/dist/radio/src/DecorativeRadio.js +7 -7
- package/dist/radio/src/Radio.css +47 -47
- package/dist/radio/src/Radio.js +7 -7
- package/dist/radio/src/RadioField.css +34 -34
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +99 -99
- package/dist/radio/src/RadioGroup.js +6 -6
- package/dist/radio/src/index.css +99 -99
- package/dist/radio/src/index.js +12 -12
- package/dist/switch/src/Switch.css +44 -44
- package/dist/switch/src/Switch.js +7 -7
- package/dist/switch/src/SwitchField.css +34 -34
- package/dist/switch/src/SwitchField.js +2 -2
- package/dist/switch/src/index.css +50 -50
- package/dist/switch/src/index.js +8 -8
- package/dist/tag/src/Tag.css +392 -392
- package/dist/tag/src/Tag.js +12 -10
- package/dist/tag/src/TagGroup.css +38 -38
- package/dist/tag/src/TagGroup.js +7 -7
- package/dist/tag/src/TagGroupContext.d.ts +4 -1
- package/dist/tag/src/TagGroupContext.js +1 -1
- package/dist/tag/src/index.css +402 -402
- package/dist/tag/src/index.d.ts +1 -1
- package/dist/tag/src/index.js +14 -14
- package/dist/typography/Heading/src/Heading.css +28 -28
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +28 -28
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +28 -28
- package/dist/typography/Label/src/Label.js +2 -2
- package/dist/typography/Label/src/index.css +28 -28
- package/dist/typography/Label/src/index.js +2 -2
- package/dist/typography/OverlineText/src/OverlineText.css +28 -28
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +28 -28
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +28 -28
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +28 -28
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +28 -28
- package/dist/utils/src/EnsureTextWrapper.js +6 -6
- package/dist/utils/src/index.css +28 -28
- package/dist/utils/src/index.js +6 -6
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ensureTextWrapper } from './chunk-
|
|
1
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
2
2
|
import { FormContext } from './chunk-Q7NXUUB3.js';
|
|
3
3
|
import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
|
|
4
4
|
import { DisclosureContext } from './chunk-MUAXK42C.js';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./DisclosurePanel.module.css#css-module
|
|
15
|
-
var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-
|
|
15
|
+
var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___toko0", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___PolFI", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___3khxu", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___K83wA" };
|
|
16
16
|
var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
|
|
17
17
|
function DisclosurePanel(props, ref) {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, DisclosurePanelContext);
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./RichIconAvatarImage.module.css#css-module
|
|
14
|
-
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-
|
|
14
|
+
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___udUzF", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YhoNF", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___014q8", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___WzrUi", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Y4Wsk", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ehC7V", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jfwil", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___OiViG" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CalloutContext } from './chunk-NZ4VFVXA.js';
|
|
2
|
-
import { _CloseButton } from './chunk-
|
|
2
|
+
import { _CloseButton } from './chunk-PSGJ3SGD.js';
|
|
3
3
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
4
4
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
5
5
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Callout.module.css#css-module
|
|
17
|
-
var Callout_module_default = { "hop-Callout": "Callout-module__hop-
|
|
17
|
+
var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___iE9P-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___EZFP4", "hop-Callout__heading": "Callout-module__hop-Callout__heading___mG67A", "hop-Callout__content": "Callout-module__hop-Callout__content___t2q8o", "hop-Callout__button": "Callout-module__hop-Callout__button___KaxzJ", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___dvyPP", "hop-Callout--information": "Callout-module__hop-Callout--information___ydtCy", "hop-Callout--success": "Callout-module__hop-Callout--success___0sREM", "hop-Callout--warning": "Callout-module__hop-Callout--warning___wzVHE", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___NtR-7", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___WLoSA" };
|
|
18
18
|
var GlobalCalloutCssSelector = "hop-Callout";
|
|
19
19
|
var Callout = (props, ref) => {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, CalloutContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
2
|
-
import { _CloseButton } from './chunk-
|
|
2
|
+
import { _CloseButton } from './chunk-PSGJ3SGD.js';
|
|
3
3
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
4
4
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
5
5
|
import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
|
|
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
12
12
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./CompactCallout.module.css#css-module
|
|
15
|
-
var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-
|
|
15
|
+
var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___eo-yL", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___s8s-T", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___2643c", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___-wawo", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___hQjw0", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___fTdut", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___swKLd", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___K2q51", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-Lnlx", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___PGDRx" };
|
|
16
16
|
var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
|
|
17
17
|
var CompactCallout = (props, ref) => {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, CompactCalloutContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./PopoverBase.module.css#css-module
|
|
10
|
-
var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-
|
|
10
|
+
var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___MNsqM" };
|
|
11
11
|
var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
|
|
12
12
|
function PopoverBase(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./OverlineText.module.css#css-module
|
|
10
|
-
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-
|
|
10
|
+
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___2jE3j", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___bmeNd" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./BaseModal.module.css#css-module
|
|
10
|
-
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-
|
|
10
|
+
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___V-jdM", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___AQIgf", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___i1noJ", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___SGyO7", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___ovuHu", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___1w-YL", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___b2mTz", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___9GK23", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___RnmKh", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___v4KOZ", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___un7No" };
|
|
11
11
|
var GlobalBaseModalCssSelector = "hop-BaseModal";
|
|
12
12
|
var BaseModal = (props, ref) => {
|
|
13
13
|
var _a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-NKQRCWXB.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-MLH5QPM6.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-BUNJDMVL.js';
|
|
5
5
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
|
-
import { ensureTextWrapper } from './chunk-
|
|
7
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
9
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
10
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
|
|
|
18
18
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./ListBoxItem.module.css#css-module
|
|
21
|
-
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-
|
|
21
|
+
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___2QR19", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___JoLU5", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___oiXlJ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___OyStz", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___whYAr", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___fHzex", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___hfcen", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___eFkQk", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___EwNEl", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___7vUaJ", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___CXIH-", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___Nr7mT", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___SBply", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___F2VZf", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___BrdRk", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___6U8rJ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___JPUu7" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-44OL5LKJ.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
|
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ErrorMessage.module.css#css-module
|
|
13
|
-
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-
|
|
13
|
+
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___plNeo", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___fx3cm" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _EmbeddedButton } from './chunk-
|
|
1
|
+
import { _EmbeddedButton } from './chunk-2OZB4J6P.js';
|
|
2
2
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./SegmentedControl.module.css#css-module
|
|
11
|
-
var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-
|
|
11
|
+
var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___WrqQt" };
|
|
12
12
|
var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
|
|
13
13
|
var SegmentedControl = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, SegmentedControlContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
15
15
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./DecorativeCheckbox.module.css#css-module
|
|
18
|
-
var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-
|
|
18
|
+
var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___WmHcP Checkbox-module__hop-Checkbox___KLq70", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___DA3lU Checkbox-module__hop-Checkbox--sm___awAEl", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___DsDcH Checkbox-module__hop-Checkbox--md___YgjUI", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GBAqk Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___h2gZY Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___uFEfA Checkbox-module__hop-Checkbox__box___HhBnD", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ff-Wk Checkbox-module__hop-Checkbox__check___UEteu", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ekhgd Checkbox-module__hop-Checkbox__text___-RQd9" };
|
|
19
19
|
var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
|
|
20
20
|
function DecorativeCheckbox(props, ref) {
|
|
21
21
|
var _a;
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./IconList.module.css#css-module
|
|
11
|
-
var IconList_module_default = { "hop-IconList": "IconList-module__hop-
|
|
11
|
+
var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___w4UOZ" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
4
|
-
import { useFormProps } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
4
|
+
import { useFormProps } from './chunk-F2CIGATZ.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
6
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Checkbox.module.css#css-module
|
|
17
|
-
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-
|
|
17
|
+
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___KLq70", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___awAEl", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___YgjUI", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___zD3D6", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___HhBnD", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___UEteu", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___-RQd9" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ToggleArrow } from './chunk-
|
|
2
|
-
import { _Heading } from './chunk-
|
|
1
|
+
import { _ToggleArrow } from './chunk-BSFMZPQZ.js';
|
|
2
|
+
import { _Heading } from './chunk-ECIUI7CP.js';
|
|
3
3
|
import { DisclosureContext } from './chunk-MUAXK42C.js';
|
|
4
4
|
import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./DisclosureHeader.module.css#css-module
|
|
17
|
-
var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-
|
|
17
|
+
var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___RB71Y", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___Ev74M", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___FpZsc", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___kAn7x", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___8s5kW", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___MhOkD" };
|
|
18
18
|
var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
|
|
19
19
|
function DisclosureHeader(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
15
15
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./DecorativeRadio.module.css#css-module
|
|
18
|
-
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-
|
|
18
|
+
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___X3gEw Radio-module__hop-Radio___75d2P", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___6t9L8 Radio-module__hop-Radio--sm___ENTOs", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___JIuK- Radio-module__hop-Radio--md___WOf3w", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___e3WMA Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ZESIk Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___5ipTd Radio-module__hop-Radio__box___XYk2f", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___LhmD1 Radio-module__hop-Radio__bullet___WnjZ5", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Fbm-Y Radio-module__hop-Radio__text___It24N" };
|
|
19
19
|
var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
|
|
20
20
|
function DecorativeRadio(props, ref) {
|
|
21
21
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-44OL5LKJ.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { InfoIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
|
|
|
9
9
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./HelperMessage.module.css#css-module
|
|
12
|
-
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-
|
|
12
|
+
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___2DKif", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___xKDQh" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { SearchFieldContext } from './chunk-3NKF5TPD.js';
|
|
2
|
-
import { _ClearButton } from './chunk-
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import { Input } from './chunk-
|
|
5
|
-
import { _HelperMessage } from './chunk-
|
|
6
|
-
import { _ErrorMessage } from './chunk-
|
|
7
|
-
import { _Label } from './chunk-
|
|
8
|
-
import { useFormProps } from './chunk-
|
|
2
|
+
import { _ClearButton } from './chunk-M75JHDEW.js';
|
|
3
|
+
import { _InputGroup } from './chunk-2W32X7FU.js';
|
|
4
|
+
import { Input } from './chunk-QOOKVLD6.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-P7Y5EFUU.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-LLZVUS6L.js';
|
|
7
|
+
import { _Label } from './chunk-WERKME6J.js';
|
|
8
|
+
import { useFormProps } from './chunk-F2CIGATZ.js';
|
|
9
9
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
10
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
11
11
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
|
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
21
|
|
|
22
22
|
// css-module:./SearchField.module.css#css-module
|
|
23
|
-
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-
|
|
23
|
+
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___eXiqh", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___GkWlF", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vDNem", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___PeTWj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___3JhbL", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___YE97X", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___WtBGc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___NTtlM", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___hzXXl" };
|
|
24
24
|
var GlobalSearchFieldCssSelector = "hop-SearchField";
|
|
25
25
|
function SearchField(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _Button } from './chunk-
|
|
1
|
+
import { _Button } from './chunk-CQQP6QVP.js';
|
|
2
2
|
import { CloseButtonContext } from './chunk-RBWFFWIG.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./CloseButton.module.css#css-module
|
|
13
|
-
var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-
|
|
13
|
+
var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___TSVpM" };
|
|
14
14
|
var GlobalCloseButtonCssSelector = "hop-CloseButton";
|
|
15
15
|
function CloseButton(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, CloseButtonContext);
|
|
@@ -6,7 +6,7 @@ import { useContextProps, Input as Input$1 } from 'react-aria-components';
|
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
8
|
// css-module:./Input.module.css#css-module
|
|
9
|
-
var Input_module_default = { "hop-Input": "Input-module__hop-
|
|
9
|
+
var Input_module_default = { "hop-Input": "Input-module__hop-Input___-ltEm", "hop-Input--sm": "Input-module__hop-Input--sm___3y-Q2" };
|
|
10
10
|
var InputContext = createContext({});
|
|
11
11
|
var Input = forwardRef(function Input2(props, ref) {
|
|
12
12
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
2
|
-
import { _OverlineText } from './chunk-
|
|
2
|
+
import { _OverlineText } from './chunk-JSU3GTVC.js';
|
|
3
3
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
4
4
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// css-module:./Badge.module.css#css-module
|
|
26
|
-
var Badge_module_default = { "hop-Badge": "Badge-module__hop-
|
|
26
|
+
var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___i-m3E", "hop-Badge--primary": "Badge-module__hop-Badge--primary___jnGD8", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___utT0y", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___xxSel" };
|
|
27
27
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
28
28
|
function Badge(props, ref) {
|
|
29
29
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
2
2
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
3
3
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
4
|
-
import { _HelperMessage } from './chunk-
|
|
5
|
-
import { _ErrorMessage } from './chunk-
|
|
6
|
-
import { _Label } from './chunk-
|
|
7
|
-
import { useFormProps } from './chunk-
|
|
4
|
+
import { _HelperMessage } from './chunk-P7Y5EFUU.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-LLZVUS6L.js';
|
|
6
|
+
import { _Label } from './chunk-WERKME6J.js';
|
|
7
|
+
import { useFormProps } from './chunk-F2CIGATZ.js';
|
|
8
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
9
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
|
|
|
15
15
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./CheckboxGroup.module.css#css-module
|
|
18
|
-
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-
|
|
18
|
+
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___mtK6W", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___gPoWU", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___ufGCy", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___JiX3O", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___f0eXh", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___QS5zY", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Vkpqt", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___-iL9j", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___4YgCk" };
|
|
19
19
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
20
20
|
function CheckboxGroup(props, ref) {
|
|
21
21
|
var _a, _b, _c;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ModalContext } from './chunk-PH5BSJDK.js';
|
|
2
|
-
import { _BaseModal } from './chunk-
|
|
2
|
+
import { _BaseModal } from './chunk-K7LPTDGA.js';
|
|
3
3
|
import { ImageContext } from './chunk-XNHE2OVW.js';
|
|
4
4
|
import { FooterContext } from './chunk-I67NHYK4.js';
|
|
5
5
|
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
6
6
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
7
|
-
import { _CloseButton } from './chunk-
|
|
7
|
+
import { _CloseButton } from './chunk-PSGJ3SGD.js';
|
|
8
8
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
9
9
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
10
10
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
|
|
|
17
17
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./Modal.module.css#css-module
|
|
20
|
-
var Modal_module_default = { "hop-Modal": "Modal-module__hop-
|
|
20
|
+
var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___PuJ-N", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___e1zYF", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___WENkA", "hop-Modal__image": "Modal-module__hop-Modal__image___KpMXX", "hop-Modal__close": "Modal-module__hop-Modal__close___9uePw", "hop-Modal__heading": "Modal-module__hop-Modal__heading___NZDT6", "hop-Modal__header": "Modal-module__hop-Modal__header___z00qy", "hop-Modal__content": "Modal-module__hop-Modal__content___92859", "hop-Modal__footer": "Modal-module__hop-Modal__footer___Bhhvw", "hop-Modal__button": "Modal-module__hop-Modal__button___ImC1H", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___6SF6c" };
|
|
21
21
|
var GlobalModalCssSelector = "hop-Modal";
|
|
22
22
|
var Modal = (props, ref) => {
|
|
23
23
|
var _a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _BaseModal } from './chunk-
|
|
1
|
+
import { _BaseModal } from './chunk-K7LPTDGA.js';
|
|
2
2
|
import { CustomModalContext } from './chunk-LUO2HNXA.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./CustomModal.module.css#css-module
|
|
11
|
-
var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-
|
|
11
|
+
var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___sz-r1" };
|
|
12
12
|
var GlobalCustomModalCssSelector = "hop-CustomModal";
|
|
13
13
|
var CustomModal = (props, ref) => {
|
|
14
14
|
var _a;
|
|
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./ButtonGroup.module.css#css-module
|
|
14
|
-
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-
|
|
14
|
+
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___nY-Jq", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___GuH-V", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___-u96S", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___YiWsv", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___FnDGD", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___5k2tA", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___IYs4O", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___fYdq1" };
|
|
15
15
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
16
16
|
function ButtonGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./FloatingBadge.module.css#css-module
|
|
13
|
-
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-
|
|
13
|
+
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___7LXac", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___2Jrdj" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Image.module.css#css-module
|
|
10
|
-
var Image_module_default = { "hop-Image": "Image-module__hop-
|
|
10
|
+
var Image_module_default = { "hop-Image": "Image-module__hop-Image___19-8N", "hop-Image--rounded": "Image-module__hop-Image--rounded___HXOWk", "hop-Image--circular": "Image-module__hop-Image--circular___EtBn0" };
|
|
11
11
|
var GlobalImageCssSelector = "hop-Image";
|
|
12
12
|
function Image(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, ImageContext);
|
|
@@ -1,27 +1,31 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
|
|
3
|
+
import { _ClearButton } from './chunk-M75JHDEW.js';
|
|
4
|
+
import { mapOrbiterToHopperVariants } from './chunk-2OZB4J6P.js';
|
|
4
5
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
5
|
-
import { _Spinner } from './chunk-
|
|
6
|
+
import { _Spinner } from './chunk-VHP2V6CH.js';
|
|
6
7
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
|
-
import { ensureTextWrapper } from './chunk-
|
|
8
|
+
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
8
9
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
9
|
-
import { useFormProps } from './chunk-
|
|
10
|
+
import { useFormProps } from './chunk-F2CIGATZ.js';
|
|
10
11
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
12
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
13
|
+
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
12
14
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
13
15
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
14
16
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
15
17
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
16
18
|
import { IconContext } from '@hopper-ui/icons';
|
|
17
19
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
20
|
+
import { useObjectRef, mergeProps, filterDOMProps } from '@react-aria/utils';
|
|
18
21
|
import clsx from 'clsx';
|
|
19
|
-
import { forwardRef } from 'react';
|
|
22
|
+
import { forwardRef, useEffect, useContext } from 'react';
|
|
23
|
+
import { useFocusRing, useLink, useHover } from 'react-aria';
|
|
20
24
|
import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
|
|
21
25
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
22
26
|
|
|
23
27
|
// css-module:./Tag.module.css#css-module
|
|
24
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
28
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___TwiDw", "hop-Tag--sm": "Tag-module__hop-Tag--sm___H5cel", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___-Tzrp", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___ObGtg", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___PIMyP", "hop-Tag--md": "Tag-module__hop-Tag--md___htZGZ", "hop-Tag--lg": "Tag-module__hop-Tag--lg___SiEKp", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___mhHJW", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___Br0iW", "hop-Tag--progress": "Tag-module__hop-Tag--progress___a9O-d", "hop-Tag--positive": "Tag-module__hop-Tag--positive___bhQvN", "hop-Tag--caution": "Tag-module__hop-Tag--caution___wb2AB", "hop-Tag--negative": "Tag-module__hop-Tag--negative___0FPzs", "hop-Tag--option1": "Tag-module__hop-Tag--option1___M-3A5", "hop-Tag--option2": "Tag-module__hop-Tag--option2___-c-AE", "hop-Tag--option3": "Tag-module__hop-Tag--option3___quO-l", "hop-Tag--option4": "Tag-module__hop-Tag--option4___ZMEVM", "hop-Tag--option5": "Tag-module__hop-Tag--option5___fje-i", "hop-Tag--option6": "Tag-module__hop-Tag--option6___OPiM6", "hop-Tag__icon": "Tag-module__hop-Tag__icon___MqbD1", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___U5qT-", "hop-Tag__text": "Tag-module__hop-Tag__text___tB0LW", "hop-Tag__badge": "Tag-module__hop-Tag__badge___QCHmo", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___xy7Q7" };
|
|
25
29
|
var GlobalTagCssSelector = "hop-Tag";
|
|
26
30
|
var TagToTextSizeAdapter = {
|
|
27
31
|
sm: "xs",
|
|
@@ -83,8 +87,9 @@ function Tag(props, ref) {
|
|
|
83
87
|
const spinnerClassNames = clsx(Tag_module_default["hop-Tag__Spinner"], spinnerClassName);
|
|
84
88
|
const { className: clearButtonClassName, ...otherClearButtonProps } = clearButtonProps != null ? clearButtonProps : {};
|
|
85
89
|
const clearButtonClassNames = clsx(Tag_module_default["hop-Tag__remove-btn"], clearButtonClassName);
|
|
90
|
+
const ElementType = useContext(InternalTagGroupContext).isInGroup ? Tag$1 : StandaloneTag;
|
|
86
91
|
return /* @__PURE__ */ jsx(
|
|
87
|
-
|
|
92
|
+
ElementType,
|
|
88
93
|
{
|
|
89
94
|
ref,
|
|
90
95
|
className: classNames,
|
|
@@ -158,6 +163,56 @@ function Tag(props, ref) {
|
|
|
158
163
|
}
|
|
159
164
|
);
|
|
160
165
|
}
|
|
166
|
+
var StandaloneTag = forwardRef((props, ref) => {
|
|
167
|
+
var _a;
|
|
168
|
+
const { focusProps, isFocusVisible, isFocused } = useFocusRing({ within: true });
|
|
169
|
+
const objectRef = useObjectRef(ref);
|
|
170
|
+
const { linkProps } = useLink(props, objectRef);
|
|
171
|
+
const { hoverProps, isHovered } = useHover({
|
|
172
|
+
// disabled, since we don't allow selection.
|
|
173
|
+
isDisabled: true,
|
|
174
|
+
onHoverStart: props.onHoverStart,
|
|
175
|
+
onHoverChange: props.onHoverChange,
|
|
176
|
+
onHoverEnd: props.onHoverEnd
|
|
177
|
+
});
|
|
178
|
+
const isLink = props.href != null;
|
|
179
|
+
const itemProps = isLink ? linkProps : props;
|
|
180
|
+
const ElementType = isLink ? "a" : "div";
|
|
181
|
+
const renderProps = useRenderProps({
|
|
182
|
+
...itemProps,
|
|
183
|
+
id: void 0,
|
|
184
|
+
children: props.children,
|
|
185
|
+
values: {
|
|
186
|
+
isFocusVisible,
|
|
187
|
+
isHovered,
|
|
188
|
+
isDisabled: (_a = props.isDisabled) != null ? _a : false,
|
|
189
|
+
isFocused,
|
|
190
|
+
isPressed: false,
|
|
191
|
+
allowsRemoving: false,
|
|
192
|
+
isSelected: false,
|
|
193
|
+
selectionBehavior: "toggle",
|
|
194
|
+
selectionMode: "none"
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
useEffect(() => {
|
|
198
|
+
if (!props.textValue) {
|
|
199
|
+
console.warn("A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.");
|
|
200
|
+
}
|
|
201
|
+
}, [props.textValue]);
|
|
202
|
+
return /* @__PURE__ */ jsx(
|
|
203
|
+
ElementType,
|
|
204
|
+
{
|
|
205
|
+
ref: objectRef,
|
|
206
|
+
"aria-label": props.textValue,
|
|
207
|
+
...mergeProps(filterDOMProps(itemProps, { labelable: true }), focusProps, hoverProps),
|
|
208
|
+
...renderProps,
|
|
209
|
+
"data-disabled": props.isDisabled || void 0,
|
|
210
|
+
"data-hovered": isHovered || void 0,
|
|
211
|
+
"data-focused": isFocused || void 0,
|
|
212
|
+
"data-focus-visible": isFocusVisible || void 0
|
|
213
|
+
}
|
|
214
|
+
);
|
|
215
|
+
});
|
|
161
216
|
var _Tag = slot("tag", forwardRef(Tag));
|
|
162
217
|
_Tag.displayName = "Tag";
|
|
163
218
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-44OL5LKJ.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Spinner.module.css#css-module
|
|
12
|
-
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-
|
|
12
|
+
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___d7WW9", "spin": "Spinner-module__spin___7A42r", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___UXPgD", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___Kbkvv", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___Y9cCm", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___p-UV7", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___I85AL", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___u46vL" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|