@hopper-ui/components 1.3.7 → 1.3.8
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 +7 -0
- package/dist/Avatar/src/AnonymousAvatar.css +10 -10
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.js +3 -3
- package/dist/Avatar/src/DeletedAvatar.css +10 -10
- package/dist/Avatar/src/DeletedAvatar.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +37 -37
- package/dist/Avatar/src/index.js +5 -5
- package/dist/Badge/src/Badge.css +21 -21
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +10 -10
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +31 -31
- package/dist/Badge/src/index.js +3 -3
- package/dist/Divider/src/Divider.css +2 -2
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +2 -2
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
- package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
- package/dist/ErrorMessage/src/index.css +11 -11
- package/dist/ErrorMessage/src/index.js +2 -2
- package/dist/Form/src/Form.css +753 -762
- package/dist/Form/src/Form.js +47 -46
- package/dist/Form/src/index.css +753 -762
- package/dist/Form/src/index.js +47 -46
- package/dist/HelperMessage/src/HelperMessage.css +11 -11
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +11 -11
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +1 -1
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +1 -1
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +31 -31
- package/dist/Link/src/Link.js +2 -2
- package/dist/Link/src/index.css +31 -31
- package/dist/Link/src/index.js +2 -2
- package/dist/ListBox/src/ListBox.css +267 -267
- package/dist/ListBox/src/ListBox.js +6 -6
- package/dist/ListBox/src/ListBoxItem.css +253 -253
- package/dist/ListBox/src/ListBoxItem.js +5 -5
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +267 -267
- package/dist/ListBox/src/index.js +6 -6
- package/dist/Select/src/Select.css +753 -762
- package/dist/Select/src/Select.js +47 -46
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +753 -762
- package/dist/Select/src/index.js +47 -46
- package/dist/Spinner/src/Spinner.css +19 -19
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +19 -19
- package/dist/Spinner/src/index.js +2 -2
- package/dist/buttons/src/Button.css +94 -94
- package/dist/buttons/src/Button.js +3 -3
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +71 -71
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +71 -71
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +176 -176
- package/dist/buttons/src/index.js +6 -6
- package/dist/checkbox/src/Checkbox.css +28 -28
- package/dist/checkbox/src/Checkbox.js +2 -2
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +83 -83
- package/dist/checkbox/src/CheckboxGroup.js +1 -1
- package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
- package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
- package/dist/checkbox/src/index.css +83 -83
- package/dist/checkbox/src/index.js +5 -5
- package/dist/{chunk-F4XYXAPX.js → chunk-2J5HM77N.js} +1 -1
- package/dist/{chunk-Z63VLZM2.js → chunk-3LUQ6A2L.js} +2 -2
- package/dist/{chunk-WD3GLWJA.js → chunk-4ARX267G.js} +2 -2
- package/dist/{chunk-PVLUQZAG.js → chunk-6FDLX77I.js} +1 -1
- package/dist/{chunk-VMSIQERT.js → chunk-7CIKPH4J.js} +2 -2
- package/dist/{chunk-FSRORCX7.js → chunk-7H4MZKSZ.js} +4 -4
- package/dist/{chunk-VZAUDQPW.js → chunk-AC6JVAVX.js} +3 -3
- package/dist/{chunk-HIF2U66B.js → chunk-AGRLOZWN.js} +1 -1
- package/dist/{chunk-SRT6TJ7K.js → chunk-AJMHHWRN.js} +1 -1
- package/dist/chunk-BFVCZF4H.js +52 -0
- package/dist/{chunk-C4W3WI5F.js → chunk-BPFMTXRF.js} +2 -2
- package/dist/{chunk-CWP3RDUT.js → chunk-CTTRBWBT.js} +1 -1
- package/dist/{chunk-YUMDUDZX.js → chunk-CURG4YI3.js} +3 -3
- package/dist/{chunk-5LGDXMKZ.js → chunk-DRG2376D.js} +3 -3
- package/dist/{chunk-BZC3DOXC.js → chunk-E4PIETAY.js} +2 -2
- package/dist/{chunk-JZGG67JQ.js → chunk-FIJ3CLQB.js} +1 -1
- package/dist/{chunk-PJLVJG4E.js → chunk-GMMQYERH.js} +1 -1
- package/dist/{chunk-LXWDXMVL.js → chunk-H2L3SQIO.js} +7 -7
- package/dist/{chunk-BNBUTFBN.js → chunk-IP4N5EBH.js} +1 -1
- package/dist/{chunk-2LS24P2S.js → chunk-J2OCA4O2.js} +1 -1
- package/dist/{chunk-FKFP4LFR.js → chunk-JNDKNURH.js} +1 -1
- package/dist/{chunk-YFJWAPT5.js → chunk-JURJ6BXP.js} +1 -1
- package/dist/{chunk-JKE2GH2D.js → chunk-JVDDMMRS.js} +2 -2
- package/dist/{chunk-IZUZUN6Z.js → chunk-KQ735GKE.js} +5 -5
- package/dist/{chunk-AWYN6573.js → chunk-KXUA2JOW.js} +1 -1
- package/dist/{chunk-DNFIKL5N.js → chunk-KZWQ57ZJ.js} +2 -2
- package/dist/{chunk-BUI76FPU.js → chunk-MBFMR455.js} +1 -1
- package/dist/{chunk-4PCMNJTD.js → chunk-MVBXZQAH.js} +2 -2
- package/dist/{chunk-T2DEFREG.js → chunk-NLQW4MJR.js} +1 -1
- package/dist/{chunk-LULNSRRY.js → chunk-PEB7PBUB.js} +1 -1
- package/dist/{chunk-MDI3RFZS.js → chunk-PWOFOTJR.js} +1 -1
- package/dist/{chunk-PQTB3F7K.js → chunk-QLLCRVCV.js} +12 -21
- package/dist/{chunk-MTQURD2G.js → chunk-R4LPKOSF.js} +2 -2
- package/dist/{chunk-PGYHBNCP.js → chunk-RR6N2GZX.js} +2 -2
- package/dist/{chunk-DSUR3NPA.js → chunk-THMKXCNG.js} +2 -2
- package/dist/{chunk-MJ24AAEX.js → chunk-TQZKBOSP.js} +1 -1
- package/dist/{chunk-5CR5V44E.js → chunk-UR26A74E.js} +1 -1
- package/dist/{chunk-SZIBBFKI.js → chunk-VMCZQTOI.js} +2 -2
- package/dist/{chunk-DCTC6KDW.js → chunk-XEZVEXWO.js} +1 -1
- package/dist/{chunk-DMAM2GFN.js → chunk-XHMXUELC.js} +13 -21
- package/dist/{chunk-ZVOVNXPJ.js → chunk-XJAHZJVO.js} +1 -1
- package/dist/{chunk-IA343FCT.js → chunk-YHH5TXPG.js} +3 -3
- package/dist/{chunk-AHMI7DHJ.js → chunk-Z2VOM3C3.js} +3 -3
- package/dist/{chunk-JGOXWGEG.js → chunk-Z54LX6IU.js} +3 -3
- package/dist/index.css +753 -762
- package/dist/index.d.ts +5 -4
- package/dist/index.js +47 -46
- package/dist/inputs/src/InputGroup.css +191 -191
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +231 -231
- package/dist/inputs/src/NumberField.js +6 -6
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/RemainingCharacterCount.css +241 -0
- package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
- package/dist/inputs/src/RemainingCharacterCount.js +17 -0
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +241 -237
- package/dist/inputs/src/TextArea.js +8 -6
- package/dist/inputs/src/TextField.css +235 -233
- package/dist/inputs/src/TextField.js +10 -8
- package/dist/inputs/src/index.css +329 -338
- package/dist/inputs/src/index.d.ts +8 -4
- package/dist/inputs/src/index.js +14 -12
- package/dist/overlays/Popover/src/Popover.css +753 -762
- package/dist/overlays/Popover/src/Popover.js +47 -46
- package/dist/overlays/Popover/src/index.css +753 -762
- package/dist/overlays/Popover/src/index.js +47 -46
- package/dist/radio/src/DecorativeRadio.css +36 -36
- package/dist/radio/src/DecorativeRadio.js +2 -2
- package/dist/radio/src/Radio.css +28 -28
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +1 -1
- package/dist/radio/src/RadioGroup.css +83 -83
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/index.css +83 -83
- package/dist/radio/src/index.js +6 -6
- package/dist/switch/src/Switch.css +25 -25
- package/dist/switch/src/Switch.js +2 -2
- package/dist/switch/src/SwitchField.css +15 -15
- package/dist/switch/src/SwitchField.js +1 -1
- package/dist/switch/src/index.css +31 -31
- package/dist/switch/src/index.js +3 -3
- package/dist/tag/src/Tag.css +323 -323
- package/dist/tag/src/Tag.js +5 -5
- package/dist/tag/src/TagGroup.css +22 -22
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +336 -336
- package/dist/tag/src/index.js +6 -6
- package/dist/typography/Heading/src/Heading.css +9 -9
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +9 -9
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +3 -3
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +3 -3
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +6 -6
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/index.js +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-2J5HM77N.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___LybXq", "spin": "Spinner-module__spin___fXcm0", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___PkfSB", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___2w-Xd", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3kP3e", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___b8Ks-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___zKi4O", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___On4P-" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
2
2
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
3
3
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
4
|
-
import { _Text } from './chunk-
|
|
4
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Link.module.css#css-module
|
|
16
|
-
var Link_module_default = { "hop-Link": "Link-module__hop-
|
|
16
|
+
var Link_module_default = { "hop-Link": "Link-module__hop-Link___wHXJ5", "hop-Link--quiet": "Link-module__hop-Link--quiet___F7596", "hop-Link--primary": "Link-module__hop-Link--primary___aqAlg", "hop-Link--secondary": "Link-module__hop-Link--secondary___-wVgn", "hop-Link__icon": "Link-module__hop-Link__icon___9twUA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___su6NW", "hop-Link__text": "Link-module__hop-Link__text___hW4PZ", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Sickn", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___mQVck" };
|
|
17
17
|
var GlobalLinkCssSelector = "hop-Link";
|
|
18
18
|
var LinkToIconSizeAdapter = {
|
|
19
19
|
inherit: void 0,
|
|
@@ -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___JXNg5", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___74jxg" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-XJAHZJVO.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';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useIsOverflow } from './chunk-EHXOXTDN.js';
|
|
2
2
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
4
4
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
6
6
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
|
|
|
16
16
|
import { jsx } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./SelectValue.module.css#css-module
|
|
19
|
-
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-
|
|
19
|
+
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___Ki0dR", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___SI2em", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___kk1xV", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___QfLXS", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___Mnitd" };
|
|
20
20
|
var GlobalSelectValueCssSelector = "hop-SelectValue";
|
|
21
21
|
var SelectValueToAvatarSizeAdapter = {
|
|
22
22
|
sm: "xs",
|
|
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./TagGroup.module.css#css-module
|
|
16
|
-
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-
|
|
16
|
+
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___tcuEw", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___MIfwe", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___BBlDb", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___JUQXc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___Oka5s" };
|
|
17
17
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
18
18
|
function TagGroup(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
2
|
+
import { _RemainingCharacterCount } from './chunk-BFVCZF4H.js';
|
|
2
3
|
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import { _ClearButton } from './chunk-
|
|
4
|
+
import { _InputGroup } from './chunk-MBFMR455.js';
|
|
5
|
+
import { _ClearButton } from './chunk-KXUA2JOW.js';
|
|
5
6
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
|
-
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
7
7
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
8
8
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
9
9
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
10
|
-
import { _Text } from './chunk-
|
|
10
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
11
11
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
12
12
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
13
13
|
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___ayCGD", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___6ZUUt", "hop-TextField__Label": "TextField-module__hop-TextField__Label___ylFL9", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___P7wyK", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___kaNJe", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___T6KZN", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___uPCZ2" };
|
|
27
27
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
28
28
|
function TextField(props, ref) {
|
|
29
29
|
var _a;
|
|
@@ -119,7 +119,14 @@ function TextField(props, ref) {
|
|
|
119
119
|
children: [
|
|
120
120
|
prefixMarkup,
|
|
121
121
|
/* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
|
|
122
|
-
showCharacterCount && maxLength && /* @__PURE__ */ jsx(
|
|
122
|
+
showCharacterCount && maxLength && /* @__PURE__ */ jsx(
|
|
123
|
+
_RemainingCharacterCount,
|
|
124
|
+
{
|
|
125
|
+
count: maxLength - characterCount,
|
|
126
|
+
isInvalid: overMaxLength,
|
|
127
|
+
isDisabled
|
|
128
|
+
}
|
|
129
|
+
),
|
|
123
130
|
showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })
|
|
124
131
|
]
|
|
125
132
|
}
|
|
@@ -152,26 +159,11 @@ function TextField(props, ref) {
|
|
|
152
159
|
isDisabled,
|
|
153
160
|
isInvalid,
|
|
154
161
|
isRequired,
|
|
155
|
-
"data-over-max-length": overMaxLength || void 0,
|
|
156
162
|
...otherProps,
|
|
157
163
|
children: childrenMarkup
|
|
158
164
|
}
|
|
159
165
|
);
|
|
160
166
|
}
|
|
161
|
-
function CharacterCount({ characterLeft }) {
|
|
162
|
-
const stringFormatter = useLocalizedString();
|
|
163
|
-
const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: characterLeft });
|
|
164
|
-
return /* @__PURE__ */ jsx(
|
|
165
|
-
_Text,
|
|
166
|
-
{
|
|
167
|
-
"aria-label": accessibilityString,
|
|
168
|
-
className: TextField_module_default["hop-TextField__char-count"],
|
|
169
|
-
role: "status",
|
|
170
|
-
size: "xs",
|
|
171
|
-
children: characterLeft
|
|
172
|
-
}
|
|
173
|
-
);
|
|
174
|
-
}
|
|
175
167
|
var _TextField = forwardRef(TextField);
|
|
176
168
|
_TextField.displayName = "TextField";
|
|
177
169
|
|
|
@@ -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___LUQBB", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
2
2
|
import { useImageFallback } from './chunk-NS3XVOQ7.js';
|
|
3
3
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
4
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
4
|
+
import { _RichIconAvatarImage } from './chunk-XJAHZJVO.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___9Hi70", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___ezEoM", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___980Uh", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___wMa-k", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___yGqTp", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___AXLnM", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___aERCF", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___f7v8W", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___1jb39", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___cJs0U", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ll-5h", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lyS7v", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___nXt6p", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___gDoKx", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___RmnZd", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Tpf7q", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___oh7hq" };
|
|
17
17
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
18
18
|
var AvatarToTextSizeAdapter = {
|
|
19
19
|
xs: "xs",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useScale } from './chunk-MTDFS4CZ.js';
|
|
2
2
|
import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
3
|
+
import { _InputGroup } from './chunk-MBFMR455.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
7
7
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
8
|
-
import { _Text } from './chunk-
|
|
8
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
9
9
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
10
10
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
11
11
|
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___apdI6", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___zqiUX", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___NKAaR", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___Z2mj5", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___JnwJ1", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___y0Rb6", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___9p0yi", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___zIKmw", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___hxdTL", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___nUuTR", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ACv7y", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___mcmo2" };
|
|
25
25
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
26
26
|
var StepperButton = ({ direction }) => {
|
|
27
27
|
const scale = useScale();
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _Spinner } from './chunk-RR6N2GZX.js';
|
|
3
3
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
4
4
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
5
5
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
6
6
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
7
|
-
import { _Text } from './chunk-
|
|
7
|
+
import { _Text } from './chunk-2J5HM77N.js';
|
|
8
8
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
9
9
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
10
10
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___5w5a2", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___V-noN", "hop-Button--fluid": "Button-module__hop-Button--fluid___QaAvn", "hop-Button--sm": "Button-module__hop-Button--sm___nMy5q", "hop-Button--primary": "Button-module__hop-Button--primary___EvsVi", "hop-Button--md": "Button-module__hop-Button--md___cThV4", "hop-Button--secondary": "Button-module__hop-Button--secondary___HYyfJ", "hop-Button--upsell": "Button-module__hop-Button--upsell___laWqg", "hop-Button--danger": "Button-module__hop-Button--danger___4-NJy", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___5xkKn", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___74X2R", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___sh82s", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___23sIY", "hop-Button__icon": "Button-module__hop-Button__icon___OCH09", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___90QTb", "hop-Button__text": "Button-module__hop-Button__text___hmgmJ", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___WUX-K", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___TYtCm" };
|
|
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) {
|