@hopper-ui/components 1.5.0 → 1.5.2
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 +13 -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 +3 -3
- package/dist/Avatar/src/Avatar.css +56 -56
- package/dist/Avatar/src/Avatar.js +5 -5
- package/dist/Avatar/src/DeletedAvatar.css +38 -38
- package/dist/Avatar/src/DeletedAvatar.js +3 -3
- package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
- package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
- package/dist/Avatar/src/index.css +56 -56
- package/dist/Avatar/src/index.js +7 -7
- package/dist/Badge/src/Badge.css +43 -43
- package/dist/Badge/src/Badge.js +3 -3
- 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 +4 -4
- package/dist/Callout/src/Callout.css +262 -262
- package/dist/Callout/src/Callout.js +11 -11
- package/dist/Callout/src/CompactCallout.css +293 -293
- package/dist/Callout/src/CompactCallout.js +12 -12
- package/dist/Callout/src/index.css +304 -304
- package/dist/Callout/src/index.js +13 -13
- 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 +20 -20
- package/dist/ComboBox/src/index.css +635 -635
- package/dist/ComboBox/src/index.js +20 -20
- 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 +12 -12
- package/dist/ListBox/src/ListBoxItem.css +263 -263
- package/dist/ListBox/src/ListBoxItem.js +11 -11
- 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 +12 -12
- 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 +12 -12
- package/dist/Modal/src/index.css +291 -291
- package/dist/Modal/src/index.js +13 -13
- 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 +19 -19
- 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 +19 -19
- 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/Tabs/src/Tab.css +2755 -0
- package/dist/Tabs/src/Tab.d.ts +15 -0
- package/dist/Tabs/src/Tab.js +10 -0
- package/dist/Tabs/src/TabLine.css +252 -0
- package/dist/Tabs/src/TabLine.d.ts +12 -0
- package/dist/Tabs/src/TabLine.js +3 -0
- package/dist/Tabs/src/TabList.css +307 -0
- package/dist/Tabs/src/TabList.d.ts +17 -0
- package/dist/Tabs/src/TabList.js +5 -0
- package/dist/Tabs/src/TabPanel.css +245 -0
- package/dist/Tabs/src/TabPanel.d.ts +15 -0
- package/dist/Tabs/src/TabPanel.js +4 -0
- package/dist/Tabs/src/Tabs.d.ts +31 -0
- package/dist/Tabs/src/Tabs.js +3 -0
- package/dist/Tabs/src/TabsContext.d.ts +16 -0
- package/dist/Tabs/src/TabsContext.js +2 -0
- package/dist/Tabs/src/index.css +2841 -0
- package/dist/Tabs/src/index.d.ts +10 -0
- package/dist/Tabs/src/index.js +14 -0
- 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 +2 -2
- package/dist/Tile/src/index.css +38 -38
- package/dist/Tile/src/index.js +8 -8
- 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 +3 -3
- package/dist/buttons/src/CloseButton.css +95 -95
- package/dist/buttons/src/CloseButton.js +10 -10
- 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 +15 -15
- 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 +7 -7
- 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 +13 -13
- package/dist/{chunk-K7LPTDGA.js → chunk-2B32GI3I.js} +1 -1
- package/dist/{chunk-W4JGZWGA.js → chunk-3GBRC5JZ.js} +2 -2
- package/dist/{chunk-QXSZDRRV.js → chunk-3I6TVWVW.js} +5 -5
- package/dist/{chunk-ZDPAEZOK.js → chunk-3ZLPSJZF.js} +2 -2
- package/dist/{chunk-4NOHDGNG.js → chunk-4DHI4ZDU.js} +8 -8
- package/dist/chunk-4XMMR4UC.js +62 -0
- package/dist/{chunk-UBAIAYGZ.js → chunk-5GI6XYBX.js} +2 -2
- package/dist/{chunk-GAVVWKPV.js → chunk-5OEMYNBR.js} +5 -5
- package/dist/{chunk-ECIUI7CP.js → chunk-652BKF5V.js} +1 -1
- package/dist/{chunk-BUNJDMVL.js → chunk-6DNC64XS.js} +1 -1
- package/dist/{chunk-7FGBAFSD.js → chunk-6TXO67OW.js} +2 -2
- package/dist/{chunk-CQQP6QVP.js → chunk-7IJIVWP4.js} +4 -4
- package/dist/{chunk-QVYHV7EA.js → chunk-A6LJV4IH.js} +2 -2
- package/dist/{chunk-GD5Q3AZ5.js → chunk-BJWHH7N4.js} +7 -7
- package/dist/{chunk-XSEFUS46.js → chunk-BO2J7JEU.js} +3 -3
- package/dist/{chunk-7LXE3JU6.js → chunk-C4DYBD7L.js} +4 -4
- package/dist/{chunk-IFR3FMQI.js → chunk-C56TOSHD.js} +2 -2
- package/dist/{chunk-3ILCPDBG.js → chunk-CBF2D2S3.js} +1 -1
- package/dist/{chunk-YY5PARH2.js → chunk-CVCPVOI3.js} +2 -2
- package/dist/{chunk-7ZAVXQPS.js → chunk-CVMB6LAG.js} +1 -1
- package/dist/{chunk-42AL5WO3.js → chunk-CZG6FNOG.js} +3 -3
- package/dist/{chunk-GNANRAZ3.js → chunk-D2PP3WCQ.js} +2 -2
- package/dist/{chunk-M75JHDEW.js → chunk-DSKBTOQK.js} +1 -1
- package/dist/{chunk-2OZB4J6P.js → chunk-DXNA7IE6.js} +1 -1
- package/dist/{chunk-I6K2IF6S.js → chunk-E27ARXCP.js} +2 -2
- package/dist/{chunk-WERKME6J.js → chunk-EG7R3J2B.js} +2 -2
- package/dist/{chunk-F2CIGATZ.js → chunk-EX4TNKX6.js} +1 -1
- package/dist/{chunk-VRKYQ753.js → chunk-FHEXMRR4.js} +6 -6
- package/dist/chunk-FQEJKZ73.js +46 -0
- package/dist/{chunk-M7OZRSCE.js → chunk-FT6ASD4F.js} +1 -1
- package/dist/{chunk-2W32X7FU.js → chunk-G6Y53VHH.js} +1 -1
- package/dist/{chunk-WRSQGJQP.js → chunk-GFUBJSJ4.js} +2 -2
- package/dist/{chunk-P7Y5EFUU.js → chunk-GLJULTCI.js} +2 -2
- package/dist/{chunk-QOOKVLD6.js → chunk-GRCOKUPC.js} +1 -1
- package/dist/{chunk-7SLBZ5XD.js → chunk-H6UNVESF.js} +2 -2
- package/dist/{chunk-WFGDBWD6.js → chunk-I3S773MA.js} +2 -2
- package/dist/chunk-IFSZVCXH.js +74 -0
- package/dist/{chunk-PLCSZSWK.js → chunk-IH7P6DWQ.js} +8 -8
- package/dist/chunk-IHFVBNOE.js +80 -0
- package/dist/{chunk-MLH5QPM6.js → chunk-IXQOSJDS.js} +2 -2
- package/dist/{chunk-NKQRCWXB.js → chunk-JX5ASOQE.js} +2 -2
- package/dist/{chunk-DXEEYPET.js → chunk-KP52XYUO.js} +1 -1
- package/dist/{chunk-ZTRTZJS3.js → chunk-LIEDF72E.js} +1 -1
- package/dist/{chunk-CI4VOFJ3.js → chunk-LL3TLLAU.js} +11 -11
- package/dist/{chunk-L3CCWJXX.js → chunk-LN4JWEHN.js} +6 -6
- package/dist/{chunk-YRMUDTON.js → chunk-LXPL4Q4R.js} +1 -1
- package/dist/{chunk-AK56Z4NC.js → chunk-MXCSBEVT.js} +8 -8
- package/dist/{chunk-LLZVUS6L.js → chunk-MXNSZYTY.js} +2 -2
- package/dist/{chunk-YXKS63JL.js → chunk-NY2HCJ52.js} +1 -1
- package/dist/{chunk-RN66XUZB.js → chunk-OIPXQWIF.js} +3 -3
- package/dist/{chunk-WEFTO2YB.js → chunk-OSM5ZT5X.js} +2 -2
- package/dist/{chunk-B3USUGFX.js → chunk-OT52TNS2.js} +2 -2
- package/dist/{chunk-5RZUDLOJ.js → chunk-PBIKFWBX.js} +1 -1
- package/dist/{chunk-BSFMZPQZ.js → chunk-PXTZCRLR.js} +1 -1
- package/dist/{chunk-MQHDJMWK.js → chunk-QVMAB5DM.js} +1 -1
- package/dist/{chunk-PSGJ3SGD.js → chunk-QXUHQUOL.js} +2 -2
- package/dist/{chunk-U2CDB2WU.js → chunk-R6EF3QYI.js} +1 -1
- package/dist/{chunk-V3R6RBMW.js → chunk-RC2PPMUM.js} +8 -8
- package/dist/{chunk-3NXLB36H.js → chunk-RTUDIMZX.js} +3 -3
- package/dist/{chunk-6VK6XY4Y.js → chunk-SIME6JYB.js} +1 -1
- package/dist/{chunk-DMORGVIA.js → chunk-TZZDJSVA.js} +1 -1
- package/dist/{chunk-SBZFIZ34.js → chunk-UJDE3NIS.js} +2 -2
- package/dist/{chunk-WNFG7XHU.js → chunk-V32LFRCQ.js} +10 -10
- package/dist/{chunk-THMD4B6W.js → chunk-VMU3E6E5.js} +1 -1
- package/dist/chunk-VOVIELJ2.js +74 -0
- package/dist/{chunk-N3MAR5LA.js → chunk-VRZFQZ3X.js} +3 -3
- package/dist/{chunk-5RMNB4S2.js → chunk-VZN7FVLH.js} +2 -2
- package/dist/{chunk-GYIVG2QW.js → chunk-WG5M7LBE.js} +2 -2
- package/dist/{chunk-VHP2V6CH.js → chunk-WHS7GOCN.js} +2 -2
- package/dist/{chunk-JSU3GTVC.js → chunk-XBSLEE6P.js} +1 -1
- package/dist/{chunk-44OL5LKJ.js → chunk-XE6LXAC5.js} +1 -1
- package/dist/{chunk-NKPL7MOY.js → chunk-Y6NWHC6D.js} +3 -3
- package/dist/chunk-YOMX6DZZ.js +14 -0
- package/dist/{chunk-72H6V6NS.js → chunk-YZTM4YSL.js} +1 -1
- package/dist/{chunk-2D3PNAN4.js → chunk-ZGKKNC37.js} +12 -12
- package/dist/{chunk-ISHCPAHA.js → chunk-ZZ4FHLJV.js} +2 -4
- package/dist/index.css +1063 -909
- package/dist/index.d.ts +5 -0
- package/dist/index.js +84 -78
- 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 +12 -12
- package/dist/inputs/src/PasswordField.css +271 -271
- package/dist/inputs/src/PasswordField.js +12 -12
- 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 +14 -14
- package/dist/inputs/src/TextArea.css +55 -55
- package/dist/inputs/src/TextArea.js +11 -11
- package/dist/inputs/src/TextField.css +275 -275
- package/dist/inputs/src/TextField.js +16 -16
- package/dist/inputs/src/index.css +323 -323
- package/dist/inputs/src/index.js +20 -20
- 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 +7 -7
- package/dist/radio/src/index.css +99 -99
- package/dist/radio/src/index.js +13 -13
- 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 +13 -13
- package/dist/tag/src/TagGroup.css +38 -38
- package/dist/tag/src/TagGroup.js +8 -8
- package/dist/tag/src/index.css +402 -402
- package/dist/tag/src/index.js +17 -17
- 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
|
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
14
14
|
import { jsx } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./IllustratedMessage.module.css#css-module
|
|
17
|
-
var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-
|
|
17
|
+
var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___WKt9u", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___UQXe6", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___0H5qX", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___xM96I", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___DLxmW", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___O74FJ", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___26e-x", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___gzvPn", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___sD1OE", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___qmbCs" };
|
|
18
18
|
var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
|
|
19
19
|
function IllustratedMessage(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, IllustratedMessageContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ModalContext } from './chunk-PH5BSJDK.js';
|
|
2
|
-
import { _BaseModal } from './chunk-
|
|
2
|
+
import { _BaseModal } from './chunk-2B32GI3I.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-QXUHQUOL.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___L2A1l", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___-Tlm1", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___xVEMM", "hop-Modal__image": "Modal-module__hop-Modal__image___sdEs2", "hop-Modal__close": "Modal-module__hop-Modal__close___M4JEm", "hop-Modal__heading": "Modal-module__hop-Modal__heading___sCkxv", "hop-Modal__header": "Modal-module__hop-Modal__header___4GApC", "hop-Modal__content": "Modal-module__hop-Modal__content___aU9s3", "hop-Modal__footer": "Modal-module__hop-Modal__footer___2so6p", "hop-Modal__button": "Modal-module__hop-Modal__button___dCTiL", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___RpUVO" };
|
|
21
21
|
var GlobalModalCssSelector = "hop-Modal";
|
|
22
22
|
var Modal = (props, ref) => {
|
|
23
23
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-XE6LXAC5.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 { composeRenderProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./RemainingCharacterCount.module.css#css-module
|
|
13
|
-
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-
|
|
13
|
+
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___3AIBo" };
|
|
14
14
|
var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
|
|
15
15
|
function RemainingCharacterCount(props, ref) {
|
|
16
16
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { InternalTileContext } from './chunk-JTNKUYE5.js';
|
|
2
1
|
import { TileGroupContext } from './chunk-3MTGAZ77.js';
|
|
2
|
+
import { InternalTileContext } from './chunk-JTNKUYE5.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';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./TileGroup.module.css#css-module
|
|
11
|
-
var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-
|
|
11
|
+
var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___uyXpc" };
|
|
12
12
|
var GlobalTileGroupCssSelector = "hop-TileGroup";
|
|
13
13
|
var TileGroup = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, TileGroupContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
1
|
+
import { _RichIconAvatarImage } from './chunk-WG5M7LBE.js';
|
|
2
2
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./ToggleArrow.module.css#css-module
|
|
11
|
-
var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-
|
|
11
|
+
var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___oW-Yl" };
|
|
12
12
|
var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
|
|
13
13
|
function ToggleArrow(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, ToggleArrowContext);
|
|
@@ -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___6PBub" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _Button } from './chunk-CQQP6QVP.js';
|
|
2
1
|
import { CloseButtonContext } from './chunk-RBWFFWIG.js';
|
|
2
|
+
import { _Button } from './chunk-7IJIVWP4.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
@@ -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___J-eNs" };
|
|
14
14
|
var GlobalCloseButtonCssSelector = "hop-CloseButton";
|
|
15
15
|
function CloseButton(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, CloseButtonContext);
|
|
@@ -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___fosc6", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___lLoVO" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
1
|
import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
|
|
3
|
-
import { _ClearButton } from './chunk-
|
|
4
|
-
import { mapOrbiterToHopperVariants } from './chunk-
|
|
5
|
-
import {
|
|
6
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _ClearButton } from './chunk-DSKBTOQK.js';
|
|
3
|
+
import { mapOrbiterToHopperVariants } from './chunk-DXNA7IE6.js';
|
|
4
|
+
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
5
|
+
import { _Spinner } from './chunk-WHS7GOCN.js';
|
|
7
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
8
|
-
import { ensureTextWrapper } from './chunk-
|
|
7
|
+
import { ensureTextWrapper } from './chunk-SIME6JYB.js';
|
|
9
8
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
10
|
-
import { useFormProps } from './chunk-
|
|
9
|
+
import { useFormProps } from './chunk-EX4TNKX6.js';
|
|
10
|
+
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
11
11
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
12
12
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
13
13
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
|
|
|
25
25
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
26
26
|
|
|
27
27
|
// css-module:./Tag.module.css#css-module
|
|
28
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
28
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___qIezn", "hop-Tag--sm": "Tag-module__hop-Tag--sm___9Dib8", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___XHJtb", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___c9XPN", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___HlUEv", "hop-Tag--md": "Tag-module__hop-Tag--md___tqd0p", "hop-Tag--lg": "Tag-module__hop-Tag--lg___pPgrg", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___GSZmm", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___DlR8g", "hop-Tag--progress": "Tag-module__hop-Tag--progress___oqCIk", "hop-Tag--positive": "Tag-module__hop-Tag--positive___7cx02", "hop-Tag--caution": "Tag-module__hop-Tag--caution___OjzI1", "hop-Tag--negative": "Tag-module__hop-Tag--negative___LTY2e", "hop-Tag--option1": "Tag-module__hop-Tag--option1___dvIVw", "hop-Tag--option2": "Tag-module__hop-Tag--option2___iA8LF", "hop-Tag--option3": "Tag-module__hop-Tag--option3___7ccjW", "hop-Tag--option4": "Tag-module__hop-Tag--option4___B-L6h", "hop-Tag--option5": "Tag-module__hop-Tag--option5___HDMkv", "hop-Tag--option6": "Tag-module__hop-Tag--option6___WEcOZ", "hop-Tag__icon": "Tag-module__hop-Tag__icon___jS7PV", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___IEhTK", "hop-Tag__text": "Tag-module__hop-Tag__text___f7yGw", "hop-Tag__badge": "Tag-module__hop-Tag__badge___d5uFR", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___5B86c" };
|
|
29
29
|
var GlobalTagCssSelector = "hop-Tag";
|
|
30
30
|
var TagToTextSizeAdapter = {
|
|
31
31
|
sm: "xs",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
2
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
3
|
-
import { useFormProps } from './chunk-
|
|
4
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { useFormProps } from './chunk-EX4TNKX6.js';
|
|
4
|
+
import { _Text } from './chunk-XE6LXAC5.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
15
15
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./CheckboxField.module.css#css-module
|
|
18
|
-
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-
|
|
18
|
+
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___KZBqw", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___bBqcb", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___CgjYc", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___t5NYe", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___dkqYy" };
|
|
19
19
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
20
20
|
var CheckboxToDescriptionSizeAdapter = {
|
|
21
21
|
sm: "xs",
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./Accordion.module.css#css-module
|
|
14
|
-
var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-
|
|
14
|
+
var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___Gyy5-", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___sBC0v", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___wpBI-", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___fSJNS", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___C2cZQ" };
|
|
15
15
|
var GlobalAccordionCssSelector = "hop-Accordion";
|
|
16
16
|
function Accordion(props, ref) {
|
|
17
17
|
[props, ref] = useContextProps(props, ref, AccordionContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _BaseModal } from './chunk-
|
|
1
|
+
import { _BaseModal } from './chunk-2B32GI3I.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___CUG9L" };
|
|
12
12
|
var GlobalCustomModalCssSelector = "hop-CustomModal";
|
|
13
13
|
var CustomModal = (props, ref) => {
|
|
14
14
|
var _a;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
2
2
|
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
3
|
-
import { _RemainingCharacterCount } from './chunk-
|
|
4
|
-
import { _ClearButton } from './chunk-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { ensureTextWrapper } from './chunk-
|
|
10
|
-
import { _Label } from './chunk-
|
|
11
|
-
import { useFormProps } from './chunk-
|
|
3
|
+
import { _RemainingCharacterCount } from './chunk-OSM5ZT5X.js';
|
|
4
|
+
import { _ClearButton } from './chunk-DSKBTOQK.js';
|
|
5
|
+
import { Input } from './chunk-GRCOKUPC.js';
|
|
6
|
+
import { _InputGroup } from './chunk-G6Y53VHH.js';
|
|
7
|
+
import { _ErrorMessage } from './chunk-MXNSZYTY.js';
|
|
8
|
+
import { _HelperMessage } from './chunk-GLJULTCI.js';
|
|
9
|
+
import { ensureTextWrapper } from './chunk-SIME6JYB.js';
|
|
10
|
+
import { _Label } from './chunk-EG7R3J2B.js';
|
|
11
|
+
import { useFormProps } from './chunk-EX4TNKX6.js';
|
|
12
12
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
13
13
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
14
14
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
|
|
|
25
25
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
26
26
|
|
|
27
27
|
// css-module:./TextField.module.css#css-module
|
|
28
|
-
var TextField_module_default = { "hop-TextField": "TextField-module__hop-
|
|
28
|
+
var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___QDBab", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___YTxjm", "hop-TextField__Label": "TextField-module__hop-TextField__Label___0v2Cy", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___HcRJc", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___pGTV7", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___rllld", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___X6ASf" };
|
|
29
29
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
30
30
|
function TextField(props, ref) {
|
|
31
31
|
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___l6kP-", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___VAeyZ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___dSqF4", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___bYCHu", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___kajvf", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___iAED5", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___-SKT5", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___Oi6ho" };
|
|
15
15
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
16
16
|
function ButtonGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { useContext, useState, useEffect, useCallback, useLayoutEffect } from 'react';
|
|
4
|
+
import { TabListStateContext } from 'react-aria-components';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
// css-module:./TabLine.module.css#css-module
|
|
8
|
+
var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___UD5q4", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___mAyX6" };
|
|
9
|
+
var GlobalTabLineCssSelector = "hop-TabLine";
|
|
10
|
+
function TabLine(props) {
|
|
11
|
+
var _a;
|
|
12
|
+
const { selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
|
|
13
|
+
const state = useContext(TabListStateContext);
|
|
14
|
+
const [isDisabled, setIsDisabled] = useState(false);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
const disabled = isTabsDisabled || isAllTabsDisabled(state == null ? void 0 : state.collection, disabledKeys ? new Set(disabledKeys) : /* @__PURE__ */ new Set(null));
|
|
17
|
+
setIsDisabled(disabled);
|
|
18
|
+
}, [state == null ? void 0 : state.collection, disabledKeys, isTabsDisabled, setIsDisabled]);
|
|
19
|
+
const [style, setStyle] = useState({
|
|
20
|
+
transform: void 0,
|
|
21
|
+
width: void 0,
|
|
22
|
+
height: void 0
|
|
23
|
+
});
|
|
24
|
+
const onResize = useCallback(() => {
|
|
25
|
+
if (selectedTab) {
|
|
26
|
+
const styleObj = {
|
|
27
|
+
transform: void 0,
|
|
28
|
+
width: void 0,
|
|
29
|
+
height: void 0
|
|
30
|
+
};
|
|
31
|
+
const offset = selectedTab.offsetLeft;
|
|
32
|
+
styleObj.transform = `translateX(calc(${offset}px + var(--hop-space-inset-sm)))`;
|
|
33
|
+
styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * var(--hop-space-inset-sm))`;
|
|
34
|
+
setStyle(styleObj);
|
|
35
|
+
}
|
|
36
|
+
}, [setStyle, selectedTab]);
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
window.addEventListener("resize", onResize, false);
|
|
39
|
+
return () => {
|
|
40
|
+
window.removeEventListener("resize", onResize, false);
|
|
41
|
+
};
|
|
42
|
+
}, [onResize]);
|
|
43
|
+
useLayoutEffect(() => {
|
|
44
|
+
onResize();
|
|
45
|
+
}, [onResize, (_a = state == null ? void 0 : state.selectedItem) == null ? void 0 : _a.key]);
|
|
46
|
+
const classNames = clsx(
|
|
47
|
+
GlobalTabLineCssSelector,
|
|
48
|
+
cssModule(
|
|
49
|
+
TabLine_module_default,
|
|
50
|
+
"hop-TabLine",
|
|
51
|
+
isDisabled && "disabled"
|
|
52
|
+
)
|
|
53
|
+
);
|
|
54
|
+
return /* @__PURE__ */ jsx("div", { style: { ...style }, className: classNames });
|
|
55
|
+
}
|
|
56
|
+
function isAllTabsDisabled(collection, disabledKeys) {
|
|
57
|
+
var _a, _b;
|
|
58
|
+
let testKey = null;
|
|
59
|
+
if (collection && collection.size > 0) {
|
|
60
|
+
testKey = collection.getFirstKey();
|
|
61
|
+
let index = 0;
|
|
62
|
+
while (testKey && index < collection.size) {
|
|
63
|
+
if (!disabledKeys.has(testKey) && !((_b = (_a = collection.getItem(testKey)) == null ? void 0 : _a.props) == null ? void 0 : _b.isDisabled)) {
|
|
64
|
+
return false;
|
|
65
|
+
}
|
|
66
|
+
testKey = collection.getKeyAfter(testKey);
|
|
67
|
+
index++;
|
|
68
|
+
}
|
|
69
|
+
return true;
|
|
70
|
+
}
|
|
71
|
+
return false;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
export { GlobalTabLineCssSelector, TabLine };
|
|
@@ -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-SIME6JYB.js';
|
|
4
|
+
import { useFormProps } from './chunk-EX4TNKX6.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___ikHEN", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___76VZX", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___Mi59Y", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___tF-bn", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___OwCLV", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___UCsQ9", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___Nuzuy", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___Bv8NA" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContext } from './chunk-JTNKUYE5.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-XE6LXAC5.js';
|
|
3
3
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
|
|
|
10
10
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./Tile.module.css#css-module
|
|
13
|
-
var Tile_module_default = { "hop-Tile": "Tile-module__hop-
|
|
13
|
+
var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___rTzwP", "hop-Tile__icon": "Tile-module__hop-Tile__icon___fmqsH" };
|
|
14
14
|
var GlobalTileCssSelector = "hop-Tile";
|
|
15
15
|
var Tile = (props, ref) => {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, TileContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
2
1
|
import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
|
|
2
|
+
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -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___d-LQz", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vhUMJ", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___ThH1E", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___cLc-o", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XQYz1", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___nwTOL", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___a8-x3", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___z78Ap" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-XE6LXAC5.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___CpMyI", "spin": "Spinner-module__spin___tRvIT", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___-OcqU", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___--3bT", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___tZEm-", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___Uzf44", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___CMkGa", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___GISwa" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -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___arft3", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___rr0tw" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
|
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Text.module.css#css-module
|
|
12
|
-
var Text_module_default = { "hop-Text": "Text-module__hop-
|
|
12
|
+
var Text_module_default = { "hop-Text": "Text-module__hop-Text___4r0qq", "hop-Text--xs": "Text-module__hop-Text--xs___l3EJh", "hop-Text--sm": "Text-module__hop-Text--sm___dqGSH", "hop-Text--md": "Text-module__hop-Text--md___gZf2A", "hop-Text--lg": "Text-module__hop-Text--lg___2dpsP", "hop-Text--xl": "Text-module__hop-Text--xl___9HxmT", "hop-Text--2xl": "Text-module__hop-Text--2xl___EkfS2", "hop-Text--inherit": "Text-module__hop-Text--inherit___puTif" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ToggleArrow } from './chunk-
|
|
2
|
-
import { _Heading } from './chunk-
|
|
1
|
+
import { _ToggleArrow } from './chunk-PXTZCRLR.js';
|
|
2
|
+
import { _Heading } from './chunk-652BKF5V.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___f4n51", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___nEe4-", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___9JzW3", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___G2-MO", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___DyjLe", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___U7tFM" };
|
|
18
18
|
var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
|
|
19
19
|
function DisclosureHeader(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
// src/Tabs/src/TabsContext.ts
|
|
4
|
+
var TabsContext = createContext({});
|
|
5
|
+
TabsContext.displayName = "TabsContext";
|
|
6
|
+
var TabContext = createContext({});
|
|
7
|
+
TabContext.displayName = "TabContext";
|
|
8
|
+
var TabPanelContext = createContext({});
|
|
9
|
+
TabPanelContext.displayName = "TabPanelContext";
|
|
10
|
+
var TabListContext = createContext({});
|
|
11
|
+
TabListContext.displayName = "TabListContext";
|
|
12
|
+
var InternalTabsContext = createContext({});
|
|
13
|
+
|
|
14
|
+
export { InternalTabsContext, TabContext, TabListContext, TabPanelContext, TabsContext };
|
|
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Disclosure.module.css#css-module
|
|
15
|
-
var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-
|
|
15
|
+
var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___4-a4f", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___2EdO7", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___8F6cv", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___tMnva" };
|
|
16
16
|
var GlobalDisclosureCssSelector = "hop-Disclosure";
|
|
17
17
|
function Disclosure(props, ref) {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, DisclosureContext);
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { _Popover } from './chunk-
|
|
1
|
+
import { InputContext, Input } from './chunk-GRCOKUPC.js';
|
|
2
|
+
import { _InputGroup } from './chunk-G6Y53VHH.js';
|
|
3
|
+
import { _Popover } from './chunk-LXPL4Q4R.js';
|
|
4
4
|
import { _Footer } from './chunk-VOZN65OL.js';
|
|
5
5
|
import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
|
|
6
|
-
import { _ListBox } from './chunk-
|
|
7
|
-
import { _ListBoxItem } from './chunk-
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
6
|
+
import { _ListBox } from './chunk-C4DYBD7L.js';
|
|
7
|
+
import { _ListBoxItem } from './chunk-LN4JWEHN.js';
|
|
8
|
+
import { _ErrorMessage } from './chunk-MXNSZYTY.js';
|
|
9
|
+
import { _HelperMessage } from './chunk-GLJULTCI.js';
|
|
10
10
|
import { ComboBoxContext } from './chunk-4XHTP4GX.js';
|
|
11
|
-
import { _ToggleArrow } from './chunk-
|
|
11
|
+
import { _ToggleArrow } from './chunk-PXTZCRLR.js';
|
|
12
|
+
import { ensureTextWrapper } from './chunk-SIME6JYB.js';
|
|
13
|
+
import { _Label } from './chunk-EG7R3J2B.js';
|
|
14
|
+
import { useFormProps } from './chunk-EX4TNKX6.js';
|
|
12
15
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
13
|
-
import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
|
|
14
|
-
import { _Label } from './chunk-WERKME6J.js';
|
|
15
|
-
import { useFormProps } from './chunk-F2CIGATZ.js';
|
|
16
16
|
import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
|
|
17
17
|
import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
18
18
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
|
|
|
26
26
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
27
27
|
|
|
28
28
|
// css-module:./ComboBox.module.css#css-module
|
|
29
|
-
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-
|
|
29
|
+
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___xHoTD", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___qTuxf", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___PK8K3", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___b8poT", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___O0Bgo", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___4aIJP", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___cdeVr", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___9rCrs" };
|
|
30
30
|
var GlobalComboBoxCssSelector = "hop-ComboBox";
|
|
31
31
|
function ComboBox(props, ref) {
|
|
32
32
|
var _a, _b, _c, _d, _e;
|
|
@@ -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___GWtCg" };
|
|
11
11
|
var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
|
|
12
12
|
function PopoverBase(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -44,9 +44,7 @@ function PopoverBase(props, ref) {
|
|
|
44
44
|
return {
|
|
45
45
|
...stylingProps.style,
|
|
46
46
|
...extraStyles,
|
|
47
|
-
...prev
|
|
48
|
-
// Override default z-index from useOverlayPosition. We use isolation: isolate instead.
|
|
49
|
-
zIndex: void 0
|
|
47
|
+
...prev
|
|
50
48
|
};
|
|
51
49
|
});
|
|
52
50
|
return /* @__PURE__ */ jsx(
|