@hopper-ui/components 1.3.26 → 1.3.27
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 +6 -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 +48 -48
- package/dist/ComboBox/src/index.css +768 -768
- package/dist/ComboBox/src/index.js +48 -48
- 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 +48 -48
- package/dist/Form/src/index.css +768 -768
- package/dist/Form/src/index.js +48 -48
- 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 +48 -48
- 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 +48 -48
- 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 +5 -5
- 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 +11 -11
- package/dist/{chunk-YO2QYRC2.js → chunk-262RJIGA.js} +2 -2
- package/dist/{chunk-RH56CRXC.js → chunk-26JRG5P2.js} +1 -1
- package/dist/{chunk-4T564HJ6.js → chunk-3A5Q37MM.js} +1 -1
- package/dist/{chunk-5U74TYYM.js → chunk-3DSI4A25.js} +4 -4
- package/dist/{chunk-2EV3YY6O.js → chunk-3FABBS5K.js} +4 -4
- package/dist/{chunk-OH47EJDL.js → chunk-4ESIATYX.js} +26 -12
- package/dist/{chunk-34ER3Q3E.js → chunk-4LY3QUF7.js} +3 -3
- package/dist/{chunk-Z2LOHKRH.js → chunk-4R4VJYXW.js} +1 -1
- package/dist/{chunk-3O7BL2KX.js → chunk-5ZDKZVQM.js} +4 -4
- package/dist/{chunk-AN67K6WK.js → chunk-72NKF2AB.js} +1 -1
- package/dist/{chunk-D423VDJZ.js → chunk-7366VQMH.js} +2 -2
- package/dist/{chunk-UV3CWRCS.js → chunk-7NSEHOZW.js} +1 -1
- package/dist/{chunk-QLFK4TDW.js → chunk-7OSLSIHA.js} +1 -1
- package/dist/{chunk-VAAXBSBQ.js → chunk-7QNILDAK.js} +1 -1
- package/dist/{chunk-7YCHVZAY.js → chunk-AAJGLUXC.js} +2 -2
- package/dist/{chunk-UNIVA5T3.js → chunk-AOUWGLHZ.js} +1 -1
- package/dist/chunk-BMOOWAAW.js +12 -0
- package/dist/{chunk-AQSTIWVL.js → chunk-CEFWC6OK.js} +2 -2
- package/dist/{chunk-BX43IOO4.js → chunk-CSLPKYB6.js} +1 -1
- package/dist/{chunk-GKELD2X2.js → chunk-D4N5ORWO.js} +4 -4
- package/dist/{chunk-ESWWZ7W6.js → chunk-DLYK2J7R.js} +3 -3
- package/dist/{chunk-EXL4IHCP.js → chunk-EDAWPFOP.js} +2 -2
- package/dist/{chunk-Y4ZE6KY7.js → chunk-FHKWROAK.js} +31 -31
- package/dist/{chunk-3UP24VEW.js → chunk-FYCSOMNM.js} +6 -6
- package/dist/{chunk-D356AG3Y.js → chunk-IF6FFKJB.js} +6 -6
- package/dist/{chunk-SHLXCNCB.js → chunk-JGCL3ROE.js} +1 -1
- package/dist/{chunk-CPMQVH6E.js → chunk-JUEWDQTT.js} +5 -5
- package/dist/{chunk-XF3Q4TNE.js → chunk-L346WC7U.js} +3 -3
- package/dist/{chunk-DTY2IJJ4.js → chunk-L4ONWVF5.js} +3 -3
- package/dist/{chunk-E5B2HDJG.js → chunk-LU2S4CPY.js} +1 -1
- package/dist/{chunk-P46AXP47.js → chunk-PTH2WMQB.js} +3 -3
- package/dist/{chunk-3W66UTRH.js → chunk-PUUCFEQG.js} +3 -3
- package/dist/{chunk-BBBCM4UD.js → chunk-QQ4G5H73.js} +3 -3
- package/dist/{chunk-BCCHOOJ6.js → chunk-R4H626CF.js} +18 -26
- package/dist/{chunk-TUAAD5PI.js → chunk-R4PZKRHK.js} +1 -1
- package/dist/{chunk-Q6YABMDY.js → chunk-RMCIJTZ3.js} +5 -5
- package/dist/{chunk-ON7MQIOJ.js → chunk-RQKPEW74.js} +1 -1
- package/dist/{chunk-UIVMBUPT.js → chunk-S7MY54LO.js} +1 -1
- package/dist/{chunk-5VMRSEZJ.js → chunk-SI6ESKQ7.js} +2 -2
- package/dist/{chunk-IFHFCK4B.js → chunk-SUPINNZT.js} +1 -1
- package/dist/{chunk-KZQDYFSO.js → chunk-U3TSBX2D.js} +3 -3
- package/dist/{chunk-O4UTOFYE.js → chunk-V6PEW5FQ.js} +3 -3
- package/dist/{chunk-QHS7OPTX.js → chunk-VQCVSSSJ.js} +2 -2
- package/dist/{chunk-X5UWK5RL.js → chunk-WH2HH7QB.js} +1 -1
- package/dist/{chunk-PLJGFTQE.js → chunk-XULV7YVB.js} +1 -1
- package/dist/{chunk-SEMHS2HM.js → chunk-YNSPLMBA.js} +3 -3
- package/dist/index.css +768 -768
- package/dist/index.d.ts +1 -1
- package/dist/index.js +48 -48
- 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 +7 -7
- package/dist/inputs/src/PasswordField.css +274 -274
- package/dist/inputs/src/PasswordField.js +7 -7
- 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.js +8 -8
- package/dist/inputs/src/TextArea.css +281 -281
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +278 -278
- package/dist/inputs/src/TextField.d.ts +2 -11
- package/dist/inputs/src/TextField.js +12 -10
- package/dist/inputs/src/index.css +324 -324
- package/dist/inputs/src/index.js +16 -14
- package/dist/overlays/Popover/src/Popover.css +768 -768
- package/dist/overlays/Popover/src/Popover.js +48 -48
- package/dist/overlays/Popover/src/index.css +768 -768
- package/dist/overlays/Popover/src/index.js +48 -48
- 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 +5 -5
- package/dist/radio/src/index.css +98 -98
- package/dist/radio/src/index.js +11 -11
- 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 +1 -1
- package/dist/tag/src/TagList.css +27 -27
- package/dist/tag/src/index.css +400 -400
- package/dist/tag/src/index.js +10 -10
- 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-EDAWPFOP.js';
|
|
19
|
+
import { _ListBox } from './chunk-YNSPLMBA.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
|
-
import {
|
|
24
|
-
import { EnsureTextWrapper } from './chunk-ZZPW6TQD.js';
|
|
23
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
25
24
|
import { HeadingContext } from './chunk-TXZ6BMFR.js';
|
|
26
|
-
import { _Label } from './chunk-
|
|
25
|
+
import { _Label } from './chunk-WH2HH7QB.js';
|
|
27
26
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
28
27
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
29
28
|
import { FormContext } from './chunk-EURJK4ZT.js';
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
29
|
+
import { _HopperProvider } from './chunk-NMKBUGSO.js';
|
|
30
|
+
import { _HelperMessage } from './chunk-7366VQMH.js';
|
|
31
|
+
import { _ErrorMessage } from './chunk-4ESIATYX.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___OaKqP", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___ajjpt", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___BOogz", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___Z4Nv6", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___TR6sU", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___deR4I", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___4MzWJ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___QeIin", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___o9aUo", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___2mr8R", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___mRM9k", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___KRTMT" };
|
|
51
51
|
var GlobalComboBoxCssSelector = "hop-ComboBox";
|
|
52
52
|
function ComboBox(props, ref) {
|
|
53
53
|
var _a, _b, _c, _d, _e;
|
|
@@ -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___KwOEC" };
|
|
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___l3w-F", "hop-Select--fluid": "Select-module__hop-Select--fluid___ZlaHW", "hop-Select__label": "Select-module__hop-Select__label___tgzIH", "hop-Select__button": "Select-module__hop-Select__button___KJCTE", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___jxgZm", "hop-Select__button--md": "Select-module__hop-Select__button--md___tY-17", "hop-Select__prefix": "Select-module__hop-Select__prefix___oJXW1", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___E0cDg", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___-P0Y4", "hop-Select__error-message": "Select-module__hop-Select__error-message___V7ujB" };
|
|
427
427
|
var GlobalSelectCssSelector = "hop-Select";
|
|
428
428
|
function Select(props, ref) {
|
|
429
429
|
var _a, _b, _c, _d;
|
|
@@ -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___YFGFE", "fade": "Popover-module__fade___pXgrM", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___546KR", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___j0EGd", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___uzaP1", "hop-Popover__title": "Popover-module__hop-Popover__title___sAqss", "hop-Popover__content": "Popover-module__hop-Popover__content___cobZm", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___uG0vO", "hop-Popover__footer": "Popover-module__hop-Popover__footer___xb9sY", "hop-Popover__actions": "Popover-module__hop-Popover__actions___qAjP0", "hop-Popover__action": "Popover-module__hop-Popover__action___DXe9U" };
|
|
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,8 +1,8 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
|
-
import { _ClearButton } from './chunk-
|
|
3
|
-
import { mapOrbiterToHopperVariants } from './chunk-
|
|
4
|
-
import { _Spinner } from './chunk-
|
|
5
|
-
import {
|
|
2
|
+
import { _ClearButton } from './chunk-JGCL3ROE.js';
|
|
3
|
+
import { mapOrbiterToHopperVariants } from './chunk-CSLPKYB6.js';
|
|
4
|
+
import { _Spinner } from './chunk-VQCVSSSJ.js';
|
|
5
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
6
6
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
7
7
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
8
8
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
@@ -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___E-WG0", "hop-Tag--sm": "Tag-module__hop-Tag--sm___yaFC8", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___Yycee", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___qKDUi", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___-BeLj", "hop-Tag--md": "Tag-module__hop-Tag--md___aJWrV", "hop-Tag--lg": "Tag-module__hop-Tag--lg___lDmHN", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___VLY8C", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___KZsVS", "hop-Tag--progress": "Tag-module__hop-Tag--progress___2uA7k", "hop-Tag--positive": "Tag-module__hop-Tag--positive___l4Vrx", "hop-Tag--caution": "Tag-module__hop-Tag--caution___vE8tQ", "hop-Tag--negative": "Tag-module__hop-Tag--negative___zA7DO", "hop-Tag--option1": "Tag-module__hop-Tag--option1___BZfW4", "hop-Tag--option2": "Tag-module__hop-Tag--option2___RmqY2", "hop-Tag--option3": "Tag-module__hop-Tag--option3___vKdh8", "hop-Tag--option4": "Tag-module__hop-Tag--option4___M2U4e", "hop-Tag--option5": "Tag-module__hop-Tag--option5___acrEd", "hop-Tag--option6": "Tag-module__hop-Tag--option6___XDjTs", "hop-Tag__icon": "Tag-module__hop-Tag__icon___I05Gl", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___QuSRB", "hop-Tag__text": "Tag-module__hop-Tag__text___b-C2p", "hop-Tag__badge": "Tag-module__hop-Tag__badge___nQ7Sv", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___OKCER" };
|
|
24
24
|
var GlobalTagCssSelector = "hop-Tag";
|
|
25
25
|
var TagToTextSizeAdapter = {
|
|
26
26
|
sm: "xs",
|
|
@@ -75,7 +75,7 @@ function Tag(props, ref) {
|
|
|
75
75
|
};
|
|
76
76
|
});
|
|
77
77
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
78
|
-
return
|
|
78
|
+
return ensureTextWrapper(prev);
|
|
79
79
|
});
|
|
80
80
|
const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
|
|
81
81
|
const spinnerClassNames = clsx(Tag_module_default["hop-Tag__Spinner"], spinnerClassName);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-5ZDKZVQM.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-D4N5ORWO.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
5
|
-
import {
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-R4PZKRHK.js';
|
|
5
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
7
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
|
|
|
18
18
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./ListBoxItem.module.css#css-module
|
|
21
|
-
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-
|
|
21
|
+
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___ZUE-g", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___YLpQP", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___CeAa3", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___5dqp2", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___7E-zC", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___EpM-4", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___AdhMg", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___7Ar5-", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___NHyAy", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___ps5xi", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___jGRWB", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___8Mm8k", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___BXqUo", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___SG987", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___7Y8Zf", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___TTyKR", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___aTLLo" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -203,7 +203,7 @@ function ListBoxItem(props, ref) {
|
|
|
203
203
|
};
|
|
204
204
|
});
|
|
205
205
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
206
|
-
return
|
|
206
|
+
return ensureTextWrapper(prev);
|
|
207
207
|
});
|
|
208
208
|
return /* @__PURE__ */ jsx(
|
|
209
209
|
ListBoxItem$1,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
2
|
-
import { _EmbeddedButton } from './chunk-
|
|
2
|
+
import { _EmbeddedButton } from './chunk-CSLPKYB6.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
2
2
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
3
3
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
4
|
-
import { _Label } from './chunk-
|
|
5
|
-
import { _HelperMessage } from './chunk-
|
|
6
|
-
import { _ErrorMessage } from './chunk-
|
|
4
|
+
import { _Label } from './chunk-WH2HH7QB.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-7366VQMH.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-4ESIATYX.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./CheckboxGroup.module.css#css-module
|
|
17
|
-
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-
|
|
17
|
+
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___AlWVn", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___JX9tk", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___9z5C-", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___8KJBe", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___aSUIr", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___VuBog", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___heVji", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___zEROJ", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ukjbu" };
|
|
18
18
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
19
19
|
function CheckboxGroup(props, ref) {
|
|
20
20
|
var _a, _b, _c;
|
|
@@ -120,7 +120,7 @@ function CheckboxGroup(props, ref) {
|
|
|
120
120
|
),
|
|
121
121
|
children(checkboxGroupRenderProps),
|
|
122
122
|
description && /* @__PURE__ */ jsx(_HelperMessage, { className: CheckboxGroup_module_default["hop-CheckboxGroup__helper-message"], hideIcon: true, children: description }),
|
|
123
|
-
|
|
123
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: CheckboxGroup_module_default["hop-CheckboxGroup__error-message"], hideIcon: true, children: errorMessage })
|
|
124
124
|
] })
|
|
125
125
|
}
|
|
126
126
|
)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-7OSLSIHA.js';
|
|
2
2
|
import { useImageFallback } from './chunk-LI5HSYF7.js';
|
|
3
3
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
4
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
4
|
+
import { _RichIconAvatarImage } from './chunk-S7MY54LO.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___22ATX", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___HhCMm", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___KFuyq", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___L4HJI", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___6w0im", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___0geYq", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___NmJav", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___RbeBG", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___4-v8R", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___j5n0j", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___WoYos", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___XSpbv", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___7Qb1X", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___5eFvO", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___NHxKu", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___bKJhi", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___akXv-" };
|
|
17
17
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
18
18
|
var AvatarToTextSizeAdapter = {
|
|
19
19
|
xs: "xs",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SearchFieldContext } from './chunk-3NKF5TPD.js';
|
|
2
|
-
import { _InputGroup } from './chunk-
|
|
3
|
-
import { _ClearButton } from './chunk-
|
|
2
|
+
import { _InputGroup } from './chunk-3A5Q37MM.js';
|
|
3
|
+
import { _ClearButton } from './chunk-JGCL3ROE.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';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
|
|
|
18
18
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./SearchField.module.css#css-module
|
|
21
|
-
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-
|
|
21
|
+
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___v80tL", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___yJ-jF", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___afeG-", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___zL6kP", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___Y2SQe", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ETZPe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___pMo0U", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___5tGfe", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___aBghM" };
|
|
22
22
|
var GlobalSearchFieldCssSelector = "hop-SearchField";
|
|
23
23
|
function SearchField(props, ref) {
|
|
24
24
|
var _a;
|
|
@@ -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___Pav1M", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dXCXO", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___75Dml", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___sH8Ge", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___FgYZz" };
|
|
17
17
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
18
18
|
function TagGroup(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import {
|
|
2
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
@@ -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___3-UHU", "hop-Radio--sm": "Radio-module__hop-Radio--sm___CkxHm", "hop-Radio--md": "Radio-module__hop-Radio--md___RQB3-", "hop-Radio__icon": "Radio-module__hop-Radio__icon___OJAaR", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___ICnTy", "hop-Radio__box": "Radio-module__hop-Radio__box___2MiU4", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___wcBIe", "hop-Radio__text": "Radio-module__hop-Radio__text___xQmps" };
|
|
17
17
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
18
18
|
function Radio(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -44,7 +44,7 @@ function Radio(props, ref) {
|
|
|
44
44
|
};
|
|
45
45
|
});
|
|
46
46
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
47
|
-
return
|
|
47
|
+
return ensureTextWrapper(prev);
|
|
48
48
|
});
|
|
49
49
|
return /* @__PURE__ */ jsx(
|
|
50
50
|
Radio$1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
2
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
3
|
-
import {
|
|
3
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./LinkButton.module.css#css-module
|
|
16
|
-
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-
|
|
16
|
+
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___IgyRm Button-module__hop-Button___STjp3", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___RF-fc Button-module__hop-Button--fluid___wuSIS", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___a1mGX Button-module__hop-Button--sm___jnnW0", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___J0VP0 Button-module__hop-Button--icon-only___s-KxE", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___i7ICz Button-module__hop-Button--primary___uKmx-", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___GIQXC Button-module__hop-Button--secondary___qiz0y", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___df42Z Button-module__hop-Button--upsell___1YL3P", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___R3bYw Button-module__hop-Button--danger___Rzelg", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___oS0ws Button-module__hop-Button--ghost-primary___3rhhh", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___ai4IX Button-module__hop-Button--ghost-secondary___ltzud", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___4F4wt Button-module__hop-Button--ghost-danger___-Pj-Y", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___Gixeu Button-module__hop-Button__Spinner___Wp8XK", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___E4-pq Button-module__hop-Button__icon___qmq5h", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___rusAV Button-module__hop-Button__icon___qmq5h", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___wr0y5 Button-module__hop-Button__text___Lnjj-", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___1eMpn Button-module__hop-Button__end-icon___yOBWa", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___sWaPu Button-module__hop-Button__end-icon___yOBWa" };
|
|
17
17
|
var GlobalLinkButtonCssSelector = "hop-LinkButton";
|
|
18
18
|
function LinkButton(props, ref) {
|
|
19
19
|
var _a, _b;
|
|
@@ -51,7 +51,7 @@ function LinkButton(props, ref) {
|
|
|
51
51
|
};
|
|
52
52
|
});
|
|
53
53
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
54
|
-
return
|
|
54
|
+
return ensureTextWrapper(prev);
|
|
55
55
|
});
|
|
56
56
|
return /* @__PURE__ */ jsx(
|
|
57
57
|
SlotProvider,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
2
|
-
import { _InputGroup } from './chunk-
|
|
3
|
-
import { _EmbeddedButton } from './chunk-
|
|
2
|
+
import { _InputGroup } from './chunk-3A5Q37MM.js';
|
|
3
|
+
import { _EmbeddedButton } from './chunk-CSLPKYB6.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';
|
|
@@ -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___pDr07", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___3PN31", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___KscWK", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___3m4Cs", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___N7aVY", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___blS8q" };
|
|
23
23
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
24
24
|
function PasswordField(props, ref) {
|
|
25
25
|
var _a;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
2
2
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
3
|
-
import { _RemainingCharacterCount } from './chunk-
|
|
4
|
-
import { _InputGroup } from './chunk-
|
|
5
|
-
import { _ClearButton } from './chunk-
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
3
|
+
import { _RemainingCharacterCount } from './chunk-AAJGLUXC.js';
|
|
4
|
+
import { _InputGroup } from './chunk-3A5Q37MM.js';
|
|
5
|
+
import { _ClearButton } from './chunk-JGCL3ROE.js';
|
|
6
|
+
import { ensureTextWrapper } from './chunk-BMOOWAAW.js';
|
|
7
|
+
import { _Label } from './chunk-WH2HH7QB.js';
|
|
8
|
+
import { _HelperMessage } from './chunk-7366VQMH.js';
|
|
9
|
+
import { _ErrorMessage } from './chunk-4ESIATYX.js';
|
|
10
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
11
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
12
12
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -23,7 +23,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
|
|
|
23
23
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
24
24
|
|
|
25
25
|
// css-module:./TextField.module.css#css-module
|
|
26
|
-
var TextField_module_default = { "hop-TextField": "TextField-module__hop-
|
|
26
|
+
var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___9YwnA", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___97Sti", "hop-TextField__Label": "TextField-module__hop-TextField__Label___2TX9G", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___SMnfD", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Dzr0t", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___MqADe", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___LYu5y" };
|
|
27
27
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
28
28
|
function TextField(props, ref) {
|
|
29
29
|
var _a;
|
|
@@ -47,7 +47,6 @@ function TextField(props, ref) {
|
|
|
47
47
|
placeholder,
|
|
48
48
|
isClearable,
|
|
49
49
|
onChange: onChangeProp,
|
|
50
|
-
children,
|
|
51
50
|
onClear,
|
|
52
51
|
defaultValue,
|
|
53
52
|
value: valueProp,
|
|
@@ -59,6 +58,9 @@ function TextField(props, ref) {
|
|
|
59
58
|
necessityIndicator,
|
|
60
59
|
inputGroupProps,
|
|
61
60
|
remainingCharacterCountProps,
|
|
61
|
+
label,
|
|
62
|
+
description,
|
|
63
|
+
errorMessage,
|
|
62
64
|
...otherProps
|
|
63
65
|
} = ownProps;
|
|
64
66
|
const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
|
|
@@ -105,7 +107,7 @@ function TextField(props, ref) {
|
|
|
105
107
|
[TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
|
|
106
108
|
[IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
|
|
107
109
|
],
|
|
108
|
-
children:
|
|
110
|
+
children: ensureTextWrapper(prefix)
|
|
109
111
|
}
|
|
110
112
|
) : null;
|
|
111
113
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -141,22 +143,12 @@ function TextField(props, ref) {
|
|
|
141
143
|
]
|
|
142
144
|
}
|
|
143
145
|
) });
|
|
144
|
-
const childrenMarkup =
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
[LabelContext, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator }],
|
|
151
|
-
[HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
|
|
152
|
-
[ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
|
|
153
|
-
],
|
|
154
|
-
children: prev
|
|
155
|
-
}
|
|
156
|
-
),
|
|
157
|
-
inputMarkup
|
|
158
|
-
] });
|
|
159
|
-
});
|
|
146
|
+
const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
147
|
+
label && /* @__PURE__ */ jsx(_Label, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator, children: label }),
|
|
148
|
+
inputMarkup,
|
|
149
|
+
description && /* @__PURE__ */ jsx(_HelperMessage, { className: TextField_module_default["hop-TextField__HelperMessage"], children: description }),
|
|
150
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: TextField_module_default["hop-TextField__ErrorMessage"], children: errorMessage })
|
|
151
|
+
] });
|
|
160
152
|
return /* @__PURE__ */ jsx(
|
|
161
153
|
TextField$1,
|
|
162
154
|
{
|
|
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./ListBoxItemSkeleton.module.css#css-module
|
|
10
|
-
var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-
|
|
10
|
+
var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Dimqq", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___B9rWm", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-J-N2", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sKofv", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___zg63c", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BlIAT" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { RadioFieldContext } from './chunk-DGLAGYBD.js';
|
|
2
2
|
import { RadioGroupContext } from './chunk-5MBJWRZD.js';
|
|
3
3
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
4
|
-
import { _Label } from './chunk-
|
|
5
|
-
import { _HelperMessage } from './chunk-
|
|
6
|
-
import { _ErrorMessage } from './chunk-
|
|
4
|
+
import { _Label } from './chunk-WH2HH7QB.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-7366VQMH.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-4ESIATYX.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./RadioGroup.module.css#css-module
|
|
17
|
-
var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-
|
|
17
|
+
var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___dPTiD", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___7sNGi", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___SREGq", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___aGy19", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___BC4Z9", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___yzf-p", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___YQhZ1", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___ee0zQ", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___1XnSL" };
|
|
18
18
|
var GlobalRadioGroupCssSelector = "hop-RadioGroup";
|
|
19
19
|
function RadioGroup(props, ref) {
|
|
20
20
|
var _a, _b, _c;
|
|
@@ -120,7 +120,7 @@ function RadioGroup(props, ref) {
|
|
|
120
120
|
),
|
|
121
121
|
children(radioGroupRenderProps),
|
|
122
122
|
description && /* @__PURE__ */ jsx(_HelperMessage, { className: RadioGroup_module_default["hop-RadioGroup__helper-message"], hideIcon: true, children: description }),
|
|
123
|
-
|
|
123
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: RadioGroup_module_default["hop-RadioGroup__error-message"], hideIcon: true, children: errorMessage })
|
|
124
124
|
] })
|
|
125
125
|
}
|
|
126
126
|
)
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./IconList.module.css#css-module
|
|
11
|
-
var IconList_module_default = { "hop-IconList": "IconList-module__hop-
|
|
11
|
+
var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___NfHJZ" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|