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

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 +3 -367
  2. package/package.json +2 -2
package/lib/Button.d.ts CHANGED
@@ -63,7 +63,7 @@ export type ButtonTypeAnchorProps = {
63
63
  rel?: LinkRel | LinkRel[];
64
64
  type?: never;
65
65
  loading?: never;
66
- } & ButtonNotDisabledProps;
66
+ };
67
67
  export type ButtonTypeButtonProps = {
68
68
  component?: 'button';
69
69
  href?: never;
@@ -72,7 +72,7 @@ export type ButtonTypeButtonProps = {
72
72
  loading?: boolean;
73
73
  } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>;
74
74
  export type ButtonTypeProps = ButtonTypeAnchorProps | ButtonTypeButtonProps;
75
- export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & ButtonAccessibleIconLeftProps & ButtonAccessibleIconRightProps & T;
75
+ export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & T & ButtonAccessibleIconLeftProps & ButtonAccessibleIconRightProps;
76
76
  /**
77
77
  * ### Purpose
78
78
  * Make it clear what users should do to continue with their main flow by using buttons to highlight the main actions they can take.
@@ -93,369 +93,5 @@ 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<(({
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>>;
96
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps<ButtonTypeProps> & React.RefAttributes<HTMLElement>>;
461
97
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.76+53499b4",
3
+ "version": "1.3.2-next.77+93cbd22",
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": "53499b400930a258018aeb3f792f45dbc90edf80"
120
+ "gitHead": "93cbd2232155bc99c751dabc1500a4a0d2361ec7"
121
121
  }