@hopper-ui/components 1.3.11 → 1.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/Avatar/src/AnonymousAvatar.css +37 -37
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- 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 +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +55 -55
- package/dist/Avatar/src/index.js +6 -6
- package/dist/Avatar/src/useImageFallback.js +1 -1
- 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 +1 -1
- package/dist/Badge/src/index.css +52 -52
- package/dist/Badge/src/index.js +3 -3
- package/dist/ComboBox/src/ComboBox.css +713 -713
- package/dist/ComboBox/src/ComboBox.d.ts +9 -0
- package/dist/ComboBox/src/ComboBox.js +51 -51
- package/dist/ComboBox/src/ComboBoxContext.d.ts +6 -1
- package/dist/ComboBox/src/index.css +713 -713
- package/dist/ComboBox/src/index.d.ts +6 -1
- package/dist/ComboBox/src/index.js +51 -51
- 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 +2 -2
- package/dist/ErrorMessage/src/index.css +29 -29
- package/dist/ErrorMessage/src/index.js +2 -2
- package/dist/Form/src/Form.css +713 -713
- package/dist/Form/src/Form.js +51 -51
- package/dist/Form/src/index.css +713 -713
- package/dist/Form/src/index.js +51 -51
- 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 +11 -2
- package/dist/Link/src/index.css +49 -49
- package/dist/Link/src/index.js +11 -2
- package/dist/ListBox/src/ListBox.css +274 -274
- package/dist/ListBox/src/ListBox.d.ts +11 -1
- package/dist/ListBox/src/ListBox.js +15 -7
- package/dist/ListBox/src/ListBoxContext.d.ts +6 -0
- package/dist/ListBox/src/ListBoxItem.css +262 -262
- package/dist/ListBox/src/ListBoxItem.d.ts +21 -5
- package/dist/ListBox/src/ListBoxItem.js +14 -5
- package/dist/ListBox/src/ListBoxItemContext.d.ts +6 -0
- package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +274 -274
- package/dist/ListBox/src/index.d.ts +6 -0
- package/dist/ListBox/src/index.js +15 -7
- package/dist/Select/src/Select.css +713 -713
- package/dist/Select/src/Select.d.ts +9 -0
- package/dist/Select/src/Select.js +51 -51
- package/dist/Select/src/SelectContext.d.ts +6 -1
- package/dist/Select/src/SelectValue.css +61 -61
- package/dist/Select/src/SelectValue.d.ts +6 -1
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +713 -713
- package/dist/Select/src/index.d.ts +6 -1
- package/dist/Select/src/index.js +51 -51
- package/dist/Spinner/src/Spinner.css +37 -37
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +37 -37
- package/dist/Spinner/src/index.js +2 -2
- package/dist/buttons/src/Button.css +112 -112
- package/dist/buttons/src/Button.d.ts +4 -0
- package/dist/buttons/src/Button.js +12 -4
- package/dist/buttons/src/ButtonContext.d.ts +2 -0
- 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 +2 -2
- package/dist/buttons/src/EmbeddedButton.css +98 -98
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +194 -194
- package/dist/buttons/src/index.d.ts +2 -0
- package/dist/buttons/src/index.js +15 -7
- package/dist/checkbox/src/Checkbox.css +46 -46
- package/dist/checkbox/src/Checkbox.js +11 -2
- package/dist/checkbox/src/CheckboxField.css +33 -33
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +98 -98
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
- package/dist/checkbox/src/DecorativeCheckbox.js +11 -2
- package/dist/checkbox/src/index.css +98 -98
- package/dist/checkbox/src/index.js +14 -6
- package/dist/{chunk-4ZCY2KEA.js → chunk-2FPPOLXY.js} +2 -2
- package/dist/{chunk-MOEKGI3Q.js → chunk-2T4YF6YA.js} +15 -9
- package/dist/{chunk-MZTFEGDM.js → chunk-2YCQ3HR4.js} +1 -1
- package/dist/{chunk-QEVF4GU6.js → chunk-4LGBWVIU.js} +1 -1
- package/dist/{chunk-6NS4AQDI.js → chunk-4SAYVVYL.js} +13 -5
- package/dist/{chunk-VJWTYDCA.js → chunk-525E7GQA.js} +1 -1
- package/dist/{chunk-UXI6MVF4.js → chunk-5C4FZTGZ.js} +13 -5
- package/dist/{chunk-6HV7YSW5.js → chunk-5NLYTU3H.js} +2 -2
- package/dist/{chunk-F2BSC3KH.js → chunk-6CMYDEZX.js} +21 -19
- package/dist/{chunk-S4JSEGNU.js → chunk-7NUKUYR2.js} +1 -1
- package/dist/{chunk-QAUIUFHM.js → chunk-AG6PENAS.js} +3 -7
- package/dist/{chunk-O6I523D7.js → chunk-AHYLFUTN.js} +12 -7
- package/dist/{chunk-VFI4XPBU.js → chunk-AXOHWQ3F.js} +1 -1
- package/dist/{chunk-I7C4D6SO.js → chunk-BNRFZJH2.js} +1 -1
- package/dist/{chunk-L3DEPUAF.js → chunk-BRXIL2PF.js} +1 -1
- package/dist/{chunk-TELARNV2.js → chunk-D7DJDRJ3.js} +1 -1
- package/dist/{chunk-BXBMRBPB.js → chunk-GP6BKXPT.js} +1 -1
- package/dist/{chunk-4ZUCHCV2.js → chunk-JE3XX2SJ.js} +2 -2
- package/dist/{chunk-P7OXW6SX.js → chunk-KEFMYHZ7.js} +3 -7
- package/dist/{chunk-HPPNJVV6.js → chunk-L4P3WZD5.js} +2 -2
- package/dist/{chunk-NS3XVOQ7.js → chunk-LI5HSYF7.js} +5 -2
- package/dist/{chunk-TQLIL4FK.js → chunk-N2LF4W2F.js} +2 -2
- package/dist/{chunk-4D5OKVKB.js → chunk-N4W5OGVT.js} +10 -9
- package/dist/{chunk-WSHJXUF4.js → chunk-NCSZH3BX.js} +5 -4
- package/dist/{chunk-KKCIN6AH.js → chunk-NDNG5JZM.js} +1 -1
- package/dist/{chunk-ZJKTV2QB.js → chunk-NMVERJN3.js} +17 -7
- package/dist/{chunk-Y4V25PX4.js → chunk-PC57XZVV.js} +17 -6
- package/dist/{chunk-YV4BUYJN.js → chunk-PIPM74ZR.js} +1 -1
- package/dist/{chunk-4PLO6M5P.js → chunk-POYJ4HSP.js} +2 -2
- package/dist/{chunk-R5YV23ZF.js → chunk-QOJVYB3C.js} +1 -1
- package/dist/{chunk-5ORMXIMY.js → chunk-QZK76BU7.js} +1 -1
- package/dist/{chunk-BPFYQL3X.js → chunk-RWV3WC6S.js} +10 -9
- package/dist/{chunk-GTNBBI2S.js → chunk-SED3IAG6.js} +2 -2
- package/dist/{chunk-7B6XUT4A.js → chunk-TAKV5UAB.js} +1 -1
- package/dist/{chunk-BUP6LEQX.js → chunk-TWDVOXVB.js} +1 -1
- package/dist/{chunk-D7WXRB6L.js → chunk-VGVPCTWN.js} +3 -7
- package/dist/{chunk-64O3N7JE.js → chunk-VNC3T7SU.js} +1 -1
- package/dist/{chunk-JOIYDL4E.js → chunk-WGK36YRB.js} +1 -1
- package/dist/{chunk-NTFJHBUN.js → chunk-WHESXP63.js} +25 -26
- package/dist/{chunk-SCDADO4Y.js → chunk-WXDO7NVW.js} +1 -1
- package/dist/{chunk-47AZN77D.js → chunk-XA4GSKHM.js} +1 -1
- package/dist/{chunk-W6DTEUHF.js → chunk-Y4DX32HX.js} +3 -7
- package/dist/{chunk-BJNIT3X3.js → chunk-YEFNZ7AV.js} +17 -12
- package/dist/{chunk-KS255M2B.js → chunk-YJR4NQEV.js} +3 -7
- package/dist/{chunk-M64YZ3V3.js → chunk-ZVEICADL.js} +2 -2
- package/dist/{chunk-5RQ3FMMG.js → chunk-ZXLXPVHG.js} +3 -7
- package/dist/index.css +713 -713
- package/dist/index.js +51 -51
- package/dist/inputs/src/InputGroup.css +209 -209
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +231 -231
- package/dist/inputs/src/NumberField.d.ts +5 -0
- package/dist/inputs/src/NumberField.js +8 -7
- package/dist/inputs/src/NumberFieldContext.d.ts +1 -0
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.d.ts +15 -1
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/PasswordFieldContext.d.ts +2 -0
- package/dist/inputs/src/RemainingCharacterCount.css +30 -30
- package/dist/inputs/src/RemainingCharacterCount.d.ts +5 -7
- package/dist/inputs/src/RemainingCharacterCount.js +5 -5
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.d.ts +11 -0
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/SearchFieldContext.d.ts +3 -0
- package/dist/inputs/src/TextArea.css +226 -226
- package/dist/inputs/src/TextArea.d.ts +12 -0
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextAreaContext.d.ts +4 -0
- package/dist/inputs/src/TextField.css +223 -223
- package/dist/inputs/src/TextField.d.ts +12 -0
- package/dist/inputs/src/TextField.js +11 -10
- package/dist/inputs/src/TextFieldContext.d.ts +4 -0
- package/dist/inputs/src/index.css +269 -269
- package/dist/inputs/src/index.d.ts +2 -1
- package/dist/inputs/src/index.js +15 -14
- package/dist/overlays/Popover/src/Popover.css +713 -713
- package/dist/overlays/Popover/src/Popover.js +51 -51
- package/dist/overlays/Popover/src/index.css +713 -713
- package/dist/overlays/Popover/src/index.js +51 -51
- package/dist/radio/src/DecorativeRadio.css +54 -54
- package/dist/radio/src/DecorativeRadio.js +11 -2
- package/dist/radio/src/Radio.css +46 -46
- package/dist/radio/src/Radio.js +11 -2
- package/dist/radio/src/RadioField.css +33 -33
- package/dist/radio/src/RadioField.js +1 -1
- package/dist/radio/src/RadioGroup.css +98 -98
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/index.css +98 -98
- package/dist/radio/src/index.js +14 -6
- package/dist/switch/src/Switch.css +43 -43
- package/dist/switch/src/Switch.js +11 -2
- package/dist/switch/src/SwitchField.css +33 -33
- package/dist/switch/src/SwitchField.js +1 -1
- package/dist/switch/src/index.css +49 -49
- package/dist/switch/src/index.js +12 -3
- package/dist/tag/src/Tag.css +335 -335
- package/dist/tag/src/Tag.d.ts +13 -0
- package/dist/tag/src/Tag.js +14 -6
- package/dist/tag/src/TagContext.d.ts +5 -0
- package/dist/tag/src/TagGroup.css +37 -37
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/TagList.css +27 -27
- package/dist/tag/src/index.css +345 -345
- package/dist/tag/src/index.d.ts +5 -0
- package/dist/tag/src/index.js +15 -8
- 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 +6 -6
- package/dist/utils/src/index.css +27 -27
- package/dist/utils/src/index.js +7 -7
- package/package.json +1 -1
|
@@ -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:./CheckboxField.module.css#css-module
|
|
15
|
-
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-
|
|
15
|
+
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___xo5uZ", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___rytlQ", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___7elfD", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___zp4DS", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___huy2N" };
|
|
16
16
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
17
17
|
var CheckboxToDescriptionSizeAdapter = {
|
|
18
18
|
sm: "xs",
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-ZXLXPVHG.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-AG6PENAS.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
5
|
-
import {
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-525E7GQA.js';
|
|
5
|
+
import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
7
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
8
|
-
import { _Text } from './chunk-R5YV23ZF.js';
|
|
9
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
10
9
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
11
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -13,12 +12,13 @@ import { SlotProvider } from './chunk-M36KANKC.js';
|
|
|
13
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
14
13
|
import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
|
|
15
14
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
15
|
+
import clsx from 'clsx';
|
|
16
16
|
import { forwardRef, useContext, useState } from 'react';
|
|
17
17
|
import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, ListStateContext, DEFAULT_SLOT } from 'react-aria-components';
|
|
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___vnb2l", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___2tvWe", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___laeS9", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Wgp-M", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___v2LhJ", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___dBcZQ", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Xt4Pi", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___oaHEi", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___lOddo", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___-T7M6", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___X7eZW", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___R6ODH", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___j4R7K", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___Pr2cQ", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___NrF-E", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___DkwR0", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___HOljE" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -50,7 +50,9 @@ function ListBoxItemInner(props) {
|
|
|
50
50
|
selectionIndicator,
|
|
51
51
|
isInvalid,
|
|
52
52
|
size,
|
|
53
|
-
children
|
|
53
|
+
children,
|
|
54
|
+
radioProps,
|
|
55
|
+
checkboxProps
|
|
54
56
|
} = props;
|
|
55
57
|
const isRadio = selectionIndicator === "input" && selectionMode === "single";
|
|
56
58
|
const isCheckbox = selectionIndicator === "input" && selectionMode === "multiple";
|
|
@@ -62,6 +64,10 @@ function ListBoxItemInner(props) {
|
|
|
62
64
|
setIsListHasSelectionEnd((prev) => isListHasSelection && !prev);
|
|
63
65
|
}
|
|
64
66
|
};
|
|
67
|
+
const { className: radioClassName, ...otherRadioProps } = radioProps || {};
|
|
68
|
+
const radioClassNames = clsx(ListBoxItem_module_default["hop-ListBoxItem__radio"], radioClassName);
|
|
69
|
+
const { className: checkboxClassName, ...otherCheckboxProps } = checkboxProps || {};
|
|
70
|
+
const checkboxClassNames = clsx(ListBoxItem_module_default["hop-ListBoxItem__checkbox"], checkboxClassName);
|
|
65
71
|
return /* @__PURE__ */ jsxs(
|
|
66
72
|
"div",
|
|
67
73
|
{
|
|
@@ -73,14 +79,15 @@ function ListBoxItemInner(props) {
|
|
|
73
79
|
isRadio && /* @__PURE__ */ jsx(
|
|
74
80
|
_DecorativeRadio,
|
|
75
81
|
{
|
|
76
|
-
className:
|
|
82
|
+
className: radioClassNames,
|
|
77
83
|
value: "radio",
|
|
78
84
|
size: "sm",
|
|
79
85
|
isDisabled,
|
|
80
86
|
isHovered: isHovered || isFocusVisible,
|
|
81
87
|
isPressed,
|
|
82
88
|
isSelected,
|
|
83
|
-
isInvalid
|
|
89
|
+
isInvalid,
|
|
90
|
+
...otherRadioProps
|
|
84
91
|
}
|
|
85
92
|
),
|
|
86
93
|
isCheckbox && /* @__PURE__ */ jsx(
|
|
@@ -88,12 +95,13 @@ function ListBoxItemInner(props) {
|
|
|
88
95
|
{
|
|
89
96
|
size: "sm",
|
|
90
97
|
value: "checkbox",
|
|
91
|
-
className:
|
|
98
|
+
className: checkboxClassNames,
|
|
92
99
|
isDisabled,
|
|
93
100
|
isHovered: isHovered || isFocusVisible,
|
|
94
101
|
isPressed,
|
|
95
102
|
isSelected,
|
|
96
|
-
isInvalid
|
|
103
|
+
isInvalid,
|
|
104
|
+
...otherCheckboxProps
|
|
97
105
|
}
|
|
98
106
|
),
|
|
99
107
|
isCheck && /* @__PURE__ */ jsx(CheckmarkIcon, { className: ListBoxItem_module_default["hop-ListBoxItem__checkmark"], size: "sm" }),
|
|
@@ -198,10 +206,7 @@ function ListBoxItem(props, ref) {
|
|
|
198
206
|
};
|
|
199
207
|
});
|
|
200
208
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
201
|
-
|
|
202
|
-
return /* @__PURE__ */ jsx(_Text, { slot: "label", children: prev });
|
|
203
|
-
}
|
|
204
|
-
return prev;
|
|
209
|
+
return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
|
|
205
210
|
});
|
|
206
211
|
return /* @__PURE__ */ jsx(
|
|
207
212
|
ListBoxItem$1,
|
|
@@ -218,19 +223,13 @@ function ListBoxItem(props, ref) {
|
|
|
218
223
|
"aria-live": isLoading ? "polite" : void 0,
|
|
219
224
|
children: (listBoxItemProps) => {
|
|
220
225
|
if (isLoading) {
|
|
221
|
-
return /* @__PURE__ */ jsx(
|
|
222
|
-
|
|
226
|
+
return /* @__PURE__ */ jsx("div", { className: ListBoxItem_module_default["hop-ListBoxItem__inner"], children: /* @__PURE__ */ jsx(
|
|
227
|
+
_ListBoxItemSkeleton,
|
|
223
228
|
{
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
_ListBoxItemSkeleton,
|
|
227
|
-
{
|
|
228
|
-
size,
|
|
229
|
-
slot: "label"
|
|
230
|
-
}
|
|
231
|
-
)
|
|
229
|
+
size,
|
|
230
|
+
slot: "label"
|
|
232
231
|
}
|
|
233
|
-
);
|
|
232
|
+
) });
|
|
234
233
|
}
|
|
235
234
|
return /* @__PURE__ */ jsx(
|
|
236
235
|
ListBoxItemInner,
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ButtonGroup.module.css#css-module
|
|
13
|
-
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-
|
|
13
|
+
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___HRRO1", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___JQZ3v", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___YaD2-", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Hec4p", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___5wOtk", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___vvXoe", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___vLMg1", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___EEAgq" };
|
|
14
14
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
15
15
|
function ButtonGroup(props, ref) {
|
|
16
16
|
var _a, _b, _c, _d, _e;
|
|
@@ -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___iwL45", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___qAian" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import {
|
|
2
|
+
import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { _Text } from './chunk-R5YV23ZF.js';
|
|
5
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
7
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -14,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
|
|
|
14
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
14
|
|
|
16
15
|
// css-module:./Radio.module.css#css-module
|
|
17
|
-
var Radio_module_default = { "hop-Radio": "Radio-module__hop-
|
|
16
|
+
var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___xQdod", "hop-Radio--sm": "Radio-module__hop-Radio--sm___fZpu0", "hop-Radio--md": "Radio-module__hop-Radio--md___m1eZ3", "hop-Radio__icon": "Radio-module__hop-Radio__icon___yT-eq", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___og3A5", "hop-Radio__box": "Radio-module__hop-Radio__box___0iwt4", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___4XvQO", "hop-Radio__text": "Radio-module__hop-Radio__text___yc4qR" };
|
|
18
17
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
19
18
|
function Radio(props, ref) {
|
|
20
19
|
var _a;
|
|
@@ -45,10 +44,7 @@ function Radio(props, ref) {
|
|
|
45
44
|
};
|
|
46
45
|
});
|
|
47
46
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
48
|
-
|
|
49
|
-
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
50
|
-
}
|
|
51
|
-
return prev;
|
|
47
|
+
return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
|
|
52
48
|
});
|
|
53
49
|
return /* @__PURE__ */ jsx(
|
|
54
50
|
Radio$1,
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
|
-
import { _ClearButton } from './chunk-
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _ClearButton } from './chunk-QZK76BU7.js';
|
|
3
|
+
import { _Spinner } from './chunk-POYJ4HSP.js';
|
|
4
|
+
import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
|
|
4
5
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
5
|
-
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
7
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
8
|
-
import { _Text } from './chunk-R5YV23ZF.js';
|
|
9
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
10
9
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
11
10
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
@@ -14,12 +13,13 @@ import { SlotProvider } from './chunk-M36KANKC.js';
|
|
|
14
13
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
15
14
|
import { IconContext } from '@hopper-ui/icons';
|
|
16
15
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
16
|
+
import clsx from 'clsx';
|
|
17
17
|
import { forwardRef } from 'react';
|
|
18
18
|
import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
|
|
19
19
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Tag.module.css#css-module
|
|
22
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
22
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___CJajS", "hop-Tag--sm": "Tag-module__hop-Tag--sm___w6UiP", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___-7UbF", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___dzNlQ", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___AHZky", "hop-Tag--md": "Tag-module__hop-Tag--md___Yz5Dq", "hop-Tag--lg": "Tag-module__hop-Tag--lg___v49Vf", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___LA0EZ", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___DAI2V", "hop-Tag--progress": "Tag-module__hop-Tag--progress___cItWR", "hop-Tag--positive": "Tag-module__hop-Tag--positive___75kD5", "hop-Tag--caution": "Tag-module__hop-Tag--caution___t6jgc", "hop-Tag--negative": "Tag-module__hop-Tag--negative___SgfmM", "hop-Tag--option1": "Tag-module__hop-Tag--option1___0Fevm", "hop-Tag--option2": "Tag-module__hop-Tag--option2___fzH-J", "hop-Tag--option3": "Tag-module__hop-Tag--option3___61l-S", "hop-Tag--option4": "Tag-module__hop-Tag--option4___V7dEd", "hop-Tag--option5": "Tag-module__hop-Tag--option5___7rjCx", "hop-Tag--option6": "Tag-module__hop-Tag--option6___pmt-Q", "hop-Tag__icon": "Tag-module__hop-Tag__icon___pdIX8", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___soWeU", "hop-Tag__text": "Tag-module__hop-Tag__text___HYmjF", "hop-Tag__badge": "Tag-module__hop-Tag__badge___37LuM" };
|
|
23
23
|
var GlobalTagCssSelector = "hop-Tag";
|
|
24
24
|
var TagToTextSizeAdapter = {
|
|
25
25
|
sm: "xs",
|
|
@@ -49,6 +49,8 @@ function Tag(props, ref) {
|
|
|
49
49
|
style: styleProp,
|
|
50
50
|
textValue: textValueProp,
|
|
51
51
|
variant = "neutral",
|
|
52
|
+
clearButtonProps,
|
|
53
|
+
spinnerProps,
|
|
52
54
|
...otherProps
|
|
53
55
|
} = ownProps;
|
|
54
56
|
const stringFormatter = useLocalizedString();
|
|
@@ -72,11 +74,12 @@ function Tag(props, ref) {
|
|
|
72
74
|
};
|
|
73
75
|
});
|
|
74
76
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
75
|
-
|
|
76
|
-
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
77
|
-
}
|
|
78
|
-
return prev;
|
|
77
|
+
return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
|
|
79
78
|
});
|
|
79
|
+
const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
|
|
80
|
+
const spinnerClassNames = clsx(Tag_module_default["hop-Tag__Spinner"], spinnerClassName);
|
|
81
|
+
const { className: clearButtonClassName, ...otherClearButtonProps } = clearButtonProps || {};
|
|
82
|
+
const clearButtonClassNames = clsx(Tag_module_default["hop-Tag__remove-btn"], clearButtonClassName);
|
|
80
83
|
return /* @__PURE__ */ jsx(
|
|
81
84
|
Tag$1,
|
|
82
85
|
{
|
|
@@ -127,11 +130,12 @@ function Tag(props, ref) {
|
|
|
127
130
|
{
|
|
128
131
|
slot: "remove",
|
|
129
132
|
isDisabled,
|
|
130
|
-
className:
|
|
133
|
+
className: clearButtonClassNames,
|
|
131
134
|
"aria-label": stringFormatter.format("Tag.removeAriaLabel"),
|
|
132
135
|
size: TagToButtonSizeAdapter[size],
|
|
133
136
|
variant,
|
|
134
|
-
isSelected
|
|
137
|
+
isSelected,
|
|
138
|
+
...otherClearButtonProps
|
|
135
139
|
}
|
|
136
140
|
),
|
|
137
141
|
isLoading && /* @__PURE__ */ jsx(
|
|
@@ -139,7 +143,8 @@ function Tag(props, ref) {
|
|
|
139
143
|
{
|
|
140
144
|
"aria-label": stringFormatter.format("Tag.spinnerAriaLabel"),
|
|
141
145
|
size: "sm",
|
|
142
|
-
className:
|
|
146
|
+
className: spinnerClassNames,
|
|
147
|
+
...otherSpinnerProps
|
|
143
148
|
}
|
|
144
149
|
)
|
|
145
150
|
] });
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
|
-
import {
|
|
2
|
+
import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { _Text } from './chunk-R5YV23ZF.js';
|
|
5
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
7
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -14,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
|
|
|
14
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
14
|
|
|
16
15
|
// css-module:./Switch.module.css#css-module
|
|
17
|
-
var Switch_module_default = { "hop-Switch": "Switch-module__hop-
|
|
16
|
+
var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___T-TWp", "hop-Switch--sm": "Switch-module__hop-Switch--sm___VVCUz", "hop-Switch--md": "Switch-module__hop-Switch--md___h3LkX", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___-UzbW", "hop-Switch__text": "Switch-module__hop-Switch__text___LWGrj", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___9HnHz", "hop-Switch__icon": "Switch-module__hop-Switch__icon___lbpAv" };
|
|
18
17
|
var GlobalSwitchCssSelector = "hop-Switch";
|
|
19
18
|
function Switch(props, ref) {
|
|
20
19
|
var _a;
|
|
@@ -45,10 +44,7 @@ function Switch(props, ref) {
|
|
|
45
44
|
};
|
|
46
45
|
});
|
|
47
46
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
48
|
-
|
|
49
|
-
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
50
|
-
}
|
|
51
|
-
return prev;
|
|
47
|
+
return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
|
|
52
48
|
});
|
|
53
49
|
return /* @__PURE__ */ jsx(
|
|
54
50
|
Switch$1,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-QOJVYB3C.js';
|
|
3
3
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
var EnsureTextWrapper = ({ children }) => {
|
|
6
|
-
return isTextOnlyChildren(children) ? /* @__PURE__ */ jsx(_Text, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
|
|
6
|
+
return children && isTextOnlyChildren(children) ? /* @__PURE__ */ jsx(_Text, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { EnsureTextWrapper };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import {
|
|
2
|
+
import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { _Text } from './chunk-R5YV23ZF.js';
|
|
5
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
7
6
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
@@ -16,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
16
15
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
17
16
|
|
|
18
17
|
// css-module:./DecorativeRadio.module.css#css-module
|
|
19
|
-
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-
|
|
18
|
+
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___w3het Radio-module__hop-Radio___xQdod", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___-1cow Radio-module__hop-Radio--sm___fZpu0", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___L3i-a Radio-module__hop-Radio--md___m1eZ3", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___N7VOB Radio-module__hop-Radio__icon___yT-eq", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___U3App Radio-module__hop-Radio__icon___yT-eq", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___dg98D Radio-module__hop-Radio__box___0iwt4", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___S2jL5 Radio-module__hop-Radio__bullet___4XvQO", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___QF3uT Radio-module__hop-Radio__text___yc4qR" };
|
|
20
19
|
var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
|
|
21
20
|
function DecorativeRadio(props, ref) {
|
|
22
21
|
var _a;
|
|
@@ -41,10 +40,7 @@ function DecorativeRadio(props, ref) {
|
|
|
41
40
|
} = ownProps;
|
|
42
41
|
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
43
42
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
44
|
-
|
|
45
|
-
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
46
|
-
}
|
|
47
|
-
return prev;
|
|
43
|
+
return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
|
|
48
44
|
});
|
|
49
45
|
const classNames = composeClassnameRenderProps(
|
|
50
46
|
className,
|