@hopper-ui/components 1.5.2 → 1.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/dist/Accordion/src/Accordion.css +139 -139
- package/dist/Accordion/src/Accordion.js +2 -2
- package/dist/Accordion/src/index.css +139 -139
- package/dist/Accordion/src/index.js +2 -2
- package/dist/Avatar/src/AnonymousAvatar.css +109 -109
- package/dist/Avatar/src/AnonymousAvatar.js +4 -4
- package/dist/Avatar/src/Avatar.css +56 -56
- package/dist/Avatar/src/Avatar.js +7 -7
- package/dist/Avatar/src/DeletedAvatar.css +109 -109
- package/dist/Avatar/src/DeletedAvatar.js +4 -4
- package/dist/Avatar/src/RichIconAvatarImage.css +109 -109
- package/dist/Avatar/src/RichIconAvatarImage.js +3 -3
- package/dist/Avatar/src/index.css +56 -56
- package/dist/Avatar/src/index.js +9 -9
- package/dist/Badge/src/Badge.css +114 -114
- package/dist/Badge/src/Badge.js +5 -4
- package/dist/Badge/src/FloatingBadge.css +109 -109
- package/dist/Badge/src/FloatingBadge.js +4 -3
- package/dist/Badge/src/index.css +124 -124
- package/dist/Badge/src/index.js +8 -7
- package/dist/Callout/src/Callout.css +338 -342
- package/dist/Callout/src/Callout.js +12 -12
- package/dist/Callout/src/CompactCallout.css +460 -377
- package/dist/Callout/src/CompactCallout.js +13 -13
- package/dist/Callout/src/index.css +476 -397
- package/dist/Callout/src/index.js +14 -14
- package/dist/Card/src/Card.css +102 -102
- package/dist/Card/src/Card.js +1 -1
- package/dist/Card/src/index.css +102 -102
- package/dist/Card/src/index.js +1 -1
- package/dist/ComboBox/src/ComboBox.css +797 -706
- package/dist/ComboBox/src/ComboBox.js +24 -24
- package/dist/ComboBox/src/index.css +797 -706
- package/dist/ComboBox/src/index.js +24 -24
- package/dist/Disclosure/src/Disclosure.css +109 -109
- package/dist/Disclosure/src/Disclosure.js +2 -2
- package/dist/Disclosure/src/DisclosureHeader.css +116 -116
- package/dist/Disclosure/src/DisclosureHeader.js +9 -9
- package/dist/Disclosure/src/DisclosurePanel.css +109 -109
- package/dist/Disclosure/src/DisclosurePanel.js +9 -9
- package/dist/Disclosure/src/index.css +134 -134
- package/dist/Disclosure/src/index.js +12 -12
- package/dist/Divider/src/Divider.css +102 -101
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +102 -101
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
- package/dist/ErrorMessage/src/ErrorMessage.js +4 -4
- package/dist/ErrorMessage/src/index.css +30 -30
- package/dist/ErrorMessage/src/index.js +4 -4
- package/dist/Form/src/Form.css +99 -99
- package/dist/Form/src/Form.js +1 -1
- package/dist/Form/src/index.css +99 -99
- package/dist/Form/src/index.js +1 -1
- package/dist/HelperMessage/src/HelperMessage.css +30 -30
- package/dist/HelperMessage/src/HelperMessage.js +3 -3
- package/dist/HelperMessage/src/index.css +30 -30
- package/dist/HelperMessage/src/index.js +3 -3
- package/dist/HopperProvider/src/HopperProvider.css +243 -0
- package/dist/HopperProvider/src/HopperProvider.js +2 -1
- package/dist/HopperProvider/src/index.css +243 -0
- package/dist/HopperProvider/src/index.js +2 -1
- package/dist/IconList/src/IconList.css +100 -100
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +100 -100
- package/dist/IconList/src/index.js +1 -1
- package/dist/IllustratedMessage/src/IllustratedMessage.css +341 -341
- package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
- package/dist/IllustratedMessage/src/index.css +341 -341
- package/dist/IllustratedMessage/src/index.js +1 -1
- package/dist/Image/src/Image.css +102 -102
- package/dist/Image/src/Image.js +1 -1
- package/dist/Image/src/SvgImage.css +100 -100
- package/dist/Image/src/SvgImage.js +1 -1
- package/dist/Image/src/index.css +103 -103
- package/dist/Image/src/index.js +2 -2
- package/dist/Link/src/Link.css +206 -130
- package/dist/Link/src/Link.js +9 -9
- package/dist/Link/src/index.css +206 -130
- package/dist/Link/src/index.js +9 -9
- package/dist/ListBox/src/ListBox.css +275 -275
- package/dist/ListBox/src/ListBox.js +14 -14
- package/dist/ListBox/src/ListBoxItem.css +263 -263
- package/dist/ListBox/src/ListBoxItem.js +13 -13
- package/dist/ListBox/src/ListBoxItemSkeleton.css +106 -106
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +275 -275
- package/dist/ListBox/src/index.js +14 -14
- package/dist/Modal/src/BaseModal.css +114 -114
- package/dist/Modal/src/BaseModal.js +1 -1
- package/dist/Modal/src/CustomModal.css +115 -115
- package/dist/Modal/src/CustomModal.js +2 -2
- package/dist/Modal/src/Modal.css +361 -361
- package/dist/Modal/src/Modal.js +13 -13
- package/dist/Modal/src/index.css +362 -362
- package/dist/Modal/src/index.js +14 -14
- package/dist/SegmentedControl/src/SegmentedControl.css +100 -100
- package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
- package/dist/SegmentedControl/src/SegmentedControlItem.css +114 -114
- package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
- package/dist/SegmentedControl/src/index.css +115 -115
- package/dist/SegmentedControl/src/index.js +8 -8
- package/dist/Select/src/Select.css +741 -650
- package/dist/Select/src/Select.js +22 -22
- package/dist/Select/src/SelectValue.css +62 -62
- package/dist/Select/src/SelectValue.js +8 -8
- package/dist/Select/src/index.css +741 -650
- package/dist/Select/src/index.js +22 -22
- package/dist/Spinner/src/Spinner.css +38 -38
- package/dist/Spinner/src/Spinner.js +4 -4
- package/dist/Spinner/src/index.css +38 -38
- package/dist/Spinner/src/index.js +4 -4
- package/dist/Tabs/src/Tab.css +485 -485
- package/dist/Tabs/src/Tab.js +3 -3
- package/dist/Tabs/src/TabLine.css +101 -101
- package/dist/Tabs/src/TabLine.js +1 -1
- package/dist/Tabs/src/TabList.css +108 -108
- package/dist/Tabs/src/TabList.js +2 -2
- package/dist/Tabs/src/TabPanel.css +101 -101
- package/dist/Tabs/src/TabPanel.js +1 -1
- package/dist/Tabs/src/index.css +496 -496
- package/dist/Tabs/src/index.js +6 -6
- package/dist/Tile/src/Tile.css +108 -108
- package/dist/Tile/src/Tile.js +8 -8
- package/dist/Tile/src/TileGroup.css +100 -100
- package/dist/Tile/src/TileGroup.js +1 -1
- package/dist/Tile/src/index.css +109 -109
- package/dist/Tile/src/index.js +9 -9
- package/dist/ToggleArrow/src/ToggleArrow.css +101 -101
- package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
- package/dist/ToggleArrow/src/index.css +101 -101
- package/dist/ToggleArrow/src/index.js +1 -1
- package/dist/buttons/src/Button.css +165 -165
- package/dist/buttons/src/Button.js +10 -10
- package/dist/buttons/src/ButtonGroup.css +110 -110
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +170 -170
- package/dist/buttons/src/ClearButton.js +3 -3
- package/dist/buttons/src/CloseButton.css +166 -166
- package/dist/buttons/src/CloseButton.js +11 -11
- package/dist/buttons/src/EmbeddedButton.css +170 -170
- package/dist/buttons/src/EmbeddedButton.js +2 -2
- package/dist/buttons/src/LinkButton.css +174 -174
- package/dist/buttons/src/LinkButton.js +9 -9
- package/dist/buttons/src/index.css +322 -322
- package/dist/buttons/src/index.js +15 -15
- package/dist/checkbox/src/Checkbox.css +118 -118
- package/dist/checkbox/src/Checkbox.js +9 -9
- package/dist/checkbox/src/CheckboxField.css +105 -105
- package/dist/checkbox/src/CheckboxField.js +5 -5
- package/dist/checkbox/src/CheckboxGroup.css +170 -170
- package/dist/checkbox/src/CheckboxGroup.js +9 -9
- package/dist/checkbox/src/DecorativeCheckbox.css +126 -126
- package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
- package/dist/checkbox/src/index.css +170 -170
- package/dist/checkbox/src/index.js +15 -15
- package/dist/{chunk-BJWHH7N4.js → chunk-25QYB54S.js} +8 -8
- package/dist/{chunk-A6LJV4IH.js → chunk-2CXNY55R.js} +3 -3
- package/dist/{chunk-QVMAB5DM.js → chunk-323S35ZY.js} +1 -1
- package/dist/{chunk-YZTM4YSL.js → chunk-3QMX2NO5.js} +2 -2
- package/dist/{chunk-WG5M7LBE.js → chunk-3UBUV5UU.js} +3 -3
- package/dist/{chunk-3GBRC5JZ.js → chunk-5CKRR6L5.js} +4 -4
- package/dist/{chunk-FT6ASD4F.js → chunk-65PIMCJG.js} +1 -1
- package/dist/{chunk-D2PP3WCQ.js → chunk-7DKZZD3Q.js} +3 -3
- package/dist/{chunk-VRZFQZ3X.js → chunk-7MB55Z6C.js} +5 -5
- package/dist/{chunk-UJDE3NIS.js → chunk-A7EQKB5N.js} +2 -2
- package/dist/{chunk-PXTZCRLR.js → chunk-ACEGBD36.js} +1 -1
- package/dist/{chunk-ZZ4FHLJV.js → chunk-BEK5CXTQ.js} +1 -1
- package/dist/{chunk-LIEDF72E.js → chunk-CBS2PASZ.js} +1 -1
- package/dist/{chunk-GFUBJSJ4.js → chunk-CJCA5QVZ.js} +4 -4
- package/dist/{chunk-IH7P6DWQ.js → chunk-D2EEOJH5.js} +10 -10
- package/dist/{chunk-7IJIVWP4.js → chunk-DCJCSQMO.js} +5 -5
- package/dist/{chunk-CVMB6LAG.js → chunk-EW4PZSWE.js} +1 -1
- package/dist/{chunk-6TXO67OW.js → chunk-G6VI64FY.js} +2 -2
- package/dist/{chunk-4DHI4ZDU.js → chunk-HJBICOZJ.js} +9 -9
- package/dist/{chunk-NY2HCJ52.js → chunk-HOLEIBWR.js} +1 -1
- package/dist/{chunk-SIME6JYB.js → chunk-I2F5OQI2.js} +1 -1
- package/dist/{chunk-JX5ASOQE.js → chunk-I3D3GJXG.js} +4 -4
- package/dist/{chunk-3ZLPSJZF.js → chunk-IQPOQTZH.js} +3 -3
- package/dist/{chunk-5OEMYNBR.js → chunk-IY4MZA6Q.js} +6 -6
- package/dist/{chunk-FHEXMRR4.js → chunk-J73L6RNN.js} +6 -6
- package/dist/{chunk-2B32GI3I.js → chunk-JJGWFQLU.js} +1 -1
- package/dist/{chunk-CBF2D2S3.js → chunk-JKD6UCBL.js} +1 -1
- package/dist/{chunk-LL3TLLAU.js → chunk-KBFEDONQ.js} +13 -13
- package/dist/{chunk-IXQOSJDS.js → chunk-KDEAWRYK.js} +4 -4
- package/dist/{chunk-MXCSBEVT.js → chunk-KJTJDPK7.js} +10 -10
- package/dist/{chunk-CZG6FNOG.js → chunk-LJS64MF4.js} +4 -4
- package/dist/{chunk-3I6TVWVW.js → chunk-M7EJ4XI2.js} +6 -6
- package/dist/{chunk-LN4JWEHN.js → chunk-MPVQIGA2.js} +7 -7
- package/dist/{chunk-LXPL4Q4R.js → chunk-MYA5Y24X.js} +3 -3
- package/dist/{chunk-OIPXQWIF.js → chunk-N2V3HU22.js} +4 -3
- package/dist/{chunk-WHS7GOCN.js → chunk-N76DKJWN.js} +2 -2
- package/dist/{chunk-VOVIELJ2.js → chunk-NPG56OYN.js} +1 -1
- package/dist/{chunk-CVCPVOI3.js → chunk-O7L3GNHS.js} +4 -4
- package/dist/{chunk-OT52TNS2.js → chunk-OI7XA7N6.js} +1 -1
- package/dist/{chunk-XBSLEE6P.js → chunk-ONCTG5U4.js} +1 -1
- package/dist/{chunk-Y6NWHC6D.js → chunk-OUL4QY63.js} +4 -4
- package/dist/{chunk-H6UNVESF.js → chunk-OWNTQXMB.js} +4 -4
- package/dist/{chunk-G6Y53VHH.js → chunk-PUXGZUBL.js} +1 -1
- package/dist/{chunk-IHFVBNOE.js → chunk-PZCTKG24.js} +2 -2
- package/dist/{chunk-GLJULTCI.js → chunk-QETFPQME.js} +2 -2
- package/dist/{chunk-C4DYBD7L.js → chunk-QG2Z2K7X.js} +5 -5
- package/dist/{chunk-C56TOSHD.js → chunk-QG4GHOCW.js} +20 -7
- package/dist/{chunk-QXUHQUOL.js → chunk-QKTSDFAO.js} +2 -2
- package/dist/{chunk-E27ARXCP.js → chunk-QWHERBJN.js} +2 -2
- package/dist/{chunk-FQEJKZ73.js → chunk-SD643O45.js} +1 -1
- package/dist/{chunk-XE6LXAC5.js → chunk-SN6PGAZH.js} +2 -2
- package/dist/{chunk-5GI6XYBX.js → chunk-SRVT3OHK.js} +1 -1
- package/dist/{chunk-4XMMR4UC.js → chunk-SUEIG3RP.js} +2 -2
- package/dist/{chunk-ZGKKNC37.js → chunk-SVUHBTA5.js} +14 -14
- package/dist/{chunk-6DNC64XS.js → chunk-SYZYP5OU.js} +1 -1
- package/dist/{chunk-EX4TNKX6.js → chunk-THH5PUOI.js} +1 -1
- package/dist/{chunk-DVVK2IWW.js → chunk-U56I5MQL.js} +7 -1
- package/dist/{chunk-RTUDIMZX.js → chunk-UCVHJZF5.js} +5 -5
- package/dist/{chunk-RC2PPMUM.js → chunk-UDPOYAZ6.js} +9 -9
- package/dist/{chunk-I3S773MA.js → chunk-UE2WZGSY.js} +4 -4
- package/dist/{chunk-PBIKFWBX.js → chunk-UOZHPYJU.js} +1 -1
- package/dist/{chunk-V32LFRCQ.js → chunk-UP2JOQE5.js} +12 -12
- package/dist/{chunk-EG7R3J2B.js → chunk-UUBMTIMZ.js} +2 -2
- package/dist/{chunk-VMU3E6E5.js → chunk-V2KP7PUC.js} +1 -1
- package/dist/{chunk-GRCOKUPC.js → chunk-VHSULWZO.js} +1 -1
- package/dist/{chunk-OSM5ZT5X.js → chunk-VRMG4QFQ.js} +2 -2
- package/dist/{chunk-DSKBTOQK.js → chunk-VV6WWWDX.js} +1 -1
- package/dist/{chunk-R6EF3QYI.js → chunk-W2KIP33K.js} +3 -3
- package/dist/{chunk-652BKF5V.js → chunk-XMRQB5W7.js} +1 -1
- package/dist/{chunk-BO2J7JEU.js → chunk-Y735TCQX.js} +5 -5
- package/dist/{chunk-MXNSZYTY.js → chunk-YKKHKN5S.js} +2 -2
- package/dist/{chunk-VZN7FVLH.js → chunk-YLQI2KBL.js} +2 -2
- package/dist/{chunk-TZZDJSVA.js → chunk-YPBPTOTV.js} +2 -2
- package/dist/{chunk-KP52XYUO.js → chunk-ZCR5ZJW2.js} +1 -1
- package/dist/{chunk-HXI3MEEK.js → chunk-ZMIX3DJQ.js} +2 -2
- package/dist/{chunk-DXNA7IE6.js → chunk-ZWD6G4IE.js} +2 -2
- package/dist/index.css +1120 -1025
- package/dist/index.js +83 -83
- package/dist/inputs/src/Input.css +103 -103
- package/dist/inputs/src/Input.js +1 -1
- package/dist/inputs/src/InputGroup.css +105 -105
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +58 -58
- package/dist/inputs/src/NumberField.js +14 -14
- package/dist/inputs/src/PasswordField.css +342 -342
- package/dist/inputs/src/PasswordField.js +14 -14
- package/dist/inputs/src/RemainingCharacterCount.css +102 -102
- package/dist/inputs/src/RemainingCharacterCount.js +8 -8
- package/dist/inputs/src/SearchField.css +348 -348
- package/dist/inputs/src/SearchField.js +15 -15
- package/dist/inputs/src/TextArea.css +55 -55
- package/dist/inputs/src/TextArea.js +13 -13
- package/dist/inputs/src/TextField.css +346 -346
- package/dist/inputs/src/TextField.js +17 -17
- package/dist/inputs/src/index.css +394 -394
- package/dist/inputs/src/index.js +21 -21
- package/dist/overlays/Popover/src/Popover.css +709 -623
- package/dist/overlays/Popover/src/Popover.js +9 -9
- package/dist/overlays/Popover/src/PopoverBase.css +107 -102
- package/dist/overlays/Popover/src/PopoverBase.js +1 -1
- package/dist/overlays/Popover/src/index.css +717 -626
- package/dist/overlays/Popover/src/index.js +10 -10
- package/dist/radio/src/DecorativeRadio.css +126 -126
- package/dist/radio/src/DecorativeRadio.js +9 -9
- package/dist/radio/src/Radio.css +118 -118
- package/dist/radio/src/Radio.js +9 -9
- package/dist/radio/src/RadioField.css +34 -34
- package/dist/radio/src/RadioField.js +4 -4
- package/dist/radio/src/RadioGroup.css +99 -99
- package/dist/radio/src/RadioGroup.js +9 -9
- package/dist/radio/src/index.css +170 -170
- package/dist/radio/src/index.js +15 -15
- package/dist/switch/src/Switch.css +115 -115
- package/dist/switch/src/Switch.js +9 -9
- package/dist/switch/src/SwitchField.css +34 -34
- package/dist/switch/src/SwitchField.js +4 -4
- package/dist/switch/src/index.css +121 -121
- package/dist/switch/src/index.js +10 -10
- 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 +9 -9
- 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 +99 -99
- package/dist/typography/Label/src/Label.js +2 -2
- package/dist/typography/Label/src/index.css +99 -99
- package/dist/typography/Label/src/index.js +2 -2
- package/dist/typography/OverlineText/src/OverlineText.css +99 -99
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +99 -99
- 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 +2 -2
- package/dist/typography/Text/src/index.css +28 -28
- package/dist/typography/Text/src/index.js +2 -2
- package/dist/utils/src/ClearSlots.css +233 -0
- package/dist/utils/src/ClearSlots.js +2 -1
- package/dist/utils/src/EnsureTextWrapper.css +99 -99
- package/dist/utils/src/EnsureTextWrapper.js +7 -7
- package/dist/utils/src/index.css +99 -99
- package/dist/utils/src/index.js +8 -8
- package/package.json +1 -1
|
@@ -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___FLV-b", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___mZ8Su", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___9Cg1L", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___5IZ1-", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___At-7I", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___jTjjo", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___lw50F", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___ujRz-", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___AtvKq", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___A3ACa", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___zyHoi" };
|
|
11
11
|
var GlobalBaseModalCssSelector = "hop-BaseModal";
|
|
12
12
|
var BaseModal = (props, ref) => {
|
|
13
13
|
var _a;
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Divider.module.css#css-module
|
|
10
|
-
var Divider_module_default = { "hop-Divider": "Divider-module__hop-
|
|
10
|
+
var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___uBcN2", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___CYfHD" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { SelectContext } from './chunk-T24MBA34.js';
|
|
2
|
-
import { _SelectValue } from './chunk-
|
|
3
|
-
import { _Popover } from './chunk-
|
|
2
|
+
import { _SelectValue } from './chunk-5CKRR6L5.js';
|
|
3
|
+
import { _Popover } from './chunk-MYA5Y24X.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 {
|
|
10
|
-
import { _ToggleArrow } from './chunk-
|
|
11
|
-
import { ensureTextWrapper } from './chunk-SIME6JYB.js';
|
|
12
|
-
import { _Label } from './chunk-EG7R3J2B.js';
|
|
13
|
-
import { useFormProps } from './chunk-EX4TNKX6.js';
|
|
6
|
+
import { _ListBox } from './chunk-QG2Z2K7X.js';
|
|
7
|
+
import { _ListBoxItem } from './chunk-MPVQIGA2.js';
|
|
8
|
+
import { _HelperMessage } from './chunk-QETFPQME.js';
|
|
9
|
+
import { _ErrorMessage } from './chunk-YKKHKN5S.js';
|
|
10
|
+
import { _ToggleArrow } from './chunk-ACEGBD36.js';
|
|
14
11
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
12
|
+
import { ensureTextWrapper } from './chunk-I2F5OQI2.js';
|
|
13
|
+
import { _Label } from './chunk-UUBMTIMZ.js';
|
|
14
|
+
import { useFormProps } from './chunk-THH5PUOI.js';
|
|
15
|
+
import { ClearContainerSlots, ClearProviders } from './chunk-ZMIX3DJQ.js';
|
|
15
16
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
16
|
-
import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
|
|
17
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
18
17
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
18
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
19
19
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
20
20
|
import { IconContext } from '@hopper-ui/icons';
|
|
21
21
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
|
|
|
24
24
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
25
25
|
|
|
26
26
|
// css-module:./Select.module.css#css-module
|
|
27
|
-
var Select_module_default = { "hop-Select": "Select-module__hop-
|
|
27
|
+
var Select_module_default = { "hop-Select": "Select-module__hop-Select___CwAfE", "hop-Select--fluid": "Select-module__hop-Select--fluid___gOCbv", "hop-Select__label": "Select-module__hop-Select__label___o-uCl", "hop-Select__button": "Select-module__hop-Select__button___PZuFD", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___M-ofF", "hop-Select__button--md": "Select-module__hop-Select__button--md___dTZcN", "hop-Select__prefix": "Select-module__hop-Select__prefix___YFkLf", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___bozus", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___aJ3NR", "hop-Select__error-message": "Select-module__hop-Select__error-message___7WfCb" };
|
|
28
28
|
var GlobalSelectCssSelector = "hop-Select";
|
|
29
29
|
function Select(props, ref) {
|
|
30
30
|
var _a, _b, _c, _d;
|
|
@@ -1,11 +1,11 @@
|
|
|
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-I2F5OQI2.js';
|
|
4
|
+
import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
|
|
4
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
|
-
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
7
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
10
10
|
import { IconContext, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
|
|
11
11
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -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___VnYHz Checkbox-module__hop-Checkbox___pE6AL", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fToio Checkbox-module__hop-Checkbox--sm___zVx26", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___nsM-W Checkbox-module__hop-Checkbox--md___0OsuG", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___5F19A Checkbox-module__hop-Checkbox__icon___eeSQ5", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___OQVPZ Checkbox-module__hop-Checkbox__icon___eeSQ5", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-0UO3 Checkbox-module__hop-Checkbox__box___L6IVn", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dx0hy Checkbox-module__hop-Checkbox__check___r3qqX", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8uzWq Checkbox-module__hop-Checkbox__text___LtyAA" };
|
|
19
19
|
var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
|
|
20
20
|
function DecorativeCheckbox(props, ref) {
|
|
21
21
|
var _a;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
|
|
2
|
-
import { Input } from './chunk-
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { ensureTextWrapper } from './chunk-
|
|
7
|
-
import { _Label } from './chunk-
|
|
8
|
-
import { useFormProps } from './chunk-
|
|
2
|
+
import { Input } from './chunk-VHSULWZO.js';
|
|
3
|
+
import { _InputGroup } from './chunk-PUXGZUBL.js';
|
|
4
|
+
import { _HelperMessage } from './chunk-QETFPQME.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-YKKHKN5S.js';
|
|
6
|
+
import { ensureTextWrapper } from './chunk-I2F5OQI2.js';
|
|
7
|
+
import { _Label } from './chunk-UUBMTIMZ.js';
|
|
8
|
+
import { useFormProps } from './chunk-THH5PUOI.js';
|
|
9
|
+
import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
|
|
9
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
10
|
-
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
11
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
12
11
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
13
13
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
14
14
|
import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
|
|
15
15
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
|
|
|
22
22
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
23
23
|
|
|
24
24
|
// css-module:./NumberField.module.css#css-module
|
|
25
|
-
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-
|
|
25
|
+
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___J7CQZ", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___n-uq2", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___0cwtp", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___1rRPb", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___se-5h", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___AP18m", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ioIKI", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___ZDTQ1", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___S1o29", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___GXu20", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___1mkSx", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___3yxwP", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___Qauty" };
|
|
26
26
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
27
27
|
var StepperButton = ({ direction }) => {
|
|
28
28
|
const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
2
2
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { ensureTextWrapper } from './chunk-
|
|
5
|
-
import { useFormProps } from './chunk-
|
|
4
|
+
import { ensureTextWrapper } from './chunk-I2F5OQI2.js';
|
|
5
|
+
import { useFormProps } from './chunk-THH5PUOI.js';
|
|
6
6
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
7
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
10
10
|
import { IconContext } from '@hopper-ui/icons';
|
|
11
11
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
|
|
|
14
14
|
import { jsx } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./LinkButton.module.css#css-module
|
|
17
|
-
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-
|
|
17
|
+
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___6VEg- Button-module__hop-Button___8P82n", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___iAzea Button-module__hop-Button--fluid___QUsZp", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___6YiUJ Button-module__hop-Button--sm___2VQ7r", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___mQqjM Button-module__hop-Button--icon-only___sixWy", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___O9VCU Button-module__hop-Button--primary___ZiMXx", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___gMmGD Button-module__hop-Button--secondary___Qj5Ga", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___dAWsC Button-module__hop-Button--upsell___O4nbW", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___-kIco Button-module__hop-Button--danger___hSdFA", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___GJ6Uf Button-module__hop-Button--ghost-primary___FI-Bn", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___RZ4vV Button-module__hop-Button--ghost-secondary___90Xea", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___vjyb- Button-module__hop-Button--ghost-danger___X2oin", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___VOgek Button-module__hop-Button__Spinner___gTwl1", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___nZF27 Button-module__hop-Button__icon___pry73", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___zeedt Button-module__hop-Button__icon___pry73", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___gPLAw Button-module__hop-Button__text___hBdz5", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___G9hiZ Button-module__hop-Button__end-icon___yRHci", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___Mk4EN Button-module__hop-Button__end-icon___yRHci" };
|
|
18
18
|
var GlobalLinkButtonCssSelector = "hop-LinkButton";
|
|
19
19
|
function LinkButton(props, ref) {
|
|
20
20
|
var _a, _b;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 {
|
|
5
|
-
import {
|
|
6
|
-
import { _Label } from './chunk-
|
|
7
|
-
import { useFormProps } from './chunk-
|
|
8
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
|
+
import { _HelperMessage } from './chunk-QETFPQME.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-YKKHKN5S.js';
|
|
6
|
+
import { _Label } from './chunk-UUBMTIMZ.js';
|
|
7
|
+
import { useFormProps } from './chunk-THH5PUOI.js';
|
|
9
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
11
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
12
12
|
import clsx from 'clsx';
|
|
@@ -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___HHqUy", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___VqXmo", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___N9W1Y", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___ZzXTr", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___A31MR", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___O6RaK" };
|
|
19
19
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
20
20
|
function CheckboxGroup(props, ref) {
|
|
21
21
|
var _a, _b, _c;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-I3D3GJXG.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-KDEAWRYK.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
5
|
-
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
6
|
-
import { ensureTextWrapper } from './chunk-SIME6JYB.js';
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-SYZYP5OU.js';
|
|
7
5
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
6
|
+
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
|
+
import { ensureTextWrapper } from './chunk-I2F5OQI2.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
9
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
11
11
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
12
12
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
13
13
|
import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
|
|
@@ -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___-TUkR", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___-aeL7", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___eJIR4", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___QUmL5", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___OqAaV", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___B6J5E", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___4Fzoo", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___OQ-gu", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___6Qw50", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___1g6GW", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___Uugn5", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___rw-8M", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___WnGv1", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___LjQca", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___2Jy0r", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___cO3eX", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___rWb8O" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -3,14 +3,14 @@ import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
|
3
3
|
import { FooterContext } from './chunk-I67NHYK4.js';
|
|
4
4
|
import { isFunction, isNil } from './chunk-TIPN4VYD.js';
|
|
5
5
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
6
|
-
import { useForwardedHopperContext, _HopperProvider } from './chunk-
|
|
6
|
+
import { useForwardedHopperContext, _HopperProvider } from './chunk-U56I5MQL.js';
|
|
7
7
|
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
8
8
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
9
9
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
10
10
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
11
11
|
import { HeadingContext } from './chunk-TXZ6BMFR.js';
|
|
12
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
13
12
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
13
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
14
14
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
15
15
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
16
16
|
import clsx from 'clsx';
|
|
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
|
|
|
19
19
|
import { jsx } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Popover.module.css#css-module
|
|
22
|
-
var Popover_module_default = { "hop-Popover": "Popover-module__hop-
|
|
22
|
+
var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___w0ias", "fade": "Popover-module__fade___PpgNy", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___uRkDS", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___OQ96J", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___hOiME", "hop-Popover__title": "Popover-module__hop-Popover__title___Ft3QA", "hop-Popover__content": "Popover-module__hop-Popover__content___9xROc", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Uq9dJ", "hop-Popover__footer": "Popover-module__hop-Popover__footer___aCY-K", "hop-Popover__actions": "Popover-module__hop-Popover__actions___PcCu-", "hop-Popover__action": "Popover-module__hop-Popover__action___L-Rnu" };
|
|
23
23
|
var GlobalPopoverCssSelector = "hop-Popover";
|
|
24
24
|
function Popover(props, ref) {
|
|
25
25
|
var _a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ModalContext } from './chunk-PH5BSJDK.js';
|
|
2
|
-
import { _BaseModal } from './chunk-
|
|
2
|
+
import { _BaseModal } from './chunk-JJGWFQLU.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-QKTSDFAO.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___-QagI", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___EMKef", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___raSi2", "hop-Modal__image": "Modal-module__hop-Modal__image___LkuJw", "hop-Modal__close": "Modal-module__hop-Modal__close___ryZFS", "hop-Modal__heading": "Modal-module__hop-Modal__heading___-0Clh", "hop-Modal__header": "Modal-module__hop-Modal__header___qbfNS", "hop-Modal__content": "Modal-module__hop-Modal__content___AkSo-", "hop-Modal__footer": "Modal-module__hop-Modal__footer___anBjK", "hop-Modal__button": "Modal-module__hop-Modal__button___JK323", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___tgkCT" };
|
|
21
21
|
var GlobalModalCssSelector = "hop-Modal";
|
|
22
22
|
var Modal = (props, ref) => {
|
|
23
23
|
var _a;
|
|
@@ -87,6 +87,7 @@ var Modal = (props, ref) => {
|
|
|
87
87
|
}],
|
|
88
88
|
[HeadingContext, {
|
|
89
89
|
className: Modal_module_default["hop-Modal__heading"],
|
|
90
|
+
size: "lg",
|
|
90
91
|
slot: "title"
|
|
91
92
|
}],
|
|
92
93
|
[HeaderContext, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-SN6PGAZH.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___hCjxi", "spin": "Spinner-module__spin___Y3PwS", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___nZhko", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___1hL-2", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___7Rt-E", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___bzqKX", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___Z0nLA", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___xYCt-" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -5,7 +5,7 @@ import { TabListStateContext } from 'react-aria-components';
|
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
// css-module:./TabLine.module.css#css-module
|
|
8
|
-
var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-
|
|
8
|
+
var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___midwN", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___AOfed" };
|
|
9
9
|
var GlobalTabLineCssSelector = "hop-TabLine";
|
|
10
10
|
function TabLine(props) {
|
|
11
11
|
var _a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-I2F5OQI2.js';
|
|
4
|
+
import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
|
|
4
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
|
-
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
9
9
|
import { IconContext } from '@hopper-ui/icons';
|
|
10
10
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Switch.module.css#css-module
|
|
16
|
-
var Switch_module_default = { "hop-Switch": "Switch-module__hop-
|
|
16
|
+
var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___WnlQV", "hop-Switch--sm": "Switch-module__hop-Switch--sm___IZhCx", "hop-Switch--md": "Switch-module__hop-Switch--md___vI9R6", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___e86lT", "hop-Switch__text": "Switch-module__hop-Switch__text___C6xTD", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___32LwR", "hop-Switch__icon": "Switch-module__hop-Switch__icon___9QJWT" };
|
|
17
17
|
var GlobalSwitchCssSelector = "hop-Switch";
|
|
18
18
|
function Switch(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -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___fsri8" };
|
|
12
12
|
var GlobalTileGroupCssSelector = "hop-TileGroup";
|
|
13
13
|
var TileGroup = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, TileGroupContext);
|
|
@@ -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___oA9R9", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___ZKpmS" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ToggleArrow } from './chunk-
|
|
2
|
-
import { _Heading } from './chunk-
|
|
1
|
+
import { _ToggleArrow } from './chunk-ACEGBD36.js';
|
|
2
|
+
import { _Heading } from './chunk-XMRQB5W7.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';
|
|
6
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
9
9
|
import { IconContext } from '@hopper-ui/icons';
|
|
10
10
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -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___Bb41v", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___dEFVQ", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___lcqfY", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___y-p85", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___hBrPJ", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___ao9la" };
|
|
18
18
|
var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
|
|
19
19
|
function DisclosureHeader(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioFieldContext } from './chunk-DGLAGYBD.js';
|
|
2
2
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
4
|
-
import { ClearContainerSlots } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-SN6PGAZH.js';
|
|
4
|
+
import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
|
|
5
5
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
6
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
9
9
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
10
10
|
import { useSlotId } from '@react-aria/utils';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./RadioField.module.css#css-module
|
|
17
|
-
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-
|
|
17
|
+
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___YVF-P", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___bN1Iw", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___JODE9", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___PCbhP", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___jd-z3" };
|
|
18
18
|
var GlobalRadioFieldCssSelector = "hop-RadioField";
|
|
19
19
|
var RadioToDescriptionSizeAdapter = {
|
|
20
20
|
sm: "xs",
|
|
@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./InputGroup.module.css#css-module
|
|
10
|
-
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-
|
|
10
|
+
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___-uIJG", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___oRQPi" };
|
|
11
11
|
var GlobalInputGroupCssSelector = "hop-InputGroup";
|
|
12
12
|
function InputGroup(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
2
|
import { TabContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
|
|
3
3
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
4
|
-
import { _Text } from './chunk-
|
|
4
|
+
import { _Text } from './chunk-SN6PGAZH.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
6
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
7
7
|
import { IconContext } from '@hopper-ui/icons';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Tab.module.css#css-module
|
|
15
|
-
var Tab_module_default = { "hop-Tab": "Tab-module__hop-
|
|
15
|
+
var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___Va8uV", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___1j9Ql", "hop-Tab--md": "Tab-module__hop-Tab--md___tm9j5", "hop-Tab__icon": "Tab-module__hop-Tab__icon___qASBk", "hop-Tab__text": "Tab-module__hop-Tab__text___DObOG", "hop-Tab__badge": "Tab-module__hop-Tab__badge___pgseG", "hop-Tab__tag": "Tab-module__hop-Tab__tag___I1HkA" };
|
|
16
16
|
var GlobalTabCssSelector = "hop-Tab";
|
|
17
17
|
function Tab(props, ref) {
|
|
18
18
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-SN6PGAZH.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___J-1qm", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___xQfoG" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { isFunction } from './chunk-TIPN4VYD.js';
|
|
2
2
|
import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
|
|
3
3
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
4
|
-
import { _ListBoxItem } from './chunk-
|
|
4
|
+
import { _ListBoxItem } from './chunk-MPVQIGA2.js';
|
|
5
5
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
6
6
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
7
7
|
import { useLocalizedString } from './chunk-75DHKNW2.js';
|
|
8
|
-
import { _Text } from './chunk-
|
|
9
|
-
import { ClearContainerSlots } from './chunk-
|
|
10
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
|
+
import { _Text } from './chunk-SN6PGAZH.js';
|
|
9
|
+
import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
|
|
11
10
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
13
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
14
14
|
import { useLoadMore } from '@react-aria/utils';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
|
|
|
18
18
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./ListBox.module.css#css-module
|
|
21
|
-
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-
|
|
21
|
+
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___E3EKf", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___YEmOU", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___SkdBU", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___Jeuo-", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___OWdjp" };
|
|
22
22
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
23
23
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
24
24
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
2
|
-
import { _CloseButton } from './chunk-
|
|
2
|
+
import { _CloseButton } from './chunk-QKTSDFAO.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';
|
|
@@ -8,11 +8,11 @@ import { cssModule } from './chunk-KVDXQMWI.js';
|
|
|
8
8
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
9
9
|
import clsx from 'clsx';
|
|
10
10
|
import { forwardRef } from 'react';
|
|
11
|
-
import { useContextProps } from 'react-aria-components';
|
|
11
|
+
import { useContextProps, DEFAULT_SLOT } 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___0f1bQ", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___4InKL", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___rrV7f", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___pgYnj", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___3JHFe", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___HgVke", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___GSoe9", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___3oCrE", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___rHhOP", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___gLyfh", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___pIptI" };
|
|
16
16
|
var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
|
|
17
17
|
var CompactCallout = (props, ref) => {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, CompactCalloutContext);
|
|
@@ -27,13 +27,15 @@ var CompactCallout = (props, ref) => {
|
|
|
27
27
|
variant = "information",
|
|
28
28
|
...otherProps
|
|
29
29
|
} = ownProps;
|
|
30
|
+
const isDismissible = onClose !== void 0;
|
|
30
31
|
const classNames = clsx(
|
|
31
32
|
GlobalCompactCalloutCssSelector,
|
|
32
33
|
cssModule(
|
|
33
34
|
CompactCallout_module_default,
|
|
34
35
|
"hop-CompactCallout",
|
|
35
36
|
variant,
|
|
36
|
-
fillStyle === "subtleFill" && "subtle-fill"
|
|
37
|
+
fillStyle === "subtleFill" && "subtle-fill",
|
|
38
|
+
isDismissible && "dismissable"
|
|
37
39
|
),
|
|
38
40
|
stylingProps.className,
|
|
39
41
|
className
|
|
@@ -58,15 +60,26 @@ var CompactCallout = (props, ref) => {
|
|
|
58
60
|
className: CompactCallout_module_default["hop-CompactCallout__content"]
|
|
59
61
|
}],
|
|
60
62
|
[ButtonContext, {
|
|
61
|
-
|
|
63
|
+
slots: {
|
|
64
|
+
[DEFAULT_SLOT]: {
|
|
65
|
+
className: CompactCallout_module_default["hop-CompactCallout__button"],
|
|
66
|
+
variant: "secondary",
|
|
67
|
+
size: "sm"
|
|
68
|
+
},
|
|
69
|
+
close: {
|
|
70
|
+
className: CompactCallout_module_default["hop-CompactCallout__dismiss"]
|
|
71
|
+
}
|
|
72
|
+
}
|
|
62
73
|
}],
|
|
63
74
|
[LinkContext, {
|
|
64
|
-
className: CompactCallout_module_default["hop-CompactCallout__link"]
|
|
75
|
+
className: CompactCallout_module_default["hop-CompactCallout__link"],
|
|
76
|
+
variant: "secondary",
|
|
77
|
+
size: "sm"
|
|
65
78
|
}]
|
|
66
79
|
],
|
|
67
80
|
children: [
|
|
68
81
|
children,
|
|
69
|
-
|
|
82
|
+
isDismissible && /* @__PURE__ */ jsx(_CloseButton, { onPress: onClose })
|
|
70
83
|
]
|
|
71
84
|
}
|
|
72
85
|
)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CloseButtonContext } from './chunk-RBWFFWIG.js';
|
|
2
|
-
import { _Button } from './chunk-
|
|
2
|
+
import { _Button } from './chunk-DCJCSQMO.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___fb39O" };
|
|
14
14
|
var GlobalCloseButtonCssSelector = "hop-CloseButton";
|
|
15
15
|
function CloseButton(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, CloseButtonContext);
|