@hopper-ui/components 1.3.8 → 1.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/Avatar/src/AnonymousAvatar.css +237 -10
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- package/dist/Avatar/src/Avatar.css +184 -37
- package/dist/Avatar/src/Avatar.js +3 -3
- package/dist/Avatar/src/DeletedAvatar.css +237 -10
- package/dist/Avatar/src/DeletedAvatar.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +184 -37
- package/dist/Avatar/src/index.js +5 -5
- package/dist/Badge/src/Badge.css +205 -21
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +237 -10
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +215 -31
- package/dist/Badge/src/index.js +3 -3
- package/dist/ComboBox/src/ComboBox.css +5135 -0
- package/dist/ComboBox/src/ComboBox.d.ts +94 -0
- package/dist/ComboBox/src/ComboBox.js +123 -0
- package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
- package/dist/ComboBox/src/ComboBoxContext.js +2 -0
- package/dist/ComboBox/src/index.css +5135 -0
- package/dist/ComboBox/src/index.d.ts +12 -0
- package/dist/ComboBox/src/index.js +123 -0
- package/dist/Divider/src/Divider.css +229 -2
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +229 -2
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
- package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
- package/dist/ErrorMessage/src/index.css +158 -11
- package/dist/ErrorMessage/src/index.js +2 -2
- package/dist/Form/src/Form.css +1994 -1821
- package/dist/Form/src/Form.d.ts +4 -0
- package/dist/Form/src/Form.js +69 -67
- package/dist/Form/src/index.css +1994 -1821
- package/dist/Form/src/index.js +69 -67
- package/dist/HelperMessage/src/HelperMessage.css +158 -11
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +158 -11
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +228 -1
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +228 -1
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +184 -37
- package/dist/Link/src/Link.js +3 -3
- package/dist/Link/src/index.css +184 -37
- package/dist/Link/src/index.js +3 -3
- package/dist/ListBox/src/ListBox.css +398 -346
- package/dist/ListBox/src/ListBox.js +7 -8
- package/dist/ListBox/src/ListBoxItem.css +391 -306
- package/dist/ListBox/src/ListBoxItem.js +5 -5
- package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +398 -346
- package/dist/ListBox/src/index.js +7 -8
- package/dist/Select/src/Select.css +1063 -890
- package/dist/Select/src/Select.d.ts +4 -0
- package/dist/Select/src/Select.js +69 -67
- package/dist/Select/src/SelectValue.css +197 -191
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +1063 -890
- package/dist/Select/src/index.js +69 -67
- package/dist/Spinner/src/Spinner.css +166 -19
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +166 -19
- package/dist/Spinner/src/index.js +2 -2
- package/dist/buttons/src/Button.css +247 -100
- package/dist/buttons/src/Button.js +4 -4
- package/dist/buttons/src/ButtonGroup.css +238 -11
- package/dist/buttons/src/ButtonGroup.js +2 -2
- package/dist/buttons/src/ClearButton.css +298 -71
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +298 -71
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +329 -182
- package/dist/buttons/src/index.js +8 -8
- package/dist/checkbox/src/Checkbox.css +181 -34
- package/dist/checkbox/src/Checkbox.js +2 -2
- package/dist/checkbox/src/CheckboxField.css +162 -15
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +233 -105
- package/dist/checkbox/src/CheckboxGroup.d.ts +4 -0
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
- package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
- package/dist/checkbox/src/index.css +233 -105
- package/dist/checkbox/src/index.js +8 -8
- package/dist/{chunk-AJMHHWRN.js → chunk-2BYOZEHS.js} +1 -1
- package/dist/{chunk-4ARX267G.js → chunk-45BUVEOG.js} +8 -3
- package/dist/{chunk-BPFMTXRF.js → chunk-46Y3BNK6.js} +2 -2
- package/dist/{chunk-GMMQYERH.js → chunk-4KKT3O2S.js} +2 -2
- package/dist/chunk-4XHTP4GX.js +7 -0
- package/dist/{chunk-H2L3SQIO.js → chunk-6J3RVKV4.js} +509 -216
- package/dist/{chunk-6FDLX77I.js → chunk-7P6QVHCU.js} +2 -2
- package/dist/{chunk-KZWQ57ZJ.js → chunk-AH3LBZUR.js} +2 -2
- package/dist/{chunk-PWOFOTJR.js → chunk-ARURHRKE.js} +1 -1
- package/dist/{chunk-BFVCZF4H.js → chunk-B44HANDX.js} +2 -2
- package/dist/{chunk-E4PIETAY.js → chunk-BJNXUNAB.js} +2 -2
- package/dist/{chunk-MBFMR455.js → chunk-CIKHW47C.js} +1 -1
- package/dist/{chunk-NLQW4MJR.js → chunk-DCAA2AVQ.js} +1 -1
- package/dist/{chunk-J2OCA4O2.js → chunk-DV7LZMDA.js} +1 -1
- package/dist/{chunk-AC6JVAVX.js → chunk-FF6KAPPN.js} +5 -4
- package/dist/{chunk-YHH5TXPG.js → chunk-FI74MGJH.js} +3 -3
- package/dist/{chunk-THMKXCNG.js → chunk-GLFAZQ25.js} +3 -3
- package/dist/{chunk-Z2VOM3C3.js → chunk-GU6D6RQL.js} +5 -4
- package/dist/{chunk-Z54LX6IU.js → chunk-IBHSGV7Y.js} +3 -3
- package/dist/{chunk-JVDDMMRS.js → chunk-IJS2OFE5.js} +2 -2
- package/dist/{chunk-3LUQ6A2L.js → chunk-JCD37WMK.js} +2 -2
- package/dist/{chunk-CURG4YI3.js → chunk-JMQTEJC4.js} +4 -8
- package/dist/{chunk-7H4MZKSZ.js → chunk-JRL2S56W.js} +4 -4
- package/dist/{chunk-XEZVEXWO.js → chunk-KKL5HHYL.js} +5 -3
- package/dist/{chunk-KQ735GKE.js → chunk-LU7KOIOH.js} +5 -5
- package/dist/{chunk-AGRLOZWN.js → chunk-MMROXMQV.js} +4 -4
- package/dist/{chunk-DRG2376D.js → chunk-OBLOV2RN.js} +5 -4
- package/dist/{chunk-7CIKPH4J.js → chunk-OOY56G7Y.js} +2 -2
- package/dist/{chunk-QLLCRVCV.js → chunk-P5YCVNZM.js} +7 -4
- package/dist/{chunk-FIJ3CLQB.js → chunk-QX6MTYPY.js} +1 -1
- package/dist/{chunk-JNDKNURH.js → chunk-RKX7GGGY.js} +1 -1
- package/dist/{chunk-XJAHZJVO.js → chunk-RZ4K42NA.js} +1 -1
- package/dist/{chunk-XHMXUELC.js → chunk-TNXKWBYE.js} +8 -7
- package/dist/{chunk-MVBXZQAH.js → chunk-TTECXSWO.js} +2 -2
- package/dist/{chunk-CTTRBWBT.js → chunk-UBMAVA4B.js} +8 -3
- package/dist/{chunk-VMCZQTOI.js → chunk-VM6LLJYR.js} +2 -2
- package/dist/{chunk-IP4N5EBH.js → chunk-VRMZDHNL.js} +1 -1
- package/dist/{chunk-JURJ6BXP.js → chunk-X7ZM3VW6.js} +1 -1
- package/dist/{chunk-KXUA2JOW.js → chunk-XBVS62J3.js} +1 -1
- package/dist/{chunk-RR6N2GZX.js → chunk-XDRKVTAI.js} +2 -2
- package/dist/{chunk-PEB7PBUB.js → chunk-XFQJ7HYB.js} +1 -1
- package/dist/{chunk-UR26A74E.js → chunk-XNOILDPJ.js} +1 -1
- package/dist/{chunk-TQZKBOSP.js → chunk-XT3AM5KT.js} +1 -1
- package/dist/{chunk-R4LPKOSF.js → chunk-XT4MALWA.js} +2 -2
- package/dist/{chunk-2J5HM77N.js → chunk-Y7G6PIDC.js} +1 -1
- package/dist/chunk-ZRGWYBTI.js +9 -0
- package/dist/index.css +1997 -1824
- package/dist/index.d.ts +10 -7
- package/dist/index.js +69 -67
- package/dist/inputs/src/InputGroup.css +344 -197
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +336 -336
- package/dist/inputs/src/NumberField.d.ts +4 -0
- package/dist/inputs/src/NumberField.js +6 -6
- package/dist/inputs/src/PasswordField.css +354 -354
- package/dist/inputs/src/PasswordField.d.ts +4 -0
- 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 +360 -360
- package/dist/inputs/src/SearchField.d.ts +4 -0
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +331 -331
- package/dist/inputs/src/TextArea.d.ts +4 -0
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +358 -358
- package/dist/inputs/src/TextField.d.ts +4 -0
- package/dist/inputs/src/TextField.js +10 -10
- package/dist/inputs/src/index.css +404 -404
- package/dist/inputs/src/index.js +17 -17
- package/dist/overlays/Popover/src/Popover.css +2115 -1942
- package/dist/overlays/Popover/src/Popover.js +69 -67
- package/dist/overlays/Popover/src/index.css +2115 -1942
- package/dist/overlays/Popover/src/index.js +69 -67
- package/dist/radio/src/DecorativeRadio.css +189 -42
- package/dist/radio/src/DecorativeRadio.js +2 -2
- package/dist/radio/src/Radio.css +181 -34
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioField.css +162 -15
- package/dist/radio/src/RadioField.js +1 -1
- package/dist/radio/src/RadioGroup.css +227 -99
- package/dist/radio/src/RadioGroup.d.ts +4 -0
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/index.css +233 -105
- package/dist/radio/src/index.js +8 -8
- package/dist/switch/src/Switch.css +178 -31
- package/dist/switch/src/Switch.js +2 -2
- package/dist/switch/src/SwitchField.css +162 -15
- package/dist/switch/src/SwitchField.js +2 -2
- package/dist/switch/src/index.css +184 -37
- package/dist/switch/src/index.js +4 -4
- package/dist/tag/src/Tag.css +464 -360
- package/dist/tag/src/Tag.js +5 -5
- package/dist/tag/src/TagGroup.css +166 -38
- package/dist/tag/src/TagGroup.d.ts +4 -0
- package/dist/tag/src/TagGroup.js +2 -2
- package/dist/tag/src/TagList.css +226 -0
- package/dist/tag/src/index.css +474 -389
- package/dist/tag/src/index.js +9 -9
- package/dist/typography/Heading/src/Heading.css +151 -9
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +151 -9
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +211 -3
- package/dist/typography/Label/src/Label.d.ts +2 -2
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +211 -3
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +190 -6
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +190 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +156 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +156 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +226 -0
- package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
- package/dist/utils/src/EnsureTextWrapper.js +16 -0
- package/dist/utils/src/index.css +226 -0
- package/dist/utils/src/index.d.ts +11 -10
- package/dist/utils/src/index.js +14 -3
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Divider.module.css#css-module
|
|
10
|
-
var Divider_module_default = { "hop-Divider": "Divider-module__hop-
|
|
10
|
+
var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___PNJy9", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___wAEUb" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-RZ4K42NA.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';
|
|
@@ -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___qH3BC", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7Ia6z", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___vJKdG", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yeQot", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___o5mZy", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___STkmn", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___NIcsn", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___RwCV4" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
2
|
-
import { _RemainingCharacterCount } from './chunk-BFVCZF4H.js';
|
|
3
1
|
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
2
|
+
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
3
|
+
import { _RemainingCharacterCount } from './chunk-B44HANDX.js';
|
|
4
|
+
import { _InputGroup } from './chunk-CIKHW47C.js';
|
|
5
|
+
import { _ClearButton } from './chunk-XBVS62J3.js';
|
|
6
6
|
import { LabelContext } from './chunk-QCA3ZR56.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-Y7G6PIDC.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___1FtZC", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___GutEY", "hop-TextField__Label": "TextField-module__hop-TextField__Label___TBD0R", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___YlDxO", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___dARWs", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___9-sXm", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___HhoDC" };
|
|
27
27
|
var GlobalTextFieldCssSelector = "hop-TextField";
|
|
28
28
|
function TextField(props, ref) {
|
|
29
29
|
var _a;
|
|
@@ -56,6 +56,7 @@ function TextField(props, ref) {
|
|
|
56
56
|
isInvalid,
|
|
57
57
|
isRequired,
|
|
58
58
|
restrictMaxLength = true,
|
|
59
|
+
necessityIndicator,
|
|
59
60
|
...otherProps
|
|
60
61
|
} = ownProps;
|
|
61
62
|
const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
|
|
@@ -137,7 +138,7 @@ function TextField(props, ref) {
|
|
|
137
138
|
SlotProvider,
|
|
138
139
|
{
|
|
139
140
|
values: [
|
|
140
|
-
[LabelContext, { className: TextField_module_default["hop-TextField__Label"], isRequired }],
|
|
141
|
+
[LabelContext, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator }],
|
|
141
142
|
[HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
|
|
142
143
|
[ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
|
|
143
144
|
],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Y7G6PIDC.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___WnDNJ", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___bgCwZ" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { CheckboxListContext } from './chunk-WDUQUPTE.js';
|
|
1
2
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
3
|
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
3
|
-
import { CheckboxListContext } from './chunk-WDUQUPTE.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
|
|
|
14
14
|
import { jsx } 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___ZC22r", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___lVGiA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___nKP8S", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___m0yDe", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___f1wa6", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___Rmslf" };
|
|
18
18
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
19
19
|
function CheckboxGroup(props, ref) {
|
|
20
20
|
var _a, _b;
|
|
@@ -25,6 +25,8 @@ function CheckboxGroup(props, ref) {
|
|
|
25
25
|
children,
|
|
26
26
|
isDisabled,
|
|
27
27
|
isInvalid,
|
|
28
|
+
isRequired,
|
|
29
|
+
necessityIndicator,
|
|
28
30
|
orientation: orientationProp = "vertical",
|
|
29
31
|
size: sizeProp = "md",
|
|
30
32
|
style: styleProp,
|
|
@@ -55,7 +57,9 @@ function CheckboxGroup(props, ref) {
|
|
|
55
57
|
{
|
|
56
58
|
values: [
|
|
57
59
|
[LabelContext, {
|
|
58
|
-
className: CheckboxGroup_module_default["hop-CheckboxGroup__label"]
|
|
60
|
+
className: CheckboxGroup_module_default["hop-CheckboxGroup__label"],
|
|
61
|
+
isRequired,
|
|
62
|
+
necessityIndicator
|
|
59
63
|
}],
|
|
60
64
|
[CheckboxContext, {
|
|
61
65
|
className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
|
|
@@ -86,6 +90,7 @@ function CheckboxGroup(props, ref) {
|
|
|
86
90
|
style,
|
|
87
91
|
isInvalid,
|
|
88
92
|
isDisabled,
|
|
93
|
+
isRequired,
|
|
89
94
|
"data-orientation": orientation,
|
|
90
95
|
...otherProps,
|
|
91
96
|
children
|
|
@@ -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-Y7G6PIDC.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___UFZ-P", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___9stpw", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___AkkbL", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___fxdcJ", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___AgoIs" };
|
|
20
20
|
var GlobalSelectValueCssSelector = "hop-SelectValue";
|
|
21
21
|
var SelectValueToAvatarSizeAdapter = {
|
|
22
22
|
sm: "xs",
|
|
@@ -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___qf7nU", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___cmTU1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UY0IN", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eaduW", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-jYC5", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8VWm-" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Heading.module.css#css-module
|
|
10
|
-
var Heading_module_default = { "hop-Heading": "Heading-module__hop-
|
|
10
|
+
var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___Z-4EL", "hop-Heading--xs": "Heading-module__hop-Heading--xs___wFSJ8", "hop-Heading--sm": "Heading-module__hop-Heading--sm___XbWC5", "hop-Heading--md": "Heading-module__hop-Heading--md___B-n4o", "hop-Heading--lg": "Heading-module__hop-Heading--lg___dcKED", "hop-Heading--xl": "Heading-module__hop-Heading--xl___rOKV1", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___RYtOx", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___DIk1u" };
|
|
11
11
|
var GlobalHeadingCssSelector = "hop-Heading";
|
|
12
12
|
function Heading(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, HeadingContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
2
|
-
import { _EmbeddedButton } from './chunk-
|
|
2
|
+
import { _EmbeddedButton } from './chunk-2BYOZEHS.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-Y7G6PIDC.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___NrEvy", "spin": "Spinner-module__spin___GKhd9", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___YrBlT", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___ALxn-", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___lKiQ0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___ZfVvK", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___Wvmdn", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Av11I" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
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___xGjwO" };
|
|
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-RZ4K42NA.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';
|
|
@@ -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___lOJLD", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___EHfnC" };
|
|
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 { CheckboxContext } from './chunk-2EAZPH3M.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-Y7G6PIDC.js';
|
|
5
5
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
6
6
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
7
7
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
16
16
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./DecorativeCheckbox.module.css#css-module
|
|
19
|
-
var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-
|
|
19
|
+
var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___faka9 Checkbox-module__hop-Checkbox___AFr1n", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ZrNKf Checkbox-module__hop-Checkbox--sm___cv1sJ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___bXnfS Checkbox-module__hop-Checkbox--md___TocUo", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___CAeZ- Checkbox-module__hop-Checkbox__icon___JH9nN", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___lJU4H Checkbox-module__hop-Checkbox__icon___JH9nN", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___hTseX Checkbox-module__hop-Checkbox__box___IDUqw", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IOdeC Checkbox-module__hop-Checkbox__check___CRsUX", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___pSOuk Checkbox-module__hop-Checkbox__text___x76Rd" };
|
|
20
20
|
var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
|
|
21
21
|
function DecorativeCheckbox(props, ref) {
|
|
22
22
|
var _a;
|
|
@@ -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___bIQxx", "hop-Text--xs": "Text-module__hop-Text--xs___uYk5Y", "hop-Text--sm": "Text-module__hop-Text--sm___kg1RL", "hop-Text--md": "Text-module__hop-Text--md___UxnHr", "hop-Text--lg": "Text-module__hop-Text--lg___n7Sbi", "hop-Text--xl": "Text-module__hop-Text--xl___f-RXZ", "hop-Text--2xl": "Text-module__hop-Text--2xl___-DveI", "hop-Text--inherit": "Text-module__hop-Text--inherit___zEio8" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
2
|
+
import { _Text } from './chunk-Y7G6PIDC.js';
|
|
3
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var EnsureTextWrapper = ({ children }) => {
|
|
6
|
+
return isTextOnlyChildren(children) ? /* @__PURE__ */ jsx(_Text, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { EnsureTextWrapper };
|