@hopper-ui/components 1.0.11 → 1.0.13
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 +13 -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 +10 -10
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/index.css +10 -10
- package/dist/Badge/src/index.js +2 -2
- package/dist/Chip/src/Chip.css +33 -33
- package/dist/Chip/src/Chip.js +2 -2
- package/dist/Chip/src/index.css +33 -33
- package/dist/Chip/src/index.js +2 -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/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 +179 -256
- package/dist/ListBox/src/ListBox.js +10 -10
- package/dist/ListBox/src/ListBoxItem.css +164 -241
- package/dist/ListBox/src/ListBoxItem.js +9 -9
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +179 -256
- package/dist/ListBox/src/index.js +10 -10
- package/dist/Spinner/src/Spinner.css +83 -83
- package/dist/Spinner/src/Spinner.js +5 -3
- package/dist/Spinner/src/index.css +83 -83
- package/dist/Spinner/src/index.js +5 -3
- package/dist/buttons/src/Button.css +156 -236
- package/dist/buttons/src/Button.js +3 -5
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +12 -12
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +12 -12
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +179 -259
- package/dist/buttons/src/index.js +6 -8
- package/dist/checkbox/src/Checkbox.css +31 -37
- 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 +70 -140
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/index.css +70 -140
- package/dist/checkbox/src/index.js +5 -5
- package/dist/{chunk-L2HJORV2.js → chunk-2MUGMKNO.js} +3 -4
- package/dist/{chunk-TP6OU6SQ.js → chunk-44KY7MFF.js} +5 -5
- package/dist/{chunk-YLUVOHHC.js → chunk-5WWMVQI4.js} +1 -1
- package/dist/{chunk-JTX4ZTQ6.js → chunk-723W7LGB.js} +3 -3
- package/dist/{chunk-OFNA3Y6A.js → chunk-AMXRADUV.js} +9 -5
- package/dist/{chunk-ZINTZZLE.js → chunk-AYPCLDGU.js} +1 -1
- package/dist/{chunk-UAKDD5TO.js → chunk-B42AJF74.js} +7 -7
- package/dist/{chunk-7PFCZHVB.js → chunk-CCIVRIKG.js} +5 -4
- package/dist/{chunk-3XZXPN6Y.js → chunk-CS2RAWQB.js} +3 -3
- package/dist/{chunk-4SPQFKVC.js → chunk-CXIH6I5X.js} +2 -2
- package/dist/{chunk-OWWIZWZA.js → chunk-DZHRELLA.js} +1 -1
- package/dist/{chunk-5SHNL47W.js → chunk-ERE2XRQA.js} +1 -1
- package/dist/{chunk-TYMV4JQ2.js → chunk-ESRYOELK.js} +2 -2
- package/dist/{chunk-P62FAV3S.js → chunk-GH5LAOQU.js} +1 -1
- package/dist/{chunk-QQBJ4REK.js → chunk-I2YZLGRE.js} +4 -7
- package/dist/{chunk-LRJ5ZWXY.js → chunk-IEE2HHGR.js} +1 -1
- package/dist/{chunk-5VWMGH3R.js → chunk-JLUFMLGV.js} +1 -1
- package/dist/{chunk-HTM3ZSBX.js → chunk-JN2FF2IX.js} +1 -1
- package/dist/{chunk-7GVDINGU.js → chunk-KARK64JC.js} +1 -1
- package/dist/{chunk-EZX4K3AY.js → chunk-LDORNYHF.js} +2 -2
- package/dist/{chunk-B5563GK3.js → chunk-M4IVTAHY.js} +4 -4
- package/dist/chunk-MTDFS4CZ.js +12 -0
- package/dist/{chunk-N65OIMRV.js → chunk-MVWQVBTK.js} +3 -4
- package/dist/{chunk-B3EA6PO5.js → chunk-NHM3MQI3.js} +3 -4
- package/dist/{chunk-PPO5T6D3.js → chunk-PAYZGXTT.js} +1 -1
- package/dist/{chunk-NFOY572L.js → chunk-QTV45NTY.js} +2 -2
- package/dist/{chunk-GDCTBE7C.js → chunk-RGGVZKNN.js} +2 -2
- package/dist/{chunk-K7RORXVD.js → chunk-RXZQB35O.js} +2 -2
- package/dist/{chunk-BKYHKRAJ.js → chunk-SNWJJ3FF.js} +1 -1
- package/dist/{chunk-I3OSQDQM.js → chunk-SSMGKQ27.js} +2 -2
- package/dist/{chunk-W5DFK35A.js → chunk-SW7LHIQ2.js} +7 -7
- package/dist/{chunk-RYSCBMR6.js → chunk-THQZBL4T.js} +1 -1
- package/dist/{chunk-GAPQ6VJL.js → chunk-TNVYVDLF.js} +3 -3
- package/dist/{chunk-WC72FIUS.js → chunk-UGHMX7QX.js} +3 -3
- package/dist/{chunk-AB24MF66.js → chunk-UPR32DV5.js} +2 -2
- package/dist/{chunk-BRIG7AIE.js → chunk-W34MMJ2L.js} +2 -2
- package/dist/{chunk-WQPDNKWM.js → chunk-WCLGYVXV.js} +1 -1
- package/dist/chunk-ZQ3AWYRR.js +7 -0
- package/dist/{chunk-KUX5YOEF.js → chunk-ZXDN2IRM.js} +1 -1
- package/dist/index.css +469 -573
- package/dist/index.d.ts +1 -0
- package/dist/index.js +49 -48
- package/dist/inputs/src/InputGroup.css +14 -12
- package/dist/inputs/src/InputGroup.d.ts +1 -0
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +517 -0
- package/dist/inputs/src/NumberField.d.ts +37 -0
- package/dist/inputs/src/NumberField.js +177 -0
- package/dist/inputs/src/NumberFieldContext.d.ts +8 -0
- package/dist/inputs/src/NumberFieldContext.js +2 -0
- package/dist/inputs/src/PasswordField.css +234 -306
- package/dist/inputs/src/PasswordField.js +8 -8
- package/dist/inputs/src/SearchField.css +240 -311
- package/dist/inputs/src/SearchField.js +9 -9
- package/dist/inputs/src/TextField.css +235 -307
- package/dist/inputs/src/TextField.js +10 -10
- package/dist/inputs/src/index.css +253 -344
- package/dist/inputs/src/index.js +13 -13
- package/dist/overlays/Popover/src/Popover.css +469 -573
- package/dist/overlays/Popover/src/Popover.js +49 -48
- package/dist/overlays/Popover/src/index.css +469 -573
- package/dist/overlays/Popover/src/index.js +49 -48
- package/dist/radio/src/Radio.css +31 -38
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +70 -141
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/index.css +70 -141
- package/dist/radio/src/index.js +5 -5
- 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 +469 -573
- package/dist/tag/src/Tag.js +49 -48
- package/dist/tag/src/TagGroup.css +32 -96
- package/dist/tag/src/TagGroup.js +2 -2
- package/dist/tag/src/index.css +469 -573
- package/dist/tag/src/index.js +49 -48
- 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 +13 -77
- package/dist/typography/Label/src/Label.d.ts +1 -6
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +13 -77
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +6 -6
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/index.d.ts +1 -0
- package/dist/utils/src/index.js +1 -0
- package/dist/utils/src/useScale.d.ts +11 -0
- package/dist/utils/src/useScale.js +2 -0
- package/package.json +2 -2
|
@@ -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-CCIVRIKG.js';
|
|
3
|
+
import { _ClearButton } from './chunk-KARK64JC.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___0Volv", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___LVKwh", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___mDMF5", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Rw0TX", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L69-q", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___22XQJ", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___JMZPT", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___DoWSS", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___sXW23" };
|
|
21
21
|
var GlobalSearchFieldCssSelector = "hop-SearchField";
|
|
22
22
|
function SearchField(props, ref) {
|
|
23
23
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useImageFallback } from './chunk-NS3XVOQ7.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-PAYZGXTT.js';
|
|
3
3
|
import { AvatarContext } from './chunk-AES7QBQE.js';
|
|
4
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
4
|
+
import { _RichIconAvatarImage } from './chunk-AYPCLDGU.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___qM5OB", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___b0lad", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___nF2UB", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___dTNCm", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___9mfvF", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___2903F", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___-hip-", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___CXBR9", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___O1mBp", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___DrrpF", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___fkgsQ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___6ca3R", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___OkFbC", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___yuVT9", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___1fVlH", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___vJUyk", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___iOZ6J" };
|
|
16
16
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
17
17
|
var AvatarToTextSizeAdapter = {
|
|
18
18
|
xs: "xs",
|
|
@@ -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-PAYZGXTT.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___hGjrh", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___wE1hg" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -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-PAYZGXTT.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___2SBYs", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___GUWfq", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___-rDr8", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___kLFm-", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___ku6Fh", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___m1kW9", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___9T-B2", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___Xzo43", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___tSdwv", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___nWURg", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___G2FeR" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -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___SpcCY", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Piu0y", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___e69ih", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___Yttc1", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___5kWSy" };
|
|
15
15
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
16
16
|
var CheckboxToDescriptionSizeAdapter = {
|
|
17
17
|
sm: "xs",
|
|
@@ -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___G-ouQ", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___lozfI", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___-WCki" };
|
|
13
13
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
14
14
|
function EmbeddedButton(props, ref) {
|
|
15
15
|
var _a;
|