globalfy-design-system 1.50.0 → 1.51.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 (24) hide show
  1. package/dist/components/atoms/Alert/Alert.d.ts +0 -1
  2. package/dist/components/atoms/Button/Button.d.ts +37 -181
  3. package/dist/components/atoms/Button/SpinnerIcon.d.ts +41 -105
  4. package/dist/components/atoms/DatePicker/DatePicker.stories.d.ts +0 -1
  5. package/dist/components/atoms/DropdownList/CssVariants.d.ts +58 -246
  6. package/dist/components/atoms/GlobCheckbox/GlobCheckbox.stories.d.ts +4 -4
  7. package/dist/components/atoms/Icon/glob-icons/glob-icons-list.d.ts +0 -1
  8. package/dist/components/atoms/Input/Input.d.ts +12 -12
  9. package/dist/components/atoms/Input/Input.stories.d.ts +13 -13
  10. package/dist/components/atoms/InputMask/InputMask.d.ts +11 -12
  11. package/dist/components/atoms/InputMask/InputMask.stories.d.ts +12 -12
  12. package/dist/components/atoms/Popover/Popover.d.ts +0 -1
  13. package/dist/components/atoms/TextArea/TextArea.d.ts +6 -6
  14. package/dist/components/atoms/TextArea/TextArea.stories.d.ts +6 -6
  15. package/dist/components/atoms/Tooltip/Tooltip.d.ts +0 -1
  16. package/dist/components/molecules/empty-state/empty-state.d.ts +0 -1
  17. package/dist/components/molecules/error-state/error-state.d.ts +0 -1
  18. package/dist/components/molecules/popover-menu/variants.d.ts +28 -92
  19. package/dist/globalfy-design-system.js +1140 -1138
  20. package/dist/globalfy-design-system.umd.cjs +132 -111
  21. package/dist/{index-3ac2ba72.js → index-6b1d72b9.js} +1 -1
  22. package/dist/main-dc6f2fa6.js +70006 -0
  23. package/package.json +24 -24
  24. package/dist/main-ab5d96a3.js +0 -70030
package/dist/components/atoms/Alert/Alert.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare enum ActionType {
3
2
  Button = "button",
4
3
  Link = "link"
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -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: "h-9";
21
- medium: "h-12";
22
- large: "h-14";
20
+ small: string;
21
+ medium: string;
22
+ large: string;
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: "w-full";
41
- false: "";
40
+ true: string;
41
+ false: string;
42
42
  };
43
43
  disabled: {
44
- true: "";
45
- false: "";
44
+ true: string;
45
+ false: string;
46
46
  };
47
47
  isLoading: {
48
- true: "";
49
- false: "";
48
+ true: string;
49
+ false: string;
50
50
  };
51
51
  hasIcon: {
52
- true: "!px-6";
52
+ true: string;
53
53
  };
54
- }, undefined, string, import('tailwind-variants/dist/config.js').TVConfig<{
54
+ }, undefined, string, {
55
55
  size: {
56
- small: "h-9";
57
- medium: "h-12";
58
- large: "h-14";
56
+ small: string;
57
+ medium: string;
58
+ large: string;
59
59
  };
60
60
  variant: {
61
61
  primaryDark: string;
@@ -73,169 +73,25 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
73
73
  icon: string;
74
74
  };
75
75
  full: {
76
- true: "w-full";
77
- false: "";
76
+ true: string;
77
+ false: string;
78
78
  };
79
79
  disabled: {
80
- true: "";
81
- false: "";
80
+ true: string;
81
+ false: string;
82
82
  };
83
83
  isLoading: {
84
- true: "";
85
- false: "";
84
+ true: string;
85
+ false: string;
86
86
  };
87
87
  hasIcon: {
88
- true: "!px-6";
89
- };
90
- }, {
91
- size: {
92
- small: "h-9";
93
- medium: "h-12";
94
- large: "h-14";
95
- };
96
- variant: {
97
- primaryDark: string;
98
- primaryLight: string;
99
- primary: string;
100
- negative: string;
101
- secondaryNegative: string;
102
- secondary: string;
103
- tertiary: string;
104
- tertiaryDark: string;
105
- tertiaryDarkGreen: string;
106
- tertiaryLight: string;
107
- direction: string;
108
- directionCircle: string;
109
- icon: string;
110
- };
111
- full: {
112
- true: "w-full";
113
- false: "";
114
- };
115
- disabled: {
116
- true: "";
117
- false: "";
118
- };
119
- isLoading: {
120
- true: "";
121
- false: "";
122
- };
123
- hasIcon: {
124
- true: "!px-6";
125
- };
126
- }>, {
127
- size: {
128
- small: "h-9";
129
- medium: "h-12";
130
- large: "h-14";
131
- };
132
- variant: {
133
- primaryDark: string;
134
- primaryLight: string;
135
- primary: string;
136
- negative: string;
137
- secondaryNegative: string;
138
- secondary: string;
139
- tertiary: string;
140
- tertiaryDark: string;
141
- tertiaryDarkGreen: string;
142
- tertiaryLight: string;
143
- direction: string;
144
- directionCircle: string;
145
- icon: string;
146
- };
147
- full: {
148
- true: "w-full";
149
- false: "";
150
- };
151
- disabled: {
152
- true: "";
153
- false: "";
154
- };
155
- isLoading: {
156
- true: "";
157
- false: "";
158
- };
159
- hasIcon: {
160
- true: "!px-6";
88
+ true: string;
161
89
  };
162
90
  }, undefined, import('tailwind-variants').TVReturnType<{
163
91
  size: {
164
- small: "h-9";
165
- medium: "h-12";
166
- large: "h-14";
167
- };
168
- variant: {
169
- primaryDark: string;
170
- primaryLight: string;
171
- primary: string;
172
- negative: string;
173
- secondaryNegative: string;
174
- secondary: string;
175
- tertiary: string;
176
- tertiaryDark: string;
177
- tertiaryDarkGreen: string;
178
- tertiaryLight: string;
179
- direction: string;
180
- directionCircle: string;
181
- icon: string;
182
- };
183
- full: {
184
- true: "w-full";
185
- false: "";
186
- };
187
- disabled: {
188
- true: "";
189
- false: "";
190
- };
191
- isLoading: {
192
- true: "";
193
- false: "";
194
- };
195
- hasIcon: {
196
- true: "!px-6";
197
- };
198
- }, undefined, string, import('tailwind-variants/dist/config.js').TVConfig<{
199
- size: {
200
- small: "h-9";
201
- medium: "h-12";
202
- large: "h-14";
203
- };
204
- variant: {
205
- primaryDark: string;
206
- primaryLight: string;
207
- primary: string;
208
- negative: string;
209
- secondaryNegative: string;
210
- secondary: string;
211
- tertiary: string;
212
- tertiaryDark: string;
213
- tertiaryDarkGreen: string;
214
- tertiaryLight: string;
215
- direction: string;
216
- directionCircle: string;
217
- icon: string;
218
- };
219
- full: {
220
- true: "w-full";
221
- false: "";
222
- };
223
- disabled: {
224
- true: "";
225
- false: "";
226
- };
227
- isLoading: {
228
- true: "";
229
- false: "";
230
- };
231
- hasIcon: {
232
- true: "!px-6";
233
- };
234
- }, {
235
- size: {
236
- small: "h-9";
237
- medium: "h-12";
238
- large: "h-14";
92
+ small: string;
93
+ medium: string;
94
+ large: string;
239
95
  };
240
96
  variant: {
241
97
  primaryDark: string;
@@ -253,31 +109,31 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
253
109
  icon: string;
254
110
  };
255
111
  full: {
256
- true: "w-full";
257
- false: "";
112
+ true: string;
113
+ false: string;
258
114
  };
259
115
  disabled: {
260
- true: "";
261
- false: "";
116
+ true: string;
117
+ false: string;
262
118
  };
263
119
  isLoading: {
264
- true: "";
265
- false: "";
120
+ true: string;
121
+ false: string;
266
122
  };
267
123
  hasIcon: {
268
- true: "!px-6";
124
+ true: string;
269
125
  };
270
- }>, unknown, unknown, undefined>>;
126
+ }, undefined, string, unknown, unknown, undefined>>;
271
127
  export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "ref" | "variant" | "size"> & {
272
128
  children?: React.ReactNode;
273
129
  iconLeft?: React.ReactNode;
274
130
  iconRight?: React.ReactNode;
275
- full?: boolean | undefined;
276
- size?: "small" | "medium" | "large" | undefined;
277
- variant?: ButtonVariant | undefined;
278
- isLoading?: boolean | undefined;
131
+ full?: boolean;
132
+ size?: "small" | "medium" | "large";
133
+ variant?: ButtonVariant;
134
+ isLoading?: boolean;
279
135
  /**
280
136
  * @deprecated use {@link ButtonProps.isLoading} instead
281
137
  */
282
- isLoadingComplete?: boolean | undefined;
138
+ isLoadingComplete?: boolean;
283
139
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "onFocus" | "onBlur"> & React.RefAttributes<HTMLButtonElement>>;
package/dist/components/atoms/Button/SpinnerIcon.d.ts CHANGED
@@ -2,117 +2,53 @@ import { VariantProps } from 'tailwind-variants';
2
2
 
3
3
  declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
4
4
  variant: {
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";
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;
18
18
  };
19
- }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
19
+ }, undefined, "h-5 w-5 animate-spin", {
20
20
  variant: {
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
- };
35
- }, {
36
- variant: {
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
- };
51
- }>, {
52
- variant: {
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";
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;
66
34
  };
67
35
  }, undefined, import('tailwind-variants').TVReturnType<{
68
36
  variant: {
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
- };
83
- }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
84
- variant: {
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
- };
99
- }, {
100
- variant: {
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";
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;
114
50
  };
115
- }>, unknown, unknown, undefined>>;
51
+ }, undefined, "h-5 w-5 animate-spin", unknown, unknown, undefined>>;
116
52
  type SpinIconProps = React.SVGProps<SVGSVGElement> & VariantProps<typeof iconLoadingVariants>;
117
53
  export declare const SpinnerIcon: (props: SpinIconProps) => import("react/jsx-runtime").JSX.Element;
118
54
  export {};
package/dist/components/atoms/DatePicker/DatePicker.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const meta: {
3
2
  title: string;
4
3
  component: ({ selected, ...props }: import('./DatePicker').DatePickerProps) => JSX.Element;