@hopper-ui/components 1.3.13 → 1.3.14
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 +44 -44
- 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 +54 -54
- package/dist/Badge/src/index.js +3 -3
- package/dist/ComboBox/src/ComboBox.css +715 -715
- package/dist/ComboBox/src/ComboBox.js +45 -45
- package/dist/ComboBox/src/index.css +715 -715
- package/dist/ComboBox/src/index.js +45 -45
- 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 +715 -715
- package/dist/Form/src/Form.js +45 -45
- package/dist/Form/src/index.css +715 -715
- package/dist/Form/src/index.js +45 -45
- 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 +276 -276
- package/dist/ListBox/src/ListBox.js +10 -10
- package/dist/ListBox/src/ListBoxItem.css +264 -264
- 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 +276 -276
- package/dist/ListBox/src/index.js +10 -10
- package/dist/Select/src/Select.css +715 -715
- package/dist/Select/src/Select.js +45 -45
- package/dist/Select/src/SelectValue.css +61 -61
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +715 -715
- package/dist/Select/src/index.js +45 -45
- package/dist/Spinner/src/Spinner.css +37 -37
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +37 -37
- package/dist/Spinner/src/index.js +2 -2
- package/dist/buttons/src/Button.css +112 -112
- package/dist/buttons/src/Button.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/index.css +194 -194
- package/dist/buttons/src/index.js +10 -10
- 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 +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +98 -98
- package/dist/checkbox/src/CheckboxGroup.js +1 -1
- 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 +9 -9
- package/dist/{chunk-SED3IAG6.js → chunk-26L2JI5Z.js} +2 -2
- package/dist/{chunk-N4W5OGVT.js → chunk-2D2QW2TN.js} +3 -3
- package/dist/{chunk-BNRFZJH2.js → chunk-4DLUFECD.js} +1 -1
- package/dist/{chunk-JE3XX2SJ.js → chunk-4W7GPP6I.js} +1 -1
- package/dist/{chunk-6CMYDEZX.js → chunk-5C2HFY65.js} +8 -8
- package/dist/{chunk-5NLYTU3H.js → chunk-5TL2U37O.js} +2 -2
- package/dist/{chunk-5C4FZTGZ.js → chunk-6DYXXDY4.js} +3 -3
- package/dist/{chunk-XA4GSKHM.js → chunk-6XBPJOFU.js} +1 -1
- package/dist/{chunk-NCSZH3BX.js → chunk-A265GCLA.js} +2 -2
- package/dist/{chunk-WGK36YRB.js → chunk-A4UHNZBX.js} +1 -1
- package/dist/{chunk-4SAYVVYL.js → chunk-AA6XHAZJ.js} +3 -3
- package/dist/{chunk-YEFNZ7AV.js → chunk-BA265NQT.js} +4 -4
- package/dist/{chunk-NMVERJN3.js → chunk-BWMRLYXD.js} +9 -6
- package/dist/{chunk-BRXIL2PF.js → chunk-CUPCOAXZ.js} +1 -1
- package/dist/{chunk-4LGBWVIU.js → chunk-DFKPVOQ4.js} +1 -1
- package/dist/{chunk-N2LF4W2F.js → chunk-DN63JAPT.js} +1 -1
- package/dist/{chunk-VGVPCTWN.js → chunk-DWVXSSVC.js} +2 -2
- package/dist/{chunk-YJR4NQEV.js → chunk-F6P4WIKS.js} +2 -2
- package/dist/{chunk-VNC3T7SU.js → chunk-FRVE3N27.js} +1 -1
- package/dist/{chunk-ZXLXPVHG.js → chunk-FXHZXIPR.js} +2 -2
- package/dist/{chunk-7NUKUYR2.js → chunk-GUHMGBDJ.js} +1 -1
- package/dist/{chunk-PIPM74ZR.js → chunk-I3B3G6N4.js} +1 -1
- package/dist/{chunk-AXOHWQ3F.js → chunk-JB3N2PYV.js} +1 -1
- package/dist/{chunk-QZK76BU7.js → chunk-JHP7LA2B.js} +1 -1
- package/dist/{chunk-TWDVOXVB.js → chunk-JZAWRJFA.js} +1 -1
- package/dist/{chunk-525E7GQA.js → chunk-K2DSUPKO.js} +1 -1
- package/dist/{chunk-2FPPOLXY.js → chunk-KFXDFFLE.js} +2 -2
- package/dist/{chunk-AG6PENAS.js → chunk-LFFRDNDM.js} +2 -2
- package/dist/{chunk-NDNG5JZM.js → chunk-MDIVABWE.js} +1 -1
- package/dist/{chunk-QOJVYB3C.js → chunk-MLLUZ55T.js} +1 -1
- package/dist/{chunk-ZVEICADL.js → chunk-P2OSN32C.js} +1 -1
- package/dist/{chunk-Y4DX32HX.js → chunk-PCOOOVLE.js} +2 -2
- package/dist/{chunk-GP6BKXPT.js → chunk-PQR2DVBK.js} +1 -1
- package/dist/{chunk-2YCQ3HR4.js → chunk-PWJCO32L.js} +1 -1
- package/dist/{chunk-POYJ4HSP.js → chunk-R2EN2OFJ.js} +2 -2
- package/dist/{chunk-WXDO7NVW.js → chunk-RUZ3J43X.js} +1 -1
- package/dist/{chunk-RWV3WC6S.js → chunk-RXMCGKWB.js} +3 -3
- package/dist/{chunk-WHESXP63.js → chunk-SG2POHLX.js} +5 -5
- package/dist/{chunk-KEFMYHZ7.js → chunk-TH46DMKQ.js} +2 -2
- package/dist/{chunk-TAKV5UAB.js → chunk-USP2ITRL.js} +1 -1
- package/dist/{chunk-AHYLFUTN.js → chunk-VVVDQWQ3.js} +3 -3
- package/dist/{chunk-L4P3WZD5.js → chunk-X57PKGPX.js} +2 -2
- package/dist/{chunk-PC57XZVV.js → chunk-XGS34BBU.js} +3 -3
- package/dist/{chunk-D7DJDRJ3.js → chunk-YYFZDZXJ.js} +1 -1
- package/dist/{chunk-2T4YF6YA.js → chunk-ZPLEEUPC.js} +11 -8
- package/dist/index.css +715 -715
- package/dist/index.js +45 -45
- package/dist/inputs/src/InputGroup.css +209 -209
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +231 -231
- package/dist/inputs/src/NumberField.js +7 -7
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/RemainingCharacterCount.css +30 -30
- package/dist/inputs/src/RemainingCharacterCount.js +5 -5
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +226 -226
- package/dist/inputs/src/TextArea.d.ts +2 -4
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +223 -223
- package/dist/inputs/src/TextField.d.ts +2 -4
- package/dist/inputs/src/TextField.js +10 -10
- package/dist/inputs/src/index.css +269 -269
- package/dist/inputs/src/index.js +14 -14
- package/dist/overlays/Popover/src/Popover.css +715 -715
- package/dist/overlays/Popover/src/Popover.js +45 -45
- package/dist/overlays/Popover/src/index.css +715 -715
- package/dist/overlays/Popover/src/index.js +45 -45
- 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 +1 -1
- package/dist/radio/src/RadioGroup.css +98 -98
- package/dist/radio/src/RadioGroup.js +1 -1
- package/dist/radio/src/index.css +98 -98
- package/dist/radio/src/index.js +9 -9
- 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 +337 -337
- package/dist/tag/src/Tag.js +9 -9
- package/dist/tag/src/TagGroup.css +37 -37
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/TagList.css +27 -27
- package/dist/tag/src/index.css +347 -347
- package/dist/tag/src/index.js +10 -10
- package/dist/typography/Heading/src/Heading.css +27 -27
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +27 -27
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +27 -27
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +27 -27
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +27 -27
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +27 -27
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +27 -27
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +27 -27
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +27 -27
- package/dist/utils/src/EnsureTextWrapper.js +5 -5
- package/dist/utils/src/index.css +27 -27
- package/dist/utils/src/index.js +5 -5
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
|
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Text.module.css#css-module
|
|
12
|
-
var Text_module_default = { "hop-Text": "Text-module__hop-
|
|
12
|
+
var Text_module_default = { "hop-Text": "Text-module__hop-Text___YWQie", "hop-Text--xs": "Text-module__hop-Text--xs___pfyH6", "hop-Text--sm": "Text-module__hop-Text--sm___oH8pv", "hop-Text--md": "Text-module__hop-Text--md___6SESF", "hop-Text--lg": "Text-module__hop-Text--lg___KUuZc", "hop-Text--xl": "Text-module__hop-Text--xl___Yhkcp", "hop-Text--2xl": "Text-module__hop-Text--2xl___fCHd1", "hop-Text--inherit": "Text-module__hop-Text--inherit___pumuo" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
-
import { EnsureTextWrapper } from './chunk-
|
|
2
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.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___ADBqu", "hop-Radio--sm": "Radio-module__hop-Radio--sm___9m9cw", "hop-Radio--md": "Radio-module__hop-Radio--md___-OHVc", "hop-Radio__icon": "Radio-module__hop-Radio__icon___x2am6", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___YyC19", "hop-Radio__box": "Radio-module__hop-Radio__box___pNZ3P", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___FT3MX", "hop-Radio__text": "Radio-module__hop-Radio__text___oqR0C" };
|
|
17
17
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
18
18
|
function Radio(props, ref) {
|
|
19
19
|
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___vA3Vg", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___WLlcB", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VpKAX", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-NY6t", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___I-ePb", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___WCoHY", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___adUlB", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___K8rIa" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
|
|
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./Label.module.css#css-module
|
|
11
|
-
var Label_module_default = { "hop-Label": "Label-module__hop-
|
|
11
|
+
var Label_module_default = { "hop-Label": "Label-module__hop-Label___-0l1I", "hop-Label__indicator": "Label-module__hop-Label__indicator___Qu17i" };
|
|
12
12
|
var GlobalLabelCssSelector = "hop-Label";
|
|
13
13
|
function Label(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, LabelContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-MLLUZ55T.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___yvH65", "spin": "Spinner-module__spin___VldM7", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___CoKhT", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___mSE4C", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___XpNq0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___oxcw-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___T4J87", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___rFqvf" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ButtonGroup.module.css#css-module
|
|
13
|
-
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-
|
|
13
|
+
var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___GbwhW", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___0sFu1", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___uIRfN", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___ZvYya", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___KBa-5", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___Pemuq" };
|
|
14
14
|
var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
|
|
15
15
|
function ButtonGroup(props, ref) {
|
|
16
16
|
var _a, _b, _c, _d, _e;
|
|
@@ -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-R2EN2OFJ.js';
|
|
4
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.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';
|
|
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
|
|
|
19
19
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Button.module.css#css-module
|
|
22
|
-
var Button_module_default = { "hop-Button": "Button-module__hop-
|
|
22
|
+
var Button_module_default = { "hop-Button": "Button-module__hop-Button___-Rm3G", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___l-Haj", "hop-Button--fluid": "Button-module__hop-Button--fluid___jlRQS", "hop-Button--sm": "Button-module__hop-Button--sm___74-Mx", "hop-Button--primary": "Button-module__hop-Button--primary___XUljl", "hop-Button--md": "Button-module__hop-Button--md___izdgU", "hop-Button--secondary": "Button-module__hop-Button--secondary___OWMwI", "hop-Button--upsell": "Button-module__hop-Button--upsell___x-O-W", "hop-Button--danger": "Button-module__hop-Button--danger___-lSHt", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___xQuqA", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___7v-pT", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___zLOwK", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___dsODg", "hop-Button__icon": "Button-module__hop-Button__icon___7y0vR", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___FI-zR", "hop-Button__text": "Button-module__hop-Button__text___oueOv", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___5dsV8", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___r-ZQD" };
|
|
23
23
|
var GlobalButtonCssSelector = "hop-Button";
|
|
24
24
|
var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
|
|
25
25
|
function useSimulatedRACButton(props, ref) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _DecorativeRadio } from './chunk-
|
|
2
|
-
import { _DecorativeCheckbox } from './chunk-
|
|
1
|
+
import { _DecorativeRadio } from './chunk-FXHZXIPR.js';
|
|
2
|
+
import { _DecorativeCheckbox } from './chunk-LFFRDNDM.js';
|
|
3
3
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
4
|
-
import { _ListBoxItemSkeleton } from './chunk-
|
|
5
|
-
import { EnsureTextWrapper } from './chunk-
|
|
4
|
+
import { _ListBoxItemSkeleton } from './chunk-K2DSUPKO.js';
|
|
5
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.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___BA-7R", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___C7Icn", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___TCnwR", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___R05Ea", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___c9-GC", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___uFWb9", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___-5xEw", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___a-dI7", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___omKcd", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___TO3I1", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___97rej", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___YAyJ7", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___yygp0", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___zpmIx", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___LQiWw", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___1LSWJ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___pdbFt" };
|
|
22
22
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
23
23
|
var ListBoxItemToIconSizeAdapter = {
|
|
24
24
|
xs: "sm",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EnsureTextWrapper } from './chunk-
|
|
1
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
|
|
2
2
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
3
3
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Link.module.css#css-module
|
|
15
|
-
var Link_module_default = { "hop-Link": "Link-module__hop-
|
|
15
|
+
var Link_module_default = { "hop-Link": "Link-module__hop-Link___8cuBO", "hop-Link--quiet": "Link-module__hop-Link--quiet___O88Ej", "hop-Link--primary": "Link-module__hop-Link--primary___u37Nx", "hop-Link--secondary": "Link-module__hop-Link--secondary___IZGTp", "hop-Link__icon": "Link-module__hop-Link__icon___8wzYi", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___-s6DD", "hop-Link__text": "Link-module__hop-Link__text___HheeC", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___ocWgK", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___pv0Pp" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -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___Vdc-e" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -1,7 +1,7 @@
|
|
|
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-FRVE3N27.js';
|
|
4
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
|
|
5
5
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
7
|
import { ErrorMessageContext } from './chunk-FAE27DLF.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___h7XZY", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___hzOGG", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___v4nuf", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___o00hC", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___5m892", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___9R8qa", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___K86WY", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___OAC4w", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___uddVc", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___8jK-p", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___xlqHw", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___oi3V3", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___nVzDO", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___-z7Ws" };
|
|
25
25
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
26
26
|
var StepperButton = ({ direction }) => {
|
|
27
27
|
const scale = useScale();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-MLLUZ55T.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { InfoIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
|
|
|
9
9
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./HelperMessage.module.css#css-module
|
|
12
|
-
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-
|
|
12
|
+
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___dhQPn", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___4TTDQ" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { isFunction } from './chunk-TIPN4VYD.js';
|
|
2
2
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
3
|
-
import { _ListBoxItem } from './chunk-
|
|
3
|
+
import { _ListBoxItem } from './chunk-SG2POHLX.js';
|
|
4
4
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
5
5
|
import { SectionContext } from './chunk-5H5AZJPQ.js';
|
|
6
6
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
7
7
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
8
|
-
import { _Text } from './chunk-
|
|
8
|
+
import { _Text } from './chunk-MLLUZ55T.js';
|
|
9
9
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
10
10
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
11
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
|
|
|
17
17
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./ListBox.module.css#css-module
|
|
20
|
-
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-
|
|
20
|
+
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___nZraA", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___LxQtc", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8Vc-j", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___27FHC", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___WL9gs" };
|
|
21
21
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
22
22
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
23
23
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-PQR2DVBK.js';
|
|
3
3
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { AnonymousRichIcon } from '@hopper-ui/icons';
|
|
@@ -1,9 +1,9 @@
|
|
|
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-
|
|
3
|
+
import { _RemainingCharacterCount } from './chunk-A265GCLA.js';
|
|
4
|
+
import { _InputGroup } from './chunk-FRVE3N27.js';
|
|
5
|
+
import { _ClearButton } from './chunk-JHP7LA2B.js';
|
|
6
|
+
import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
|
|
7
7
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
8
8
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
9
9
|
import { ErrorMessageContext } from './chunk-FAE27DLF.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___vL3q7", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___WCJxM", "hop-TextField__Label": "TextField-module__hop-TextField__Label___Mg6Yj", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___cCGFr", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___6LUxR", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___MLIq6", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___Eetu9" };
|
|
27
27
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
28
28
|
function TextField(props, ref) {
|
|
29
29
|
var _a;
|
|
@@ -55,7 +55,7 @@ function TextField(props, ref) {
|
|
|
55
55
|
isDisabled,
|
|
56
56
|
isInvalid,
|
|
57
57
|
isRequired,
|
|
58
|
-
|
|
58
|
+
allowExceedingMaxLength,
|
|
59
59
|
necessityIndicator,
|
|
60
60
|
inputGroupProps,
|
|
61
61
|
remainingCharacterCountProps,
|
|
@@ -95,6 +95,9 @@ function TextField(props, ref) {
|
|
|
95
95
|
if (showCharacterCount && !maxLength) {
|
|
96
96
|
console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextField.");
|
|
97
97
|
}
|
|
98
|
+
if (allowExceedingMaxLength && !showCharacterCount) {
|
|
99
|
+
console.warn("If allowExceedingMaxLength is true, showCharacterCount must also be true.");
|
|
100
|
+
}
|
|
98
101
|
const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
|
|
99
102
|
SlotProvider,
|
|
100
103
|
{
|
|
@@ -106,7 +109,7 @@ function TextField(props, ref) {
|
|
|
106
109
|
}
|
|
107
110
|
) : null;
|
|
108
111
|
useIsomorphicLayoutEffect(() => {
|
|
109
|
-
if (
|
|
112
|
+
if (!allowExceedingMaxLength) {
|
|
110
113
|
const newValue = truncateText(value, maxLength);
|
|
111
114
|
onChange(newValue);
|
|
112
115
|
}
|
|
@@ -161,7 +164,7 @@ function TextField(props, ref) {
|
|
|
161
164
|
value,
|
|
162
165
|
style,
|
|
163
166
|
className: classNames,
|
|
164
|
-
maxLength:
|
|
167
|
+
maxLength: !allowExceedingMaxLength ? maxLength : void 0,
|
|
165
168
|
onChange,
|
|
166
169
|
isDisabled,
|
|
167
170
|
isInvalid,
|