@hopper-ui/components 1.3.4 → 1.3.5
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 +1041 -650
- package/dist/Form/src/Form.js +56 -54
- package/dist/Form/src/index.css +1041 -650
- package/dist/Form/src/index.js +56 -54
- 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 +613 -222
- package/dist/ListBox/src/ListBox.js +9 -16
- package/dist/ListBox/src/ListBoxItem.css +598 -207
- package/dist/ListBox/src/ListBoxItem.js +6 -14
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +613 -222
- package/dist/ListBox/src/index.js +9 -16
- package/dist/Select/src/Select.css +1041 -650
- package/dist/Select/src/Select.js +56 -54
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +1041 -650
- package/dist/Select/src/index.js +56 -54
- 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 -31
- package/dist/checkbox/src/Checkbox.d.ts +1 -3
- package/dist/checkbox/src/Checkbox.js +2 -2
- package/dist/checkbox/src/CheckboxContext.d.ts +0 -2
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +256 -60
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/DecorativeCheckbox.css +287 -0
- package/dist/checkbox/src/DecorativeCheckbox.d.ts +18 -0
- package/dist/checkbox/src/DecorativeCheckbox.js +12 -0
- package/dist/checkbox/src/index.css +256 -60
- package/dist/checkbox/src/index.d.ts +1 -0
- package/dist/checkbox/src/index.js +7 -5
- package/dist/{chunk-ZGJENXEU.js → chunk-24JZVLAU.js} +1 -1
- package/dist/{chunk-QYKLMSBR.js → chunk-2RFHHVN3.js} +4 -11
- package/dist/{chunk-37572JO3.js → chunk-3KW6ENLR.js} +10 -10
- package/dist/chunk-3OVZI77M.js +130 -0
- package/dist/{chunk-BYEORLMA.js → chunk-3SMTAPEK.js} +3 -3
- package/dist/{chunk-Q2VOGHVA.js → chunk-4UOBMEPP.js} +1 -1
- package/dist/{chunk-7CT2IBNY.js → chunk-52A7OS5J.js} +4 -4
- package/dist/{chunk-XTQ3H3SE.js → chunk-5IRH7LBK.js} +1 -1
- package/dist/{chunk-2L4JHF4B.js → chunk-5IRT2QDF.js} +1 -1
- package/dist/{chunk-YYU3DZW3.js → chunk-5PSDYTOT.js} +1 -1
- package/dist/chunk-6AFXZYF5.js +127 -0
- package/dist/{chunk-7HQIQPIT.js → chunk-6UW2BF2Z.js} +4 -4
- package/dist/{chunk-24TFXRVQ.js → chunk-7MCVN25U.js} +1 -1
- package/dist/{chunk-IZJI5MOD.js → chunk-7XEWB4YU.js} +3 -3
- package/dist/{chunk-5BCWNYYC.js → chunk-AIO2PFOS.js} +3 -3
- package/dist/{chunk-V7RSOERT.js → chunk-CH44JMHK.js} +3 -9
- package/dist/{chunk-M5XA2PEG.js → chunk-D6CIA7NA.js} +1 -1
- package/dist/{chunk-AGLZTGGC.js → chunk-EBDEMWL7.js} +4 -4
- package/dist/{chunk-NLLH6YL3.js → chunk-EOXY566V.js} +1 -1
- package/dist/{chunk-NJD5XPQF.js → chunk-FMNUFTYZ.js} +3 -3
- package/dist/{chunk-C4X5PI6E.js → chunk-GEYJZ3VZ.js} +1 -1
- package/dist/{chunk-UWR4QQYY.js → chunk-GR4ZXUOX.js} +2 -2
- package/dist/{chunk-LLQHZY4A.js → chunk-HABA5CYG.js} +2 -2
- package/dist/{chunk-LUE3SWJ2.js → chunk-LI2RM2EK.js} +1 -1
- package/dist/{chunk-K7RMLEFM.js → chunk-LIGWTMRQ.js} +2 -2
- package/dist/{chunk-3HABKGTW.js → chunk-LSTGTYUX.js} +2 -2
- package/dist/{chunk-746OLQYL.js → chunk-LYTJ7OUI.js} +2 -2
- package/dist/{chunk-LEG7NAKL.js → chunk-NT6XKRT2.js} +2 -2
- package/dist/{chunk-L7K2RI3N.js → chunk-PSGKAJML.js} +2 -2
- package/dist/{chunk-RMTA4M7X.js → chunk-QBGX4KU2.js} +3 -9
- package/dist/{chunk-MB52JXEM.js → chunk-QUEZJSCY.js} +2 -2
- package/dist/{chunk-CJU6B2CE.js → chunk-RMXL2PC5.js} +14 -27
- package/dist/{chunk-KPHI7JZW.js → chunk-RPYDBKIG.js} +3 -3
- package/dist/{chunk-GLSPSFBC.js → chunk-RYROB3P6.js} +1 -1
- package/dist/{chunk-OZQT5F42.js → chunk-S4LXTCFZ.js} +2 -2
- package/dist/{chunk-36KWPNRH.js → chunk-SAHIPNPF.js} +3 -3
- package/dist/{chunk-43LD4A2H.js → chunk-SUXNDVNP.js} +1 -1
- package/dist/{chunk-C77ZSLQG.js → chunk-T6MMAU6N.js} +2 -2
- package/dist/{chunk-BITEHGS4.js → chunk-UEHE2IY5.js} +1 -1
- package/dist/{chunk-F2UGOH5F.js → chunk-UQY26ITM.js} +1 -1
- package/dist/{chunk-MDUON6B4.js → chunk-XXFIU5GK.js} +1 -1
- package/dist/{chunk-TXW35G4W.js → chunk-Y3VCNKJB.js} +1 -1
- package/dist/{chunk-OZRPGA34.js → chunk-YZEDTLPG.js} +1 -1
- package/dist/index.css +1041 -650
- package/dist/index.d.ts +2 -0
- package/dist/index.js +56 -54
- 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.d.ts +0 -4
- package/dist/inputs/src/NumberField.js +6 -6
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.js +8 -8
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +225 -225
- package/dist/inputs/src/TextArea.js +6 -6
- package/dist/inputs/src/TextField.css +223 -223
- package/dist/inputs/src/TextField.js +8 -8
- package/dist/inputs/src/index.css +271 -271
- package/dist/inputs/src/index.js +13 -13
- package/dist/overlays/Popover/src/Popover.css +1041 -650
- package/dist/overlays/Popover/src/Popover.js +56 -54
- package/dist/overlays/Popover/src/index.css +1041 -650
- package/dist/overlays/Popover/src/index.js +56 -54
- package/dist/radio/src/DecorativeRadio.css +286 -0
- package/dist/radio/src/DecorativeRadio.d.ts +18 -0
- package/dist/radio/src/DecorativeRadio.js +12 -0
- package/dist/radio/src/Radio.css +28 -31
- package/dist/radio/src/Radio.d.ts +1 -3
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioContext.d.ts +0 -2
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +255 -60
- package/dist/radio/src/RadioGroup.js +3 -3
- package/dist/radio/src/index.css +255 -60
- package/dist/radio/src/index.d.ts +1 -0
- package/dist/radio/src/index.js +9 -7
- 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 +2 -2
- package/dist/tag/src/index.css +336 -336
- package/dist/tag/src/index.js +8 -8
- 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/types.d.ts +27 -3
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
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-24JZVLAU.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
8
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
9
|
-
import { _Text } from './chunk-
|
|
9
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
10
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
11
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
12
12
|
import { SlotProvider } from './chunk-M36KANKC.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___IXeDG", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___q73Oh", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___VgHW4", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___50tOE", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___3R-v3", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___XRCi0", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___Ke3pf", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ARg7R", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___nvOtF", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___jTR-k", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___tmPHE" };
|
|
25
25
|
var GlobalNumberFieldCssSelector = "hop-NumberField";
|
|
26
26
|
var StepperButton = ({ direction }) => {
|
|
27
27
|
const scale = useScale();
|
|
@@ -64,7 +64,6 @@ function NumberField(props, ref) {
|
|
|
64
64
|
style: styleProp,
|
|
65
65
|
size,
|
|
66
66
|
prefix,
|
|
67
|
-
placeholder,
|
|
68
67
|
onChange: onChangeProp,
|
|
69
68
|
children,
|
|
70
69
|
defaultValue,
|
|
@@ -122,13 +121,7 @@ function NumberField(props, ref) {
|
|
|
122
121
|
inputType: "number",
|
|
123
122
|
children: [
|
|
124
123
|
prefixMarkup,
|
|
125
|
-
/* @__PURE__ */ jsx(
|
|
126
|
-
Input,
|
|
127
|
-
{
|
|
128
|
-
ref: inputRef,
|
|
129
|
-
placeholder
|
|
130
|
-
}
|
|
131
|
-
),
|
|
124
|
+
/* @__PURE__ */ jsx(Input, { ref: inputRef }),
|
|
132
125
|
/* @__PURE__ */ jsx(StepperButton, { direction: "increment" }),
|
|
133
126
|
/* @__PURE__ */ jsx(StepperButton, { direction: "decrement" })
|
|
134
127
|
]
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { PopoverContext } from './chunk-SC6ZK5ON.js';
|
|
2
|
+
import { RadioGroupContext } from './chunk-5MBJWRZD.js';
|
|
3
|
+
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
2
4
|
import { _Footer } from './chunk-AQITZWYM.js';
|
|
3
5
|
import { FooterContext } from './chunk-I67NHYK4.js';
|
|
4
6
|
import { SearchFieldContext } from './chunk-3NKF5TPD.js';
|
|
5
7
|
import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
6
8
|
import { TextFieldContext } from './chunk-O4XPUINW.js';
|
|
7
|
-
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
8
9
|
import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
|
|
9
10
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
10
11
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
11
12
|
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
12
13
|
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
13
14
|
import { SelectContext } from './chunk-T24MBA34.js';
|
|
14
|
-
import { _SelectValue } from './chunk-
|
|
15
|
+
import { _SelectValue } from './chunk-S4LXTCFZ.js';
|
|
15
16
|
import { HeadingContext } from './chunk-TXZ6BMFR.js';
|
|
17
|
+
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
16
18
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
17
19
|
import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
18
|
-
import { _ListBox } from './chunk-
|
|
20
|
+
import { _ListBox } from './chunk-6UW2BF2Z.js';
|
|
19
21
|
import { isFunction, isNil } from './chunk-TIPN4VYD.js';
|
|
20
22
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
21
|
-
import { _ListBoxItem } from './chunk-
|
|
22
|
-
import { RadioGroupContext } from './chunk-5MBJWRZD.js';
|
|
23
|
+
import { _ListBoxItem } from './chunk-RMXL2PC5.js';
|
|
23
24
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
24
|
-
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
25
25
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
26
26
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
27
27
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
@@ -29,7 +29,7 @@ import { _HopperProvider } from './chunk-NMKBUGSO.js';
|
|
|
29
29
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
30
30
|
import { FormContext } from './chunk-EURJK4ZT.js';
|
|
31
31
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
32
|
-
import { _Text } from './chunk-
|
|
32
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
33
33
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
34
34
|
import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
|
|
35
35
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -44,7 +44,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
44
44
|
import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
|
|
45
45
|
|
|
46
46
|
// css-module:./Popover.module.css#css-module
|
|
47
|
-
var Popover_module_default = { "hop-Popover": "Popover-module__hop-
|
|
47
|
+
var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___GzSzx", "fade": "Popover-module__fade___0iRpD", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___rzrEg", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___NO8wk", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___nrI9c", "hop-Popover__title": "Popover-module__hop-Popover__title___B58Xg", "hop-Popover__content": "Popover-module__hop-Popover__content___oraZq", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___h0zPU", "hop-Popover__footer": "Popover-module__hop-Popover__footer___OWTol", "hop-Popover__actions": "Popover-module__hop-Popover__actions___AoYYT", "hop-Popover__action": "Popover-module__hop-Popover__action___bkX4V" };
|
|
48
48
|
var GlobalPopoverCssSelector = "hop-Popover";
|
|
49
49
|
function Popover(props, ref) {
|
|
50
50
|
var _a;
|
|
@@ -178,7 +178,7 @@ var _Popover = forwardRef(Popover);
|
|
|
178
178
|
_Popover.displayName = "Popover";
|
|
179
179
|
|
|
180
180
|
// css-module:./Select.module.css#css-module
|
|
181
|
-
var Select_module_default = { "hop-Select": "Select-module__hop-
|
|
181
|
+
var Select_module_default = { "hop-Select": "Select-module__hop-Select___dJgXb", "hop-Select--fluid": "Select-module__hop-Select--fluid___n-ffG", "hop-Select__label": "Select-module__hop-Select__label___ww0Oj", "hop-Select__button": "Select-module__hop-Select__button___DeitW", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___r02EE", "hop-Select__button--md": "Select-module__hop-Select__button--md___pfGKb", "hop-Select__prefix": "Select-module__hop-Select__prefix___aQ0-O", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___buAoj", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___7An6Z", "hop-Select__error-message": "Select-module__hop-Select__error-message___IO3he" };
|
|
182
182
|
var GlobalSelectCssSelector = "hop-Select";
|
|
183
183
|
function Select(props, ref) {
|
|
184
184
|
var _a, _b;
|
|
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
|
|
|
738
738
|
}
|
|
739
739
|
|
|
740
740
|
// css-module:./Form.module.css#css-module
|
|
741
|
-
var Form_module_default = { "hop-Form": "Form-module__hop-
|
|
741
|
+
var Form_module_default = { "hop-Form": "Form-module__hop-Form___5e3Zc" };
|
|
742
742
|
var GlobalFormCssSelector = "hop-Form";
|
|
743
743
|
function Form(props, ref) {
|
|
744
744
|
var _a;
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
2
|
+
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
3
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
|
+
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
+
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
7
|
+
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
8
|
+
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
9
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
|
+
import { IconContext, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
|
|
12
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
13
|
+
import { forwardRef } from 'react';
|
|
14
|
+
import { mergeProps } from 'react-aria';
|
|
15
|
+
import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
16
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
17
|
+
|
|
18
|
+
// css-module:./DecorativeCheckbox.module.css#css-module
|
|
19
|
+
var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___gzU9K Checkbox-module__hop-Checkbox___GSPIK", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___AwyXB Checkbox-module__hop-Checkbox--sm___JphZG", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Vqa8c Checkbox-module__hop-Checkbox--md___jLVff", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___afZYx Checkbox-module__hop-Checkbox__icon___fJaiP", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VRAVp Checkbox-module__hop-Checkbox__icon___fJaiP", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___0w7NS Checkbox-module__hop-Checkbox__box___5d1PK", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gjLMe Checkbox-module__hop-Checkbox__check___qdDwU", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___wG-1V Checkbox-module__hop-Checkbox__text___padJa" };
|
|
20
|
+
var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
|
|
21
|
+
function DecorativeCheckbox(props, ref) {
|
|
22
|
+
var _a;
|
|
23
|
+
[props, ref] = useContextProps(props, ref, CheckboxContext);
|
|
24
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
25
|
+
const {
|
|
26
|
+
className,
|
|
27
|
+
children: childrenProp,
|
|
28
|
+
size: sizeProp = "md",
|
|
29
|
+
slot,
|
|
30
|
+
style: styleProp,
|
|
31
|
+
isSelected,
|
|
32
|
+
isPressed,
|
|
33
|
+
isHovered,
|
|
34
|
+
isFocused,
|
|
35
|
+
isFocusVisible,
|
|
36
|
+
isDisabled,
|
|
37
|
+
isReadOnly,
|
|
38
|
+
isInvalid,
|
|
39
|
+
isRequired,
|
|
40
|
+
isIndeterminate,
|
|
41
|
+
...otherProps
|
|
42
|
+
} = ownProps;
|
|
43
|
+
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
44
|
+
const children = composeRenderProps(childrenProp, (prev) => {
|
|
45
|
+
if (prev && isTextOnlyChildren(prev)) {
|
|
46
|
+
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
47
|
+
}
|
|
48
|
+
return prev;
|
|
49
|
+
});
|
|
50
|
+
const classNames = composeClassnameRenderProps(
|
|
51
|
+
className,
|
|
52
|
+
GlobalDecorativeCheckboxCssSelector,
|
|
53
|
+
cssModule(
|
|
54
|
+
DecorativeCheckbox_module_default,
|
|
55
|
+
"hop-DecorativeCheckbox",
|
|
56
|
+
size
|
|
57
|
+
),
|
|
58
|
+
stylingProps.className
|
|
59
|
+
);
|
|
60
|
+
const style = composeRenderProps(styleProp, (prev) => {
|
|
61
|
+
return {
|
|
62
|
+
...stylingProps.style,
|
|
63
|
+
...prev
|
|
64
|
+
};
|
|
65
|
+
});
|
|
66
|
+
const renderProps = useRenderProps({
|
|
67
|
+
...props,
|
|
68
|
+
className: classNames,
|
|
69
|
+
style,
|
|
70
|
+
children,
|
|
71
|
+
values: {
|
|
72
|
+
isSelected: isSelected || false,
|
|
73
|
+
isPressed: isPressed || false,
|
|
74
|
+
isHovered: isHovered || false,
|
|
75
|
+
isFocused: isFocused || false,
|
|
76
|
+
isFocusVisible: isFocusVisible || false,
|
|
77
|
+
isDisabled: isDisabled || false,
|
|
78
|
+
isReadOnly: isReadOnly || false,
|
|
79
|
+
isInvalid: isInvalid || false,
|
|
80
|
+
isRequired: isRequired || false,
|
|
81
|
+
isIndeterminate: isIndeterminate || false
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
const checkboxIconClassName = DecorativeCheckbox_module_default["hop-DecorativeCheckbox__check"];
|
|
85
|
+
const icon = isIndeterminate ? /* @__PURE__ */ jsx(MinusIcon, { size: "sm", className: checkboxIconClassName }) : /* @__PURE__ */ jsx(CheckmarkIcon, { size: "sm", className: checkboxIconClassName });
|
|
86
|
+
return /* @__PURE__ */ jsxs(
|
|
87
|
+
"div",
|
|
88
|
+
{
|
|
89
|
+
...mergeProps(otherProps, renderProps),
|
|
90
|
+
ref,
|
|
91
|
+
slot: slot || void 0,
|
|
92
|
+
"data-selected": isSelected || void 0,
|
|
93
|
+
"data-pressed": isPressed || void 0,
|
|
94
|
+
"data-hovered": isHovered || void 0,
|
|
95
|
+
"data-focused": isFocused || void 0,
|
|
96
|
+
"data-focus-visible": isFocusVisible || void 0,
|
|
97
|
+
"data-disabled": isDisabled || void 0,
|
|
98
|
+
"data-readonly": isReadOnly || void 0,
|
|
99
|
+
"data-invalid": isInvalid || void 0,
|
|
100
|
+
"data-required": isRequired || void 0,
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ jsx("div", { className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__box"], children: icon }),
|
|
103
|
+
/* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
|
|
104
|
+
SlotProvider,
|
|
105
|
+
{
|
|
106
|
+
values: [
|
|
107
|
+
[TextContext, {
|
|
108
|
+
className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__text"],
|
|
109
|
+
size
|
|
110
|
+
}],
|
|
111
|
+
[IconListContext, {
|
|
112
|
+
className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__icon-list"],
|
|
113
|
+
size
|
|
114
|
+
}],
|
|
115
|
+
[IconContext, {
|
|
116
|
+
className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__icon"],
|
|
117
|
+
size
|
|
118
|
+
}]
|
|
119
|
+
],
|
|
120
|
+
children: renderProps.children
|
|
121
|
+
}
|
|
122
|
+
) })
|
|
123
|
+
]
|
|
124
|
+
}
|
|
125
|
+
);
|
|
126
|
+
}
|
|
127
|
+
var _DecorativeCheckbox = forwardRef(DecorativeCheckbox);
|
|
128
|
+
_DecorativeCheckbox.displayName = "DecorativeCheckbox";
|
|
129
|
+
|
|
130
|
+
export { GlobalDecorativeCheckboxCssSelector, _DecorativeCheckbox };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _InputGroup } from './chunk-ZGJENXEU.js';
|
|
2
1
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
3
|
-
import {
|
|
2
|
+
import { _InputGroup } from './chunk-24JZVLAU.js';
|
|
3
|
+
import { _EmbeddedButton } from './chunk-4UOBMEPP.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
|
|
|
18
18
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./PasswordField.module.css#css-module
|
|
21
|
-
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-
|
|
21
|
+
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___F9-tS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___pgiFi", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___5cATW", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___-ws7O", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___oICg-", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___4QF-n" };
|
|
22
22
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
23
23
|
function PasswordField(props, ref) {
|
|
24
24
|
var _a;
|
|
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
|
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./EmbeddedButton.module.css#css-module
|
|
12
|
-
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-
|
|
12
|
+
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___YBC3D", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___Rs4tp", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___YwvCW", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___109L4", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___VS2-c" };
|
|
13
13
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
14
14
|
function EmbeddedButton(props, ref) {
|
|
15
15
|
var _a;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
|
-
import { _ClearButton } from './chunk-
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
2
|
+
import { _ClearButton } from './chunk-YZEDTLPG.js';
|
|
3
|
+
import { _Spinner } from './chunk-HABA5CYG.js';
|
|
4
4
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
5
5
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
8
8
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
9
|
-
import { _Text } from './chunk-
|
|
9
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
10
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
11
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
12
12
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
|
|
|
19
19
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Tag.module.css#css-module
|
|
22
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
22
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___ivugY", "hop-Tag--sm": "Tag-module__hop-Tag--sm___8soZ3", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___I1kkt", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___mdI7N", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___8z0hr", "hop-Tag--md": "Tag-module__hop-Tag--md___L6AJq", "hop-Tag--lg": "Tag-module__hop-Tag--lg___RQ0jv", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___ILg-L", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___Sx33e", "hop-Tag--progress": "Tag-module__hop-Tag--progress___IVh0Q", "hop-Tag--positive": "Tag-module__hop-Tag--positive___plkPz", "hop-Tag--caution": "Tag-module__hop-Tag--caution___-t9lb", "hop-Tag--negative": "Tag-module__hop-Tag--negative___cWsJz", "hop-Tag--option1": "Tag-module__hop-Tag--option1___Un53T", "hop-Tag--option2": "Tag-module__hop-Tag--option2___oJlT7", "hop-Tag--option3": "Tag-module__hop-Tag--option3___8om-g", "hop-Tag--option4": "Tag-module__hop-Tag--option4___GYrwo", "hop-Tag--option5": "Tag-module__hop-Tag--option5___AfumK", "hop-Tag--option6": "Tag-module__hop-Tag--option6___2cJzx", "hop-Tag__icon": "Tag-module__hop-Tag__icon___-cwrq", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___zoSbV", "hop-Tag__text": "Tag-module__hop-Tag__text___VtwUA", "hop-Tag__badge": "Tag-module__hop-Tag__badge___g6uLv" };
|
|
23
23
|
var GlobalTagCssSelector = "hop-Tag";
|
|
24
24
|
var TagToTextSizeAdapter = {
|
|
25
25
|
sm: "xs",
|
|
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./CheckboxField.module.css#css-module
|
|
14
|
-
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-
|
|
14
|
+
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Q9bjb", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Xdf-X", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___efLJi", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___LTDyZ", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ePAti" };
|
|
15
15
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
16
16
|
var CheckboxToDescriptionSizeAdapter = {
|
|
17
17
|
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___LXL76", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___zqspI", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ciRBc", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eEFPe", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___269Zv" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./FloatingBadge.module.css#css-module
|
|
13
|
-
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-
|
|
13
|
+
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___d613O", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___e8v3N" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
|
+
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
3
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
|
+
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
+
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
6
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
7
|
+
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
8
|
+
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
9
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
|
+
import { BulletIcon, IconContext } from '@hopper-ui/icons';
|
|
12
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
13
|
+
import { forwardRef } from 'react';
|
|
14
|
+
import { mergeProps } from 'react-aria';
|
|
15
|
+
import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
16
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
17
|
+
|
|
18
|
+
// css-module:./DecorativeRadio.module.css#css-module
|
|
19
|
+
var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___XcRL7 Radio-module__hop-Radio___-DVX4", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___yZKCP Radio-module__hop-Radio--sm___2iKGS", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___FDWvt Radio-module__hop-Radio--md___NtAnh", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___B5OZ3 Radio-module__hop-Radio__icon___5wLUN", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___4CaC8 Radio-module__hop-Radio__icon___5wLUN", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___MO8xR Radio-module__hop-Radio__box___Lkth2", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___2sHe8 Radio-module__hop-Radio__bullet___xtCD0", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___jpBYd Radio-module__hop-Radio__text___1nCKy" };
|
|
20
|
+
var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
|
|
21
|
+
function DecorativeRadio(props, ref) {
|
|
22
|
+
var _a;
|
|
23
|
+
[props, ref] = useContextProps(props, ref, RadioContext);
|
|
24
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
25
|
+
const {
|
|
26
|
+
className,
|
|
27
|
+
children: childrenProp,
|
|
28
|
+
size: sizeProp = "md",
|
|
29
|
+
slot,
|
|
30
|
+
style: styleProp,
|
|
31
|
+
isSelected,
|
|
32
|
+
isPressed,
|
|
33
|
+
isHovered,
|
|
34
|
+
isFocused,
|
|
35
|
+
isFocusVisible,
|
|
36
|
+
isDisabled,
|
|
37
|
+
isReadOnly,
|
|
38
|
+
isInvalid,
|
|
39
|
+
isRequired,
|
|
40
|
+
...otherProps
|
|
41
|
+
} = ownProps;
|
|
42
|
+
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
43
|
+
const children = composeRenderProps(childrenProp, (prev) => {
|
|
44
|
+
if (prev && isTextOnlyChildren(prev)) {
|
|
45
|
+
return /* @__PURE__ */ jsx(_Text, { children: prev });
|
|
46
|
+
}
|
|
47
|
+
return prev;
|
|
48
|
+
});
|
|
49
|
+
const classNames = composeClassnameRenderProps(
|
|
50
|
+
className,
|
|
51
|
+
GlobalDecorativeRadioCssSelector,
|
|
52
|
+
cssModule(
|
|
53
|
+
DecorativeRadio_module_default,
|
|
54
|
+
"hop-DecorativeRadio",
|
|
55
|
+
size
|
|
56
|
+
),
|
|
57
|
+
stylingProps.className
|
|
58
|
+
);
|
|
59
|
+
const style = composeRenderProps(styleProp, (prev) => {
|
|
60
|
+
return {
|
|
61
|
+
...stylingProps.style,
|
|
62
|
+
...prev
|
|
63
|
+
};
|
|
64
|
+
});
|
|
65
|
+
const renderProps = useRenderProps({
|
|
66
|
+
...props,
|
|
67
|
+
className: classNames,
|
|
68
|
+
style,
|
|
69
|
+
children,
|
|
70
|
+
values: {
|
|
71
|
+
isSelected: isSelected || false,
|
|
72
|
+
isPressed: isPressed || false,
|
|
73
|
+
isHovered: isHovered || false,
|
|
74
|
+
isFocused: isFocused || false,
|
|
75
|
+
isFocusVisible: isFocusVisible || false,
|
|
76
|
+
isDisabled: isDisabled || false,
|
|
77
|
+
isReadOnly: isReadOnly || false,
|
|
78
|
+
isInvalid: isInvalid || false,
|
|
79
|
+
isRequired: isRequired || false
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const radioIconClassName = DecorativeRadio_module_default["hop-DecorativeRadio__bullet"];
|
|
83
|
+
return /* @__PURE__ */ jsxs(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
...mergeProps(otherProps, renderProps),
|
|
87
|
+
ref,
|
|
88
|
+
slot: slot || void 0,
|
|
89
|
+
"data-selected": isSelected || void 0,
|
|
90
|
+
"data-pressed": isPressed || void 0,
|
|
91
|
+
"data-hovered": isHovered || void 0,
|
|
92
|
+
"data-focused": isFocused || void 0,
|
|
93
|
+
"data-focus-visible": isFocusVisible || void 0,
|
|
94
|
+
"data-disabled": isDisabled || void 0,
|
|
95
|
+
"data-readonly": isReadOnly || void 0,
|
|
96
|
+
"data-invalid": isInvalid || void 0,
|
|
97
|
+
"data-required": isRequired || void 0,
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ jsx("div", { className: DecorativeRadio_module_default["hop-DecorativeRadio__box"], children: /* @__PURE__ */ jsx(BulletIcon, { size, className: radioIconClassName }) }),
|
|
100
|
+
/* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
|
|
101
|
+
SlotProvider,
|
|
102
|
+
{
|
|
103
|
+
values: [
|
|
104
|
+
[TextContext, {
|
|
105
|
+
className: DecorativeRadio_module_default["hop-DecorativeRadio__text"],
|
|
106
|
+
size
|
|
107
|
+
}],
|
|
108
|
+
[IconListContext, {
|
|
109
|
+
className: DecorativeRadio_module_default["hop-DecorativeRadio__icon-list"],
|
|
110
|
+
size
|
|
111
|
+
}],
|
|
112
|
+
[IconContext, {
|
|
113
|
+
className: DecorativeRadio_module_default["hop-DecorativeRadio__icon"],
|
|
114
|
+
size
|
|
115
|
+
}]
|
|
116
|
+
],
|
|
117
|
+
children: renderProps.children
|
|
118
|
+
}
|
|
119
|
+
) })
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
}
|
|
124
|
+
var _DecorativeRadio = forwardRef(DecorativeRadio);
|
|
125
|
+
_DecorativeRadio.displayName = "DecorativeRadio";
|
|
126
|
+
|
|
127
|
+
export { GlobalDecorativeRadioCssSelector, _DecorativeRadio };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { isFunction } from './chunk-TIPN4VYD.js';
|
|
2
|
+
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
2
3
|
import { SectionContext } from './chunk-5H5AZJPQ.js';
|
|
3
4
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
4
|
-
import { _ListBoxItem } from './chunk-
|
|
5
|
-
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
5
|
+
import { _ListBoxItem } from './chunk-RMXL2PC5.js';
|
|
6
6
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
9
9
|
import { DividerContext } from './chunk-FYIHMKHI.js';
|
|
10
|
-
import { _Text } from './chunk-
|
|
10
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
11
11
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
13
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
|
|
|
18
18
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
// css-module:./ListBox.module.css#css-module
|
|
21
|
-
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-
|
|
21
|
+
var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___c4-GN", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___1nBzD", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___DH0Gv", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___9nKGd", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___FGKIR", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___-nFoG" };
|
|
22
22
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
23
23
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
24
24
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
|
|
3
3
|
import { AnonymousRichIcon } from '@hopper-ui/icons';
|
|
4
4
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
5
5
|
import clsx from 'clsx';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-EOXY566V.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-Y3VCNKJB.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { BrokenImageRichIcon } from '@hopper-ui/icons';
|
|
7
7
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Avatar.module.css#css-module
|
|
15
|
-
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-
|
|
15
|
+
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___VJlNj", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___za54A", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___d31mz", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___8h7-Z", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___8qTKh", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___aFgNa", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___lgcWw", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___kwklY", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___o2ma-", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___wnAwp", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Ru-zD", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___Ru0ZZ", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___DNYSE", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___dOdti", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___oYouv", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___9fr-j", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___jccMr" };
|
|
16
16
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
17
17
|
var AvatarToTextSizeAdapter = {
|
|
18
18
|
xs: "xs",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { useFontFaceReady } from './chunk-IU6XMS2X.js';
|
|
2
2
|
import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
3
3
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
4
|
-
import { _InputGroup } from './chunk-
|
|
4
|
+
import { _InputGroup } from './chunk-24JZVLAU.js';
|
|
5
5
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
6
|
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.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-EOXY566V.js';
|
|
11
11
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
12
12
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
13
13
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
// css-module:./TextArea.module.css#css-module
|
|
82
|
-
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-
|
|
82
|
+
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___J-vvv", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___hHc5b", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___OigKH", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___wuvby", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___7CbvI", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___IXTCQ", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___ZrLsF", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___9W-N1", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___vtiJO" };
|
|
83
83
|
var GlobalTextAreaCssSelector = "hop-TextArea";
|
|
84
84
|
var DefaultMinimumTextAreaRows = 3;
|
|
85
85
|
var pxToInt = (value) => {
|
|
@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
|
2
2
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-EOXY566V.js';
|
|
6
6
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
7
7
|
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Radio.module.css#css-module
|
|
17
|
-
var Radio_module_default = { "hop-Radio": "Radio-module__hop-
|
|
17
|
+
var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___-DVX4", "hop-Radio--sm": "Radio-module__hop-Radio--sm___2iKGS", "hop-Radio--md": "Radio-module__hop-Radio--md___NtAnh", "hop-Radio__icon": "Radio-module__hop-Radio__icon___5wLUN", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___-SSe9", "hop-Radio__box": "Radio-module__hop-Radio__box___Lkth2", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___xtCD0", "hop-Radio__text": "Radio-module__hop-Radio__text___1nCKy" };
|
|
18
18
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
19
19
|
function Radio(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -25,9 +25,6 @@ function Radio(props, ref) {
|
|
|
25
25
|
children: childrenProp,
|
|
26
26
|
size: sizeProp = "md",
|
|
27
27
|
style: styleProp,
|
|
28
|
-
isPressed,
|
|
29
|
-
isHovered,
|
|
30
|
-
isFocused,
|
|
31
28
|
...otherProps
|
|
32
29
|
} = ownProps;
|
|
33
30
|
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
@@ -37,10 +34,7 @@ function Radio(props, ref) {
|
|
|
37
34
|
cssModule(
|
|
38
35
|
Radio_module_default,
|
|
39
36
|
"hop-Radio",
|
|
40
|
-
size
|
|
41
|
-
isPressed && "pressed",
|
|
42
|
-
isHovered && "hovered",
|
|
43
|
-
isFocused && "focused"
|
|
37
|
+
size
|
|
44
38
|
),
|
|
45
39
|
stylingProps.className
|
|
46
40
|
);
|