@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
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-
|
|
1
|
+
export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-GV4X32KY.js';
|
|
2
2
|
export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
|
|
3
|
-
export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-
|
|
4
|
-
export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-
|
|
3
|
+
export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-OECSVR7Z.js';
|
|
4
|
+
export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-UK7PZLNZ.js';
|
|
5
5
|
export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
|
|
6
|
-
export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-
|
|
6
|
+
export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-RKNB4MGA.js';
|
|
7
7
|
export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
|
|
8
|
-
import '../../chunk-
|
|
8
|
+
import '../../chunk-72PY2FT5.js';
|
|
9
9
|
import '../../chunk-ZWU6DRRZ.js';
|
|
10
10
|
import '../../chunk-LJXTJRSB.js';
|
|
11
|
-
import '../../chunk-
|
|
11
|
+
import '../../chunk-RGIQISOA.js';
|
|
12
12
|
import '../../chunk-TXZ6BMFR.js';
|
|
13
|
-
import '../../chunk-
|
|
13
|
+
import '../../chunk-TYVU3UXB.js';
|
|
14
14
|
import '../../chunk-QCA3ZR56.js';
|
|
15
15
|
import '../../chunk-TFVDF4YH.js';
|
|
16
16
|
import '../../chunk-DHVVYSLB.js';
|
|
17
|
-
import '../../chunk-
|
|
18
|
-
import '../../chunk-HZKFQ33E.js';
|
|
19
|
-
import '../../chunk-OH47EJDL.js';
|
|
17
|
+
import '../../chunk-7QM2UR6P.js';
|
|
20
18
|
import '../../chunk-FAE27DLF.js';
|
|
21
|
-
import '../../chunk-
|
|
19
|
+
import '../../chunk-ZONJLY6Q.js';
|
|
20
|
+
import '../../chunk-HZKFQ33E.js';
|
|
21
|
+
import '../../chunk-JM2QTS6J.js';
|
|
22
22
|
import '../../chunk-WPNVVGFW.js';
|
|
23
|
-
import '../../chunk-
|
|
23
|
+
import '../../chunk-Z7I4MQYQ.js';
|
|
24
24
|
import '../../chunk-X6SER3TZ.js';
|
|
25
25
|
import '../../chunk-HXI3MEEK.js';
|
|
26
26
|
import '../../chunk-NH3IVMXB.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
|
-
import {
|
|
2
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.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, Switch as Switch$1 } from 'react-a
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Switch.module.css#css-module
|
|
16
|
-
var Switch_module_default = { "hop-Switch": "Switch-module__hop-
|
|
16
|
+
var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___LCGgI", "hop-Switch--sm": "Switch-module__hop-Switch--sm___6HBk1", "hop-Switch--md": "Switch-module__hop-Switch--md___V87H2", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___-y7Mn", "hop-Switch__text": "Switch-module__hop-Switch__text___cu10Y", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___nzpTk", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Q-rLb" };
|
|
17
17
|
var GlobalSwitchCssSelector = "hop-Switch";
|
|
18
18
|
function Switch(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -44,7 +44,7 @@ function Switch(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
|
Switch$1,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _OverlineText } from './chunk-
|
|
1
|
+
import { _OverlineText } from './chunk-JM2QTS6J.js';
|
|
2
2
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
3
3
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
4
4
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// css-module:./Badge.module.css#css-module
|
|
26
|
-
var Badge_module_default = { "hop-Badge": "Badge-module__hop-
|
|
26
|
+
var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___hH6PV", "hop-Badge--primary": "Badge-module__hop-Badge--primary___3LHim", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___CFC5H", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___JpMrl" };
|
|
27
27
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
28
28
|
function Badge(props, ref) {
|
|
29
29
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -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 {
|
|
6
|
-
import {
|
|
4
|
+
import { _Label } from './chunk-TYVU3UXB.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-7QM2UR6P.js';
|
|
6
|
+
import { _HelperMessage } from './chunk-ZONJLY6Q.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___REleW", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___-Yufa", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___7UQOw", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___eiTSV", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___vVx-m", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___u-kdr", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___hxGkq", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___si6-W", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-2L-t" };
|
|
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
|
)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Z7I4MQYQ.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./RemainingCharacterCount.module.css#css-module
|
|
13
|
-
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-
|
|
13
|
+
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___blMHv" };
|
|
14
14
|
var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
|
|
15
15
|
function RemainingCharacterCount(props, ref) {
|
|
16
16
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// css-module:./EmbeddedButton.module.css#css-module
|
|
23
|
-
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-
|
|
23
|
+
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___AXwgj", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___Z0FsY", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___y8psl", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___UcAfv", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___9dKaO", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___P0qWs", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___A6XZ3", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___6BVMb", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___SoMIp", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___tOaMc", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___HT86l", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___BiceO", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___HJIaS", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___b9enP", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___ntrWB", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___JLJDb" };
|
|
24
24
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
25
25
|
function EmbeddedButton(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
2
|
-
import { _InputGroup } from './chunk-
|
|
3
|
-
import { _EmbeddedButton } from './chunk-
|
|
2
|
+
import { _InputGroup } from './chunk-C6MQIVDN.js';
|
|
3
|
+
import { _EmbeddedButton } from './chunk-52F3MKBS.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
6
|
-
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
6
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
7
|
+
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
8
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
9
9
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
10
|
import { SlotProvider } from './chunk-M36KANKC.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___mPUff", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___j3C5T", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___ygcKY", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___K5q58", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___2NKjR", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___HkLpI" };
|
|
23
23
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
24
24
|
function PasswordField(props, ref) {
|
|
25
25
|
var _a;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
2
|
+
import { _Text } from './chunk-Z7I4MQYQ.js';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
function ensureTextWrapper(children) {
|
|
6
|
+
if (children && isTextOnlyChildren(children)) {
|
|
7
|
+
return /* @__PURE__ */ jsx(_Text, { children });
|
|
8
|
+
}
|
|
9
|
+
return children;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { ensureTextWrapper };
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./FloatingBadge.module.css#css-module
|
|
13
|
-
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-
|
|
13
|
+
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___5ZsCl", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___3gamK" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useScale } from './chunk-MTDFS4CZ.js';
|
|
2
2
|
import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import {
|
|
3
|
+
import { _InputGroup } from './chunk-C6MQIVDN.js';
|
|
4
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.js';
|
|
5
5
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
|
-
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
6
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
7
|
+
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
9
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
10
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
|
|
|
21
21
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
22
22
|
|
|
23
23
|
// css-module:./NumberField.module.css#css-module
|
|
24
|
-
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-
|
|
24
|
+
var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___d7NTl", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___UeNc6", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___kaIQ-", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___bHt-D", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___QX-dY", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___NRup8", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___XTbne", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___mzZzG", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___GBdb5", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___07dZg", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___ARTOz", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___ccLys", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ECPh3", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___xSsoG" };
|
|
25
25
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
26
26
|
var StepperButton = ({ direction }) => {
|
|
27
27
|
const scale = useScale();
|
|
@@ -108,7 +108,7 @@ function NumberField(props, ref) {
|
|
|
108
108
|
[TextContext, { size, className: NumberField_module_default["hop-NumberField__prefix"] }],
|
|
109
109
|
[IconContext, { size, className: NumberField_module_default["hop-NumberField__prefix"] }]
|
|
110
110
|
],
|
|
111
|
-
children:
|
|
111
|
+
children: ensureTextWrapper(prefix)
|
|
112
112
|
}
|
|
113
113
|
) : null;
|
|
114
114
|
const { className: inputGroupClassName, inputClassName: inputGroupInputClassName, ...otherInputGroupProps } = inputGroupProps || {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Z7I4MQYQ.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
|
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ErrorMessage.module.css#css-module
|
|
13
|
-
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-
|
|
13
|
+
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___66dEq", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___RFDzG" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -25,7 +25,14 @@ var ErrorMessageInner = forwardRef((props, ref) => {
|
|
|
25
25
|
const validation = useContext(FieldErrorContext);
|
|
26
26
|
[props, ref] = useContextProps(props, ref, ErrorMessageContext);
|
|
27
27
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
28
|
-
const {
|
|
28
|
+
const {
|
|
29
|
+
className,
|
|
30
|
+
children: childrenProp,
|
|
31
|
+
hideIcon = false,
|
|
32
|
+
style: styleProp,
|
|
33
|
+
slot = "errorMessage",
|
|
34
|
+
...otherProps
|
|
35
|
+
} = ownProps;
|
|
29
36
|
const classNames = composeClassnameRenderProps(
|
|
30
37
|
GlobalErrorMessageCssSelector,
|
|
31
38
|
cssModule(
|
|
@@ -42,28 +49,35 @@ var ErrorMessageInner = forwardRef((props, ref) => {
|
|
|
42
49
|
};
|
|
43
50
|
});
|
|
44
51
|
const warningIcon = !hideIcon && /* @__PURE__ */ jsx(WarningIcon, { size: "sm", className: ErrorMessage_module_default["hop-ErrorMessage__icon"] });
|
|
52
|
+
const children = composeRenderProps(childrenProp, (prev) => {
|
|
53
|
+
return prev ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
54
|
+
warningIcon,
|
|
55
|
+
" ",
|
|
56
|
+
prev
|
|
57
|
+
] }) : null;
|
|
58
|
+
});
|
|
45
59
|
const renderProps = useRenderProps({
|
|
60
|
+
...props,
|
|
46
61
|
className: classNames,
|
|
47
62
|
style,
|
|
48
|
-
children
|
|
49
|
-
|
|
50
|
-
" ",
|
|
51
|
-
children
|
|
52
|
-
] }) : null,
|
|
53
|
-
defaultChildren: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
63
|
+
children,
|
|
64
|
+
defaultChildren: validation.validationErrors.length === 0 ? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
54
65
|
warningIcon,
|
|
55
66
|
" ",
|
|
56
67
|
validation.validationErrors.join(" ")
|
|
57
68
|
] }),
|
|
58
69
|
values: validation
|
|
59
70
|
});
|
|
71
|
+
if (renderProps.children == null) {
|
|
72
|
+
return null;
|
|
73
|
+
}
|
|
60
74
|
return /* @__PURE__ */ jsx(
|
|
61
75
|
_Text,
|
|
62
76
|
{
|
|
63
|
-
...otherProps,
|
|
64
|
-
...renderProps,
|
|
65
77
|
slot,
|
|
66
|
-
ref
|
|
78
|
+
ref,
|
|
79
|
+
...otherProps,
|
|
80
|
+
...renderProps
|
|
67
81
|
}
|
|
68
82
|
);
|
|
69
83
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RadioFieldContext } from './chunk-DGLAGYBD.js';
|
|
2
2
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-Z7I4MQYQ.js';
|
|
4
4
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
5
5
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./RadioField.module.css#css-module
|
|
17
|
-
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-
|
|
17
|
+
var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___cPeNk", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___UjR1a", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___euc-D", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___gpM-9", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___K9a4J" };
|
|
18
18
|
var GlobalRadioFieldCssSelector = "hop-RadioField";
|
|
19
19
|
var RadioToDescriptionSizeAdapter = {
|
|
20
20
|
sm: "xs",
|
|
@@ -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___0kRuQ" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-DEECPTTW.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { DeletedUserRichIcon } from '@hopper-ui/icons';
|
|
@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./InputGroup.module.css#css-module
|
|
13
|
-
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-
|
|
13
|
+
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___Voyln", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___u6Y7h", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___FFFtI", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___ew--a", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___-6Dm4", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___lV4F9" };
|
|
14
14
|
var GlobalInputGroupCssSelector = "hop-InputGroup";
|
|
15
15
|
function InputGroup(props, ref) {
|
|
16
16
|
var _a, _b;
|
|
@@ -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___PyvXG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___qnIaw", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ZEVTh", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gU8Lc", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YU6bo", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___NX8X-" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./RichIconAvatarImage.module.css#css-module
|
|
14
|
-
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-
|
|
14
|
+
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___zkc8X", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___v-JEU", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___U7tpC", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___VnjP3", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___2mKtM", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fQ3p5", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___mlvNE", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___i1Att" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { useFontFaceReady } from './chunk-IU6XMS2X.js';
|
|
2
2
|
import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
3
3
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
4
|
-
import { _RemainingCharacterCount } from './chunk-
|
|
5
|
-
import { _InputGroup } from './chunk-
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import { _RemainingCharacterCount } from './chunk-4IENSHKG.js';
|
|
5
|
+
import { _InputGroup } from './chunk-C6MQIVDN.js';
|
|
6
|
+
import { _Label } from './chunk-TYVU3UXB.js';
|
|
7
|
+
import { _ErrorMessage } from './chunk-7QM2UR6P.js';
|
|
8
|
+
import { _HelperMessage } from './chunk-ZONJLY6Q.js';
|
|
9
9
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
10
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
11
|
-
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
11
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
12
|
import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
|
|
14
13
|
import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
|
|
@@ -79,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
|
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
// css-module:./TextArea.module.css#css-module
|
|
82
|
-
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-
|
|
81
|
+
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Wq0AI", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___tsyc8", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___V67D5", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___zbszV", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___r2ykg", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___uVzhx", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___CuiSs", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___W40Yx", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___pJFmI" };
|
|
83
82
|
var GlobalTextAreaCssSelector = "hop-TextArea";
|
|
84
83
|
var DefaultMinimumTextAreaRows = 3;
|
|
85
84
|
var pxToInt = (value) => {
|
|
@@ -131,7 +130,6 @@ function TextArea(props, ref) {
|
|
|
131
130
|
maxLength,
|
|
132
131
|
placeholder,
|
|
133
132
|
onChange: onChangeProp,
|
|
134
|
-
children,
|
|
135
133
|
defaultValue,
|
|
136
134
|
maxRows,
|
|
137
135
|
cols,
|
|
@@ -146,6 +144,9 @@ function TextArea(props, ref) {
|
|
|
146
144
|
necessityIndicator,
|
|
147
145
|
inputGroupProps,
|
|
148
146
|
remainingCharacterCountProps,
|
|
147
|
+
label,
|
|
148
|
+
description,
|
|
149
|
+
errorMessage,
|
|
149
150
|
...otherProps
|
|
150
151
|
} = ownProps;
|
|
151
152
|
const mergedTextAreaRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
|
|
@@ -243,22 +244,12 @@ function TextArea(props, ref) {
|
|
|
243
244
|
]
|
|
244
245
|
}
|
|
245
246
|
) });
|
|
246
|
-
const childrenMarkup =
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
[LabelContext, { className: TextArea_module_default["hop-TextArea__Label"], isRequired, necessityIndicator }],
|
|
253
|
-
[HelperMessageContext, { className: TextArea_module_default["hop-TextArea__HelperMessage"] }],
|
|
254
|
-
[ErrorMessageContext, { className: TextArea_module_default["hop-TextArea__ErrorMessage"] }]
|
|
255
|
-
],
|
|
256
|
-
children: prev
|
|
257
|
-
}
|
|
258
|
-
),
|
|
259
|
-
inputMarkup
|
|
260
|
-
] });
|
|
261
|
-
});
|
|
247
|
+
const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
248
|
+
label && /* @__PURE__ */ jsx(_Label, { className: TextArea_module_default["hop-TextArea__Label"], isRequired, necessityIndicator, children: label }),
|
|
249
|
+
inputMarkup,
|
|
250
|
+
description && /* @__PURE__ */ jsx(_HelperMessage, { className: TextArea_module_default["hop-TextArea__HelperMessage"], children: description }),
|
|
251
|
+
/* @__PURE__ */ jsx(_ErrorMessage, { className: TextArea_module_default["hop-TextArea__ErrorMessage"], children: errorMessage })
|
|
252
|
+
] });
|
|
262
253
|
return /* @__PURE__ */ jsx(
|
|
263
254
|
TextField,
|
|
264
255
|
{
|
|
@@ -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-4IENSHKG.js';
|
|
4
|
+
import { _InputGroup } from './chunk-C6MQIVDN.js';
|
|
5
|
+
import { _ClearButton } from './chunk-YFVVNMTC.js';
|
|
6
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.js';
|
|
7
|
+
import { _Label } from './chunk-TYVU3UXB.js';
|
|
8
|
+
import { _ErrorMessage } from './chunk-7QM2UR6P.js';
|
|
9
|
+
import { _HelperMessage } from './chunk-ZONJLY6Q.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___9-TOJ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Y2kgx", "hop-TextField__Label": "TextField-module__hop-TextField__Label___cxP74", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___j789G", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Jngbe", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___M-YzS", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___XADCy" };
|
|
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
|
{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import {
|
|
2
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.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___1Rlt4", "hop-Radio--sm": "Radio-module__hop-Radio--sm___szZXV", "hop-Radio--md": "Radio-module__hop-Radio--md___TbuKi", "hop-Radio__icon": "Radio-module__hop-Radio__icon___SW3KN", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___w3nD4", "hop-Radio__box": "Radio-module__hop-Radio__box___ZKY4S", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___i0CQm", "hop-Radio__text": "Radio-module__hop-Radio__text___ZoWNb" };
|
|
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,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 {
|
|
6
|
-
import {
|
|
4
|
+
import { _Label } from './chunk-TYVU3UXB.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-7QM2UR6P.js';
|
|
6
|
+
import { _HelperMessage } from './chunk-ZONJLY6Q.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___8-1UV", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___vNpzd", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___KtODC", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___aXgc2", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___tp2Gx", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___poXFb", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___r-GtV", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___hkbww", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___8zmyK" };
|
|
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
|
)
|