@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,16 +1,16 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
|
-
import { _ClearButton } from './chunk-
|
|
3
|
-
import { mapOrbiterToHopperVariants } from './chunk-
|
|
4
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _ClearButton } from './chunk-WQT2547E.js';
|
|
3
|
+
import { mapOrbiterToHopperVariants } from './chunk-P5EJKG65.js';
|
|
4
|
+
import { _Spinner } from './chunk-CB2SODXY.js';
|
|
5
5
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
6
|
-
import { EnsureTextWrapper } from './chunk-2ASLFWR3.js';
|
|
7
|
-
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
8
6
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
7
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
8
|
+
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
9
9
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
10
10
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
11
11
|
import { AvatarContext } from './chunk-AES7QBQE.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 { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
|
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
21
|
|
|
22
22
|
// css-module:./Tag.module.css#css-module
|
|
23
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
23
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___2mGJ6", "hop-Tag--sm": "Tag-module__hop-Tag--sm___9-3Vn", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___GNbak", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___YXH0V", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___mOQ-S", "hop-Tag--md": "Tag-module__hop-Tag--md___eM1fa", "hop-Tag--lg": "Tag-module__hop-Tag--lg___IDICi", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___zQ-4I", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___YpsmE", "hop-Tag--progress": "Tag-module__hop-Tag--progress___UwfqE", "hop-Tag--positive": "Tag-module__hop-Tag--positive___lu4gK", "hop-Tag--caution": "Tag-module__hop-Tag--caution___lEl78", "hop-Tag--negative": "Tag-module__hop-Tag--negative___V6nvv", "hop-Tag--option1": "Tag-module__hop-Tag--option1___rVkF2", "hop-Tag--option2": "Tag-module__hop-Tag--option2___Kv9xr", "hop-Tag--option3": "Tag-module__hop-Tag--option3___XVrqJ", "hop-Tag--option4": "Tag-module__hop-Tag--option4___lFAa-", "hop-Tag--option5": "Tag-module__hop-Tag--option5___JOGl6", "hop-Tag--option6": "Tag-module__hop-Tag--option6___RMKwJ", "hop-Tag__icon": "Tag-module__hop-Tag__icon___2UCLD", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___obAD-", "hop-Tag__text": "Tag-module__hop-Tag__text___6ljit", "hop-Tag__badge": "Tag-module__hop-Tag__badge___IE2xF", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___Ol0WG" };
|
|
24
24
|
var GlobalTagCssSelector = "hop-Tag";
|
|
25
25
|
var TagToTextSizeAdapter = {
|
|
26
26
|
sm: "xs",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
+
import { _InputGroup } from './chunk-53JGRJCV.js';
|
|
1
2
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
2
|
-
import {
|
|
3
|
-
import { _EmbeddedButton } from './chunk-274FJB5O.js';
|
|
3
|
+
import { _EmbeddedButton } from './chunk-P5EJKG65.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
7
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
8
8
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
9
|
-
import { SlotProvider } from './chunk-M36KANKC.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 { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
|
|
13
13
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
|
|
|
19
19
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./PasswordField.module.css#css-module
|
|
22
|
-
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-
|
|
22
|
+
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___cKmYI", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___wn2KB", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___xfkRq", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___QA2T7", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___DVYG0", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___cUibG" };
|
|
23
23
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
24
24
|
function PasswordField(props, ref) {
|
|
25
25
|
var _a;
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { RadioFieldContext } from './chunk-DGLAGYBD.js';
|
|
2
2
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
3
|
-
import {
|
|
3
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
4
4
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
5
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
6
5
|
import { useRenderProps } from './chunk-NH3IVMXB.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
10
|
+
import { useSlotId } from '@react-aria/utils';
|
|
10
11
|
import { forwardRef } from 'react';
|
|
11
|
-
import {
|
|
12
|
+
import { mergeProps } from 'react-aria';
|
|
12
13
|
import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
13
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
15
|
|
|
15
16
|
// css-module:./RadioField.module.css#css-module
|
|
16
|
-
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-
|
|
17
|
+
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___yRpaR", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___UgcqU", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___qCMCT", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___Sm1OF", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___BYk0A" };
|
|
17
18
|
var GlobalRadioFieldCssSelector = "hop-RadioField";
|
|
18
19
|
var RadioToDescriptionSizeAdapter = {
|
|
19
20
|
sm: "xs",
|
|
@@ -25,6 +26,7 @@ function RadioField(props, ref) {
|
|
|
25
26
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
26
27
|
const {
|
|
27
28
|
className,
|
|
29
|
+
description,
|
|
28
30
|
isDisabled,
|
|
29
31
|
size: sizeProp = "md",
|
|
30
32
|
style,
|
|
@@ -56,16 +58,11 @@ function RadioField(props, ref) {
|
|
|
56
58
|
isDisabled: isDisabled || false
|
|
57
59
|
}
|
|
58
60
|
});
|
|
59
|
-
const descriptionId =
|
|
61
|
+
const descriptionId = useSlotId([Boolean(description)]);
|
|
60
62
|
return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
|
|
61
63
|
SlotProvider,
|
|
62
64
|
{
|
|
63
65
|
values: [
|
|
64
|
-
[TextContext, {
|
|
65
|
-
id: descriptionId,
|
|
66
|
-
className: RadioField_module_default["hop-RadioField__description"],
|
|
67
|
-
size: RadioToDescriptionSizeAdapter[size]
|
|
68
|
-
}],
|
|
69
66
|
[RadioContext, {
|
|
70
67
|
className: RadioField_module_default["hop-RadioField__radio"],
|
|
71
68
|
size,
|
|
@@ -73,14 +70,26 @@ function RadioField(props, ref) {
|
|
|
73
70
|
"aria-describedby": descriptionId
|
|
74
71
|
}]
|
|
75
72
|
],
|
|
76
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ jsxs(
|
|
77
74
|
"div",
|
|
78
75
|
{
|
|
79
76
|
...mergeProps(otherProps, renderProps),
|
|
80
77
|
ref,
|
|
81
78
|
slot: slot != null ? slot : void 0,
|
|
82
79
|
"data-disabled": isDisabled,
|
|
83
|
-
children:
|
|
80
|
+
children: [
|
|
81
|
+
renderProps.children,
|
|
82
|
+
description && /* @__PURE__ */ jsx(
|
|
83
|
+
_Text,
|
|
84
|
+
{
|
|
85
|
+
id: descriptionId,
|
|
86
|
+
className: RadioField_module_default["hop-RadioField__description"],
|
|
87
|
+
size: RadioToDescriptionSizeAdapter[size],
|
|
88
|
+
slot: "description",
|
|
89
|
+
children: description
|
|
90
|
+
}
|
|
91
|
+
)
|
|
92
|
+
]
|
|
84
93
|
}
|
|
85
94
|
)
|
|
86
95
|
}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
|
+
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
3
|
+
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
4
|
+
import { _HelperMessage } from './chunk-L37Y7HGN.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-2ETSJJL5.js';
|
|
6
|
+
import { _Label } from './chunk-AAMEZDS5.js';
|
|
7
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
10
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
11
|
+
import clsx from 'clsx';
|
|
12
|
+
import { forwardRef } from 'react';
|
|
13
|
+
import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
|
|
14
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
|
+
|
|
16
|
+
// css-module:./CheckboxGroup.module.css#css-module
|
|
17
|
+
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___TRE--", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___lgNC5", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___4RIlV", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___Sb8Cm", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Oagaj", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___u2NdU", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___7rSgL", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___qZ2ja", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___1JkSL" };
|
|
18
|
+
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
19
|
+
function CheckboxGroup(props, ref) {
|
|
20
|
+
var _a, _b, _c;
|
|
21
|
+
[props, ref] = useContextProps(props, ref, CheckboxGroupContext);
|
|
22
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
23
|
+
const { stylingProps: listStylingProps, ...listProps } = useStyledSystem((_a = ownProps.listProps) != null ? _a : {});
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
children: childrenProp,
|
|
27
|
+
description,
|
|
28
|
+
errorMessage,
|
|
29
|
+
isDisabled,
|
|
30
|
+
isInvalid,
|
|
31
|
+
isRequired,
|
|
32
|
+
label,
|
|
33
|
+
necessityIndicator,
|
|
34
|
+
orientation: orientationProp = "vertical",
|
|
35
|
+
size: sizeProp = "md",
|
|
36
|
+
style: styleProp,
|
|
37
|
+
variant = "borderless",
|
|
38
|
+
...otherProps
|
|
39
|
+
} = ownProps;
|
|
40
|
+
const {
|
|
41
|
+
className: listClassName,
|
|
42
|
+
slot: listSlot,
|
|
43
|
+
style: listStyleProp,
|
|
44
|
+
...otherListProps
|
|
45
|
+
} = listProps;
|
|
46
|
+
const orientation = (_b = useResponsiveValue(orientationProp)) != null ? _b : "vertical";
|
|
47
|
+
const size = (_c = useResponsiveValue(sizeProp)) != null ? _c : "md";
|
|
48
|
+
const classNames = composeClassnameRenderProps(
|
|
49
|
+
className,
|
|
50
|
+
GlobalCheckboxGroupCssSelector,
|
|
51
|
+
cssModule(
|
|
52
|
+
CheckboxGroup_module_default,
|
|
53
|
+
"hop-CheckboxGroup",
|
|
54
|
+
size,
|
|
55
|
+
variant
|
|
56
|
+
),
|
|
57
|
+
stylingProps.className
|
|
58
|
+
);
|
|
59
|
+
const listClassNames = clsx(
|
|
60
|
+
CheckboxGroup_module_default["hop-CheckboxGroup__list"],
|
|
61
|
+
listClassName,
|
|
62
|
+
listStylingProps.className
|
|
63
|
+
);
|
|
64
|
+
const style = composeRenderProps(styleProp, (prev) => {
|
|
65
|
+
return {
|
|
66
|
+
...stylingProps.style,
|
|
67
|
+
...prev
|
|
68
|
+
};
|
|
69
|
+
});
|
|
70
|
+
const listStyle = {
|
|
71
|
+
...listStylingProps.style,
|
|
72
|
+
...listStyleProp
|
|
73
|
+
};
|
|
74
|
+
const children = composeRenderProps(childrenProp, (prev) => {
|
|
75
|
+
return /* @__PURE__ */ jsx(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
className: listClassNames,
|
|
79
|
+
slot: listSlot != null ? listSlot : void 0,
|
|
80
|
+
style: listStyle,
|
|
81
|
+
...otherListProps,
|
|
82
|
+
children: prev
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
});
|
|
86
|
+
return /* @__PURE__ */ jsx(
|
|
87
|
+
SlotProvider,
|
|
88
|
+
{
|
|
89
|
+
values: [
|
|
90
|
+
[CheckboxContext, {
|
|
91
|
+
className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
|
|
92
|
+
size
|
|
93
|
+
}],
|
|
94
|
+
[CheckboxFieldContext, {
|
|
95
|
+
className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
|
|
96
|
+
size,
|
|
97
|
+
isDisabled
|
|
98
|
+
}]
|
|
99
|
+
],
|
|
100
|
+
children: /* @__PURE__ */ jsx(
|
|
101
|
+
CheckboxGroup$1,
|
|
102
|
+
{
|
|
103
|
+
ref,
|
|
104
|
+
className: classNames,
|
|
105
|
+
style,
|
|
106
|
+
isInvalid,
|
|
107
|
+
isDisabled,
|
|
108
|
+
isRequired,
|
|
109
|
+
"data-orientation": orientation,
|
|
110
|
+
...otherProps,
|
|
111
|
+
children: (checkboxGroupRenderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
112
|
+
label && /* @__PURE__ */ jsx(
|
|
113
|
+
_Label,
|
|
114
|
+
{
|
|
115
|
+
className: CheckboxGroup_module_default["hop-CheckboxGroup__label"],
|
|
116
|
+
isRequired,
|
|
117
|
+
necessityIndicator,
|
|
118
|
+
children: label
|
|
119
|
+
}
|
|
120
|
+
),
|
|
121
|
+
children(checkboxGroupRenderProps),
|
|
122
|
+
description && /* @__PURE__ */ jsx(_HelperMessage, { className: CheckboxGroup_module_default["hop-CheckboxGroup__helper-message"], hideIcon: true, children: description }),
|
|
123
|
+
errorMessage && /* @__PURE__ */ jsx(_ErrorMessage, { className: CheckboxGroup_module_default["hop-CheckboxGroup__error-message"], hideIcon: true, children: errorMessage })
|
|
124
|
+
] })
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
var _CheckboxGroup = forwardRef(CheckboxGroup);
|
|
131
|
+
_CheckboxGroup.displayName = "CheckboxGroup";
|
|
132
|
+
|
|
133
|
+
export { GlobalCheckboxGroupCssSelector, _CheckboxGroup };
|
|
@@ -1,10 +1,10 @@
|
|
|
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-QH5LWKA7.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
|
|
10
10
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Checkbox.module.css#css-module
|
|
16
|
-
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-
|
|
16
|
+
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___egH6w", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___bE3Lt", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___-VJ30", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___zNKWi", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___WxxJp", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___VefY2", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___fpH6T", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___njOhl" };
|
|
17
17
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
18
18
|
function Checkbox(props, ref) {
|
|
19
19
|
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___2UGnO", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___0iNPh" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
|
|
2
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
3
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { IconContext } from '@hopper-ui/icons';
|
|
6
6
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// css-module:./EmbeddedButton.module.css#css-module
|
|
23
|
-
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-
|
|
23
|
+
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___6Fzsi", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___2VqbN", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___2tHI6", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___4XDsP", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___Puxls", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___XvqTf", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___zL5VY", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___anQXi", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___545Wv", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___c6kFj", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___0clx3", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___ChREr", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___W2gY1", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___CMG6f", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___FY-cK", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___Vu-bu" };
|
|
24
24
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
25
25
|
function EmbeddedButton(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Heading.module.css#css-module
|
|
10
|
-
var Heading_module_default = { "hop-Heading": "Heading-module__hop-
|
|
10
|
+
var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___PZH3U", "hop-Heading--xs": "Heading-module__hop-Heading--xs___I-PNg", "hop-Heading--sm": "Heading-module__hop-Heading--sm___wKJf5", "hop-Heading--md": "Heading-module__hop-Heading--md___kqhjn", "hop-Heading--lg": "Heading-module__hop-Heading--lg___kXlhF", "hop-Heading--xl": "Heading-module__hop-Heading--xl___-8ce8", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___KRgGY", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___kKyqV" };
|
|
11
11
|
var GlobalHeadingCssSelector = "hop-Heading";
|
|
12
12
|
function Heading(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, HeadingContext);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { EnsureTextWrapper } from './chunk-
|
|
3
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
6
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
8
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
10
10
|
import { BulletIcon, IconContext } 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 { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./DecorativeRadio.module.css#css-module
|
|
18
|
-
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___-
|
|
18
|
+
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___-Kemb Radio-module__hop-Radio___-Z8q3", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___2R-WC Radio-module__hop-Radio--sm___1TeH7", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___T33b7 Radio-module__hop-Radio--md___hoVN3", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___QjZAb Radio-module__hop-Radio__icon___4BB4k", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___kmbUf Radio-module__hop-Radio__icon___4BB4k", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___9F6wp Radio-module__hop-Radio__box___TVN5S", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___DHaqh Radio-module__hop-Radio__bullet___RfhH0", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___-sl10 Radio-module__hop-Radio__text___Fb3Yf" };
|
|
19
19
|
var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
|
|
20
20
|
function DecorativeRadio(props, ref) {
|
|
21
21
|
var _a;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useFontFaceReady } from './chunk-IU6XMS2X.js';
|
|
2
|
-
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
3
|
-
import { _RemainingCharacterCount } from './chunk-GUB5P3EE.js';
|
|
4
2
|
import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
5
|
-
import {
|
|
3
|
+
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
4
|
+
import { _RemainingCharacterCount } from './chunk-L7RJGOCA.js';
|
|
5
|
+
import { _InputGroup } from './chunk-53JGRJCV.js';
|
|
6
6
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
7
7
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
8
|
import { ErrorMessageContext } from './chunk-FAE27DLF.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 { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
|
|
14
14
|
import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
|
|
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
// css-module:./TextArea.module.css#css-module
|
|
82
|
-
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-
|
|
82
|
+
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Z4pJW", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___FQNlH", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___zgcNr", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___VFDeG", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___5ctU-", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___P6tXQ", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___BArBJ", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Uh9w2", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___08Idn" };
|
|
83
83
|
var GlobalTextAreaCssSelector = "hop-TextArea";
|
|
84
84
|
var DefaultMinimumTextAreaRows = 3;
|
|
85
85
|
var pxToInt = (value) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
1
|
import { TagGroupContext } from './chunk-LCAS3YQV.js';
|
|
3
2
|
import { TagListContext } from './chunk-XLKYXKWE.js';
|
|
3
|
+
import { TagContext } from './chunk-EWMWQ2MC.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';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./TagGroup.module.css#css-module
|
|
16
|
-
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-
|
|
16
|
+
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___tGYOh", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___-IAGh", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___hsdG1", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___OsF6L", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___CjPHW" };
|
|
17
17
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
18
18
|
function TagGroup(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useImageFallback } from './chunk-LI5HSYF7.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
3
3
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
4
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
4
|
+
import { _RichIconAvatarImage } from './chunk-VNW2HMOF.js';
|
|
5
5
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Avatar.module.css#css-module
|
|
16
|
-
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-
|
|
16
|
+
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___gAd-0", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___eC-6C", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___hIvD3", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___iy4Xo", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___vy4yL", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___EZqEu", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___SFnS7", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___jrN-t", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___eqzWh", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___DQtYk", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___hlhhq", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___SsHFq", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___uKUQ2", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___9KkKG", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___MlXXA", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___N-j7S", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___W5cIl" };
|
|
17
17
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
18
18
|
var AvatarToTextSizeAdapter = {
|
|
19
19
|
xs: "xs",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { _SelectValue } from './chunk-
|
|
1
|
+
import { _SelectValue } from './chunk-WABC2ZXX.js';
|
|
2
2
|
import { SelectContext } from './chunk-T24MBA34.js';
|
|
3
3
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
4
|
-
import { EnsureTextWrapper } from './chunk-
|
|
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';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Select as Select$1, Button } from
|
|
|
17
17
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./Select.module.css#css-module
|
|
20
|
-
var Select_module_default = { "hop-Select": "Select-module__hop-
|
|
20
|
+
var Select_module_default = { "hop-Select": "Select-module__hop-Select___u5d3m", "hop-Select--fluid": "Select-module__hop-Select--fluid___YkEzs", "hop-Select__label": "Select-module__hop-Select__label___lj87n", "hop-Select__button": "Select-module__hop-Select__button___V3fKN", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___cGJzt", "hop-Select__button--md": "Select-module__hop-Select__button--md___GgxAQ", "hop-Select__prefix": "Select-module__hop-Select__prefix___iC8wF", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___WEzTG", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___aopAP", "hop-Select__error-message": "Select-module__hop-Select__error-message___xF2H9" };
|
|
21
21
|
var GlobalSelectCssSelector = "hop-Select";
|
|
22
22
|
function Select(props, ref) {
|
|
23
23
|
var _a, _b;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { EnsureTextWrapper } from './chunk-
|
|
3
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { BulletIcon, IconContext } from '@hopper-ui/icons';
|
|
10
10
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Radio.module.css#css-module
|
|
16
|
-
var Radio_module_default = { "hop-Radio": "Radio-module__hop-
|
|
16
|
+
var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___-Z8q3", "hop-Radio--sm": "Radio-module__hop-Radio--sm___1TeH7", "hop-Radio--md": "Radio-module__hop-Radio--md___hoVN3", "hop-Radio__icon": "Radio-module__hop-Radio__icon___4BB4k", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___WePHc", "hop-Radio__box": "Radio-module__hop-Radio__box___TVN5S", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___RfhH0", "hop-Radio__text": "Radio-module__hop-Radio__text___Fb3Yf" };
|
|
17
17
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
18
18
|
function Radio(props, ref) {
|
|
19
19
|
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-QH5LWKA7.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { 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___YjSij", "hop-Switch--sm": "Switch-module__hop-Switch--sm___XsIFs", "hop-Switch--md": "Switch-module__hop-Switch--md___vYVPQ", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___ljQf9", "hop-Switch__text": "Switch-module__hop-Switch__text___hTeUQ", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___P89MW", "hop-Switch__icon": "Switch-module__hop-Switch__icon___0fQ2h" };
|
|
17
17
|
var GlobalSwitchCssSelector = "hop-Switch";
|
|
18
18
|
function Switch(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
|
-
import { EnsureTextWrapper } from './chunk-
|
|
3
|
+
import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
|
-
import { SlotProvider } from './chunk-M36KANKC.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 { IconContext } from '@hopper-ui/icons';
|
|
9
9
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Link.module.css#css-module
|
|
15
|
-
var Link_module_default = { "hop-Link": "Link-module__hop-
|
|
15
|
+
var Link_module_default = { "hop-Link": "Link-module__hop-Link___LhmHc", "hop-Link--quiet": "Link-module__hop-Link--quiet___GVHuq", "hop-Link--primary": "Link-module__hop-Link--primary___7Rszr", "hop-Link--secondary": "Link-module__hop-Link--secondary___zP-nL", "hop-Link__icon": "Link-module__hop-Link__icon___C8oX7", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___T-yVz", "hop-Link__text": "Link-module__hop-Link__text___bLlGi", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___A1piU", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___jDgtl" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
2
1
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
3
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
|
|
6
6
|
import { RichIconContext } from '@hopper-ui/icons';
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./RichIconAvatarImage.module.css#css-module
|
|
14
|
-
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-
|
|
14
|
+
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ddRxZ", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___1fm-y", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Kj2Lr", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___A3B7i", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rua-z", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9iUK4", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useIsOverflow } from './chunk-EHXOXTDN.js';
|
|
2
2
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-FR7CLIF6.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
7
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
7
|
import { useRenderProps } from './chunk-NH3IVMXB.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
|
|
|
16
16
|
import { jsx } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./SelectValue.module.css#css-module
|
|
19
|
-
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-
|
|
19
|
+
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___KpDNd", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___n1aK0", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___rQV2B", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___f9pQ6", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___BAlZw" };
|
|
20
20
|
var GlobalSelectValueCssSelector = "hop-SelectValue";
|
|
21
21
|
var SelectValueToAvatarSizeAdapter = {
|
|
22
22
|
sm: "xs",
|