@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.
Files changed (45) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/IconList/src/IconList.css +3 -3
  3. package/dist/IconList/src/IconList.js +1 -1
  4. package/dist/IconList/src/index.css +3 -3
  5. package/dist/IconList/src/index.js +1 -1
  6. package/dist/Label/src/Label.css +69 -69
  7. package/dist/Label/src/Label.js +2 -2
  8. package/dist/Label/src/index.css +69 -69
  9. package/dist/Label/src/index.js +2 -2
  10. package/dist/Spinner/src/Spinner.css +116 -116
  11. package/dist/Spinner/src/Spinner.js +4 -4
  12. package/dist/Spinner/src/index.css +116 -116
  13. package/dist/Spinner/src/index.js +4 -4
  14. package/dist/Text/src/Text.css +65 -65
  15. package/dist/Text/src/Text.js +2 -2
  16. package/dist/Text/src/index.css +65 -65
  17. package/dist/Text/src/index.js +2 -2
  18. package/dist/buttons/src/Button.css +374 -374
  19. package/dist/buttons/src/Button.js +7 -7
  20. package/dist/buttons/src/index.css +374 -374
  21. package/dist/buttons/src/index.js +7 -7
  22. package/dist/{chunk-SEU4CGZD.js → chunk-65JPI4FL.js} +1 -1
  23. package/dist/{chunk-XQ3GUEBN.js → chunk-A2IN7HC4.js} +1 -1
  24. package/dist/{chunk-XCKF6EU7.js → chunk-CMJUZLSA.js} +2 -2
  25. package/dist/{chunk-QIOYM2XJ.js → chunk-JGYEQS4H.js} +7 -7
  26. package/dist/{chunk-6BEVZRUL.js → chunk-KVDXQMWI.js} +1 -1
  27. package/dist/{chunk-WRWNRVTG.js → chunk-TNWWLZEQ.js} +2 -2
  28. package/dist/{chunk-WROQHGG5.js → chunk-Z34Z6LYX.js} +12 -12
  29. package/dist/{chunk-7QUHQYCR.js → chunk-ZWU6DRRZ.js} +1 -1
  30. package/dist/utils/src/composeClassnameRenderProps.js +1 -0
  31. package/dist/utils/src/cssModule.js +1 -0
  32. package/dist/utils/src/index.d.ts +4 -4
  33. package/dist/utils/src/index.js +4 -4
  34. package/dist/utils/src/isTextOnlyChildren.js +1 -0
  35. package/dist/utils/src/sizeAdapter.js +1 -0
  36. package/package.json +2 -2
  37. package/dist/utils/src/compose-classname-render-props.js +0 -1
  38. package/dist/utils/src/css-module.js +0 -1
  39. package/dist/utils/src/is-text-only-children.js +0 -1
  40. package/dist/utils/src/size-adapter.js +0 -1
  41. /package/dist/{chunk-D57ZIX5W.js → chunk-LQICWONC.js} +0 -0
  42. /package/dist/utils/src/{compose-classname-render-props.d.ts → composeClassnameRenderProps.d.ts} +0 -0
  43. /package/dist/utils/src/{css-module.d.ts → cssModule.d.ts} +0 -0
  44. /package/dist/utils/src/{is-text-only-children.d.ts → isTextOnlyChildren.d.ts} +0 -0
  45. /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-WROQHGG5.js';
2
- import '../../chunk-7QUHQYCR.js';
1
+ export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-Z34Z6LYX.js';
2
+ import '../../chunk-ZWU6DRRZ.js';
3
3
  import '../../chunk-GXUPEV64.js';
4
- import '../../chunk-QIOYM2XJ.js';
5
- import '../../chunk-SEU4CGZD.js';
4
+ import '../../chunk-JGYEQS4H.js';
5
+ import '../../chunk-65JPI4FL.js';
6
6
  import '../../chunk-4ZYV2XLW.js';
7
- import '../../chunk-WRWNRVTG.js';
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-XCKF6EU7.js';
13
- import '../../chunk-6BEVZRUL.js';
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/compose-classname-render-props.ts
4
+ // src/utils/src/composeClassnameRenderProps.ts
5
5
  function composeClassnameRenderProps(className, ...classes) {
6
6
  return composeRenderProps(className, (prev) => {
7
7
  return clsx(
@@ -18,7 +18,7 @@ function IconList(props, ref) {
18
18
  const classNames = clsx(
19
19
  className,
20
20
  GlobalIconListCssSelector,
21
- IconList_default["hop-iconList"],
21
+ IconList_default["hop-IconList"],
22
22
  stylingProps.className
23
23
  );
24
24
  const mergedStyles = {
@@ -1,4 +1,4 @@
1
- import { cssModule } from './chunk-6BEVZRUL.js';
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-label",
23
+ "hop-Label",
24
24
  size
25
25
  ),
26
26
  stylingProps.className
@@ -1,7 +1,7 @@
1
- import { composeClassnameRenderProps } from './chunk-SEU4CGZD.js';
1
+ import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
2
2
  import { SpinnerContext } from './chunk-4ZYV2XLW.js';
3
- import { _Label } from './chunk-XCKF6EU7.js';
4
- import { cssModule } from './chunk-6BEVZRUL.js';
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-spinner",
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-spinner__label"
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-spinner__track"
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-spinner__fill"
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/css-module.ts
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-6BEVZRUL.js';
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-text",
22
+ "hop-Text",
23
23
  size
24
24
  ),
25
25
  stylingProps.className,
@@ -1,13 +1,13 @@
1
- import { isTextOnlyChildren } from './chunk-7QUHQYCR.js';
1
+ import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
2
2
  import { useLocalizedString } from './chunk-GXUPEV64.js';
3
- import { _Spinner } from './chunk-QIOYM2XJ.js';
4
- import { composeClassnameRenderProps } from './chunk-SEU4CGZD.js';
5
- import { _Text } from './chunk-WRWNRVTG.js';
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-6BEVZRUL.js';
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-button",
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-button__icon-list"]
81
+ className: Button_default["hop-Button__icon-list"]
82
82
  },
83
83
  "end-icon": {
84
- className: Button_default["hop-button__end-icon-list"]
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-button__icon"],
91
+ className: Button_default["hop-Button__icon"],
92
92
  size: "md"
93
93
  },
94
94
  "end-icon": {
95
- className: Button_default["hop-button__end-icon"],
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-button__text"],
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-button__Spinner"]
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/is-text-only-children.ts
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 './css-module.js';
2
- export { composeClassnameRenderProps } from './compose-classname-render-props.js';
3
- export { Size, SizeAdapter } from './size-adapter.js';
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 './is-text-only-children.js';
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';
@@ -1,6 +1,6 @@
1
- import '../../chunk-D57ZIX5W.js';
1
+ import '../../chunk-LQICWONC.js';
2
2
  import '../../chunk-SNIF7MEM.js';
3
- export { isTextOnlyChildren } from '../../chunk-7QUHQYCR.js';
4
- export { composeClassnameRenderProps } from '../../chunk-SEU4CGZD.js';
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-6BEVZRUL.js';
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.0",
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.5.0"
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