@hopper-ui/components 1.3.27 → 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 +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 +50 -50
- package/dist/ComboBox/src/index.css +768 -768
- package/dist/ComboBox/src/index.js +50 -50
- 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 +50 -50
- package/dist/Form/src/index.css +768 -768
- package/dist/Form/src/index.js +50 -50
- 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 +50 -50
- 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 +50 -50
- 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-V6PEW5FQ.js → chunk-2RKEE6ON.js} +2 -2
- package/dist/{chunk-SI6ESKQ7.js → chunk-3YUKDUBT.js} +2 -2
- package/dist/{chunk-RMCIJTZ3.js → chunk-4HFYPZ7J.js} +4 -4
- package/dist/{chunk-AAJGLUXC.js → chunk-4IENSHKG.js} +2 -2
- package/dist/{chunk-CSLPKYB6.js → chunk-52F3MKBS.js} +1 -1
- package/dist/{chunk-QQ4G5H73.js → chunk-6OTV3GUL.js} +4 -4
- package/dist/{chunk-BMOOWAAW.js → chunk-72PY2FT5.js} +1 -1
- package/dist/{chunk-7QNILDAK.js → chunk-7FN5LPW2.js} +1 -1
- package/dist/{chunk-3DSI4A25.js → chunk-7GG6LNPK.js} +4 -4
- package/dist/{chunk-4ESIATYX.js → chunk-7QM2UR6P.js} +2 -2
- package/dist/{chunk-CEFWC6OK.js → chunk-7XY2646K.js} +2 -2
- package/dist/{chunk-RQKPEW74.js → chunk-B6ODGXNK.js} +1 -1
- package/dist/{chunk-4R4VJYXW.js → chunk-BCNS6TXC.js} +1 -1
- package/dist/{chunk-3A5Q37MM.js → chunk-C6MQIVDN.js} +1 -1
- package/dist/{chunk-R4PZKRHK.js → chunk-CASQ2C4E.js} +1 -1
- package/dist/{chunk-S7MY54LO.js → chunk-DEECPTTW.js} +1 -1
- package/dist/{chunk-U3TSBX2D.js → chunk-E3XCDDVP.js} +15 -24
- package/dist/{chunk-R4H626CF.js → chunk-EELG3KGZ.js} +8 -8
- package/dist/{chunk-PTH2WMQB.js → chunk-FIV4MP2N.js} +2 -2
- package/dist/{chunk-JUEWDQTT.js → chunk-GV4X32KY.js} +4 -4
- package/dist/{chunk-7NSEHOZW.js → chunk-GXB32FI6.js} +1 -1
- package/dist/{chunk-IF6FFKJB.js → chunk-IN2LYBYC.js} +5 -5
- package/dist/{chunk-VQCVSSSJ.js → chunk-JLCWRP32.js} +2 -2
- package/dist/{chunk-72NKF2AB.js → chunk-JM2QTS6J.js} +1 -1
- package/dist/{chunk-3FABBS5K.js → chunk-KG7GOFW7.js} +3 -3
- package/dist/{chunk-L346WC7U.js → chunk-KGS66EXP.js} +3 -3
- package/dist/{chunk-L4ONWVF5.js → chunk-KT4C4WUK.js} +15 -23
- package/dist/{chunk-XULV7YVB.js → chunk-KXHFO3GY.js} +1 -1
- package/dist/{chunk-LU2S4CPY.js → chunk-N654TU4R.js} +2 -2
- package/dist/{chunk-4LY3QUF7.js → chunk-OECSVR7Z.js} +2 -2
- package/dist/{chunk-PUUCFEQG.js → chunk-PD5FZEQT.js} +2 -2
- package/dist/{chunk-FYCSOMNM.js → chunk-RA3VSEHH.js} +5 -5
- package/dist/{chunk-SUPINNZT.js → chunk-RGIQISOA.js} +1 -1
- package/dist/{chunk-D4N5ORWO.js → chunk-RKNB4MGA.js} +2 -2
- package/dist/{chunk-5ZDKZVQM.js → chunk-RNLIMB3A.js} +2 -2
- package/dist/{chunk-AOUWGLHZ.js → chunk-TUBWJ45G.js} +1 -1
- package/dist/{chunk-WH2HH7QB.js → chunk-TYVU3UXB.js} +1 -1
- package/dist/{chunk-YNSPLMBA.js → chunk-U4TXF2NA.js} +3 -3
- package/dist/{chunk-262RJIGA.js → chunk-UK7PZLNZ.js} +2 -2
- package/dist/{chunk-FHKWROAK.js → chunk-UMDJI3X7.js} +13 -13
- package/dist/{chunk-DLYK2J7R.js → chunk-WGDHDOAK.js} +2 -2
- package/dist/{chunk-EDAWPFOP.js → chunk-XYLV52CG.js} +2 -2
- package/dist/{chunk-JGCL3ROE.js → chunk-YFVVNMTC.js} +1 -1
- package/dist/{chunk-7OSLSIHA.js → chunk-Z7I4MQYQ.js} +1 -1
- package/dist/{chunk-26JRG5P2.js → chunk-ZO5FPKXJ.js} +1 -1
- package/dist/{chunk-7366VQMH.js → chunk-ZONJLY6Q.js} +2 -2
- package/dist/index.css +768 -768
- package/dist/index.js +50 -50
- 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.js +13 -13
- package/dist/inputs/src/index.css +324 -324
- package/dist/inputs/src/index.js +17 -17
- package/dist/overlays/Popover/src/Popover.css +768 -768
- package/dist/overlays/Popover/src/Popover.js +50 -50
- package/dist/overlays/Popover/src/index.css +768 -768
- package/dist/overlays/Popover/src/index.js +50 -50
- 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.js +5 -5
- package/dist/utils/src/index.css +27 -27
- package/dist/utils/src/index.js +5 -5
- package/package.json +1 -1
|
@@ -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-4ESIATYX.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 { ensureTextWrapper } from './chunk-
|
|
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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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 { ensureTextWrapper } from './chunk-
|
|
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();
|
|
@@ -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);
|
|
@@ -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 { ensureTextWrapper } from './chunk-
|
|
7
|
-
import { _Label } from './chunk-
|
|
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;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import { ensureTextWrapper } from './chunk-
|
|
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;
|
|
@@ -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;
|
|
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./SwitchField.module.css#css-module
|
|
15
|
-
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-
|
|
15
|
+
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___Kueac", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___a5kNb", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___21wQx", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___04C9t", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___qDRfJ" };
|
|
16
16
|
var GlobalSwitchFieldCssSelector = "hop-SwitchField";
|
|
17
17
|
var SwitchToDescriptionSizeAdapter = {
|
|
18
18
|
sm: "xs",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-RNLIMB3A.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-RKNB4MGA.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
5
|
-
import { ensureTextWrapper } from './chunk-
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-CASQ2C4E.js';
|
|
5
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.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___zjFOJ", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___KK7VH", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___DGfKq", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___ApJwy", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___2nDn-", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___LVPb6", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___ZIZ6i", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___qKxSX", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___5NC07", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___hIexu", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___tQYbl", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___BvC98", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___2Jvcl", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___a-0Z0", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___2MZpJ", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___mOOLd", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___8vygx" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Z7I4MQYQ.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Spinner.module.css#css-module
|
|
12
|
-
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-
|
|
12
|
+
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___ibvxR", "spin": "Spinner-module__spin___1sHJ-", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___BaxZC", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___FXbi6", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___oV8nC", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___Et0bm", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___4GKKs", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___3lIgC" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./OverlineText.module.css#css-module
|
|
10
|
-
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-
|
|
10
|
+
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___c-eos", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___LKc8m" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
2
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
4
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { _Spinner } from './chunk-JLCWRP32.js';
|
|
4
|
+
import { ensureTextWrapper } from './chunk-72PY2FT5.js';
|
|
5
5
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
7
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
|
|
|
16
16
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./Button.module.css#css-module
|
|
19
|
-
var Button_module_default = { "hop-Button": "Button-module__hop-
|
|
19
|
+
var Button_module_default = { "hop-Button": "Button-module__hop-Button___Vk-pE", "hop-Button--fluid": "Button-module__hop-Button--fluid___XjOkt", "hop-Button--sm": "Button-module__hop-Button--sm___vWCBa", "hop-Button--md": "Button-module__hop-Button--md___izHSQ", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___PBAQR", "hop-Button--primary": "Button-module__hop-Button--primary___QJ38L", "hop-Button--secondary": "Button-module__hop-Button--secondary___dNIwa", "hop-Button--upsell": "Button-module__hop-Button--upsell___M3u91", "hop-Button--danger": "Button-module__hop-Button--danger___h-7f6", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___QNVJ5", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___2ajOS", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___5qpRc", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___raEcs", "hop-Button__icon": "Button-module__hop-Button__icon___-UKFx", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___fzjBi", "hop-Button__text": "Button-module__hop-Button__text___bccEP", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___5glB6", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___j6JuP" };
|
|
20
20
|
var GlobalButtonCssSelector = "hop-Button";
|
|
21
21
|
function Button(props, ref) {
|
|
22
22
|
var _a, _b;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-Z7I4MQYQ.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-DEECPTTW.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___Z6m6q", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___tD-Pp", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___GtzOo", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___mlrZH", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___lPUCM", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___tltkR", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___R-4Lk", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___VtWGz", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___GKFz8", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___I8M-X", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___RWo21", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___pPwZQ", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___IRknT", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___jqFeP", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___1xrk8", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___BjmHi", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___lSScU" };
|
|
17
17
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
18
18
|
var AvatarToTextSizeAdapter = {
|
|
19
19
|
xs: "xs",
|