@hopper-ui/components 1.0.6 → 1.0.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 +12 -0
- package/dist/Avatar/src/AnonymousAvatar.css +10 -10
- package/dist/Avatar/src/AnonymousAvatar.js +3 -3
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.js +5 -5
- package/dist/Avatar/src/AvatarContext.js +1 -1
- package/dist/Avatar/src/DeletedAvatar.css +10 -10
- package/dist/Avatar/src/DeletedAvatar.js +3 -3
- package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
- package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImageContext.js +1 -1
- package/dist/Avatar/src/index.css +37 -37
- package/dist/Avatar/src/index.js +7 -7
- package/dist/Avatar/src/useImageFallback.js +1 -1
- package/dist/Badge/src/Badge.css +10 -10
- package/dist/Badge/src/Badge.js +3 -3
- package/dist/Badge/src/BadgeContext.js +1 -1
- package/dist/Badge/src/index.css +10 -10
- package/dist/Badge/src/index.js +3 -3
- package/dist/Chip/src/Chip.css +33 -33
- package/dist/Chip/src/Chip.js +3 -3
- package/dist/Chip/src/ChipContext.js +1 -1
- package/dist/Chip/src/index.css +33 -33
- package/dist/Chip/src/index.js +3 -3
- package/dist/Divider/src/Divider.css +2 -2
- package/dist/Divider/src/Divider.js +2 -2
- package/dist/Divider/src/DividerContext.js +1 -1
- package/dist/Divider/src/index.css +2 -2
- package/dist/Divider/src/index.js +2 -2
- package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
- package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
- package/dist/ErrorMessage/src/ErrorMessageContext.js +1 -1
- package/dist/ErrorMessage/src/index.css +11 -11
- package/dist/ErrorMessage/src/index.js +3 -3
- package/dist/Header/src/Header.js +1 -1
- package/dist/Header/src/HeaderContext.js +1 -1
- package/dist/Header/src/index.js +1 -1
- package/dist/HelperMessage/src/HelperMessage.css +11 -11
- package/dist/HelperMessage/src/HelperMessage.js +3 -3
- package/dist/HelperMessage/src/HelperMessageContext.js +1 -1
- package/dist/HelperMessage/src/index.css +11 -11
- package/dist/HelperMessage/src/index.js +3 -3
- package/dist/HopperProvider/src/HopperProvider.js +1 -1
- package/dist/HopperProvider/src/index.js +1 -1
- package/dist/IconList/src/IconList.css +1 -1
- package/dist/IconList/src/IconList.js +2 -2
- package/dist/IconList/src/IconListContext.js +1 -1
- package/dist/IconList/src/index.css +1 -1
- package/dist/IconList/src/index.js +2 -2
- package/dist/Link/src/Link.css +31 -31
- package/dist/Link/src/Link.js +3 -3
- package/dist/Link/src/LinkContext.js +1 -1
- package/dist/Link/src/index.css +31 -31
- package/dist/Link/src/index.js +3 -3
- package/dist/ListBox/src/ListBox.css +175 -175
- package/dist/ListBox/src/ListBox.js +12 -12
- package/dist/ListBox/src/ListBoxContext.js +1 -1
- package/dist/ListBox/src/ListBoxItem.css +160 -160
- package/dist/ListBox/src/ListBoxItem.js +11 -11
- package/dist/ListBox/src/ListBoxItemContext.js +1 -1
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +2 -2
- package/dist/ListBox/src/ListBoxItemSkeletonContext.js +1 -1
- package/dist/ListBox/src/index.css +175 -175
- package/dist/ListBox/src/index.js +12 -12
- package/dist/ListBox/src/useLoadOnScroll.js +1 -1
- package/dist/Section/src/Section.js +1 -1
- package/dist/Section/src/SectionContext.js +1 -1
- package/dist/Section/src/index.js +1 -1
- package/dist/Spinner/src/Spinner.css +19 -19
- package/dist/Spinner/src/Spinner.js +3 -3
- package/dist/Spinner/src/SpinnerContext.js +1 -1
- package/dist/Spinner/src/index.css +19 -19
- package/dist/Spinner/src/index.js +3 -3
- package/dist/buttons/src/Button.css +103 -103
- package/dist/buttons/src/Button.js +6 -6
- package/dist/buttons/src/ButtonContext.js +1 -1
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +2 -2
- package/dist/buttons/src/ButtonGroupContext.js +1 -1
- package/dist/buttons/src/ClearButton.css +12 -12
- package/dist/buttons/src/ClearButton.js +4 -4
- package/dist/buttons/src/ClearButtonContext.js +1 -1
- package/dist/buttons/src/EmbeddedButton.css +12 -12
- package/dist/buttons/src/EmbeddedButton.js +2 -2
- package/dist/buttons/src/EmbeddedButtonContext.js +1 -1
- package/dist/buttons/src/index.css +126 -126
- package/dist/buttons/src/index.js +9 -9
- package/dist/checkbox/src/Checkbox.css +31 -31
- package/dist/checkbox/src/Checkbox.js +3 -3
- package/dist/checkbox/src/CheckboxContext.js +1 -1
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.js +2 -2
- package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +66 -66
- package/dist/checkbox/src/CheckboxGroup.js +4 -4
- package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
- package/dist/checkbox/src/CheckboxList.js +1 -1
- package/dist/checkbox/src/CheckboxListContext.js +1 -1
- package/dist/checkbox/src/index.css +66 -66
- package/dist/checkbox/src/index.js +8 -8
- package/dist/{chunk-JUMJ6A3K.js → chunk-2O5GW4WZ.js} +1 -1
- package/dist/{chunk-BKC74M6Y.js → chunk-2PZTP7OD.js} +1 -1
- package/dist/{chunk-RG4JKE4N.js → chunk-375NGVSY.js} +1 -1
- package/dist/{chunk-SOSHKMNI.js → chunk-576NZEOZ.js} +2 -2
- package/dist/{chunk-E4WFKXW4.js → chunk-5YCINTI3.js} +4 -4
- package/dist/{chunk-J53HGLCT.js → chunk-6FJ6VT7L.js} +1 -1
- package/dist/{chunk-6QMIRVLY.js → chunk-7F63PQML.js} +1 -1
- package/dist/{chunk-E4ALW4MZ.js → chunk-B2NAEXNH.js} +9 -9
- package/dist/chunk-BHRRVORW.js +625 -0
- package/dist/{chunk-F2URSFJA.js → chunk-C5SNXNGO.js} +2 -2
- package/dist/{chunk-ITQK6JTD.js → chunk-DERV7IO4.js} +1 -1
- package/dist/{chunk-OHB5QR5P.js → chunk-FJYIXPAV.js} +2 -2
- package/dist/{chunk-RA7PM75O.js → chunk-FX7SCMAB.js} +5 -5
- package/dist/{chunk-XRC7XE6B.js → chunk-GEDAZSYP.js} +2 -2
- package/dist/{chunk-53FHDOG7.js → chunk-GVS7P3EP.js} +2 -2
- package/dist/{chunk-3LH2JHUO.js → chunk-HJGIOIZH.js} +3 -3
- package/dist/{chunk-4TXFHYHL.js → chunk-HK6NUAOU.js} +1 -1
- package/dist/{chunk-K4ZGI7DJ.js → chunk-IGDXWHDV.js} +1 -1
- package/dist/{chunk-QBCCF2C2.js → chunk-J3FFNHVC.js} +2 -2
- package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js} +1 -6
- package/dist/{chunk-MVRI6GLQ.js → chunk-JYS47NMI.js} +2 -2
- package/dist/{chunk-XGKPMLYD.js → chunk-KC5DWQN5.js} +4 -4
- package/dist/chunk-KUOVH2WS.js +57 -0
- package/dist/{chunk-P5CWOV3L.js → chunk-LAYIMWCS.js} +2 -2
- package/dist/{chunk-3A6TTZAA.js → chunk-LD4PHTV5.js} +1 -1
- package/dist/chunk-LJXTJRSB.js +1 -0
- package/dist/{chunk-HR25MLRP.js → chunk-LYGSWKBB.js} +1 -1
- package/dist/{chunk-2XUHTPCX.js → chunk-O3B5AAY5.js} +2 -2
- package/dist/{chunk-G242LPQE.js → chunk-PFQFQTAW.js} +2 -2
- package/dist/{chunk-V5GOY6TV.js → chunk-Q4P2MTYE.js} +1 -1
- package/dist/{chunk-37NW34QM.js → chunk-Q6XETWRV.js} +3 -3
- package/dist/chunk-QVK2N2AZ.js +119 -0
- package/dist/{chunk-MED2BIDV.js → chunk-RERJ4IWC.js} +1 -1
- package/dist/chunk-SVUAG4RI.js +156 -0
- package/dist/{chunk-RCX5B3S3.js → chunk-T3KA26BR.js} +1 -1
- package/dist/{chunk-4JAV3FIH.js → chunk-VILNMAVP.js} +2 -2
- package/dist/chunk-WWLAPWPS.js +118 -0
- package/dist/{chunk-JRDN364E.js → chunk-XGLY57N7.js} +2 -2
- package/dist/{chunk-ZOTVZM6F.js → chunk-YEYNRBMQ.js} +1 -1
- package/dist/{chunk-J33IFG4U.js → chunk-YORVWKUU.js} +1 -1
- package/dist/i18n/src/index.js +2 -2
- package/dist/i18n/src/useLocalizedString.js +2 -2
- package/dist/index.css +3297 -0
- package/dist/index.d.ts +113 -0
- package/dist/index.js +107 -0
- package/dist/inputs/src/InputGroup.css +12 -12
- package/dist/inputs/src/InputGroup.js +2 -2
- package/dist/inputs/src/InputGroupContext.js +1 -1
- package/dist/inputs/src/PasswordField.css +229 -2405
- package/dist/inputs/src/PasswordField.js +12 -91
- package/dist/inputs/src/PasswordFieldContext.js +1 -1
- package/dist/inputs/src/SearchField.css +235 -2390
- package/dist/inputs/src/SearchField.js +13 -90
- package/dist/inputs/src/SearchFieldContext.js +1 -1
- package/dist/inputs/src/TextField.css +230 -2402
- package/dist/inputs/src/TextField.js +14 -90
- package/dist/inputs/src/TextFieldContext.js +1 -1
- package/dist/inputs/src/index.css +219 -2302
- package/dist/inputs/src/index.js +17 -89
- package/dist/layout/src/Content.js +1 -1
- package/dist/layout/src/ContentContext.js +1 -1
- package/dist/layout/src/Flex.js +1 -1
- package/dist/layout/src/Footer.js +1 -1
- package/dist/layout/src/FooterContext.js +1 -1
- package/dist/layout/src/Grid.js +1 -1
- package/dist/layout/src/Inline.js +1 -1
- package/dist/layout/src/Stack.js +1 -1
- package/dist/layout/src/grid-helpers.js +1 -1
- package/dist/overlays/Popover/src/Popover.css +457 -457
- package/dist/overlays/Popover/src/Popover.js +54 -49
- package/dist/overlays/Popover/src/PopoverContext.js +1 -1
- package/dist/overlays/Popover/src/PopoverTrigger.js +1 -1
- package/dist/overlays/Popover/src/index.css +457 -457
- package/dist/overlays/Popover/src/index.js +54 -49
- package/dist/radio/src/Radio.css +31 -31
- package/dist/radio/src/Radio.js +3 -3
- package/dist/radio/src/RadioContext.js +1 -1
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioFieldContext.js +1 -1
- package/dist/radio/src/RadioGroup.css +66 -66
- package/dist/radio/src/RadioGroup.js +3 -3
- package/dist/radio/src/RadioGroupContext.js +1 -1
- package/dist/radio/src/RadioList.js +1 -1
- package/dist/radio/src/RadioListContext.js +1 -1
- package/dist/radio/src/index.css +66 -66
- package/dist/radio/src/index.js +6 -6
- package/dist/switch/src/Switch.css +25 -25
- package/dist/switch/src/Switch.js +3 -3
- package/dist/switch/src/SwitchContext.js +1 -1
- package/dist/switch/src/SwitchField.css +15 -15
- package/dist/switch/src/SwitchField.js +3 -3
- package/dist/switch/src/SwitchFieldContext.js +1 -1
- package/dist/switch/src/index.css +31 -31
- package/dist/switch/src/index.js +5 -5
- package/dist/tag/src/Tag.css +457 -457
- package/dist/tag/src/Tag.js +54 -49
- package/dist/tag/src/TagContext.js +1 -1
- package/dist/tag/src/TagGroup.css +28 -28
- package/dist/tag/src/TagGroup.js +4 -4
- package/dist/tag/src/TagGroupContext.js +1 -1
- package/dist/tag/src/TagList.js +1 -1
- package/dist/tag/src/TagListContext.js +1 -1
- package/dist/tag/src/index.css +457 -457
- package/dist/tag/src/index.js +54 -49
- package/dist/typography/Heading/src/Heading.css +9 -3222
- package/dist/typography/Heading/src/Heading.js +2 -100
- package/dist/typography/Heading/src/HeadingContext.js +1 -1
- package/dist/typography/Heading/src/index.css +9 -3222
- package/dist/typography/Heading/src/index.js +2 -100
- package/dist/typography/Label/src/Label.css +9 -9
- package/dist/typography/Label/src/Label.js +2 -2
- package/dist/typography/Label/src/LabelContext.js +1 -1
- package/dist/typography/Label/src/index.css +9 -9
- package/dist/typography/Label/src/index.js +2 -2
- package/dist/typography/OverlineText/src/OverlineText.css +6 -6
- package/dist/typography/OverlineText/src/OverlineText.js +2 -2
- package/dist/typography/OverlineText/src/OverlineTextContext.js +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +2 -2
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +2 -2
- package/dist/typography/Text/src/TextContext.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +2 -2
- package/dist/utils/src/ClearSlots.js +1 -1
- package/dist/utils/src/SlotProvider.js +1 -1
- package/dist/utils/src/assertion.js +1 -1
- package/dist/utils/src/composeClassnameRenderProps.js +1 -1
- package/dist/utils/src/cssModule.js +1 -1
- package/dist/utils/src/index.js +1 -1
- package/dist/utils/src/isTextOnlyChildren.js +1 -1
- package/dist/utils/src/useRenderProps.js +1 -1
- package/dist/utils/src/useSlot.js +1 -1
- package/package.json +4 -2
- package/dist/chunk-BC5A7RHI.js +0 -1260
|
@@ -2,13 +2,13 @@ import { isFunction } from './chunk-TIPN4VYD.js';
|
|
|
2
2
|
import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
|
|
3
3
|
import { SectionContext } from './chunk-5H5AZJPQ.js';
|
|
4
4
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
5
|
-
import { _ListBoxItem } from './chunk-
|
|
6
|
-
import { useLocalizedString } from './chunk-
|
|
7
|
-
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
5
|
+
import { _ListBoxItem } from './chunk-B2NAEXNH.js';
|
|
6
|
+
import { useLocalizedString } from './chunk-YEYNRBMQ.js';
|
|
8
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
|
+
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
9
9
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
10
10
|
import { DividerContext } from './chunk-FYIHMKHI.js';
|
|
11
|
-
import { _Text } from './chunk-
|
|
11
|
+
import { _Text } from './chunk-375NGVSY.js';
|
|
12
12
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
13
13
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
14
14
|
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___craXV", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___-cR7i", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___QGhIi", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___3MWzg", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___BXkTL", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___FO3MM" };
|
|
22
22
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
23
23
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
24
24
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
2
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
|
+
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
3
3
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
4
4
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./SwitchField.module.css#css-module
|
|
14
|
-
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-
|
|
14
|
+
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___RE0VV", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___irl7M", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___HsLOC", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___MQlDd", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___ih0EU" };
|
|
15
15
|
var GlobalSwitchFieldCssSelector = "hop-SwitchField";
|
|
16
16
|
var SwitchToDescriptionSizeAdapter = {
|
|
17
17
|
sm: "xs",
|
|
@@ -2,7 +2,7 @@ import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
|
2
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
3
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-375NGVSY.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, Checkbox as Checkbox$1 } from 'rea
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Checkbox.module.css#css-module
|
|
17
|
-
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-
|
|
17
|
+
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___-skry", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___X0QkL", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___Sy-i1", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___L-0uq", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___6VG9N", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___uK-n-", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___UWW9Q", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___ZJ8OH", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___IrGoV", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___R6h7l", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___uO5pN" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,11 +1,11 @@
|
|
|
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 { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
5
5
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
|
-
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
8
7
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
|
+
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
9
9
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
11
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -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___mj5ai", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___O34t9", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl" };
|
|
18
18
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
19
19
|
function CheckboxGroup(props, ref) {
|
|
20
20
|
var _a, _b;
|
|
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./ListBoxItemSkeleton.module.css#css-module
|
|
10
|
-
var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-
|
|
10
|
+
var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk-" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -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___Vuw2H", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___xrm5a" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
|
|
|
2
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
3
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-375NGVSY.js';
|
|
6
6
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.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___h1eV8", "hop-Link--quiet": "Link-module__hop-Link--quiet___2O1IC", "hop-Link--primary": "Link-module__hop-Link--primary___ZK0M2", "hop-Link--secondary": "Link-module__hop-Link--secondary___qiwLy", "hop-Link__icon": "Link-module__hop-Link__icon___5-TAb", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Bf4-9", "hop-Link__text": "Link-module__hop-Link__text___kGjDj", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___w2lCL", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___cbdh1" };
|
|
17
17
|
var GlobalLinkCssSelector = "hop-Link";
|
|
18
18
|
var LinkToIconSizeAdapter = {
|
|
19
19
|
inherit: void 0,
|
|
@@ -7,10 +7,6 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
|
7
7
|
var __commonJS = (cb, mod) => function __require() {
|
|
8
8
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
9
9
|
};
|
|
10
|
-
var __export = (target, all) => {
|
|
11
|
-
for (var name in all)
|
|
12
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
13
|
-
};
|
|
14
10
|
var __copyProps = (to, from, except, desc) => {
|
|
15
11
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
12
|
for (let key of __getOwnPropNames(from))
|
|
@@ -19,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
19
15
|
}
|
|
20
16
|
return to;
|
|
21
17
|
};
|
|
22
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
23
18
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
24
19
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
25
20
|
// file that has been converted to a CommonJS file using a Babel-
|
|
@@ -29,4 +24,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
29
24
|
mod
|
|
30
25
|
));
|
|
31
26
|
|
|
32
|
-
export { __commonJS,
|
|
27
|
+
export { __commonJS, __toESM };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
2
2
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-375NGVSY.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { WarningIcon } from '@hopper-ui/icons';
|
|
6
6
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
|
|
|
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___yC5xH", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___8C4pS" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
2
2
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
4
|
-
import { useLocalizedString } from './chunk-
|
|
3
|
+
import { _Spinner } from './chunk-PFQFQTAW.js';
|
|
4
|
+
import { useLocalizedString } from './chunk-YEYNRBMQ.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { useRenderProps } from './chunk-NH3IVMXB.js';
|
|
7
7
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
8
8
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
9
|
-
import { _Text } from './chunk-
|
|
9
|
+
import { _Text } from './chunk-375NGVSY.js';
|
|
10
10
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
11
11
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.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___X3-0x", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ozZIL", "hop-Button--fluid": "Button-module__hop-Button--fluid___QicVH", "hop-Button--sm": "Button-module__hop-Button--sm___OqRJb", "hop-Button--primary": "Button-module__hop-Button--primary___EfW8J", "hop-Button--md": "Button-module__hop-Button--md___rvwjX", "hop-Button--secondary": "Button-module__hop-Button--secondary___o0rOD", "hop-Button--upsell": "Button-module__hop-Button--upsell___qIXrb", "hop-Button--danger": "Button-module__hop-Button--danger___118vy", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___4MlvW", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___GWQ-G", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___NEFPi", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___RJv8A", "hop-Button__icon": "Button-module__hop-Button__icon___IacjS", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___7QJ0M", "hop-Button__text": "Button-module__hop-Button__text___hPZot", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___o1toW", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___VtgFC" };
|
|
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) {
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { HeadingContext } from './chunk-TXZ6BMFR.js';
|
|
2
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
3
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
|
+
import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
// css-module:./Heading.module.css#css-module
|
|
10
|
+
var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___CV7-P", "hop-Heading--xs": "Heading-module__hop-Heading--xs___lUG86", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Cj41K", "hop-Heading--md": "Heading-module__hop-Heading--md___J5xM6", "hop-Heading--lg": "Heading-module__hop-Heading--lg___danQV", "hop-Heading--xl": "Heading-module__hop-Heading--xl___WqtBx", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___rdouL", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___mLIMt" };
|
|
11
|
+
var GlobalHeadingCssSelector = "hop-Heading";
|
|
12
|
+
function Heading(props, ref) {
|
|
13
|
+
[props, ref] = useContextProps(props, ref, HeadingContext);
|
|
14
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
15
|
+
const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
|
|
16
|
+
const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
|
|
17
|
+
const classNames = clsx(
|
|
18
|
+
GlobalHeadingCssSelector,
|
|
19
|
+
cssModule(
|
|
20
|
+
Heading_module_default,
|
|
21
|
+
"hop-Heading",
|
|
22
|
+
size
|
|
23
|
+
),
|
|
24
|
+
stylingProps.className,
|
|
25
|
+
className
|
|
26
|
+
);
|
|
27
|
+
const mergedStyles = {
|
|
28
|
+
...stylingProps.style,
|
|
29
|
+
...style
|
|
30
|
+
};
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
|
+
Heading$1,
|
|
33
|
+
{
|
|
34
|
+
...otherProps,
|
|
35
|
+
ref,
|
|
36
|
+
className: classNames,
|
|
37
|
+
style: mergedStyles,
|
|
38
|
+
children
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
var _Heading = forwardRef(Heading);
|
|
43
|
+
_Heading.displayName = "Heading";
|
|
44
|
+
function createHeading(as) {
|
|
45
|
+
const level = parseInt(as[1]);
|
|
46
|
+
return forwardRef((props, ref) => {
|
|
47
|
+
return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
var H1 = createHeading("h1");
|
|
51
|
+
var H2 = createHeading("h2");
|
|
52
|
+
var H3 = createHeading("h3");
|
|
53
|
+
var H4 = createHeading("h4");
|
|
54
|
+
var H5 = createHeading("h5");
|
|
55
|
+
var H6 = createHeading("h6");
|
|
56
|
+
|
|
57
|
+
export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-375NGVSY.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { InfoIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
|
|
|
9
9
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./HelperMessage.module.css#css-module
|
|
12
|
-
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-
|
|
12
|
+
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___m-yIS", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___CaMfM" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -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___WqX3l" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Label.module.css#css-module
|
|
10
|
-
var Label_module_default = { "hop-Label": "Label-module__hop-
|
|
10
|
+
var Label_module_default = { "hop-Label": "Label-module__hop-Label___oItqW", "hop-Label--xs": "Label-module__hop-Label--xs___OCQc9", "hop-Label--sm": "Label-module__hop-Label--sm___-fhZc", "hop-Label--md": "Label-module__hop-Label--md___OdAm4", "hop-Label--lg": "Label-module__hop-Label--lg___GbPeJ", "hop-Label--xl": "Label-module__hop-Label--xl___1wofe", "hop-Label--2xl": "Label-module__hop-Label--2xl___qv5gq", "hop-Label--inherit": "Label-module__hop-Label--inherit___zEydh" };
|
|
11
11
|
var GlobalLabelCssSelector = "hop-Label";
|
|
12
12
|
function Label(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
|
2
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
3
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
4
4
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-375NGVSY.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___Xp7l6", "hop-Radio--focused": "Radio-module__hop-Radio--focused___yW0Wx", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___ckfKe", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___Gxr0y", "hop-Radio--sm": "Radio-module__hop-Radio--sm___hP32c", "hop-Radio--md": "Radio-module__hop-Radio--md___4o0tb", "hop-Radio__icon": "Radio-module__hop-Radio__icon___STn-v", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___VkNaY", "hop-Radio__box": "Radio-module__hop-Radio__box___-9Dex", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___0oWOE", "hop-Radio__text": "Radio-module__hop-Radio__text___iJnng" };
|
|
18
18
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
19
19
|
function Radio(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _Label } from './chunk-
|
|
1
|
+
import { _Label } from './chunk-LYGSWKBB.js';
|
|
2
2
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./Spinner.module.css#css-module
|
|
11
|
-
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-
|
|
11
|
+
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___DLvnO", "spin": "Spinner-module__spin___Lpxyw", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___v97ZX", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___nGvSb", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___aELVX", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___7tCR3", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___A7ygr", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___QzFiY" };
|
|
12
12
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
13
13
|
var SpinnerToLabelSizeAdapter = {
|
|
14
14
|
sm: "xs",
|
|
@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, G
|
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./InputGroup.module.css#css-module
|
|
12
|
-
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-
|
|
12
|
+
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___B8Wo4", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___PjJcH", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___r6MYr", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___xcuNz" };
|
|
13
13
|
var GlobalInputGroupCssSelector = "hop-InputGroup";
|
|
14
14
|
function InputGroup(props, ref) {
|
|
15
15
|
var _a, _b;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { TagGroupContext } from './chunk-LCAS3YQV.js';
|
|
1
2
|
import { TagListContext } from './chunk-XLKYXKWE.js';
|
|
2
3
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
3
|
-
import { TagGroupContext } from './chunk-LCAS3YQV.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
|
-
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
6
5
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
6
|
+
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
9
9
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -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___5wpvh", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___DRHS9", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___m3vQD", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Kusvn", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___QxW1S" };
|
|
17
17
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
18
18
|
function TagGroup(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
2
|
+
import { _InputGroup } from './chunk-Q4P2MTYE.js';
|
|
3
|
+
import { _EmbeddedButton } from './chunk-RERJ4IWC.js';
|
|
4
|
+
import { useLocalizedString } from './chunk-YEYNRBMQ.js';
|
|
5
|
+
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
6
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
|
+
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
8
|
+
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
9
|
+
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
10
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
12
|
+
import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
|
|
13
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
14
|
+
import { mergeRefs } from '@react-aria/utils';
|
|
15
|
+
import { forwardRef, useState } from 'react';
|
|
16
|
+
import { useObjectRef } from 'react-aria';
|
|
17
|
+
import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
|
|
18
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
|
+
|
|
20
|
+
// css-module:./PasswordField.module.css#css-module
|
|
21
|
+
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___DAIX5", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___g3d71", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___-TpEz", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___7KhIL", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___qihU5", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___VBfQ2" };
|
|
22
|
+
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
23
|
+
function PasswordField(props, ref) {
|
|
24
|
+
var _a;
|
|
25
|
+
const {
|
|
26
|
+
inputRef: userProvidedInputRef = null,
|
|
27
|
+
...propsWithoutRef
|
|
28
|
+
} = props;
|
|
29
|
+
[props, ref] = useContextProps(propsWithoutRef, ref, PasswordFieldContext);
|
|
30
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
31
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
32
|
+
const stringFormatter = useLocalizedString();
|
|
33
|
+
const {
|
|
34
|
+
className,
|
|
35
|
+
style: styleProp,
|
|
36
|
+
size,
|
|
37
|
+
placeholder,
|
|
38
|
+
children,
|
|
39
|
+
isFluid: isFluidProp,
|
|
40
|
+
isDisabled,
|
|
41
|
+
isInvalid,
|
|
42
|
+
...otherProps
|
|
43
|
+
} = ownProps;
|
|
44
|
+
const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
|
|
45
|
+
const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
|
|
46
|
+
const classNames = composeClassnameRenderProps(
|
|
47
|
+
className,
|
|
48
|
+
GlobalPasswordFieldCssSelector,
|
|
49
|
+
cssModule(
|
|
50
|
+
PasswordField_module_default,
|
|
51
|
+
"hop-PasswordField",
|
|
52
|
+
isFluid && "fluid"
|
|
53
|
+
),
|
|
54
|
+
stylingProps.className
|
|
55
|
+
);
|
|
56
|
+
const style = composeRenderProps(styleProp, (prev) => {
|
|
57
|
+
return {
|
|
58
|
+
...stylingProps.style,
|
|
59
|
+
...prev
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
|
|
63
|
+
_InputGroup,
|
|
64
|
+
{
|
|
65
|
+
isDisabled,
|
|
66
|
+
isInvalid,
|
|
67
|
+
isFluid: true,
|
|
68
|
+
size,
|
|
69
|
+
className: PasswordField_module_default["hop-PasswordField__InputGroup"],
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password" }),
|
|
72
|
+
/* @__PURE__ */ jsx(
|
|
73
|
+
_EmbeddedButton,
|
|
74
|
+
{
|
|
75
|
+
isDisabled,
|
|
76
|
+
"aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
|
|
77
|
+
onPress: () => {
|
|
78
|
+
setShowPassword((x) => !x);
|
|
79
|
+
},
|
|
80
|
+
size: "lg",
|
|
81
|
+
children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
) });
|
|
87
|
+
const childrenMarkup = composeRenderProps(children, (prev) => {
|
|
88
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
89
|
+
/* @__PURE__ */ jsx(
|
|
90
|
+
SlotProvider,
|
|
91
|
+
{
|
|
92
|
+
values: [
|
|
93
|
+
[LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"] }],
|
|
94
|
+
[HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
|
|
95
|
+
[ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
|
|
96
|
+
],
|
|
97
|
+
children: prev
|
|
98
|
+
}
|
|
99
|
+
),
|
|
100
|
+
inputMarkup
|
|
101
|
+
] });
|
|
102
|
+
});
|
|
103
|
+
return /* @__PURE__ */ jsx(
|
|
104
|
+
TextField,
|
|
105
|
+
{
|
|
106
|
+
ref,
|
|
107
|
+
style,
|
|
108
|
+
className: classNames,
|
|
109
|
+
isDisabled,
|
|
110
|
+
isInvalid,
|
|
111
|
+
...otherProps,
|
|
112
|
+
children: childrenMarkup
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
}
|
|
116
|
+
var _PasswordField = forwardRef(PasswordField);
|
|
117
|
+
_PasswordField.displayName = "PasswordField";
|
|
118
|
+
|
|
119
|
+
export { GlobalPasswordFieldCssSelector, _PasswordField };
|
|
@@ -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___JJDxk", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___aC6E8" };
|
|
13
13
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
14
14
|
function EmbeddedButton(props, ref) {
|
|
15
15
|
var _a;
|