@hazelcast/ui 1.3.2-next.75 → 1.3.2-next.76

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 (2) hide show
  1. package/lib/Button.d.ts +367 -3
  2. package/package.json +2 -2
package/lib/Button.d.ts CHANGED
@@ -55,7 +55,7 @@ export type ButtonCommonProps = {
55
55
  outlineClassName?: string;
56
56
  outline?: ButtonOutlineType;
57
57
  tooltip?: string;
58
- } & Pick<HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'className' | 'onClick' | 'tabIndex' | 'style'>;
58
+ } & (ButtonDisabledProps | ButtonNotDisabledProps) & Pick<HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'className' | 'onClick' | 'tabIndex' | 'style'>;
59
59
  export type ButtonTypeAnchorProps = {
60
60
  component: 'a';
61
61
  href: string;
@@ -70,7 +70,7 @@ export type ButtonTypeButtonProps = {
70
70
  target?: never;
71
71
  rel?: never;
72
72
  loading?: boolean;
73
- } & (ButtonDisabledProps | ButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>;
73
+ } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>;
74
74
  export type ButtonTypeProps = ButtonTypeAnchorProps | ButtonTypeButtonProps;
75
75
  export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & ButtonAccessibleIconLeftProps & ButtonAccessibleIconRightProps & T;
76
76
  /**
@@ -93,5 +93,369 @@ export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & ButtonAccessi
93
93
  * - **Danger**: Use danger button for potentially destructive actions.
94
94
  * - **Transparent**: Use for IconButton and similar use-cases.
95
95
  */
96
- export declare const Button: React.ForwardRefExoticComponent<ButtonProps<ButtonTypeProps> & React.RefAttributes<HTMLElement>>;
96
+ export declare const Button: React.ForwardRefExoticComponent<(({
97
+ /**
98
+ * @deprecated Use variant + color instead
99
+ */
100
+ kind?: ButtonKind | undefined;
101
+ children: string | ReactElement;
102
+ size?: ButtonSize | undefined;
103
+ color?: ButtonColor | undefined;
104
+ capitalize?: boolean | undefined;
105
+ bodyClassName?: string | undefined;
106
+ variant?: ButtonVariant | undefined;
107
+ outlineClassName?: string | undefined;
108
+ outline?: ButtonOutlineType | undefined;
109
+ tooltip?: string | undefined;
110
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
111
+ iconLeft: IconProps['icon'];
112
+ iconLeftAriaLabel: string;
113
+ iconLeftColor?: IconProps['color'];
114
+ iconLeftClassName?: string | undefined;
115
+ } & {
116
+ iconRight: IconProps['icon'];
117
+ iconRightAriaLabel: string;
118
+ iconRightColor?: IconProps['color'];
119
+ iconRightClassName?: string | undefined;
120
+ } & {
121
+ component: 'a';
122
+ href: string;
123
+ target?: LinkTarget | undefined;
124
+ rel?: LinkRel | LinkRel[] | undefined;
125
+ type?: undefined;
126
+ loading?: undefined;
127
+ }) | ({
128
+ /**
129
+ * @deprecated Use variant + color instead
130
+ */
131
+ kind?: ButtonKind | undefined;
132
+ children: string | ReactElement;
133
+ size?: ButtonSize | undefined;
134
+ color?: ButtonColor | undefined;
135
+ capitalize?: boolean | undefined;
136
+ bodyClassName?: string | undefined;
137
+ variant?: ButtonVariant | undefined;
138
+ outlineClassName?: string | undefined;
139
+ outline?: ButtonOutlineType | undefined;
140
+ tooltip?: string | undefined;
141
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
142
+ iconLeft: IconProps['icon'];
143
+ iconLeftAriaLabel: string;
144
+ iconLeftColor?: IconProps['color'];
145
+ iconLeftClassName?: string | undefined;
146
+ } & {
147
+ iconRight: IconProps['icon'];
148
+ iconRightAriaLabel: string;
149
+ iconRightColor?: IconProps['color'];
150
+ iconRightClassName?: string | undefined;
151
+ } & {
152
+ component?: "button" | undefined;
153
+ href?: undefined;
154
+ target?: undefined;
155
+ rel?: undefined;
156
+ loading?: boolean | undefined;
157
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
158
+ /**
159
+ * @deprecated Use variant + color instead
160
+ */
161
+ kind?: ButtonKind | undefined;
162
+ children: string | ReactElement;
163
+ size?: ButtonSize | undefined;
164
+ color?: ButtonColor | undefined;
165
+ capitalize?: boolean | undefined;
166
+ bodyClassName?: string | undefined;
167
+ variant?: ButtonVariant | undefined;
168
+ outlineClassName?: string | undefined;
169
+ outline?: ButtonOutlineType | undefined;
170
+ tooltip?: string | undefined;
171
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
172
+ iconLeft: IconProps['icon'];
173
+ iconLeftAriaLabel: string;
174
+ iconLeftColor?: IconProps['color'];
175
+ iconLeftClassName?: string | undefined;
176
+ } & {
177
+ iconRight?: undefined;
178
+ iconRightAriaLabel?: undefined;
179
+ iconRightColor?: undefined;
180
+ iconRightClassName?: undefined;
181
+ } & {
182
+ component: 'a';
183
+ href: string;
184
+ target?: LinkTarget | undefined;
185
+ rel?: LinkRel | LinkRel[] | undefined;
186
+ type?: undefined;
187
+ loading?: undefined;
188
+ }) | ({
189
+ /**
190
+ * @deprecated Use variant + color instead
191
+ */
192
+ kind?: ButtonKind | undefined;
193
+ children: string | ReactElement;
194
+ size?: ButtonSize | undefined;
195
+ color?: ButtonColor | undefined;
196
+ capitalize?: boolean | undefined;
197
+ bodyClassName?: string | undefined;
198
+ variant?: ButtonVariant | undefined;
199
+ outlineClassName?: string | undefined;
200
+ outline?: ButtonOutlineType | undefined;
201
+ tooltip?: string | undefined;
202
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
203
+ iconLeft: IconProps['icon'];
204
+ iconLeftAriaLabel: string;
205
+ iconLeftColor?: IconProps['color'];
206
+ iconLeftClassName?: string | undefined;
207
+ } & {
208
+ iconRight?: undefined;
209
+ iconRightAriaLabel?: undefined;
210
+ iconRightColor?: undefined;
211
+ iconRightClassName?: undefined;
212
+ } & {
213
+ component?: "button" | undefined;
214
+ href?: undefined;
215
+ target?: undefined;
216
+ rel?: undefined;
217
+ loading?: boolean | undefined;
218
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
219
+ /**
220
+ * @deprecated Use variant + color instead
221
+ */
222
+ kind?: ButtonKind | undefined;
223
+ children: string | ReactElement;
224
+ size?: ButtonSize | undefined;
225
+ color?: ButtonColor | undefined;
226
+ capitalize?: boolean | undefined;
227
+ bodyClassName?: string | undefined;
228
+ variant?: ButtonVariant | undefined;
229
+ outlineClassName?: string | undefined;
230
+ outline?: ButtonOutlineType | undefined;
231
+ tooltip?: string | undefined;
232
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
233
+ iconLeft?: undefined;
234
+ iconLeftAriaLabel?: undefined;
235
+ iconLeftColor?: undefined;
236
+ iconLeftClassName?: undefined;
237
+ } & {
238
+ iconRight: IconProps['icon'];
239
+ iconRightAriaLabel: string;
240
+ iconRightColor?: IconProps['color'];
241
+ iconRightClassName?: string | undefined;
242
+ } & {
243
+ component: 'a';
244
+ href: string;
245
+ target?: LinkTarget | undefined;
246
+ rel?: LinkRel | LinkRel[] | undefined;
247
+ type?: undefined;
248
+ loading?: undefined;
249
+ }) | ({
250
+ /**
251
+ * @deprecated Use variant + color instead
252
+ */
253
+ kind?: ButtonKind | undefined;
254
+ children: string | ReactElement;
255
+ size?: ButtonSize | undefined;
256
+ color?: ButtonColor | undefined;
257
+ capitalize?: boolean | undefined;
258
+ bodyClassName?: string | undefined;
259
+ variant?: ButtonVariant | undefined;
260
+ outlineClassName?: string | undefined;
261
+ outline?: ButtonOutlineType | undefined;
262
+ tooltip?: string | undefined;
263
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
264
+ iconLeft?: undefined;
265
+ iconLeftAriaLabel?: undefined;
266
+ iconLeftColor?: undefined;
267
+ iconLeftClassName?: undefined;
268
+ } & {
269
+ iconRight: IconProps['icon'];
270
+ iconRightAriaLabel: string;
271
+ iconRightColor?: IconProps['color'];
272
+ iconRightClassName?: string | undefined;
273
+ } & {
274
+ component?: "button" | undefined;
275
+ href?: undefined;
276
+ target?: undefined;
277
+ rel?: undefined;
278
+ loading?: boolean | undefined;
279
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
280
+ /**
281
+ * @deprecated Use variant + color instead
282
+ */
283
+ kind?: ButtonKind | undefined;
284
+ children: string | ReactElement;
285
+ size?: ButtonSize | undefined;
286
+ color?: ButtonColor | undefined;
287
+ capitalize?: boolean | undefined;
288
+ bodyClassName?: string | undefined;
289
+ variant?: ButtonVariant | undefined;
290
+ outlineClassName?: string | undefined;
291
+ outline?: ButtonOutlineType | undefined;
292
+ tooltip?: string | undefined;
293
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
294
+ iconLeft?: undefined;
295
+ iconLeftAriaLabel?: undefined;
296
+ iconLeftColor?: undefined;
297
+ iconLeftClassName?: undefined;
298
+ } & {
299
+ iconRight?: undefined;
300
+ iconRightAriaLabel?: undefined;
301
+ iconRightColor?: undefined;
302
+ iconRightClassName?: undefined;
303
+ } & {
304
+ component: 'a';
305
+ href: string;
306
+ target?: LinkTarget | undefined;
307
+ rel?: LinkRel | LinkRel[] | undefined;
308
+ type?: undefined;
309
+ loading?: undefined;
310
+ }) | ({
311
+ /**
312
+ * @deprecated Use variant + color instead
313
+ */
314
+ kind?: ButtonKind | undefined;
315
+ children: string | ReactElement;
316
+ size?: ButtonSize | undefined;
317
+ color?: ButtonColor | undefined;
318
+ capitalize?: boolean | undefined;
319
+ bodyClassName?: string | undefined;
320
+ variant?: ButtonVariant | undefined;
321
+ outlineClassName?: string | undefined;
322
+ outline?: ButtonOutlineType | undefined;
323
+ tooltip?: string | undefined;
324
+ } & ButtonNotDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
325
+ iconLeft?: undefined;
326
+ iconLeftAriaLabel?: undefined;
327
+ iconLeftColor?: undefined;
328
+ iconLeftClassName?: undefined;
329
+ } & {
330
+ iconRight?: undefined;
331
+ iconRightAriaLabel?: undefined;
332
+ iconRightColor?: undefined;
333
+ iconRightClassName?: undefined;
334
+ } & {
335
+ component?: "button" | undefined;
336
+ href?: undefined;
337
+ target?: undefined;
338
+ rel?: undefined;
339
+ loading?: boolean | undefined;
340
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
341
+ /**
342
+ * @deprecated Use variant + color instead
343
+ */
344
+ kind?: ButtonKind | undefined;
345
+ children: string | ReactElement;
346
+ size?: ButtonSize | undefined;
347
+ color?: ButtonColor | undefined;
348
+ capitalize?: boolean | undefined;
349
+ bodyClassName?: string | undefined;
350
+ variant?: ButtonVariant | undefined;
351
+ outlineClassName?: string | undefined;
352
+ outline?: ButtonOutlineType | undefined;
353
+ tooltip?: string | undefined;
354
+ } & ButtonDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
355
+ iconLeft: IconProps['icon'];
356
+ iconLeftAriaLabel: string;
357
+ iconLeftColor?: IconProps['color'];
358
+ iconLeftClassName?: string | undefined;
359
+ } & {
360
+ iconRight: IconProps['icon'];
361
+ iconRightAriaLabel: string;
362
+ iconRightColor?: IconProps['color'];
363
+ iconRightClassName?: string | undefined;
364
+ } & {
365
+ component?: "button" | undefined;
366
+ href?: undefined;
367
+ target?: undefined;
368
+ rel?: undefined;
369
+ loading?: boolean | undefined;
370
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
371
+ /**
372
+ * @deprecated Use variant + color instead
373
+ */
374
+ kind?: ButtonKind | undefined;
375
+ children: string | ReactElement;
376
+ size?: ButtonSize | undefined;
377
+ color?: ButtonColor | undefined;
378
+ capitalize?: boolean | undefined;
379
+ bodyClassName?: string | undefined;
380
+ variant?: ButtonVariant | undefined;
381
+ outlineClassName?: string | undefined;
382
+ outline?: ButtonOutlineType | undefined;
383
+ tooltip?: string | undefined;
384
+ } & ButtonDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
385
+ iconLeft: IconProps['icon'];
386
+ iconLeftAriaLabel: string;
387
+ iconLeftColor?: IconProps['color'];
388
+ iconLeftClassName?: string | undefined;
389
+ } & {
390
+ iconRight?: undefined;
391
+ iconRightAriaLabel?: undefined;
392
+ iconRightColor?: undefined;
393
+ iconRightClassName?: undefined;
394
+ } & {
395
+ component?: "button" | undefined;
396
+ href?: undefined;
397
+ target?: undefined;
398
+ rel?: undefined;
399
+ loading?: boolean | undefined;
400
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
401
+ /**
402
+ * @deprecated Use variant + color instead
403
+ */
404
+ kind?: ButtonKind | undefined;
405
+ children: string | ReactElement;
406
+ size?: ButtonSize | undefined;
407
+ color?: ButtonColor | undefined;
408
+ capitalize?: boolean | undefined;
409
+ bodyClassName?: string | undefined;
410
+ variant?: ButtonVariant | undefined;
411
+ outlineClassName?: string | undefined;
412
+ outline?: ButtonOutlineType | undefined;
413
+ tooltip?: string | undefined;
414
+ } & ButtonDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
415
+ iconLeft?: undefined;
416
+ iconLeftAriaLabel?: undefined;
417
+ iconLeftColor?: undefined;
418
+ iconLeftClassName?: undefined;
419
+ } & {
420
+ iconRight: IconProps['icon'];
421
+ iconRightAriaLabel: string;
422
+ iconRightColor?: IconProps['color'];
423
+ iconRightClassName?: string | undefined;
424
+ } & {
425
+ component?: "button" | undefined;
426
+ href?: undefined;
427
+ target?: undefined;
428
+ rel?: undefined;
429
+ loading?: boolean | undefined;
430
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">) | ({
431
+ /**
432
+ * @deprecated Use variant + color instead
433
+ */
434
+ kind?: ButtonKind | undefined;
435
+ children: string | ReactElement;
436
+ size?: ButtonSize | undefined;
437
+ color?: ButtonColor | undefined;
438
+ capitalize?: boolean | undefined;
439
+ bodyClassName?: string | undefined;
440
+ variant?: ButtonVariant | undefined;
441
+ outlineClassName?: string | undefined;
442
+ outline?: ButtonOutlineType | undefined;
443
+ tooltip?: string | undefined;
444
+ } & ButtonDisabledProps & Pick<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick"> & {
445
+ iconLeft?: undefined;
446
+ iconLeftAriaLabel?: undefined;
447
+ iconLeftColor?: undefined;
448
+ iconLeftClassName?: undefined;
449
+ } & {
450
+ iconRight?: undefined;
451
+ iconRightAriaLabel?: undefined;
452
+ iconRightColor?: undefined;
453
+ iconRightClassName?: undefined;
454
+ } & {
455
+ component?: "button" | undefined;
456
+ href?: undefined;
457
+ target?: undefined;
458
+ rel?: undefined;
459
+ loading?: boolean | undefined;
460
+ } & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "autoFocus" | "type">)) & React.RefAttributes<HTMLElement>>;
97
461
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.75+dc0543e",
3
+ "version": "1.3.2-next.76+53499b4",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -117,5 +117,5 @@
117
117
  "react": "^17 || ^18",
118
118
  "react-dom": "^17 || ^18"
119
119
  },
120
- "gitHead": "dc0543e903955806376e8b923a2df6a5c33a0be8"
120
+ "gitHead": "53499b400930a258018aeb3f792f45dbc90edf80"
121
121
  }