@hopper-ui/components 1.2.1 → 1.3.1
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 +2 -2
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.js +4 -4
- 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 +6 -6
- package/dist/Badge/src/Badge.css +85 -13
- package/dist/Badge/src/Badge.d.ts +6 -2
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/BadgeContext.d.ts +8 -3
- package/dist/Badge/src/FloatingBadge.css +96 -0
- package/dist/Badge/src/FloatingBadge.d.ts +33 -0
- package/dist/Badge/src/FloatingBadge.js +7 -0
- package/dist/Badge/src/FloatingBadgeContext.d.ts +10 -0
- package/dist/Badge/src/FloatingBadgeContext.js +2 -0
- package/dist/Badge/src/index.css +182 -13
- package/dist/Badge/src/index.d.ts +3 -1
- package/dist/Badge/src/index.js +5 -2
- 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 +1034 -608
- package/dist/Form/src/Form.js +71 -67
- package/dist/Form/src/index.css +1034 -608
- package/dist/Form/src/index.js +71 -67
- 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 +398 -201
- package/dist/ListBox/src/ListBox.js +15 -16
- package/dist/ListBox/src/ListBoxItem.css +380 -185
- package/dist/ListBox/src/ListBoxItem.js +14 -14
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +398 -201
- package/dist/ListBox/src/index.js +15 -16
- package/dist/Select/src/Select.css +4537 -0
- package/dist/Select/src/Select.d.ts +93 -0
- package/dist/Select/src/Select.js +118 -0
- package/dist/Select/src/SelectContext.d.ts +16 -0
- package/dist/Select/src/SelectContext.js +2 -0
- package/dist/Select/src/SelectValue.css +443 -0
- package/dist/Select/src/SelectValue.d.ts +31 -0
- package/dist/Select/src/SelectValue.js +19 -0
- package/dist/Select/src/index.css +4537 -0
- package/dist/Select/src/index.d.ts +13 -0
- package/dist/Select/src/index.js +118 -0
- 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 +5 -5
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +2 -2
- package/dist/buttons/src/ClearButton.css +70 -70
- package/dist/buttons/src/ClearButton.js +3 -3
- package/dist/buttons/src/EmbeddedButton.css +70 -70
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +175 -175
- package/dist/buttons/src/index.js +9 -9
- package/dist/checkbox/src/Checkbox.css +31 -31
- package/dist/checkbox/src/Checkbox.js +2 -2
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +60 -60
- package/dist/checkbox/src/CheckboxGroup.js +3 -3
- package/dist/checkbox/src/index.css +60 -60
- package/dist/checkbox/src/index.js +7 -7
- package/dist/{chunk-J7BXE7WN.js → chunk-2WWHL3EF.js} +4 -4
- package/dist/{chunk-6WKRP4MN.js → chunk-2ZOLM7VR.js} +11 -5
- package/dist/{chunk-F47GZGT7.js → chunk-47SFZCKK.js} +1 -1
- package/dist/{chunk-C7XRB2J6.js → chunk-52LHX4PE.js} +2 -2
- package/dist/{chunk-IUFABTFZ.js → chunk-5NMCOZOW.js} +1 -1
- package/dist/{chunk-J6YYPRGY.js → chunk-7QUXYE3E.js} +10 -7
- package/dist/{chunk-BN32T6QQ.js → chunk-A2S2Q73W.js} +2 -2
- package/dist/{chunk-YXD3IR3T.js → chunk-ANBOSYAL.js} +2 -2
- package/dist/chunk-ARD3LWL2.js +118 -0
- package/dist/{chunk-55AWCUQF.js → chunk-BF6YUKC2.js} +1 -1
- package/dist/{chunk-THUFFPGX.js → chunk-BO53NITW.js} +1 -1
- package/dist/{chunk-RLDQEH6F.js → chunk-BV7O26TY.js} +4 -4
- package/dist/chunk-CIGS4QGT.js +7 -0
- package/dist/{chunk-2DPE3H3G.js → chunk-D2GZKHYD.js} +1 -1
- package/dist/{chunk-T7QJEHL7.js → chunk-D7VVQIPM.js} +2 -2
- package/dist/chunk-EHXOXTDN.js +29 -0
- package/dist/{chunk-TM4R5NO7.js → chunk-EMD2K6B3.js} +2 -2
- package/dist/{chunk-MFFXNI66.js → chunk-ESWRMGHR.js} +4 -4
- package/dist/{chunk-CSE22YXO.js → chunk-EUELVL2L.js} +3 -3
- package/dist/{chunk-PUNJWQAN.js → chunk-GG6RHMJ7.js} +270 -45
- package/dist/{chunk-WYBQCRQB.js → chunk-HLXQ6C2E.js} +2 -2
- package/dist/{chunk-SPFANCCV.js → chunk-HXPTWMD5.js} +3 -3
- package/dist/{chunk-MX5BW5VE.js → chunk-JVDCU4PT.js} +1 -1
- package/dist/{chunk-XI3BX2TP.js → chunk-JVZRUDLP.js} +5 -5
- package/dist/{chunk-F4KQUFXI.js → chunk-L3Y67TUF.js} +3 -3
- package/dist/{chunk-QGC3OX7W.js → chunk-NEPRDVF7.js} +1 -1
- package/dist/{chunk-4APVXEPA.js → chunk-NJHNYL6X.js} +2 -2
- package/dist/{chunk-XUCH26RT.js → chunk-OLXX46IZ.js} +2 -2
- package/dist/{chunk-TFELIWJO.js → chunk-PUMWU6M4.js} +1 -1
- package/dist/{chunk-ZEXXNE5U.js → chunk-QAIK237T.js} +5 -5
- package/dist/{chunk-K7DU4YR4.js → chunk-QCTIAKM6.js} +1 -1
- package/dist/{chunk-CXWMHWSS.js → chunk-QSWSZUZM.js} +1 -1
- package/dist/{chunk-462UBJV3.js → chunk-SD6DBWYC.js} +1 -1
- package/dist/{chunk-ZPPQJKHC.js → chunk-SFZBLVJN.js} +2 -2
- package/dist/chunk-T24MBA34.js +7 -0
- package/dist/{chunk-F4H76S4H.js → chunk-TFVDF4YH.js} +4 -2
- package/dist/{chunk-DZKJZSTQ.js → chunk-TJMAMWRQ.js} +1 -1
- package/dist/{chunk-RYZNMKWB.js → chunk-UNSJTDXN.js} +1 -1
- package/dist/{chunk-AGRQ7UGN.js → chunk-USVXH6MO.js} +2 -2
- package/dist/{chunk-4H7PKEMJ.js → chunk-WDA6LWC4.js} +14 -13
- package/dist/chunk-X2T2UX2O.js +72 -0
- package/dist/{chunk-WQSVNGFJ.js → chunk-XF4SQ222.js} +1 -1
- package/dist/{chunk-YWIDJ55Q.js → chunk-XHQWDF7B.js} +2 -2
- package/dist/{chunk-VQC5F6I7.js → chunk-YD2TGFCB.js} +3 -3
- package/dist/{chunk-LXCCS4SA.js → chunk-ZG5E36S3.js} +7 -8
- package/dist/i18n/src/index.js +1 -1
- package/dist/i18n/src/useLocalizedString.js +1 -1
- package/dist/index.css +1034 -608
- package/dist/index.d.ts +9 -3
- package/dist/index.js +71 -67
- package/dist/inputs/src/InputGroup.css +14 -16
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +64 -65
- package/dist/inputs/src/NumberField.js +9 -9
- package/dist/inputs/src/PasswordField.css +218 -219
- package/dist/inputs/src/PasswordField.js +11 -11
- package/dist/inputs/src/SearchField.css +224 -225
- package/dist/inputs/src/SearchField.js +12 -12
- package/dist/inputs/src/TextArea.css +58 -59
- package/dist/inputs/src/TextArea.js +10 -10
- package/dist/inputs/src/TextField.css +219 -220
- package/dist/inputs/src/TextField.js +12 -12
- package/dist/inputs/src/index.css +271 -268
- package/dist/inputs/src/index.js +18 -18
- package/dist/overlays/Popover/src/Popover.css +1034 -608
- package/dist/overlays/Popover/src/Popover.d.ts +26 -3
- package/dist/overlays/Popover/src/Popover.js +71 -67
- package/dist/overlays/Popover/src/PopoverContext.d.ts +3 -0
- package/dist/overlays/Popover/src/index.css +1034 -608
- package/dist/overlays/Popover/src/index.d.ts +4 -1
- package/dist/overlays/Popover/src/index.js +71 -67
- package/dist/radio/src/Radio.css +31 -31
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +1 -1
- package/dist/radio/src/RadioGroup.css +60 -60
- package/dist/radio/src/RadioGroup.js +3 -3
- package/dist/radio/src/index.css +60 -60
- package/dist/radio/src/index.js +7 -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 +473 -304
- package/dist/tag/src/Tag.js +6 -6
- package/dist/tag/src/TagGroup.css +22 -22
- package/dist/tag/src/TagGroup.js +2 -2
- package/dist/tag/src/index.css +486 -317
- package/dist/tag/src/index.js +9 -9
- 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 +2 -2
- package/dist/typography/Label/src/index.css +3 -3
- 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 +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/index.d.ts +1 -0
- package/dist/utils/src/index.js +3 -2
- package/dist/utils/src/useIsOverflow.d.ts +5 -0
- package/dist/utils/src/useIsOverflow.js +2 -0
- package/package.json +6 -6
- package/dist/ListBox/src/useLoadOnScroll.d.ts +0 -16
- package/dist/ListBox/src/useLoadOnScroll.js +0 -2
- package/dist/chunk-JTNMFPM4.js +0 -41
|
@@ -14,7 +14,8 @@ var require_en_US = __commonJS({
|
|
|
14
14
|
"ListBoxItem.loadingTextValue": `Loading Item`,
|
|
15
15
|
"ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
|
|
16
16
|
"Label.necessityLabel.required": `Required`,
|
|
17
|
-
"Label.necessityLabel.optional": `Optional
|
|
17
|
+
"Label.necessityLabel.optional": `Optional`,
|
|
18
|
+
"Select.placeholder": `Select an item`
|
|
18
19
|
};
|
|
19
20
|
}
|
|
20
21
|
});
|
|
@@ -32,7 +33,8 @@ var require_fr_CA = __commonJS({
|
|
|
32
33
|
"ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
|
|
33
34
|
"ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
|
|
34
35
|
"Label.necessityLabel.required": `Obligatoire`,
|
|
35
|
-
"Label.necessityLabel.optional": `Facultatif
|
|
36
|
+
"Label.necessityLabel.optional": `Facultatif`,
|
|
37
|
+
"Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`
|
|
36
38
|
};
|
|
37
39
|
}
|
|
38
40
|
});
|
|
@@ -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___0z1Vu", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB" };
|
|
13
13
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
14
14
|
function EmbeddedButton(props, ref) {
|
|
15
15
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-BO53NITW.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,6 +1,6 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
2
2
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-QCTIAKM6.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
6
6
|
import { forwardRef } from 'react';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Spinner.module.css#css-module
|
|
12
|
-
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-
|
|
12
|
+
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___O1-Km", "spin": "Spinner-module__spin___v977U", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___qV5iG", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___G30MC", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___sYhCI", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___W5tRL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___kByJ9", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___8qfSZ" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
+
import { _Radio } from './chunk-SFZBLVJN.js';
|
|
2
|
+
import { _RadioGroup } from './chunk-L3Y67TUF.js';
|
|
1
3
|
import { _RadioList } from './chunk-NKHMUPAP.js';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { _Checkbox } from './chunk-D7VVQIPM.js';
|
|
5
|
+
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
6
|
+
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
7
|
+
import { _ListBoxItemSkeleton } from './chunk-XF4SQ222.js';
|
|
6
8
|
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
7
9
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
|
-
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
9
|
-
import { _ListBoxItemSkeleton } from './chunk-WQSVNGFJ.js';
|
|
10
10
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
11
11
|
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
12
|
-
import { _Text } from './chunk-
|
|
12
|
+
import { _Text } from './chunk-QCTIAKM6.js';
|
|
13
13
|
import { TextContext } from './chunk-X6SER3TZ.js';
|
|
14
14
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
15
15
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
|
|
|
21
21
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
22
22
|
|
|
23
23
|
// css-module:./ListBoxItem.module.css#css-module
|
|
24
|
-
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-
|
|
24
|
+
var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___an9O1", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___HmQkG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___4vcFB", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___DdzeQ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___u2UzS", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Glzxw", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___NDxkN", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___TyMze", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___vnfB-", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___H-Ss7", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___VaNew", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___aDTWC", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-uc-C", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___FJ39g", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___2wdh-", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___1226g" };
|
|
25
25
|
var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
|
|
26
26
|
var ListBoxItemToIconSizeAdapter = {
|
|
27
27
|
xs: "sm",
|
|
@@ -89,8 +89,7 @@ function ListBoxItemInner(props) {
|
|
|
89
89
|
className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
|
|
90
90
|
value: "radio",
|
|
91
91
|
isDisabled,
|
|
92
|
-
|
|
93
|
-
isHovered,
|
|
92
|
+
isHovered: isHovered || isFocusVisible,
|
|
94
93
|
isPressed
|
|
95
94
|
}
|
|
96
95
|
) })
|
|
@@ -104,8 +103,7 @@ function ListBoxItemInner(props) {
|
|
|
104
103
|
"aria-hidden": "true",
|
|
105
104
|
className: ListBoxItem_module_default["hop-ListBoxItem__checkbox"],
|
|
106
105
|
isDisabled,
|
|
107
|
-
|
|
108
|
-
isHovered,
|
|
106
|
+
isHovered: isHovered || isFocusVisible,
|
|
109
107
|
isPressed,
|
|
110
108
|
isSelected,
|
|
111
109
|
isInvalid
|
|
@@ -159,7 +157,10 @@ function ListBoxItemInner(props) {
|
|
|
159
157
|
}],
|
|
160
158
|
[BadgeContext, {
|
|
161
159
|
className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
|
|
162
|
-
isDisabled
|
|
160
|
+
isDisabled,
|
|
161
|
+
isHovered,
|
|
162
|
+
isPressed,
|
|
163
|
+
isSelected
|
|
163
164
|
}],
|
|
164
165
|
[AvatarContext, {
|
|
165
166
|
className: ListBoxItem_module_default["hop-ListBoxItem__avatar"],
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { BadgeContext } from './chunk-CQDLZ42T.js';
|
|
2
|
+
import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
|
|
3
|
+
import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
|
|
4
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
5
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
|
+
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import { forwardRef } from 'react';
|
|
9
|
+
import { useContextProps } from 'react-aria-components';
|
|
10
|
+
import { jsx } from 'react/jsx-runtime';
|
|
11
|
+
|
|
12
|
+
// css-module:./FloatingBadge.module.css#css-module
|
|
13
|
+
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___cvHzG", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___DizOb" };
|
|
14
|
+
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
|
+
function FloatingBadge(props, ref) {
|
|
16
|
+
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
17
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
18
|
+
const {
|
|
19
|
+
children,
|
|
20
|
+
className,
|
|
21
|
+
offset = [0, 0],
|
|
22
|
+
overlap = "rectangular",
|
|
23
|
+
placement = "top right",
|
|
24
|
+
style,
|
|
25
|
+
slot,
|
|
26
|
+
...otherProps
|
|
27
|
+
} = ownProps;
|
|
28
|
+
const classNames = clsx(
|
|
29
|
+
className,
|
|
30
|
+
GlobalFloatingBadgeCssSelector,
|
|
31
|
+
cssModule(
|
|
32
|
+
FloatingBadge_module_default,
|
|
33
|
+
"hop-FloatingBadge"
|
|
34
|
+
),
|
|
35
|
+
stylingProps.className
|
|
36
|
+
);
|
|
37
|
+
const offsetXValue = typeof offset[0] === "string" ? offset[0] : `${offset[0]}px`;
|
|
38
|
+
const offsetYValue = typeof offset[1] === "string" ? offset[1] : `${offset[1]}px`;
|
|
39
|
+
const mergedStyles = {
|
|
40
|
+
...stylingProps.style,
|
|
41
|
+
...style,
|
|
42
|
+
"--hop-FloatingBadge-offset-x": offsetXValue,
|
|
43
|
+
"--hop-FloatingBadge-offset-y": offsetYValue
|
|
44
|
+
};
|
|
45
|
+
return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
|
|
46
|
+
SlotProvider,
|
|
47
|
+
{
|
|
48
|
+
values: [
|
|
49
|
+
[BadgeContext, {
|
|
50
|
+
className: FloatingBadge_module_default["hop-FloatingBadge__badge"]
|
|
51
|
+
}]
|
|
52
|
+
],
|
|
53
|
+
children: /* @__PURE__ */ jsx(
|
|
54
|
+
"div",
|
|
55
|
+
{
|
|
56
|
+
...otherProps,
|
|
57
|
+
ref,
|
|
58
|
+
className: classNames,
|
|
59
|
+
style: mergedStyles,
|
|
60
|
+
slot: slot != null ? slot : void 0,
|
|
61
|
+
"data-overlap": overlap,
|
|
62
|
+
"data-placement": placement,
|
|
63
|
+
children
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
}
|
|
67
|
+
) });
|
|
68
|
+
}
|
|
69
|
+
var _FloatingBadge = forwardRef(FloatingBadge);
|
|
70
|
+
_FloatingBadge.displayName = "FloatingBadge";
|
|
71
|
+
|
|
72
|
+
export { GlobalFloatingBadgeCssSelector, _FloatingBadge };
|
|
@@ -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___p4rFp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gwojN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT" };
|
|
11
11
|
var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
|
|
12
12
|
function ListBoxItemSkeleton(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
2
1
|
import { TagGroupContext } from './chunk-LCAS3YQV.js';
|
|
3
2
|
import { TagListContext } from './chunk-XLKYXKWE.js';
|
|
3
|
+
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
6
6
|
import { ErrorMessageContext } from './chunk-FAE27DLF.js';
|
|
@@ -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___JYbnj", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dyPmo", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___ZQiq8", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___XFaIJ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___hQqvS" };
|
|
17
17
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
18
18
|
function TagGroup(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SearchFieldContext } from './chunk-3NKF5TPD.js';
|
|
2
|
-
import { _InputGroup } from './chunk-
|
|
3
|
-
import { _ClearButton } from './chunk-
|
|
2
|
+
import { _InputGroup } from './chunk-PUMWU6M4.js';
|
|
3
|
+
import { _ClearButton } from './chunk-HLXQ6C2E.js';
|
|
4
4
|
import { LabelContext } from './chunk-QCA3ZR56.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { HelperMessageContext } from './chunk-HZKFQ33E.js';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
|
|
|
17
17
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./SearchField.module.css#css-module
|
|
20
|
-
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-
|
|
20
|
+
var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWIhj", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___i4y3u", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nIAGG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___QAlG0", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___emItm", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QsdZe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yGGlb", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___TTVbm", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___k3a8p" };
|
|
21
21
|
var GlobalSearchFieldCssSelector = "hop-SearchField";
|
|
22
22
|
function SearchField(props, ref) {
|
|
23
23
|
var _a;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { isFunction } from './chunk-TIPN4VYD.js';
|
|
2
|
-
import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
|
|
3
2
|
import { SectionContext } from './chunk-5H5AZJPQ.js';
|
|
4
3
|
import { ListBoxContext } from './chunk-UIEP5BA5.js';
|
|
5
|
-
import { _ListBoxItem } from './chunk-
|
|
6
|
-
import { useLocalizedString } from './chunk-
|
|
7
|
-
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
|
+
import { _ListBoxItem } from './chunk-WDA6LWC4.js';
|
|
5
|
+
import { useLocalizedString } from './chunk-TFVDF4YH.js';
|
|
8
6
|
import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
|
|
7
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
8
|
import { HeaderContext } from './chunk-7JOGKC3W.js';
|
|
10
9
|
import { DividerContext } from './chunk-FYIHMKHI.js';
|
|
11
|
-
import { _Text } from './chunk-
|
|
10
|
+
import { _Text } from './chunk-QCTIAKM6.js';
|
|
12
11
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
13
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
14
13
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
14
|
+
import { useLoadMore } from '@react-aria/utils';
|
|
15
15
|
import clsx from 'clsx';
|
|
16
16
|
import { forwardRef } from 'react';
|
|
17
17
|
import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection } from 'react-aria-components';
|
|
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___rt3cs", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___vsxhM", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8rii0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___jg7EN", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___QdDhF", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___aRxop" };
|
|
22
22
|
var GlobalListBoxCssSelector = "hop-ListBox";
|
|
23
23
|
var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
|
|
24
24
|
var ListBoxToTextSizeAdapter = {
|
|
@@ -75,7 +75,7 @@ function ListBox(props, ref) {
|
|
|
75
75
|
...prev
|
|
76
76
|
};
|
|
77
77
|
});
|
|
78
|
-
|
|
78
|
+
useLoadMore({ isLoading, onLoadMore }, ref);
|
|
79
79
|
const renderChildren = () => {
|
|
80
80
|
if (props.items) {
|
|
81
81
|
return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
|
|
@@ -122,7 +122,6 @@ function ListBox(props, ref) {
|
|
|
122
122
|
renderEmptyState: handleRenderEmptyState,
|
|
123
123
|
selectionMode,
|
|
124
124
|
style,
|
|
125
|
-
onScroll,
|
|
126
125
|
"data-loading": isLoading,
|
|
127
126
|
shouldSelectOnPressUp: true,
|
|
128
127
|
children: [
|
package/dist/i18n/src/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useLocalizedString } from '../../chunk-
|
|
1
|
+
export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
|
|
2
2
|
import '../../chunk-JSBRDJBE.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useLocalizedString } from '../../chunk-
|
|
1
|
+
export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
|
|
2
2
|
import '../../chunk-JSBRDJBE.js';
|