@hopper-ui/components 1.3.23 → 1.3.25
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 +15 -0
- package/dist/Avatar/src/AnonymousAvatar.css +37 -37
- package/dist/Avatar/src/AnonymousAvatar.js +3 -3
- package/dist/Avatar/src/Avatar.css +55 -55
- package/dist/Avatar/src/Avatar.js +4 -4
- package/dist/Avatar/src/DeletedAvatar.css +37 -37
- package/dist/Avatar/src/DeletedAvatar.js +3 -3
- package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
- package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
- package/dist/Avatar/src/index.css +55 -55
- package/dist/Avatar/src/index.js +6 -6
- package/dist/Badge/src/Badge.css +42 -42
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +37 -37
- package/dist/Badge/src/FloatingBadge.js +2 -2
- package/dist/Badge/src/index.css +52 -52
- package/dist/Badge/src/index.js +5 -5
- package/dist/ComboBox/src/ComboBox.css +900 -900
- package/dist/ComboBox/src/ComboBox.js +8 -8
- package/dist/ComboBox/src/ComboBoxOptions.css +900 -900
- package/dist/ComboBox/src/ComboBoxOptions.js +67 -71
- package/dist/ComboBox/src/index.css +900 -900
- package/dist/ComboBox/src/index.js +67 -71
- package/dist/Divider/src/Divider.css +29 -29
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +29 -29
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
- package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
- package/dist/ErrorMessage/src/index.css +29 -29
- package/dist/ErrorMessage/src/index.js +3 -3
- package/dist/Form/src/Form.css +900 -900
- package/dist/Form/src/Form.js +67 -71
- package/dist/Form/src/index.css +900 -900
- package/dist/Form/src/index.js +67 -71
- package/dist/HelperMessage/src/HelperMessage.css +29 -29
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +29 -29
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +28 -28
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +28 -28
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +49 -49
- package/dist/Link/src/Link.js +7 -7
- package/dist/Link/src/index.css +49 -49
- package/dist/Link/src/index.js +7 -7
- package/dist/ListBox/src/ListBox.css +406 -406
- package/dist/ListBox/src/ListBox.js +12 -12
- package/dist/ListBox/src/ListBoxItem.css +394 -394
- package/dist/ListBox/src/ListBoxItem.d.ts +1 -1
- package/dist/ListBox/src/ListBoxItem.js +11 -11
- package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +406 -406
- package/dist/ListBox/src/index.js +12 -12
- package/dist/Select/src/Select.css +428 -428
- package/dist/Select/src/Select.js +8 -8
- package/dist/Select/src/SelectOptions.css +900 -900
- package/dist/Select/src/SelectOptions.js +67 -71
- package/dist/Select/src/SelectValue.css +61 -61
- package/dist/Select/src/SelectValue.js +6 -6
- package/dist/Select/src/index.css +900 -900
- package/dist/Select/src/index.js +67 -71
- package/dist/Spinner/src/Spinner.css +37 -37
- package/dist/Spinner/src/Spinner.js +3 -3
- package/dist/Spinner/src/index.css +37 -37
- package/dist/Spinner/src/index.js +3 -3
- package/dist/buttons/src/Button.css +93 -93
- package/dist/buttons/src/Button.js +8 -8
- package/dist/buttons/src/ButtonGroup.css +38 -38
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +98 -98
- package/dist/buttons/src/ClearButton.js +3 -3
- package/dist/buttons/src/EmbeddedButton.css +98 -98
- package/dist/buttons/src/EmbeddedButton.js +2 -2
- package/dist/buttons/src/LinkButton.css +102 -102
- package/dist/buttons/src/LinkButton.js +8 -8
- package/dist/buttons/src/index.css +249 -249
- package/dist/buttons/src/index.js +14 -14
- package/dist/checkbox/src/Checkbox.css +46 -46
- package/dist/checkbox/src/Checkbox.js +7 -7
- package/dist/checkbox/src/CheckboxField.css +33 -33
- package/dist/checkbox/src/CheckboxField.d.ts +5 -0
- package/dist/checkbox/src/CheckboxField.js +4 -2
- package/dist/checkbox/src/CheckboxGroup.css +98 -98
- package/dist/checkbox/src/CheckboxGroup.d.ts +7 -11
- package/dist/checkbox/src/CheckboxGroup.js +10 -3
- package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
- package/dist/checkbox/src/DecorativeCheckbox.d.ts +1 -1
- package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
- package/dist/checkbox/src/index.css +98 -98
- package/dist/checkbox/src/index.d.ts +1 -3
- package/dist/checkbox/src/index.js +12 -12
- package/dist/{chunk-4PL7X7KE.js → chunk-2ETSJJL5.js} +2 -2
- package/dist/{chunk-LDNIFXIK.js → chunk-2KG3OHKZ.js} +3 -3
- package/dist/{chunk-MMTH7I32.js → chunk-3JTKO6GT.js} +1 -1
- package/dist/{chunk-S3HUD5FR.js → chunk-4TP6C4G2.js} +6 -6
- package/dist/{chunk-SH7Y7ZAK.js → chunk-53JGRJCV.js} +2 -2
- package/dist/{chunk-OJWMKFCM.js → chunk-5HPWSPMG.js} +1 -1
- package/dist/{chunk-VGEDX2KH.js → chunk-62HFZTN3.js} +1 -1
- package/dist/{chunk-Q5ITMJW2.js → chunk-6FGO2GDP.js} +4 -4
- package/dist/{chunk-XFPH3PDB.js → chunk-7F5TKAIG.js} +4 -4
- package/dist/{chunk-ME25LLJQ.js → chunk-A2EH4QHT.js} +2 -2
- package/dist/{chunk-T3RZI4I7.js → chunk-AAMEZDS5.js} +1 -1
- package/dist/{chunk-ZAOJLOO4.js → chunk-AGPDWIJB.js} +1 -1
- package/dist/{chunk-VD3VD7FT.js → chunk-BTHGQBNC.js} +4 -4
- package/dist/{chunk-W5COIO2O.js → chunk-CB2SODXY.js} +2 -2
- package/dist/{chunk-C4MZAXMT.js → chunk-CCZOA5KO.js} +2 -2
- package/dist/{chunk-JM577F4Y.js → chunk-FR7CLIF6.js} +1 -1
- package/dist/{chunk-GS3BOLCC.js → chunk-G5AT4DUS.js} +25 -15
- package/dist/{chunk-5RWK5FRS.js → chunk-HL6KUV6M.js} +4 -4
- package/dist/{chunk-22R324WS.js → chunk-IH3RR5MG.js} +4 -4
- package/dist/{chunk-HC5CLOX3.js → chunk-KAYNG6FW.js} +1 -1
- package/dist/{chunk-GL7Z5DMW.js → chunk-KJIGRQNG.js} +7 -7
- package/dist/{chunk-E5X75YOL.js → chunk-L37Y7HGN.js} +2 -2
- package/dist/{chunk-GUB5P3EE.js → chunk-L7RJGOCA.js} +2 -2
- package/dist/{chunk-V7VLONEF.js → chunk-LVMXSXUU.js} +7 -7
- package/dist/{chunk-JZQ5ECZR.js → chunk-M6YJFDSQ.js} +4 -4
- package/dist/{chunk-YSPOLHL3.js → chunk-MMOO3PA2.js} +22 -13
- package/dist/chunk-N3ZSOPEG.js +133 -0
- package/dist/{chunk-QNC5YD7L.js → chunk-NGK3TCDT.js} +3 -3
- package/dist/{chunk-Q4IWTQWW.js → chunk-NSMUWG64.js} +1 -1
- package/dist/{chunk-274FJB5O.js → chunk-P5EJKG65.js} +2 -2
- package/dist/{chunk-ZSCI4FHZ.js → chunk-P6DGNPLB.js} +1 -1
- package/dist/{chunk-HJZRGFXZ.js → chunk-PAYW2NOQ.js} +3 -3
- package/dist/{chunk-J2ZYJILQ.js → chunk-PM3R4HC6.js} +5 -5
- package/dist/{chunk-HCU4ACIU.js → chunk-QCEUL6I6.js} +2 -2
- package/dist/{chunk-2ASLFWR3.js → chunk-QH5LWKA7.js} +1 -1
- package/dist/{chunk-LJ5XIABY.js → chunk-QIFW365G.js} +3 -3
- package/dist/{chunk-4ICFPMB2.js → chunk-RFDRCPQ7.js} +4 -4
- package/dist/{chunk-7TOEC4BY.js → chunk-SLF2NM3M.js} +3 -3
- package/dist/{chunk-6IOI5J2G.js → chunk-TLQ7IGJK.js} +3 -3
- package/dist/{chunk-EKO72ADZ.js → chunk-VG4DSVZN.js} +3 -3
- package/dist/{chunk-W6PNTZPC.js → chunk-VNW2HMOF.js} +2 -2
- package/dist/{chunk-N5DC4UFP.js → chunk-WABC2ZXX.js} +3 -3
- package/dist/{chunk-QN4JO3ZF.js → chunk-WQT2547E.js} +1 -1
- package/dist/{chunk-2E3YA5WL.js → chunk-WYWHOSC6.js} +3 -3
- package/dist/{chunk-H3MVVKNK.js → chunk-X7WNB6WS.js} +1 -1
- package/dist/{chunk-CFRCUHQZ.js → chunk-XSKVQY7T.js} +11 -11
- package/dist/{chunk-FJJGUPQ2.js → chunk-XVOHLDT7.js} +3 -3
- package/dist/chunk-YSI55QTD.js +133 -0
- package/dist/index.css +900 -900
- package/dist/index.d.ts +4 -8
- package/dist/index.js +67 -71
- package/dist/inputs/src/InputGroup.css +264 -264
- package/dist/inputs/src/InputGroup.js +2 -2
- package/dist/inputs/src/NumberField.css +286 -286
- package/dist/inputs/src/NumberField.js +8 -8
- package/dist/inputs/src/PasswordField.css +274 -274
- package/dist/inputs/src/PasswordField.js +9 -9
- package/dist/inputs/src/RemainingCharacterCount.css +30 -30
- package/dist/inputs/src/RemainingCharacterCount.js +6 -6
- package/dist/inputs/src/SearchField.css +280 -280
- package/dist/inputs/src/SearchField.js +9 -9
- package/dist/inputs/src/TextArea.css +281 -281
- package/dist/inputs/src/TextArea.js +9 -9
- package/dist/inputs/src/TextField.css +278 -278
- package/dist/inputs/src/TextField.js +12 -12
- package/dist/inputs/src/index.css +324 -324
- package/dist/inputs/src/index.js +18 -18
- package/dist/overlays/Popover/src/Popover.css +900 -900
- package/dist/overlays/Popover/src/Popover.js +67 -71
- package/dist/overlays/Popover/src/index.css +900 -900
- package/dist/overlays/Popover/src/index.js +67 -71
- package/dist/radio/src/DecorativeRadio.css +54 -54
- package/dist/radio/src/DecorativeRadio.d.ts +1 -1
- package/dist/radio/src/DecorativeRadio.js +7 -7
- package/dist/radio/src/Radio.css +46 -46
- package/dist/radio/src/Radio.js +7 -7
- package/dist/radio/src/RadioField.css +33 -33
- package/dist/radio/src/RadioField.d.ts +5 -0
- package/dist/radio/src/RadioField.js +3 -2
- package/dist/radio/src/RadioGroup.css +129 -129
- package/dist/radio/src/RadioGroup.d.ts +7 -11
- package/dist/radio/src/RadioGroup.js +11 -4
- package/dist/radio/src/index.css +264 -264
- package/dist/radio/src/index.d.ts +4 -6
- package/dist/radio/src/index.js +13 -13
- package/dist/switch/src/Switch.css +43 -43
- package/dist/switch/src/Switch.js +7 -7
- package/dist/switch/src/SwitchField.css +33 -33
- package/dist/switch/src/SwitchField.js +3 -3
- package/dist/switch/src/index.css +49 -49
- package/dist/switch/src/index.js +9 -9
- package/dist/tag/src/Tag.css +390 -390
- package/dist/tag/src/Tag.js +11 -11
- package/dist/tag/src/TagGroup.css +37 -37
- package/dist/tag/src/TagGroup.js +2 -2
- package/dist/tag/src/TagList.css +27 -27
- package/dist/tag/src/index.css +400 -400
- package/dist/tag/src/index.js +13 -13
- package/dist/typography/Heading/src/Heading.css +27 -27
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +27 -27
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +27 -27
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +27 -27
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +27 -27
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +27 -27
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +27 -27
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +27 -27
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +27 -27
- package/dist/utils/src/EnsureTextWrapper.js +5 -5
- package/dist/utils/src/index.css +27 -27
- package/dist/utils/src/index.d.ts +1 -1
- package/dist/utils/src/index.js +6 -6
- package/dist/utils/src/types.d.ts +25 -1
- package/dist/utils/src/useRenderProps.d.ts +2 -1
- package/package.json +19 -18
- package/dist/Avatar/src/AnonymousAvatar.temp.css +0 -296
- package/dist/Avatar/src/AnonymousAvatar.temp.d.ts +0 -31
- package/dist/Avatar/src/AnonymousAvatar.temp.js +0 -60
- package/dist/checkbox/src/CheckboxList.d.ts +0 -17
- package/dist/checkbox/src/CheckboxList.js +0 -3
- package/dist/checkbox/src/CheckboxListContext.d.ts +0 -10
- package/dist/checkbox/src/CheckboxListContext.js +0 -2
- package/dist/chunk-3HAFXWC7.js +0 -105
- package/dist/chunk-3LRBUQC2.js +0 -43
- package/dist/chunk-A7TZHALP.js +0 -7
- package/dist/chunk-CXPA2XU3.js +0 -105
- package/dist/chunk-NKHMUPAP.js +0 -43
- package/dist/chunk-WDUQUPTE.js +0 -7
- package/dist/radio/src/RadioList.d.ts +0 -17
- package/dist/radio/src/RadioList.js +0 -3
- package/dist/radio/src/RadioListContext.d.ts +0 -10
- package/dist/radio/src/RadioListContext.js +0 -2
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-
|
|
2
|
-
export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-
|
|
3
|
-
export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-
|
|
1
|
+
export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-NGK3TCDT.js';
|
|
2
|
+
export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-G5AT4DUS.js';
|
|
3
|
+
export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-N3ZSOPEG.js';
|
|
4
4
|
export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
|
|
5
5
|
export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
|
|
6
|
-
export {
|
|
7
|
-
export { CheckboxListContext } from '../../chunk-WDUQUPTE.js';
|
|
8
|
-
export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-2E3YA5WL.js';
|
|
6
|
+
export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-WYWHOSC6.js';
|
|
9
7
|
export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
|
|
10
8
|
import '../../chunk-DHVVYSLB.js';
|
|
11
|
-
import '../../chunk-
|
|
9
|
+
import '../../chunk-L37Y7HGN.js';
|
|
10
|
+
import '../../chunk-2ETSJJL5.js';
|
|
11
|
+
import '../../chunk-QH5LWKA7.js';
|
|
12
12
|
import '../../chunk-ZWU6DRRZ.js';
|
|
13
13
|
import '../../chunk-LJXTJRSB.js';
|
|
14
|
-
import '../../chunk-
|
|
15
|
-
import '../../chunk-ZSCI4FHZ.js';
|
|
14
|
+
import '../../chunk-P6DGNPLB.js';
|
|
16
15
|
import '../../chunk-TXZ6BMFR.js';
|
|
16
|
+
import '../../chunk-AAMEZDS5.js';
|
|
17
17
|
import '../../chunk-QCA3ZR56.js';
|
|
18
18
|
import '../../chunk-TFVDF4YH.js';
|
|
19
19
|
import '../../chunk-HZKFQ33E.js';
|
|
20
20
|
import '../../chunk-FAE27DLF.js';
|
|
21
|
-
import '../../chunk-
|
|
21
|
+
import '../../chunk-5HPWSPMG.js';
|
|
22
22
|
import '../../chunk-WPNVVGFW.js';
|
|
23
|
-
import '../../chunk-
|
|
23
|
+
import '../../chunk-FR7CLIF6.js';
|
|
24
24
|
import '../../chunk-X6SER3TZ.js';
|
|
25
25
|
import '../../chunk-HXI3MEEK.js';
|
|
26
|
-
import '../../chunk-M36KANKC.js';
|
|
27
26
|
import '../../chunk-NH3IVMXB.js';
|
|
28
27
|
import '../../chunk-65JPI4FL.js';
|
|
28
|
+
import '../../chunk-M36KANKC.js';
|
|
29
29
|
import '../../chunk-KVDXQMWI.js';
|
|
30
30
|
import '../../chunk-JSBRDJBE.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
|
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ErrorMessage.module.css#css-module
|
|
13
|
-
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-
|
|
13
|
+
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___TQ8J-", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___droXw" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
2
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
|
+
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
3
3
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
4
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
4
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
8
8
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
9
9
|
import { forwardRef } from 'react';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./SwitchField.module.css#css-module
|
|
15
|
-
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-
|
|
15
|
+
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___7eIBo", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___Ilf-l", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___47YHN", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___XWX25", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___y5485" };
|
|
16
16
|
var GlobalSwitchFieldCssSelector = "hop-SwitchField";
|
|
17
17
|
var SwitchToDescriptionSizeAdapter = {
|
|
18
18
|
sm: "xs",
|
|
@@ -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___2UPs-", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___-UQPO", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___BtqzU", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___5-fky", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___B3W8-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___MR2fc", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___32apJ", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___S6-Mg" };
|
|
15
15
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
16
16
|
function ButtonGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-PAYW2NOQ.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-WYWHOSC6.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-X7WNB6WS.js';
|
|
5
5
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
6
|
-
import { EnsureTextWrapper } from './chunk-2ASLFWR3.js';
|
|
7
6
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
7
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
9
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
10
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
11
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
13
|
import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
|
|
14
14
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -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___MVnfR", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___ujysJ", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___dgMtC", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___i5fz-", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___mJbEy", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___A85H8", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___oeROf", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___sWxnW", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___k8zZ5", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___UKNIS", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___aWZF4", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___-uzE0", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___HdYcI", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-61va", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___j-k5N", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___Ni8w-", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___lhewh" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InputGroupContext } from './chunk-6BFSSZCY.js';
|
|
2
2
|
import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
|
|
3
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
4
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
7
7
|
import { mergeRefs } from '@react-aria/utils';
|
|
@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./InputGroup.module.css#css-module
|
|
13
|
-
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-
|
|
13
|
+
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___rZ-dA", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___hfrtN", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___Bv06g", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___bkHNV", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___tA296", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___8zcgP" };
|
|
14
14
|
var GlobalInputGroupCssSelector = "hop-InputGroup";
|
|
15
15
|
function InputGroup(props, ref) {
|
|
16
16
|
var _a, _b;
|
|
@@ -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___d6THC", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___m9fud" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-VNW2HMOF.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { DeletedUserRichIcon } from '@hopper-ui/icons';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { isFunction } from './chunk-TIPN4VYD.js';
|
|
2
2
|
import { SectionContext } from './chunk-5H5AZJPQ.js';
|
|
3
|
-
import { _ListBoxItem } from './chunk-
|
|
3
|
+
import { _ListBoxItem } from './chunk-4TP6C4G2.js';
|
|
4
4
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
5
5
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
6
6
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
7
7
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
8
|
-
import { _Text } from './chunk-
|
|
9
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
10
9
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
11
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
12
12
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
13
13
|
import { useLoadMore } from '@react-aria/utils';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
|
|
|
17
17
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./ListBox.module.css#css-module
|
|
20
|
-
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-
|
|
20
|
+
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___-Y9XC", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___D4ABE", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___IZus0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___sF8fR", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___zDG6F" };
|
|
21
21
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
22
22
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
23
23
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
2
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
|
+
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { EnsureTextWrapper } from './chunk-
|
|
4
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
9
9
|
import { IconContext } from '@hopper-ui/icons';
|
|
10
10
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./LinkButton.module.css#css-module
|
|
16
|
-
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-
|
|
16
|
+
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___TY4v- Button-module__hop-Button___pRoh8", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___FQVnD Button-module__hop-Button--fluid___Bpp9N", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___Ja-0Y Button-module__hop-Button--sm___dhgbo", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___DHXn0 Button-module__hop-Button--icon-only___7QUB4", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___8ZSN1 Button-module__hop-Button--primary___jY1bv", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___sYahq Button-module__hop-Button--secondary___Qheid", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___p8wwl Button-module__hop-Button--upsell___HMASW", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___4ri-3 Button-module__hop-Button--danger___pMitY", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___RqYSz Button-module__hop-Button--ghost-primary___U8-dj", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___tcAa0 Button-module__hop-Button--ghost-secondary___JbYCC", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___C0mH- Button-module__hop-Button--ghost-danger___DBvCS", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___Sn6qC Button-module__hop-Button__Spinner___1nUPj", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___crH6I Button-module__hop-Button__icon___ZLwCH", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___0tvd7 Button-module__hop-Button__icon___ZLwCH", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___BakLh Button-module__hop-Button__text___NPiZn", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___W5mVm Button-module__hop-Button__end-icon___VBkZB", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___E1QAY Button-module__hop-Button__end-icon___VBkZB" };
|
|
17
17
|
var GlobalLinkButtonCssSelector = "hop-LinkButton";
|
|
18
18
|
function LinkButton(props, ref) {
|
|
19
19
|
var _a, _b;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
2
|
-
import { _OverlineText } from './chunk-
|
|
2
|
+
import { _OverlineText } from './chunk-5HPWSPMG.js';
|
|
3
3
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
4
4
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// css-module:./Badge.module.css#css-module
|
|
26
|
-
var Badge_module_default = { "hop-Badge": "Badge-module__hop-
|
|
26
|
+
var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___ErLIF", "hop-Badge--primary": "Badge-module__hop-Badge--primary___0-akF", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___E4-sZ", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___PJH0r" };
|
|
27
27
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
28
28
|
function Badge(props, ref) {
|
|
29
29
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
|
|
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./Label.module.css#css-module
|
|
11
|
-
var Label_module_default = { "hop-Label": "Label-module__hop-
|
|
11
|
+
var Label_module_default = { "hop-Label": "Label-module__hop-Label___Wuql9", "hop-Label__indicator": "Label-module__hop-Label__indicator___ybqw3" };
|
|
12
12
|
var GlobalLabelCssSelector = "hop-Label";
|
|
13
13
|
function Label(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, LabelContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-VNW2HMOF.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { AnonymousRichIcon } from '@hopper-ui/icons';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useScale } from './chunk-MTDFS4CZ.js';
|
|
2
2
|
import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import { EnsureTextWrapper } from './chunk-
|
|
3
|
+
import { _InputGroup } from './chunk-53JGRJCV.js';
|
|
4
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
5
5
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
7
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
9
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
10
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
11
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
13
|
import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
|
|
14
14
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
|
|
|
21
21
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
22
22
|
|
|
23
23
|
// css-module:./NumberField.module.css#css-module
|
|
24
|
-
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-
|
|
24
|
+
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___KNWhK", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___0Pllh", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___tYsqJ", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___JdVNG", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___m6WYi", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___-klPS", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___7TUQX", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___qaVBs", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___LCUGL", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___VLFs-", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___a5Ti6", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___xY5eN", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___3NOp2", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___YixsW" };
|
|
25
25
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
26
26
|
var StepperButton = ({ direction }) => {
|
|
27
27
|
const scale = useScale();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-FR7CLIF6.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___LfPXv", "spin": "Spinner-module__spin___rhYKO", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___D87Vg", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___TyDy9", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___eyoLE", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___4-a0C", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___-0so1", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___tfMeB" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
|
|
2
1
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
2
|
+
import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
|
|
3
3
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
4
4
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./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___yBlMB", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___IwNFt" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -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___13nPk", "hop-Text--xs": "Text-module__hop-Text--xs___4PYRL", "hop-Text--sm": "Text-module__hop-Text--sm___R0d9u", "hop-Text--md": "Text-module__hop-Text--md___xiBnj", "hop-Text--lg": "Text-module__hop-Text--lg___yOLxE", "hop-Text--xl": "Text-module__hop-Text--xl___uUwf-", "hop-Text--2xl": "Text-module__hop-Text--2xl___bg2X9", "hop-Text--inherit": "Text-module__hop-Text--inherit___hrzn1" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
2
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
4
|
+
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
5
5
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
8
9
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
10
|
+
import { useSlotId } from '@react-aria/utils';
|
|
9
11
|
import { forwardRef } from 'react';
|
|
10
|
-
import {
|
|
12
|
+
import { mergeProps } from 'react-aria';
|
|
11
13
|
import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
12
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
13
15
|
|
|
14
16
|
// css-module:./CheckboxField.module.css#css-module
|
|
15
|
-
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-
|
|
17
|
+
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___vmnDE", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___8j8A-", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___vX5JV", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___ubSaf", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___CEk8-" };
|
|
16
18
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
17
19
|
var CheckboxToDescriptionSizeAdapter = {
|
|
18
20
|
sm: "xs",
|
|
@@ -24,6 +26,7 @@ function CheckboxField(props, ref) {
|
|
|
24
26
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
25
27
|
const {
|
|
26
28
|
className,
|
|
29
|
+
description,
|
|
27
30
|
isDisabled,
|
|
28
31
|
size: sizeProp = "md",
|
|
29
32
|
style,
|
|
@@ -55,16 +58,11 @@ function CheckboxField(props, ref) {
|
|
|
55
58
|
isDisabled: isDisabled || false
|
|
56
59
|
}
|
|
57
60
|
});
|
|
58
|
-
const descriptionId =
|
|
59
|
-
return /* @__PURE__ */ jsx(
|
|
61
|
+
const descriptionId = useSlotId([Boolean(description)]);
|
|
62
|
+
return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
|
|
60
63
|
SlotProvider,
|
|
61
64
|
{
|
|
62
65
|
values: [
|
|
63
|
-
[TextContext, {
|
|
64
|
-
id: descriptionId,
|
|
65
|
-
className: CheckboxField_module_default["hop-CheckboxField__description"],
|
|
66
|
-
size: CheckboxToDescriptionSizeAdapter[size]
|
|
67
|
-
}],
|
|
68
66
|
[CheckboxContext, {
|
|
69
67
|
className: CheckboxField_module_default["hop-CheckboxField__checkbox"],
|
|
70
68
|
size,
|
|
@@ -72,18 +70,30 @@ function CheckboxField(props, ref) {
|
|
|
72
70
|
"aria-describedby": descriptionId
|
|
73
71
|
}]
|
|
74
72
|
],
|
|
75
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ jsxs(
|
|
76
74
|
"div",
|
|
77
75
|
{
|
|
78
76
|
...mergeProps(otherProps, renderProps),
|
|
79
77
|
ref,
|
|
80
78
|
slot: slot != null ? slot : void 0,
|
|
81
79
|
"data-disabled": isDisabled,
|
|
82
|
-
children:
|
|
80
|
+
children: [
|
|
81
|
+
renderProps.children,
|
|
82
|
+
description && /* @__PURE__ */ jsx(
|
|
83
|
+
_Text,
|
|
84
|
+
{
|
|
85
|
+
id: descriptionId,
|
|
86
|
+
className: CheckboxField_module_default["hop-CheckboxField__description"],
|
|
87
|
+
size: CheckboxToDescriptionSizeAdapter[size],
|
|
88
|
+
slot: "description",
|
|
89
|
+
children: description
|
|
90
|
+
}
|
|
91
|
+
)
|
|
92
|
+
]
|
|
83
93
|
}
|
|
84
94
|
)
|
|
85
95
|
}
|
|
86
|
-
);
|
|
96
|
+
) });
|
|
87
97
|
}
|
|
88
98
|
var _CheckboxField = forwardRef(CheckboxField);
|
|
89
99
|
_CheckboxField.displayName = "CheckboxField";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { SearchFieldContext } from './chunk-3NKF5TPD.js';
|
|
2
|
-
import { _InputGroup } from './chunk-
|
|
3
|
-
import { _ClearButton } from './chunk-
|
|
2
|
+
import { _InputGroup } from './chunk-53JGRJCV.js';
|
|
3
|
+
import { _ClearButton } from './chunk-WQT2547E.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
6
6
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
7
7
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
8
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
11
|
import { IconContext, SearchIcon } from '@hopper-ui/icons';
|
|
12
12
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
|
|
|
18
18
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./SearchField.module.css#css-module
|
|
21
|
-
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-
|
|
21
|
+
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___EzOv1", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___FwSJx", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___BWARZ", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___V-b4W", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___J2m2-", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___biOhi", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___Xrao1", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___8SLym", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___rvPtp" };
|
|
22
22
|
var GlobalSearchFieldCssSelector = "hop-SearchField";
|
|
23
23
|
function SearchField(props, ref) {
|
|
24
24
|
var _a;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _Spinner } from './chunk-CB2SODXY.js';
|
|
3
3
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
-
import { EnsureTextWrapper } from './chunk-
|
|
5
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
6
6
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
7
7
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
8
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
11
|
import { IconContext } from '@hopper-ui/icons';
|
|
12
12
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
|
|
|
16
16
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./Button.module.css#css-module
|
|
19
|
-
var Button_module_default = { "hop-Button": "Button-module__hop-
|
|
19
|
+
var Button_module_default = { "hop-Button": "Button-module__hop-Button___pRoh8", "hop-Button--fluid": "Button-module__hop-Button--fluid___Bpp9N", "hop-Button--sm": "Button-module__hop-Button--sm___dhgbo", "hop-Button--md": "Button-module__hop-Button--md___CvKj-", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___7QUB4", "hop-Button--primary": "Button-module__hop-Button--primary___jY1bv", "hop-Button--secondary": "Button-module__hop-Button--secondary___Qheid", "hop-Button--upsell": "Button-module__hop-Button--upsell___HMASW", "hop-Button--danger": "Button-module__hop-Button--danger___pMitY", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___U8-dj", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___JbYCC", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___DBvCS", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___1nUPj", "hop-Button__icon": "Button-module__hop-Button__icon___ZLwCH", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___omORy", "hop-Button__text": "Button-module__hop-Button__text___NPiZn", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___VBkZB", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___HgHt2" };
|
|
20
20
|
var GlobalButtonCssSelector = "hop-Button";
|
|
21
21
|
function Button(props, ref) {
|
|
22
22
|
var _a, _b;
|
|
@@ -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___uEqn8" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
2
1
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
3
|
-
import { _RemainingCharacterCount } from './chunk-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
2
|
+
import { _RemainingCharacterCount } from './chunk-L7RJGOCA.js';
|
|
3
|
+
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
4
|
+
import { _InputGroup } from './chunk-53JGRJCV.js';
|
|
5
|
+
import { _ClearButton } from './chunk-WQT2547E.js';
|
|
6
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
7
7
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
8
8
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
9
9
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
10
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
11
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
12
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
13
12
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
13
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
14
14
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
15
15
|
import { IconContext } from '@hopper-ui/icons';
|
|
16
16
|
import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
|
|
@@ -23,7 +23,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
|
|
|
23
23
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
24
24
|
|
|
25
25
|
// css-module:./TextField.module.css#css-module
|
|
26
|
-
var TextField_module_default = { "hop-TextField": "TextField-module__hop-
|
|
26
|
+
var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___nhvHL", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___VMcRm", "hop-TextField__Label": "TextField-module__hop-TextField__Label___LLnys", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___9-Hpl", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___jyJsw", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___IpKhV", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___OKH7Q" };
|
|
27
27
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
28
28
|
function TextField(props, ref) {
|
|
29
29
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-FR7CLIF6.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___LVIED", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___JoNCi" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.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___WTTwd" };
|
|
14
14
|
var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
|
|
15
15
|
function RemainingCharacterCount(props, ref) {
|
|
16
16
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|