@hopper-ui/components 0.1.0 → 0.1.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 +7 -0
- package/dist/IconList/src/IconList.css +3 -3
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +3 -3
- package/dist/IconList/src/index.js +1 -1
- package/dist/Label/src/Label.css +69 -69
- package/dist/Label/src/Label.js +2 -2
- package/dist/Label/src/index.css +69 -69
- package/dist/Label/src/index.js +2 -2
- package/dist/Spinner/src/Spinner.css +116 -116
- package/dist/Spinner/src/Spinner.js +4 -4
- package/dist/Spinner/src/index.css +116 -116
- package/dist/Spinner/src/index.js +4 -4
- package/dist/Text/src/Text.css +65 -65
- package/dist/Text/src/Text.js +2 -2
- package/dist/Text/src/index.css +65 -65
- package/dist/Text/src/index.js +2 -2
- package/dist/buttons/src/Button.css +374 -374
- package/dist/buttons/src/Button.js +7 -7
- package/dist/buttons/src/index.css +374 -374
- package/dist/buttons/src/index.js +7 -7
- package/dist/{chunk-SEU4CGZD.js → chunk-65JPI4FL.js} +1 -1
- package/dist/{chunk-XQ3GUEBN.js → chunk-A2IN7HC4.js} +1 -1
- package/dist/{chunk-XCKF6EU7.js → chunk-CMJUZLSA.js} +2 -2
- package/dist/{chunk-QIOYM2XJ.js → chunk-JGYEQS4H.js} +7 -7
- package/dist/{chunk-6BEVZRUL.js → chunk-KVDXQMWI.js} +1 -1
- package/dist/{chunk-WRWNRVTG.js → chunk-TNWWLZEQ.js} +2 -2
- package/dist/{chunk-WROQHGG5.js → chunk-Z34Z6LYX.js} +12 -12
- package/dist/{chunk-7QUHQYCR.js → chunk-ZWU6DRRZ.js} +1 -1
- package/dist/utils/src/composeClassnameRenderProps.js +1 -0
- package/dist/utils/src/cssModule.js +1 -0
- package/dist/utils/src/index.d.ts +4 -4
- package/dist/utils/src/index.js +4 -4
- package/dist/utils/src/isTextOnlyChildren.js +1 -0
- package/dist/utils/src/sizeAdapter.js +1 -0
- package/package.json +2 -2
- package/dist/utils/src/compose-classname-render-props.js +0 -1
- package/dist/utils/src/css-module.js +0 -1
- package/dist/utils/src/is-text-only-children.js +0 -1
- package/dist/utils/src/size-adapter.js +0 -1
- /package/dist/{chunk-D57ZIX5W.js → chunk-LQICWONC.js} +0 -0
- /package/dist/utils/src/{compose-classname-render-props.d.ts → composeClassnameRenderProps.d.ts} +0 -0
- /package/dist/utils/src/{css-module.d.ts → cssModule.d.ts} +0 -0
- /package/dist/utils/src/{is-text-only-children.d.ts → isTextOnlyChildren.d.ts} +0 -0
- /package/dist/utils/src/{size-adapter.d.ts → sizeAdapter.d.ts} +0 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-Z34Z6LYX.js';
|
|
2
|
+
import '../../chunk-ZWU6DRRZ.js';
|
|
3
3
|
import '../../chunk-GXUPEV64.js';
|
|
4
|
-
import '../../chunk-
|
|
5
|
-
import '../../chunk-
|
|
4
|
+
import '../../chunk-JGYEQS4H.js';
|
|
5
|
+
import '../../chunk-65JPI4FL.js';
|
|
6
6
|
import '../../chunk-4ZYV2XLW.js';
|
|
7
|
-
import '../../chunk-
|
|
7
|
+
import '../../chunk-TNWWLZEQ.js';
|
|
8
8
|
import '../../chunk-OE5BLFZI.js';
|
|
9
9
|
export { ButtonContext } from '../../chunk-WMTWFKKP.js';
|
|
10
10
|
import '../../chunk-M36KANKC.js';
|
|
11
11
|
import '../../chunk-DHVVYSLB.js';
|
|
12
|
-
import '../../chunk-
|
|
13
|
-
import '../../chunk-
|
|
12
|
+
import '../../chunk-CMJUZLSA.js';
|
|
13
|
+
import '../../chunk-KVDXQMWI.js';
|
|
14
14
|
import '../../chunk-HVKOIMMW.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import { composeRenderProps } from 'react-aria-components';
|
|
3
3
|
|
|
4
|
-
// src/utils/src/
|
|
4
|
+
// src/utils/src/composeClassnameRenderProps.ts
|
|
5
5
|
function composeClassnameRenderProps(className, ...classes) {
|
|
6
6
|
return composeRenderProps(className, (prev) => {
|
|
7
7
|
return clsx(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cssModule } from './chunk-
|
|
1
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
2
2
|
import { LabelContext } from './chunk-HVKOIMMW.js';
|
|
3
3
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
@@ -20,7 +20,7 @@ function Label(props, ref) {
|
|
|
20
20
|
GlobalLabelCssSelector,
|
|
21
21
|
cssModule(
|
|
22
22
|
Label_default,
|
|
23
|
-
"hop-
|
|
23
|
+
"hop-Label",
|
|
24
24
|
size
|
|
25
25
|
),
|
|
26
26
|
stylingProps.className
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { composeClassnameRenderProps } from './chunk-
|
|
1
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
2
2
|
import { SpinnerContext } from './chunk-4ZYV2XLW.js';
|
|
3
|
-
import { _Label } from './chunk-
|
|
4
|
-
import { cssModule } from './chunk-
|
|
3
|
+
import { _Label } from './chunk-CMJUZLSA.js';
|
|
4
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
7
|
import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
@@ -32,7 +32,7 @@ var Spinner = (props, ref) => {
|
|
|
32
32
|
GlobalSpinnerCssSelector,
|
|
33
33
|
cssModule(
|
|
34
34
|
Spinner_default,
|
|
35
|
-
"hop-
|
|
35
|
+
"hop-Spinner",
|
|
36
36
|
size
|
|
37
37
|
),
|
|
38
38
|
stylingProps.className
|
|
@@ -46,7 +46,7 @@ var Spinner = (props, ref) => {
|
|
|
46
46
|
{
|
|
47
47
|
className: cssModule(
|
|
48
48
|
Spinner_default,
|
|
49
|
-
"hop-
|
|
49
|
+
"hop-Spinner__label"
|
|
50
50
|
),
|
|
51
51
|
size: SpinnerToLabelSizeAdapter[size],
|
|
52
52
|
children
|
|
@@ -66,7 +66,7 @@ var Spinner = (props, ref) => {
|
|
|
66
66
|
{
|
|
67
67
|
className: cssModule(
|
|
68
68
|
Spinner_default,
|
|
69
|
-
"hop-
|
|
69
|
+
"hop-Spinner__track"
|
|
70
70
|
)
|
|
71
71
|
}
|
|
72
72
|
),
|
|
@@ -75,7 +75,7 @@ var Spinner = (props, ref) => {
|
|
|
75
75
|
{
|
|
76
76
|
className: cssModule(
|
|
77
77
|
Spinner_default,
|
|
78
|
-
"hop-
|
|
78
|
+
"hop-Spinner__fill"
|
|
79
79
|
)
|
|
80
80
|
}
|
|
81
81
|
),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
|
|
3
|
-
// src/utils/src/
|
|
3
|
+
// src/utils/src/cssModule.ts
|
|
4
4
|
function cssModule(cssModules, componentName, ...modifiers) {
|
|
5
5
|
const classes = clsx(modifiers).split(" ").filter((x) => x && x !== "");
|
|
6
6
|
return classes.reduce((acc, className) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TextContext } from './chunk-OE5BLFZI.js';
|
|
2
|
-
import { cssModule } from './chunk-
|
|
2
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
3
3
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
5
|
import { useContextProps, Text as Text$1 } from 'react-aria-components';
|
|
@@ -19,7 +19,7 @@ function Text(props, ref) {
|
|
|
19
19
|
GlobalTextCssSelector,
|
|
20
20
|
cssModule(
|
|
21
21
|
Text_default,
|
|
22
|
-
"hop-
|
|
22
|
+
"hop-Text",
|
|
23
23
|
size
|
|
24
24
|
),
|
|
25
25
|
stylingProps.className,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { isTextOnlyChildren } from './chunk-
|
|
1
|
+
import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
|
|
2
2
|
import { useLocalizedString } from './chunk-GXUPEV64.js';
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
4
|
-
import { composeClassnameRenderProps } from './chunk-
|
|
5
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Spinner } from './chunk-JGYEQS4H.js';
|
|
4
|
+
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
|
+
import { _Text } from './chunk-TNWWLZEQ.js';
|
|
6
6
|
import { TextContext } from './chunk-OE5BLFZI.js';
|
|
7
7
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
9
|
import { IconListContext } from './chunk-DHVVYSLB.js';
|
|
10
|
-
import { cssModule } from './chunk-
|
|
10
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
11
11
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
12
12
|
import { forwardRef } from 'react';
|
|
13
13
|
import { useContextProps, composeRenderProps, Button as Button$1 } from 'react-aria-components';
|
|
@@ -48,7 +48,7 @@ var Button = (props, ref) => {
|
|
|
48
48
|
GlobalButtonCssSelector,
|
|
49
49
|
cssModule(
|
|
50
50
|
Button_default,
|
|
51
|
-
"hop-
|
|
51
|
+
"hop-Button",
|
|
52
52
|
variant,
|
|
53
53
|
size,
|
|
54
54
|
fluid && "fluid",
|
|
@@ -78,21 +78,21 @@ var Button = (props, ref) => {
|
|
|
78
78
|
[IconListContext, {
|
|
79
79
|
slots: {
|
|
80
80
|
icon: {
|
|
81
|
-
className: Button_default["hop-
|
|
81
|
+
className: Button_default["hop-Button__icon-list"]
|
|
82
82
|
},
|
|
83
83
|
"end-icon": {
|
|
84
|
-
className: Button_default["hop-
|
|
84
|
+
className: Button_default["hop-Button__end-icon-list"]
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
}],
|
|
88
88
|
[IconContext, {
|
|
89
89
|
slots: {
|
|
90
90
|
icon: {
|
|
91
|
-
className: Button_default["hop-
|
|
91
|
+
className: Button_default["hop-Button__icon"],
|
|
92
92
|
size: "md"
|
|
93
93
|
},
|
|
94
94
|
"end-icon": {
|
|
95
|
-
className: Button_default["hop-
|
|
95
|
+
className: Button_default["hop-Button__end-icon"],
|
|
96
96
|
size: "md"
|
|
97
97
|
}
|
|
98
98
|
}
|
|
@@ -100,7 +100,7 @@ var Button = (props, ref) => {
|
|
|
100
100
|
[TextContext, {
|
|
101
101
|
slots: {
|
|
102
102
|
text: {
|
|
103
|
-
className: Button_default["hop-
|
|
103
|
+
className: Button_default["hop-Button__text"],
|
|
104
104
|
size
|
|
105
105
|
}
|
|
106
106
|
}
|
|
@@ -125,7 +125,7 @@ var Button = (props, ref) => {
|
|
|
125
125
|
id: spinnerId,
|
|
126
126
|
size: "lg",
|
|
127
127
|
"aria-label": isLoadingAriaLiveLabel,
|
|
128
|
-
className: Button_default["hop-
|
|
128
|
+
className: Button_default["hop-Button__Spinner"]
|
|
129
129
|
}
|
|
130
130
|
)
|
|
131
131
|
] });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Children, isValidElement, Fragment } from 'react';
|
|
2
2
|
|
|
3
|
-
// src/utils/src/
|
|
3
|
+
// src/utils/src/isTextOnlyChildren.ts
|
|
4
4
|
function isTextOnlyChildren(children) {
|
|
5
5
|
const resolvedChildren = resolveChildren(children);
|
|
6
6
|
return typeof resolvedChildren === "string" || Children.toArray(resolvedChildren).every((c) => !isValidElement(c));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { cssModule } from '../../chunk-KVDXQMWI.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { cssModule } from './
|
|
2
|
-
export { composeClassnameRenderProps } from './
|
|
3
|
-
export { Size, SizeAdapter } from './
|
|
1
|
+
export { cssModule } from './cssModule.js';
|
|
2
|
+
export { composeClassnameRenderProps } from './composeClassnameRenderProps.js';
|
|
3
|
+
export { Size, SizeAdapter } from './sizeAdapter.js';
|
|
4
4
|
export { BaseComponentProps, DOMProps, RenderProps, StyleProps, StyleRenderProps } from './types.js';
|
|
5
|
-
export { isTextOnlyChildren } from './
|
|
5
|
+
export { isTextOnlyChildren } from './isTextOnlyChildren.js';
|
|
6
6
|
export { SlotProvider, SlotProviderProps } from './SlotProvider.js';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
import '@hopper-ui/styled-system';
|
package/dist/utils/src/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../../chunk-
|
|
1
|
+
import '../../chunk-LQICWONC.js';
|
|
2
2
|
import '../../chunk-SNIF7MEM.js';
|
|
3
|
-
export { isTextOnlyChildren } from '../../chunk-
|
|
4
|
-
export { composeClassnameRenderProps } from '../../chunk-
|
|
3
|
+
export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
|
|
4
|
+
export { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
|
|
5
5
|
export { SlotProvider } from '../../chunk-M36KANKC.js';
|
|
6
|
-
export { cssModule } from '../../chunk-
|
|
6
|
+
export { cssModule } from '../../chunk-KVDXQMWI.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../chunk-LQICWONC.js';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hopper-ui/components",
|
|
3
3
|
"author": "Workleap",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.1",
|
|
5
5
|
"description": "The components package.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"repository": {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"clsx": "^2.1.0",
|
|
43
|
-
"@hopper-ui/icons": "1.
|
|
43
|
+
"@hopper-ui/icons": "1.6.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@swc/core": "1.3.106",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { composeClassnameRenderProps } from '../../chunk-SEU4CGZD.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { cssModule } from '../../chunk-6BEVZRUL.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { isTextOnlyChildren } from '../../chunk-7QUHQYCR.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../../chunk-D57ZIX5W.js';
|
|
File without changes
|
/package/dist/utils/src/{compose-classname-render-props.d.ts → composeClassnameRenderProps.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|