globalfy-design-system 1.49.1 → 1.50.0

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 (15) hide show
  1. package/dist/components/atoms/Button/Button.d.ts +73 -73
  2. package/dist/components/atoms/Button/SpinnerIcon.d.ts +91 -91
  3. package/dist/components/atoms/Checkbox/Checkbox.d.ts +1 -1
  4. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +3 -6
  5. package/dist/components/atoms/DropdownList/CssVariants.d.ts +98 -98
  6. package/dist/components/atoms/Icon/unicons/UniconsIcons.d.ts +0 -1
  7. package/dist/components/atoms/Icon/unicons/uniconsIconsList.d.ts +0 -1
  8. package/dist/components/atoms/Input/Input.d.ts +2 -0
  9. package/dist/components/atoms/Input/Input.stories.d.ts +1 -0
  10. package/dist/components/molecules/popover-menu/variants.d.ts +56 -56
  11. package/dist/globalfy-design-system.js +1560 -63761
  12. package/dist/globalfy-design-system.umd.cjs +119 -75
  13. package/dist/index-3ac2ba72.js +7 -0
  14. package/dist/main-ab5d96a3.js +70030 -0
  15. package/package.json +40 -40
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { default as React } from 'react';
2
- import { ButtonProps as NextUIButtonProps } from '@nextui-org/react';
2
+ import { ButtonProps as NextUIButtonProps } from '@heroui/react';
3
3
 
4
4
  export type ButtonVariant = 'primaryDark' | 'primaryLight' | 'primary' | 'negative' | 'secondaryNegative' | 'secondary' | 'tertiary' | 'tertiaryDark' | 'tertiaryDarkGreen' | 'tertiaryLight' | 'direction' | 'directionCircle' | 'icon';
5
5
  export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> & {
6
- children: React.ReactNode;
6
+ children?: React.ReactNode;
7
7
  iconLeft?: React.ReactNode;
8
8
  iconRight?: React.ReactNode;
9
9
  full?: boolean;
@@ -17,9 +17,9 @@ export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> &
17
17
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onFocus' | 'onBlur' | 'color'>;
18
18
  export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
19
19
  size: {
20
- small: string;
21
- medium: string;
22
- large: string;
20
+ small: "h-9";
21
+ medium: "h-12";
22
+ large: "h-14";
23
23
  };
24
24
  variant: {
25
25
  primaryDark: string;
@@ -37,25 +37,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
37
37
  icon: string;
38
38
  };
39
39
  full: {
40
- true: string;
41
- false: string;
40
+ true: "w-full";
41
+ false: "";
42
42
  };
43
43
  disabled: {
44
- true: string;
45
- false: string;
44
+ true: "";
45
+ false: "";
46
46
  };
47
47
  isLoading: {
48
- true: string;
49
- false: string;
48
+ true: "";
49
+ false: "";
50
50
  };
51
51
  hasIcon: {
52
- true: string;
52
+ true: "!px-6";
53
53
  };
54
54
  }, undefined, string, import('tailwind-variants/dist/config.js').TVConfig<{
55
55
  size: {
56
- small: string;
57
- medium: string;
58
- large: string;
56
+ small: "h-9";
57
+ medium: "h-12";
58
+ large: "h-14";
59
59
  };
60
60
  variant: {
61
61
  primaryDark: string;
@@ -73,25 +73,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
73
73
  icon: string;
74
74
  };
75
75
  full: {
76
- true: string;
77
- false: string;
76
+ true: "w-full";
77
+ false: "";
78
78
  };
79
79
  disabled: {
80
- true: string;
81
- false: string;
80
+ true: "";
81
+ false: "";
82
82
  };
83
83
  isLoading: {
84
- true: string;
85
- false: string;
84
+ true: "";
85
+ false: "";
86
86
  };
87
87
  hasIcon: {
88
- true: string;
88
+ true: "!px-6";
89
89
  };
90
90
  }, {
91
91
  size: {
92
- small: string;
93
- medium: string;
94
- large: string;
92
+ small: "h-9";
93
+ medium: "h-12";
94
+ large: "h-14";
95
95
  };
96
96
  variant: {
97
97
  primaryDark: string;
@@ -109,25 +109,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
109
109
  icon: string;
110
110
  };
111
111
  full: {
112
- true: string;
113
- false: string;
112
+ true: "w-full";
113
+ false: "";
114
114
  };
115
115
  disabled: {
116
- true: string;
117
- false: string;
116
+ true: "";
117
+ false: "";
118
118
  };
119
119
  isLoading: {
120
- true: string;
121
- false: string;
120
+ true: "";
121
+ false: "";
122
122
  };
123
123
  hasIcon: {
124
- true: string;
124
+ true: "!px-6";
125
125
  };
126
126
  }>, {
127
127
  size: {
128
- small: string;
129
- medium: string;
130
- large: string;
128
+ small: "h-9";
129
+ medium: "h-12";
130
+ large: "h-14";
131
131
  };
132
132
  variant: {
133
133
  primaryDark: string;
@@ -145,25 +145,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
145
145
  icon: string;
146
146
  };
147
147
  full: {
148
- true: string;
149
- false: string;
148
+ true: "w-full";
149
+ false: "";
150
150
  };
151
151
  disabled: {
152
- true: string;
153
- false: string;
152
+ true: "";
153
+ false: "";
154
154
  };
155
155
  isLoading: {
156
- true: string;
157
- false: string;
156
+ true: "";
157
+ false: "";
158
158
  };
159
159
  hasIcon: {
160
- true: string;
160
+ true: "!px-6";
161
161
  };
162
162
  }, undefined, import('tailwind-variants').TVReturnType<{
163
163
  size: {
164
- small: string;
165
- medium: string;
166
- large: string;
164
+ small: "h-9";
165
+ medium: "h-12";
166
+ large: "h-14";
167
167
  };
168
168
  variant: {
169
169
  primaryDark: string;
@@ -181,25 +181,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
181
181
  icon: string;
182
182
  };
183
183
  full: {
184
- true: string;
185
- false: string;
184
+ true: "w-full";
185
+ false: "";
186
186
  };
187
187
  disabled: {
188
- true: string;
189
- false: string;
188
+ true: "";
189
+ false: "";
190
190
  };
191
191
  isLoading: {
192
- true: string;
193
- false: string;
192
+ true: "";
193
+ false: "";
194
194
  };
195
195
  hasIcon: {
196
- true: string;
196
+ true: "!px-6";
197
197
  };
198
198
  }, undefined, string, import('tailwind-variants/dist/config.js').TVConfig<{
199
199
  size: {
200
- small: string;
201
- medium: string;
202
- large: string;
200
+ small: "h-9";
201
+ medium: "h-12";
202
+ large: "h-14";
203
203
  };
204
204
  variant: {
205
205
  primaryDark: string;
@@ -217,25 +217,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
217
217
  icon: string;
218
218
  };
219
219
  full: {
220
- true: string;
221
- false: string;
220
+ true: "w-full";
221
+ false: "";
222
222
  };
223
223
  disabled: {
224
- true: string;
225
- false: string;
224
+ true: "";
225
+ false: "";
226
226
  };
227
227
  isLoading: {
228
- true: string;
229
- false: string;
228
+ true: "";
229
+ false: "";
230
230
  };
231
231
  hasIcon: {
232
- true: string;
232
+ true: "!px-6";
233
233
  };
234
234
  }, {
235
235
  size: {
236
- small: string;
237
- medium: string;
238
- large: string;
236
+ small: "h-9";
237
+ medium: "h-12";
238
+ large: "h-14";
239
239
  };
240
240
  variant: {
241
241
  primaryDark: string;
@@ -253,23 +253,23 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
253
253
  icon: string;
254
254
  };
255
255
  full: {
256
- true: string;
257
- false: string;
256
+ true: "w-full";
257
+ false: "";
258
258
  };
259
259
  disabled: {
260
- true: string;
261
- false: string;
260
+ true: "";
261
+ false: "";
262
262
  };
263
263
  isLoading: {
264
- true: string;
265
- false: string;
264
+ true: "";
265
+ false: "";
266
266
  };
267
267
  hasIcon: {
268
- true: string;
268
+ true: "!px-6";
269
269
  };
270
270
  }>, unknown, unknown, undefined>>;
271
271
  export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "ref" | "variant" | "size"> & {
272
- children: React.ReactNode;
272
+ children?: React.ReactNode;
273
273
  iconLeft?: React.ReactNode;
274
274
  iconRight?: React.ReactNode;
275
275
  full?: boolean | undefined;
package/dist/components/atoms/Button/SpinnerIcon.d.ts CHANGED
@@ -2,115 +2,115 @@ import { VariantProps } from 'tailwind-variants';
2
2
 
3
3
  declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
4
4
  variant: {
5
- primaryDark: string;
6
- primaryLight: string;
7
- primary: string;
8
- negative: string;
9
- secondaryNegative: string;
10
- secondary: string;
11
- tertiary: string;
12
- tertiaryDark: string;
13
- tertiaryDarkGreen: string;
14
- tertiaryLight: string;
15
- direction: string;
16
- directionCircle: string;
17
- icon: string;
5
+ primaryDark: "text-primary-green-500";
6
+ primaryLight: "text-secondary-green-500";
7
+ primary: "text-white";
8
+ negative: "text-white";
9
+ secondaryNegative: "text-complementary-red-700";
10
+ secondary: "text-secondary-green-500";
11
+ tertiary: "text-primary-green-500";
12
+ tertiaryDark: "text-secondary-green-500";
13
+ tertiaryDarkGreen: "text-secondary-green-500";
14
+ tertiaryLight: "text-primary-green-500";
15
+ direction: "text-white";
16
+ directionCircle: "text-white";
17
+ icon: "text-primary-green-500";
18
18
  };
19
19
  }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
20
20
  variant: {
21
- primaryDark: string;
22
- primaryLight: string;
23
- primary: string;
24
- negative: string;
25
- secondaryNegative: string;
26
- secondary: string;
27
- tertiary: string;
28
- tertiaryDark: string;
29
- tertiaryDarkGreen: string;
30
- tertiaryLight: string;
31
- direction: string;
32
- directionCircle: string;
33
- icon: string;
21
+ primaryDark: "text-primary-green-500";
22
+ primaryLight: "text-secondary-green-500";
23
+ primary: "text-white";
24
+ negative: "text-white";
25
+ secondaryNegative: "text-complementary-red-700";
26
+ secondary: "text-secondary-green-500";
27
+ tertiary: "text-primary-green-500";
28
+ tertiaryDark: "text-secondary-green-500";
29
+ tertiaryDarkGreen: "text-secondary-green-500";
30
+ tertiaryLight: "text-primary-green-500";
31
+ direction: "text-white";
32
+ directionCircle: "text-white";
33
+ icon: "text-primary-green-500";
34
34
  };
35
35
  }, {
36
36
  variant: {
37
- primaryDark: string;
38
- primaryLight: string;
39
- primary: string;
40
- negative: string;
41
- secondaryNegative: string;
42
- secondary: string;
43
- tertiary: string;
44
- tertiaryDark: string;
45
- tertiaryDarkGreen: string;
46
- tertiaryLight: string;
47
- direction: string;
48
- directionCircle: string;
49
- icon: string;
37
+ primaryDark: "text-primary-green-500";
38
+ primaryLight: "text-secondary-green-500";
39
+ primary: "text-white";
40
+ negative: "text-white";
41
+ secondaryNegative: "text-complementary-red-700";
42
+ secondary: "text-secondary-green-500";
43
+ tertiary: "text-primary-green-500";
44
+ tertiaryDark: "text-secondary-green-500";
45
+ tertiaryDarkGreen: "text-secondary-green-500";
46
+ tertiaryLight: "text-primary-green-500";
47
+ direction: "text-white";
48
+ directionCircle: "text-white";
49
+ icon: "text-primary-green-500";
50
50
  };
51
51
  }>, {
52
52
  variant: {
53
- primaryDark: string;
54
- primaryLight: string;
55
- primary: string;
56
- negative: string;
57
- secondaryNegative: string;
58
- secondary: string;
59
- tertiary: string;
60
- tertiaryDark: string;
61
- tertiaryDarkGreen: string;
62
- tertiaryLight: string;
63
- direction: string;
64
- directionCircle: string;
65
- icon: string;
53
+ primaryDark: "text-primary-green-500";
54
+ primaryLight: "text-secondary-green-500";
55
+ primary: "text-white";
56
+ negative: "text-white";
57
+ secondaryNegative: "text-complementary-red-700";
58
+ secondary: "text-secondary-green-500";
59
+ tertiary: "text-primary-green-500";
60
+ tertiaryDark: "text-secondary-green-500";
61
+ tertiaryDarkGreen: "text-secondary-green-500";
62
+ tertiaryLight: "text-primary-green-500";
63
+ direction: "text-white";
64
+ directionCircle: "text-white";
65
+ icon: "text-primary-green-500";
66
66
  };
67
67
  }, undefined, import('tailwind-variants').TVReturnType<{
68
68
  variant: {
69
- primaryDark: string;
70
- primaryLight: string;
71
- primary: string;
72
- negative: string;
73
- secondaryNegative: string;
74
- secondary: string;
75
- tertiary: string;
76
- tertiaryDark: string;
77
- tertiaryDarkGreen: string;
78
- tertiaryLight: string;
79
- direction: string;
80
- directionCircle: string;
81
- icon: string;
69
+ primaryDark: "text-primary-green-500";
70
+ primaryLight: "text-secondary-green-500";
71
+ primary: "text-white";
72
+ negative: "text-white";
73
+ secondaryNegative: "text-complementary-red-700";
74
+ secondary: "text-secondary-green-500";
75
+ tertiary: "text-primary-green-500";
76
+ tertiaryDark: "text-secondary-green-500";
77
+ tertiaryDarkGreen: "text-secondary-green-500";
78
+ tertiaryLight: "text-primary-green-500";
79
+ direction: "text-white";
80
+ directionCircle: "text-white";
81
+ icon: "text-primary-green-500";
82
82
  };
83
83
  }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
84
84
  variant: {
85
- primaryDark: string;
86
- primaryLight: string;
87
- primary: string;
88
- negative: string;
89
- secondaryNegative: string;
90
- secondary: string;
91
- tertiary: string;
92
- tertiaryDark: string;
93
- tertiaryDarkGreen: string;
94
- tertiaryLight: string;
95
- direction: string;
96
- directionCircle: string;
97
- icon: string;
85
+ primaryDark: "text-primary-green-500";
86
+ primaryLight: "text-secondary-green-500";
87
+ primary: "text-white";
88
+ negative: "text-white";
89
+ secondaryNegative: "text-complementary-red-700";
90
+ secondary: "text-secondary-green-500";
91
+ tertiary: "text-primary-green-500";
92
+ tertiaryDark: "text-secondary-green-500";
93
+ tertiaryDarkGreen: "text-secondary-green-500";
94
+ tertiaryLight: "text-primary-green-500";
95
+ direction: "text-white";
96
+ directionCircle: "text-white";
97
+ icon: "text-primary-green-500";
98
98
  };
99
99
  }, {
100
100
  variant: {
101
- primaryDark: string;
102
- primaryLight: string;
103
- primary: string;
104
- negative: string;
105
- secondaryNegative: string;
106
- secondary: string;
107
- tertiary: string;
108
- tertiaryDark: string;
109
- tertiaryDarkGreen: string;
110
- tertiaryLight: string;
111
- direction: string;
112
- directionCircle: string;
113
- icon: string;
101
+ primaryDark: "text-primary-green-500";
102
+ primaryLight: "text-secondary-green-500";
103
+ primary: "text-white";
104
+ negative: "text-white";
105
+ secondaryNegative: "text-complementary-red-700";
106
+ secondary: "text-secondary-green-500";
107
+ tertiary: "text-primary-green-500";
108
+ tertiaryDark: "text-secondary-green-500";
109
+ tertiaryDarkGreen: "text-secondary-green-500";
110
+ tertiaryLight: "text-primary-green-500";
111
+ direction: "text-white";
112
+ directionCircle: "text-white";
113
+ icon: "text-primary-green-500";
114
114
  };
115
115
  }>, unknown, unknown, undefined>>;
116
116
  type SpinIconProps = React.SVGProps<SVGSVGElement> & VariantProps<typeof iconLoadingVariants>;
package/dist/components/atoms/Checkbox/Checkbox.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { CheckboxProps } from '@nextui-org/react';
1
+ import { CheckboxProps } from '@heroui/react';
2
2
 
3
3
  export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts CHANGED
@@ -1,10 +1,7 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Checkbox } from './Checkbox';
2
3
 
3
- declare const meta: {
4
- title: string;
5
- component: (props: import('@nextui-org/checkbox').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- };
4
+ declare const meta: Meta<typeof Checkbox>;
8
5
  export default meta;
9
6
  type Story = StoryObj<typeof meta>;
10
7
  export declare const Default: Story;