@hopper-ui/components 1.3.26 → 1.3.28
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 +12 -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 +3 -3
- 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 +5 -5
- 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 +768 -768
- package/dist/ComboBox/src/ComboBox.js +49 -49
- package/dist/ComboBox/src/index.css +768 -768
- package/dist/ComboBox/src/index.js +49 -49
- 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 +768 -768
- package/dist/Form/src/Form.js +49 -49
- package/dist/Form/src/index.css +768 -768
- package/dist/Form/src/index.js +49 -49
- 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 +6 -6
- package/dist/Link/src/index.css +49 -49
- package/dist/Link/src/index.js +6 -6
- package/dist/ListBox/src/ListBox.css +274 -274
- package/dist/ListBox/src/ListBox.js +10 -10
- package/dist/ListBox/src/ListBoxItem.css +262 -262
- package/dist/ListBox/src/ListBoxItem.js +9 -9
- 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.js +10 -10
- package/dist/Select/src/Select.css +768 -768
- package/dist/Select/src/Select.js +49 -49
- package/dist/Select/src/SelectValue.css +61 -61
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +768 -768
- package/dist/Select/src/index.js +49 -49
- 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 +93 -93
- package/dist/buttons/src/Button.js +7 -7
- 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/LinkButton.css +102 -102
- package/dist/buttons/src/LinkButton.js +6 -6
- package/dist/buttons/src/index.css +249 -249
- package/dist/buttons/src/index.js +11 -11
- package/dist/checkbox/src/Checkbox.css +46 -46
- package/dist/checkbox/src/Checkbox.js +6 -6
- package/dist/checkbox/src/CheckboxField.css +33 -33
- package/dist/checkbox/src/CheckboxField.js +2 -2
- package/dist/checkbox/src/CheckboxGroup.css +98 -98
- package/dist/checkbox/src/CheckboxGroup.js +6 -6
- package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
- package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
- package/dist/checkbox/src/index.css +98 -98
- package/dist/checkbox/src/index.js +12 -12
- package/dist/{chunk-O4UTOFYE.js → chunk-2RKEE6ON.js} +3 -3
- package/dist/{chunk-5VMRSEZJ.js → chunk-3YUKDUBT.js} +2 -2
- package/dist/{chunk-Q6YABMDY.js → chunk-4HFYPZ7J.js} +5 -5
- package/dist/{chunk-7YCHVZAY.js → chunk-4IENSHKG.js} +2 -2
- package/dist/{chunk-BX43IOO4.js → chunk-52F3MKBS.js} +1 -1
- package/dist/{chunk-BBBCM4UD.js → chunk-6OTV3GUL.js} +4 -4
- package/dist/chunk-72PY2FT5.js +12 -0
- package/dist/{chunk-VAAXBSBQ.js → chunk-7FN5LPW2.js} +1 -1
- package/dist/{chunk-5U74TYYM.js → chunk-7GG6LNPK.js} +5 -5
- package/dist/{chunk-OH47EJDL.js → chunk-7QM2UR6P.js} +26 -12
- package/dist/{chunk-AQSTIWVL.js → chunk-7XY2646K.js} +2 -2
- package/dist/{chunk-ON7MQIOJ.js → chunk-B6ODGXNK.js} +1 -1
- package/dist/{chunk-Z2LOHKRH.js → chunk-BCNS6TXC.js} +1 -1
- package/dist/{chunk-4T564HJ6.js → chunk-C6MQIVDN.js} +1 -1
- package/dist/{chunk-TUAAD5PI.js → chunk-CASQ2C4E.js} +1 -1
- package/dist/{chunk-UIVMBUPT.js → chunk-DEECPTTW.js} +1 -1
- package/dist/{chunk-KZQDYFSO.js → chunk-E3XCDDVP.js} +15 -24
- package/dist/{chunk-BCCHOOJ6.js → chunk-EELG3KGZ.js} +18 -26
- package/dist/{chunk-P46AXP47.js → chunk-FIV4MP2N.js} +3 -3
- package/dist/{chunk-CPMQVH6E.js → chunk-GV4X32KY.js} +5 -5
- package/dist/{chunk-UV3CWRCS.js → chunk-GXB32FI6.js} +1 -1
- package/dist/{chunk-D356AG3Y.js → chunk-IN2LYBYC.js} +6 -6
- package/dist/{chunk-QHS7OPTX.js → chunk-JLCWRP32.js} +2 -2
- package/dist/{chunk-AN67K6WK.js → chunk-JM2QTS6J.js} +1 -1
- package/dist/{chunk-2EV3YY6O.js → chunk-KG7GOFW7.js} +4 -4
- package/dist/{chunk-XF3Q4TNE.js → chunk-KGS66EXP.js} +3 -3
- package/dist/{chunk-DTY2IJJ4.js → chunk-KT4C4WUK.js} +15 -23
- package/dist/{chunk-PLJGFTQE.js → chunk-KXHFO3GY.js} +1 -1
- package/dist/{chunk-E5B2HDJG.js → chunk-N654TU4R.js} +2 -2
- package/dist/{chunk-34ER3Q3E.js → chunk-OECSVR7Z.js} +3 -3
- package/dist/{chunk-3W66UTRH.js → chunk-PD5FZEQT.js} +3 -3
- package/dist/{chunk-3UP24VEW.js → chunk-RA3VSEHH.js} +6 -6
- package/dist/{chunk-IFHFCK4B.js → chunk-RGIQISOA.js} +1 -1
- package/dist/{chunk-GKELD2X2.js → chunk-RKNB4MGA.js} +4 -4
- package/dist/{chunk-3O7BL2KX.js → chunk-RNLIMB3A.js} +4 -4
- package/dist/{chunk-UNIVA5T3.js → chunk-TUBWJ45G.js} +1 -1
- package/dist/{chunk-X5UWK5RL.js → chunk-TYVU3UXB.js} +1 -1
- package/dist/{chunk-SEMHS2HM.js → chunk-U4TXF2NA.js} +3 -3
- package/dist/{chunk-YO2QYRC2.js → chunk-UK7PZLNZ.js} +2 -2
- package/dist/{chunk-Y4ZE6KY7.js → chunk-UMDJI3X7.js} +32 -32
- package/dist/{chunk-ESWWZ7W6.js → chunk-WGDHDOAK.js} +3 -3
- package/dist/{chunk-EXL4IHCP.js → chunk-XYLV52CG.js} +2 -2
- package/dist/{chunk-SHLXCNCB.js → chunk-YFVVNMTC.js} +1 -1
- package/dist/{chunk-QLFK4TDW.js → chunk-Z7I4MQYQ.js} +1 -1
- package/dist/{chunk-RH56CRXC.js → chunk-ZO5FPKXJ.js} +1 -1
- package/dist/{chunk-D423VDJZ.js → chunk-ZONJLY6Q.js} +2 -2
- package/dist/index.css +768 -768
- package/dist/index.d.ts +1 -1
- package/dist/index.js +49 -49
- package/dist/inputs/src/InputGroup.css +264 -264
- package/dist/inputs/src/InputGroup.js +1 -1
- 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 +8 -8
- package/dist/inputs/src/RemainingCharacterCount.css +30 -30
- package/dist/inputs/src/RemainingCharacterCount.js +5 -5
- package/dist/inputs/src/SearchField.css +280 -280
- package/dist/inputs/src/SearchField.d.ts +4 -13
- package/dist/inputs/src/SearchField.js +12 -9
- package/dist/inputs/src/TextArea.css +281 -281
- package/dist/inputs/src/TextArea.d.ts +2 -11
- package/dist/inputs/src/TextArea.js +10 -8
- package/dist/inputs/src/TextField.css +278 -278
- package/dist/inputs/src/TextField.d.ts +2 -11
- package/dist/inputs/src/TextField.js +13 -11
- package/dist/inputs/src/index.css +324 -324
- package/dist/inputs/src/index.js +17 -15
- package/dist/overlays/Popover/src/Popover.css +768 -768
- package/dist/overlays/Popover/src/Popover.js +49 -49
- package/dist/overlays/Popover/src/index.css +768 -768
- package/dist/overlays/Popover/src/index.js +49 -49
- package/dist/radio/src/DecorativeRadio.css +54 -54
- package/dist/radio/src/DecorativeRadio.js +6 -6
- package/dist/radio/src/Radio.css +46 -46
- package/dist/radio/src/Radio.js +6 -6
- package/dist/radio/src/RadioField.css +33 -33
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +98 -98
- package/dist/radio/src/RadioGroup.js +6 -6
- package/dist/radio/src/index.css +98 -98
- package/dist/radio/src/index.js +12 -12
- package/dist/switch/src/Switch.css +43 -43
- package/dist/switch/src/Switch.js +6 -6
- 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 +7 -7
- package/dist/tag/src/Tag.css +390 -390
- package/dist/tag/src/Tag.js +9 -9
- 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 +11 -11
- 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.d.ts +2 -6
- 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 +5 -5
- package/package.json +1 -1
- package/dist/chunk-ZZPW6TQD.js +0 -9
|
@@ -12,27 +12,27 @@ import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
|
12
12
|
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
13
13
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
14
14
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
15
|
-
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
15
|
+
import { ButtonContext as ButtonContext$1 } from './chunk-WMTWFKKP.js';
|
|
16
16
|
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
17
17
|
import { SelectContext } from './chunk-T24MBA34.js';
|
|
18
|
-
import { _SelectValue } from './chunk-
|
|
19
|
-
import { _ListBox } from './chunk-
|
|
18
|
+
import { _SelectValue } from './chunk-XYLV52CG.js';
|
|
19
|
+
import { _ListBox } from './chunk-U4TXF2NA.js';
|
|
20
20
|
import { isFunction, isNil } from './chunk-TIPN4VYD.js';
|
|
21
21
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
22
22
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
23
23
|
import { _HopperProvider } from './chunk-NMKBUGSO.js';
|
|
24
|
-
import {
|
|
24
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.js';
|
|
25
25
|
import { HeadingContext } from './chunk-TXZ6BMFR.js';
|
|
26
|
-
import { _Label } from './chunk-
|
|
26
|
+
import { _Label } from './chunk-TYVU3UXB.js';
|
|
27
27
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
28
28
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
29
|
+
import { _ErrorMessage } from './chunk-7QM2UR6P.js';
|
|
30
|
+
import { _HelperMessage } from './chunk-ZONJLY6Q.js';
|
|
29
31
|
import { FormContext } from './chunk-EURJK4ZT.js';
|
|
30
|
-
import { _HelperMessage } from './chunk-D423VDJZ.js';
|
|
31
|
-
import { _ErrorMessage } from './chunk-OH47EJDL.js';
|
|
32
32
|
import { ComboBoxContext } from './chunk-4XHTP4GX.js';
|
|
33
33
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
34
|
-
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
35
|
-
import {
|
|
34
|
+
import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
|
|
35
|
+
import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
36
36
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
37
37
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
38
38
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -41,13 +41,13 @@ import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hop
|
|
|
41
41
|
export * from '@hopper-ui/styled-system';
|
|
42
42
|
import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
|
|
43
43
|
import { forwardRef, useRef, useState, useCallback, useReducer, useEffect } from 'react';
|
|
44
|
-
import { useContextProps, useSlottedContext, InputContext, composeRenderProps, ComboBox as ComboBox$1, Group, Input, Button, Form as Form$1, Select as Select$1, Popover as Popover$1, Dialog
|
|
44
|
+
import { useContextProps, useSlottedContext, InputContext, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button, Form as Form$1, Select as Select$1, Popover as Popover$1, Dialog } from 'react-aria-components';
|
|
45
45
|
export { Collection } from 'react-aria-components';
|
|
46
46
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
47
47
|
import clsx2 from 'clsx';
|
|
48
48
|
|
|
49
49
|
// css-module:./ComboBox.module.css#css-module
|
|
50
|
-
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-
|
|
50
|
+
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___BSY0v", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___xxb2q", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___QUzv8", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___lgLgl", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___VvwSg", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___ESqri", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___RwU1B", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___wtk3z", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___y5IV4", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___T1iDO", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___1hfjy", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___2gm-Q" };
|
|
51
51
|
var GlobalComboBoxCssSelector = "hop-ComboBox";
|
|
52
52
|
function ComboBox(props, ref) {
|
|
53
53
|
var _a, _b, _c, _d, _e;
|
|
@@ -110,7 +110,7 @@ function ComboBox(props, ref) {
|
|
|
110
110
|
const {
|
|
111
111
|
style: popoverStyleProp
|
|
112
112
|
} = popoverProps != null ? popoverProps : {};
|
|
113
|
-
const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "
|
|
113
|
+
const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
|
|
114
114
|
const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
|
|
115
115
|
const align = (_d = useResponsiveValue(alignProp)) != null ? _d : "start";
|
|
116
116
|
const direction = (_e = useResponsiveValue(directionProp)) != null ? _e : "bottom";
|
|
@@ -166,19 +166,19 @@ function ComboBox(props, ref) {
|
|
|
166
166
|
ClearProviders,
|
|
167
167
|
{
|
|
168
168
|
values: [
|
|
169
|
-
TextContext$1,
|
|
170
169
|
TextContext,
|
|
171
|
-
|
|
170
|
+
TextContext$1,
|
|
171
|
+
ButtonContext
|
|
172
172
|
],
|
|
173
173
|
children: /* @__PURE__ */ jsx(
|
|
174
174
|
SlotProvider,
|
|
175
175
|
{
|
|
176
176
|
values: [
|
|
177
|
-
[TextContext, {
|
|
177
|
+
[TextContext$1, {
|
|
178
178
|
size
|
|
179
179
|
}]
|
|
180
180
|
],
|
|
181
|
-
children: /* @__PURE__ */ jsx(_Footer, { children:
|
|
181
|
+
children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
|
|
182
182
|
}
|
|
183
183
|
)
|
|
184
184
|
}
|
|
@@ -193,10 +193,10 @@ function ComboBox(props, ref) {
|
|
|
193
193
|
SlotProvider,
|
|
194
194
|
{
|
|
195
195
|
values: [
|
|
196
|
-
[TextContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
|
|
196
|
+
[TextContext$1, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
|
|
197
197
|
[IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
|
|
198
198
|
],
|
|
199
|
-
children: /* @__PURE__ */ jsx(ClearContainerSlots, { children:
|
|
199
|
+
children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
|
|
200
200
|
}
|
|
201
201
|
) : null;
|
|
202
202
|
return /* @__PURE__ */ jsx(
|
|
@@ -285,7 +285,7 @@ function ComboBox(props, ref) {
|
|
|
285
285
|
}
|
|
286
286
|
),
|
|
287
287
|
description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
|
|
288
|
-
|
|
288
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage })
|
|
289
289
|
] });
|
|
290
290
|
}
|
|
291
291
|
}
|
|
@@ -295,7 +295,7 @@ var _ComboBox = forwardRef(ComboBox);
|
|
|
295
295
|
_ComboBox.displayName = "ComboBox";
|
|
296
296
|
|
|
297
297
|
// css-module:./Form.module.css#css-module
|
|
298
|
-
var Form_module_default = { "hop-Form": "Form-module__hop-
|
|
298
|
+
var Form_module_default = { "hop-Form": "Form-module__hop-Form___wuWFE" };
|
|
299
299
|
var GlobalFormCssSelector = "hop-Form";
|
|
300
300
|
function Form(props, ref) {
|
|
301
301
|
var _a;
|
|
@@ -380,7 +380,7 @@ function Form(props, ref) {
|
|
|
380
380
|
necessityIndicator,
|
|
381
381
|
size
|
|
382
382
|
}],
|
|
383
|
-
[ButtonContext, { isDisabled, size }]
|
|
383
|
+
[ButtonContext$1, { isDisabled, size }]
|
|
384
384
|
],
|
|
385
385
|
children: /* @__PURE__ */ jsx(
|
|
386
386
|
SlotProvider,
|
|
@@ -423,7 +423,7 @@ var _Form = forwardRef(Form);
|
|
|
423
423
|
_Form.displayName = "Form";
|
|
424
424
|
|
|
425
425
|
// css-module:./Select.module.css#css-module
|
|
426
|
-
var Select_module_default = { "hop-Select": "Select-module__hop-
|
|
426
|
+
var Select_module_default = { "hop-Select": "Select-module__hop-Select___psghg", "hop-Select--fluid": "Select-module__hop-Select--fluid___c1MWZ", "hop-Select__label": "Select-module__hop-Select__label___ilkNV", "hop-Select__button": "Select-module__hop-Select__button___pK9xm", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___w5lMp", "hop-Select__button--md": "Select-module__hop-Select__button--md___uLfSX", "hop-Select__prefix": "Select-module__hop-Select__prefix___4J25t", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___CZfeR", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___k9IKq", "hop-Select__error-message": "Select-module__hop-Select__error-message___MaHgo" };
|
|
427
427
|
var GlobalSelectCssSelector = "hop-Select";
|
|
428
428
|
function Select(props, ref) {
|
|
429
429
|
var _a, _b, _c, _d;
|
|
@@ -463,7 +463,7 @@ function Select(props, ref) {
|
|
|
463
463
|
style: triggerStyleProp,
|
|
464
464
|
...otherTriggerProps
|
|
465
465
|
} = triggerOwnProps;
|
|
466
|
-
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "
|
|
466
|
+
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
467
467
|
const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
|
|
468
468
|
const align = (_c = useResponsiveValue(alignProp)) != null ? _c : "start";
|
|
469
469
|
const direction = (_d = useResponsiveValue(directionProp)) != null ? _d : "bottom";
|
|
@@ -503,29 +503,29 @@ function Select(props, ref) {
|
|
|
503
503
|
SlotProvider,
|
|
504
504
|
{
|
|
505
505
|
values: [
|
|
506
|
-
[TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
|
|
506
|
+
[TextContext$1, { size, className: Select_module_default["hop-Select__prefix"] }],
|
|
507
507
|
[IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
|
|
508
508
|
],
|
|
509
|
-
children: /* @__PURE__ */ jsx(ClearContainerSlots, { children:
|
|
509
|
+
children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
|
|
510
510
|
}
|
|
511
511
|
) : null;
|
|
512
512
|
const footerMarkup = footer ? /* @__PURE__ */ jsx(
|
|
513
513
|
ClearProviders,
|
|
514
514
|
{
|
|
515
515
|
values: [
|
|
516
|
-
TextContext$1,
|
|
517
516
|
TextContext,
|
|
518
|
-
|
|
517
|
+
TextContext$1,
|
|
518
|
+
ButtonContext
|
|
519
519
|
],
|
|
520
520
|
children: /* @__PURE__ */ jsx(
|
|
521
521
|
SlotProvider,
|
|
522
522
|
{
|
|
523
523
|
values: [
|
|
524
|
-
[TextContext, {
|
|
524
|
+
[TextContext$1, {
|
|
525
525
|
size
|
|
526
526
|
}]
|
|
527
527
|
],
|
|
528
|
-
children: /* @__PURE__ */ jsx(_Footer, { children:
|
|
528
|
+
children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
|
|
529
529
|
}
|
|
530
530
|
)
|
|
531
531
|
}
|
|
@@ -596,7 +596,7 @@ function Select(props, ref) {
|
|
|
596
596
|
/* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
|
|
597
597
|
] }),
|
|
598
598
|
description && /* @__PURE__ */ jsx(_HelperMessage, { className: Select_module_default["hop-Select__helper-message"], children: description }),
|
|
599
|
-
|
|
599
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: Select_module_default["hop-Select__error-message"], children: errorMessage })
|
|
600
600
|
] });
|
|
601
601
|
}
|
|
602
602
|
}
|
|
@@ -1015,7 +1015,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
|
|
|
1015
1015
|
}
|
|
1016
1016
|
|
|
1017
1017
|
// css-module:./Popover.module.css#css-module
|
|
1018
|
-
var Popover_module_default = { "hop-Popover": "Popover-module__hop-
|
|
1018
|
+
var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___cxVHL", "fade": "Popover-module__fade___-2rHH", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___r0Cbk", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___scmTz", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___uOuRM", "hop-Popover__title": "Popover-module__hop-Popover__title___a35ey", "hop-Popover__content": "Popover-module__hop-Popover__content___igJi2", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___qusjL", "hop-Popover__footer": "Popover-module__hop-Popover__footer___WzVZK", "hop-Popover__actions": "Popover-module__hop-Popover__actions___qun--", "hop-Popover__action": "Popover-module__hop-Popover__action___Dx2Yy" };
|
|
1019
1019
|
var GlobalPopoverCssSelector = "hop-Popover";
|
|
1020
1020
|
function Popover(props, ref) {
|
|
1021
1021
|
var _a;
|
|
@@ -1117,7 +1117,7 @@ function Popover(props, ref) {
|
|
|
1117
1117
|
className: Popover_module_default["hop-Popover__title"],
|
|
1118
1118
|
size: "xs"
|
|
1119
1119
|
}],
|
|
1120
|
-
[ButtonContext, {
|
|
1120
|
+
[ButtonContext$1, {
|
|
1121
1121
|
size: "sm",
|
|
1122
1122
|
className: Popover_module_default["hop-Popover__action"]
|
|
1123
1123
|
}],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
3
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
@@ -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___w6jXP", "hop-Link--quiet": "Link-module__hop-Link--quiet___4Pr7T", "hop-Link--primary": "Link-module__hop-Link--primary___UXkM5", "hop-Link--secondary": "Link-module__hop-Link--secondary___ryATH", "hop-Link__icon": "Link-module__hop-Link__icon___cEorU", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Ua90L", "hop-Link__text": "Link-module__hop-Link__text___yqf8U", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___S7A6n", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___WH2ZB" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -59,7 +59,7 @@ function Link(props, ref) {
|
|
|
59
59
|
};
|
|
60
60
|
});
|
|
61
61
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
62
|
-
return
|
|
62
|
+
return ensureTextWrapper(prev);
|
|
63
63
|
});
|
|
64
64
|
const iconSize = LinkToIconSizeAdapter[size];
|
|
65
65
|
return /* @__PURE__ */ jsx(
|
|
@@ -1,6 +1,6 @@
|
|
|
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-Z7I4MQYQ.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';
|
|
@@ -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___KhCj5", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___Q3C0X", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___ocrfs", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___KfaFu", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___lf5Q9" };
|
|
20
20
|
var GlobalSelectValueCssSelector = "hop-SelectValue";
|
|
21
21
|
var SelectValueToAvatarSizeAdapter = {
|
|
22
22
|
sm: "xs",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
2
|
-
import { _EmbeddedButton } from './chunk-
|
|
2
|
+
import { _EmbeddedButton } from './chunk-52F3MKBS.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
@@ -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___Zz9GM", "hop-Text--xs": "Text-module__hop-Text--xs___qOJBo", "hop-Text--sm": "Text-module__hop-Text--sm___hkDAX", "hop-Text--md": "Text-module__hop-Text--md___z6MR9", "hop-Text--lg": "Text-module__hop-Text--lg___r0zX0", "hop-Text--xl": "Text-module__hop-Text--xl___4fgY4", "hop-Text--2xl": "Text-module__hop-Text--2xl___mDS6l", "hop-Text--inherit": "Text-module__hop-Text--inherit___9wpL8" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -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___J0APP", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___ba8wZ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___ditGU", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___hxrOv", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___rhCAV", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___MdUPO", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___NUTyU", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___-6vIJ" };
|
|
15
15
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
16
16
|
function ButtonGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Z7I4MQYQ.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___26YDV", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___5-akU" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|