@commercelayer/app-elements 3.2.0 → 3.3.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 (29) hide show
  1. package/README.md +2 -2
  2. package/dist/{CodeEditorComponent-CX-8IDtH.js → CodeEditorComponent-Ddvvj8Wz.js} +1 -1
  3. package/dist/{InputDateComponent-Cpu3sy7r.js → InputDateComponent-Djb2hJ5y.js} +763 -644
  4. package/dist/helpers/resources.d.ts +9 -1
  5. package/dist/main-mxu1NrZ9.js +39306 -0
  6. package/dist/main.css +1 -0
  7. package/dist/main.d.ts +1 -1
  8. package/dist/main.js +43 -42
  9. package/dist/mocks/data/core_resources.d.ts +2 -0
  10. package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +3 -2
  11. package/dist/providers/TokenProvider/TokenProvider.d.ts +14 -1
  12. package/dist/providers/createApp.d.ts +1 -5
  13. package/dist/ui/atoms/Card.d.ts +186 -181
  14. package/dist/ui/atoms/Icon/icons.d.ts +1 -0
  15. package/dist/ui/atoms/PageHeading/PageHeading.d.ts +5 -1
  16. package/dist/ui/atoms/Progress.d.ts +7 -0
  17. package/dist/ui/atoms/Section.d.ts +5 -3
  18. package/dist/ui/composite/CardDialog.d.ts +3 -3
  19. package/dist/ui/composite/Dropdown/DropdownItem.d.ts +176 -176
  20. package/dist/ui/composite/PageLayout.d.ts +6 -2
  21. package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +1 -1
  22. package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +1 -1
  23. package/dist/ui/resources/ResourceLineItems/ResourceLineItems.d.ts +5 -1
  24. package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts +2 -2
  25. package/dist/ui/resources/useResourceFilters/types.d.ts +3 -1
  26. package/dist/vendor.css +1 -1
  27. package/package.json +17 -17
  28. package/dist/main-CkReXKRt.js +0 -37349
  29. package/dist/style.css +0 -1
package/dist/ui/atoms/Card.d.ts CHANGED
@@ -31,59 +31,59 @@ export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTM
31
31
  });
32
32
  /** Card is a flexible component used to group and display content in a clear and concise format. */
33
33
  export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponent<{
34
- defaultChecked?: boolean | undefined;
34
+ defaultChecked?: boolean | undefined | undefined;
35
35
  defaultValue?: string | number | readonly string[] | undefined;
36
- suppressContentEditableWarning?: boolean | undefined;
37
- suppressHydrationWarning?: boolean | undefined;
38
- accessKey?: string | undefined;
39
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
40
- autoFocus?: boolean | undefined;
41
- className?: string | undefined;
42
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
43
- contextMenu?: string | undefined;
44
- dir?: string | undefined;
36
+ suppressContentEditableWarning?: boolean | undefined | undefined;
37
+ suppressHydrationWarning?: boolean | undefined | undefined;
38
+ accessKey?: string | undefined | undefined;
39
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
40
+ autoFocus?: boolean | undefined | undefined;
41
+ className?: string | undefined | undefined;
42
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
43
+ contextMenu?: string | undefined | undefined;
44
+ dir?: string | undefined | undefined;
45
45
  draggable?: (boolean | "true" | "false") | undefined;
46
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
47
- hidden?: boolean | undefined;
48
- id?: string | undefined;
49
- lang?: string | undefined;
50
- nonce?: string | undefined;
51
- slot?: string | undefined;
46
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
47
+ hidden?: boolean | undefined | undefined;
48
+ id?: string | undefined | undefined;
49
+ lang?: string | undefined | undefined;
50
+ nonce?: string | undefined | undefined;
51
+ slot?: string | undefined | undefined;
52
52
  spellCheck?: (boolean | "true" | "false") | undefined;
53
53
  style?: import('react').CSSProperties | undefined;
54
- tabIndex?: number | undefined;
55
- title?: string | undefined;
56
- translate?: "yes" | "no" | undefined;
57
- radioGroup?: string | undefined;
54
+ tabIndex?: number | undefined | undefined;
55
+ title?: string | undefined | undefined;
56
+ translate?: "yes" | "no" | undefined | undefined;
57
+ radioGroup?: string | undefined | undefined;
58
58
  role?: import('react').AriaRole | undefined;
59
- about?: string | undefined;
60
- content?: string | undefined;
61
- datatype?: string | undefined;
59
+ about?: string | undefined | undefined;
60
+ content?: string | undefined | undefined;
61
+ datatype?: string | undefined | undefined;
62
62
  inlist?: any;
63
- prefix?: string | undefined;
64
- property?: string | undefined;
65
- rel?: string | undefined;
66
- resource?: string | undefined;
67
- rev?: string | undefined;
68
- typeof?: string | undefined;
69
- vocab?: string | undefined;
70
- autoCorrect?: string | undefined;
71
- autoSave?: string | undefined;
72
- color?: string | undefined;
73
- itemProp?: string | undefined;
74
- itemScope?: boolean | undefined;
75
- itemType?: string | undefined;
76
- itemID?: string | undefined;
77
- itemRef?: string | undefined;
78
- results?: number | undefined;
79
- security?: string | undefined;
80
- unselectable?: "on" | "off" | undefined;
81
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
82
- is?: string | undefined;
63
+ prefix?: string | undefined | undefined;
64
+ property?: string | undefined | undefined;
65
+ rel?: string | undefined | undefined;
66
+ resource?: string | undefined | undefined;
67
+ rev?: string | undefined | undefined;
68
+ typeof?: string | undefined | undefined;
69
+ vocab?: string | undefined | undefined;
70
+ autoCorrect?: string | undefined | undefined;
71
+ autoSave?: string | undefined | undefined;
72
+ color?: string | undefined | undefined;
73
+ itemProp?: string | undefined | undefined;
74
+ itemScope?: boolean | undefined | undefined;
75
+ itemType?: string | undefined | undefined;
76
+ itemID?: string | undefined | undefined;
77
+ itemRef?: string | undefined | undefined;
78
+ results?: number | undefined | undefined;
79
+ security?: string | undefined | undefined;
80
+ unselectable?: "on" | "off" | undefined | undefined;
81
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
82
+ is?: string | undefined | undefined;
83
83
  'data-tooltip-id'?: string | undefined;
84
84
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
85
- 'data-tooltip-content'?: (string | null) | undefined;
86
- 'data-tooltip-html'?: (string | null) | undefined;
85
+ 'data-tooltip-content'?: string | null | undefined;
86
+ 'data-tooltip-html'?: string | null | undefined;
87
87
  'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
88
88
  'data-tooltip-offset'?: number | undefined;
89
89
  'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
@@ -94,63 +94,63 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
94
94
  'data-tooltip-float'?: boolean | undefined;
95
95
  'data-tooltip-hidden'?: boolean | undefined;
96
96
  'data-tooltip-class-name'?: string | undefined;
97
- "aria-activedescendant"?: string | undefined;
97
+ "aria-activedescendant"?: string | undefined | undefined;
98
98
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
99
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
100
- "aria-braillelabel"?: string | undefined;
101
- "aria-brailleroledescription"?: string | undefined;
99
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
100
+ "aria-braillelabel"?: string | undefined | undefined;
101
+ "aria-brailleroledescription"?: string | undefined | undefined;
102
102
  "aria-busy"?: (boolean | "true" | "false") | undefined;
103
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
104
- "aria-colcount"?: number | undefined;
105
- "aria-colindex"?: number | undefined;
106
- "aria-colindextext"?: string | undefined;
107
- "aria-colspan"?: number | undefined;
108
- "aria-controls"?: string | undefined;
109
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
110
- "aria-describedby"?: string | undefined;
111
- "aria-description"?: string | undefined;
112
- "aria-details"?: string | undefined;
103
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
104
+ "aria-colcount"?: number | undefined | undefined;
105
+ "aria-colindex"?: number | undefined | undefined;
106
+ "aria-colindextext"?: string | undefined | undefined;
107
+ "aria-colspan"?: number | undefined | undefined;
108
+ "aria-controls"?: string | undefined | undefined;
109
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
110
+ "aria-describedby"?: string | undefined | undefined;
111
+ "aria-description"?: string | undefined | undefined;
112
+ "aria-details"?: string | undefined | undefined;
113
113
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
114
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
115
- "aria-errormessage"?: string | undefined;
114
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
115
+ "aria-errormessage"?: string | undefined | undefined;
116
116
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
117
- "aria-flowto"?: string | undefined;
117
+ "aria-flowto"?: string | undefined | undefined;
118
118
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
119
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
119
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
120
120
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
121
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
122
- "aria-keyshortcuts"?: string | undefined;
123
- "aria-label"?: string | undefined;
124
- "aria-labelledby"?: string | undefined;
125
- "aria-level"?: number | undefined;
126
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
121
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
122
+ "aria-keyshortcuts"?: string | undefined | undefined;
123
+ "aria-label"?: string | undefined | undefined;
124
+ "aria-labelledby"?: string | undefined | undefined;
125
+ "aria-level"?: number | undefined | undefined;
126
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
127
127
  "aria-modal"?: (boolean | "true" | "false") | undefined;
128
128
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
129
129
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
130
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
131
- "aria-owns"?: string | undefined;
132
- "aria-placeholder"?: string | undefined;
133
- "aria-posinset"?: number | undefined;
134
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
130
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
131
+ "aria-owns"?: string | undefined | undefined;
132
+ "aria-placeholder"?: string | undefined | undefined;
133
+ "aria-posinset"?: number | undefined | undefined;
134
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
135
135
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
136
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
136
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
137
137
  "aria-required"?: (boolean | "true" | "false") | undefined;
138
- "aria-roledescription"?: string | undefined;
139
- "aria-rowcount"?: number | undefined;
140
- "aria-rowindex"?: number | undefined;
141
- "aria-rowindextext"?: string | undefined;
142
- "aria-rowspan"?: number | undefined;
138
+ "aria-roledescription"?: string | undefined | undefined;
139
+ "aria-rowcount"?: number | undefined | undefined;
140
+ "aria-rowindex"?: number | undefined | undefined;
141
+ "aria-rowindextext"?: string | undefined | undefined;
142
+ "aria-rowspan"?: number | undefined | undefined;
143
143
  "aria-selected"?: (boolean | "true" | "false") | undefined;
144
- "aria-setsize"?: number | undefined;
145
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
146
- "aria-valuemax"?: number | undefined;
147
- "aria-valuemin"?: number | undefined;
148
- "aria-valuenow"?: number | undefined;
149
- "aria-valuetext"?: string | undefined;
150
- children?: import('react').ReactNode | undefined;
144
+ "aria-setsize"?: number | undefined | undefined;
145
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
146
+ "aria-valuemax"?: number | undefined | undefined;
147
+ "aria-valuemin"?: number | undefined | undefined;
148
+ "aria-valuenow"?: number | undefined | undefined;
149
+ "aria-valuetext"?: string | undefined | undefined;
150
+ children?: import('react').ReactNode;
151
151
  dangerouslySetInnerHTML?: {
152
152
  __html: string | TrustedHTML;
153
- } | undefined;
153
+ } | undefined | undefined;
154
154
  onCopy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
155
155
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
156
156
  onCut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
@@ -311,67 +311,72 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
311
311
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
312
312
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
313
313
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
314
- href?: string | undefined;
315
- footer?: React.ReactNode;
314
+ href?: string | undefined | undefined;
315
+ footer?: import('react').ReactNode;
316
316
  backgroundColor?: "light" | undefined;
317
- gap?: ("1" | "4" | "6") | undefined;
317
+ gap?: "1" | "4" | "6"
318
+ /**
319
+ * Set the overflow behavior. In most of the cases you might want to keep overflow visible,
320
+ * but when you have inner content with hover effects you might want to set overflow to hidden.
321
+ */
322
+ | undefined;
318
323
  overflow: "visible" | "hidden";
319
324
  delayMs?: number | undefined;
320
325
  isLoading?: boolean | undefined;
321
326
  } | {
322
- defaultChecked?: boolean | undefined;
327
+ defaultChecked?: boolean | undefined | undefined;
323
328
  defaultValue?: string | number | readonly string[] | undefined;
324
- suppressContentEditableWarning?: boolean | undefined;
325
- suppressHydrationWarning?: boolean | undefined;
326
- accessKey?: string | undefined;
327
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
328
- autoFocus?: boolean | undefined;
329
- className?: string | undefined;
330
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
331
- contextMenu?: string | undefined;
332
- dir?: string | undefined;
329
+ suppressContentEditableWarning?: boolean | undefined | undefined;
330
+ suppressHydrationWarning?: boolean | undefined | undefined;
331
+ accessKey?: string | undefined | undefined;
332
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
333
+ autoFocus?: boolean | undefined | undefined;
334
+ className?: string | undefined | undefined;
335
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
336
+ contextMenu?: string | undefined | undefined;
337
+ dir?: string | undefined | undefined;
333
338
  draggable?: (boolean | "true" | "false") | undefined;
334
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
335
- hidden?: boolean | undefined;
336
- id?: string | undefined;
337
- lang?: string | undefined;
338
- nonce?: string | undefined;
339
- slot?: string | undefined;
339
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
340
+ hidden?: boolean | undefined | undefined;
341
+ id?: string | undefined | undefined;
342
+ lang?: string | undefined | undefined;
343
+ nonce?: string | undefined | undefined;
344
+ slot?: string | undefined | undefined;
340
345
  spellCheck?: (boolean | "true" | "false") | undefined;
341
346
  style?: import('react').CSSProperties | undefined;
342
- tabIndex?: number | undefined;
343
- title?: string | undefined;
344
- translate?: "yes" | "no" | undefined;
345
- radioGroup?: string | undefined;
347
+ tabIndex?: number | undefined | undefined;
348
+ title?: string | undefined | undefined;
349
+ translate?: "yes" | "no" | undefined | undefined;
350
+ radioGroup?: string | undefined | undefined;
346
351
  role?: import('react').AriaRole | undefined;
347
- about?: string | undefined;
348
- content?: string | undefined;
349
- datatype?: string | undefined;
352
+ about?: string | undefined | undefined;
353
+ content?: string | undefined | undefined;
354
+ datatype?: string | undefined | undefined;
350
355
  inlist?: any;
351
- prefix?: string | undefined;
352
- property?: string | undefined;
353
- rel?: string | undefined;
354
- resource?: string | undefined;
355
- rev?: string | undefined;
356
- typeof?: string | undefined;
357
- vocab?: string | undefined;
358
- autoCorrect?: string | undefined;
359
- autoSave?: string | undefined;
360
- color?: string | undefined;
361
- itemProp?: string | undefined;
362
- itemScope?: boolean | undefined;
363
- itemType?: string | undefined;
364
- itemID?: string | undefined;
365
- itemRef?: string | undefined;
366
- results?: number | undefined;
367
- security?: string | undefined;
368
- unselectable?: "on" | "off" | undefined;
369
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
370
- is?: string | undefined;
356
+ prefix?: string | undefined | undefined;
357
+ property?: string | undefined | undefined;
358
+ rel?: string | undefined | undefined;
359
+ resource?: string | undefined | undefined;
360
+ rev?: string | undefined | undefined;
361
+ typeof?: string | undefined | undefined;
362
+ vocab?: string | undefined | undefined;
363
+ autoCorrect?: string | undefined | undefined;
364
+ autoSave?: string | undefined | undefined;
365
+ color?: string | undefined | undefined;
366
+ itemProp?: string | undefined | undefined;
367
+ itemScope?: boolean | undefined | undefined;
368
+ itemType?: string | undefined | undefined;
369
+ itemID?: string | undefined | undefined;
370
+ itemRef?: string | undefined | undefined;
371
+ results?: number | undefined | undefined;
372
+ security?: string | undefined | undefined;
373
+ unselectable?: "on" | "off" | undefined | undefined;
374
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
375
+ is?: string | undefined | undefined;
371
376
  'data-tooltip-id'?: string | undefined;
372
377
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
373
- 'data-tooltip-content'?: (string | null) | undefined;
374
- 'data-tooltip-html'?: (string | null) | undefined;
378
+ 'data-tooltip-content'?: string | null | undefined;
379
+ 'data-tooltip-html'?: string | null | undefined;
375
380
  'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
376
381
  'data-tooltip-offset'?: number | undefined;
377
382
  'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
@@ -382,63 +387,63 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
382
387
  'data-tooltip-float'?: boolean | undefined;
383
388
  'data-tooltip-hidden'?: boolean | undefined;
384
389
  'data-tooltip-class-name'?: string | undefined;
385
- "aria-activedescendant"?: string | undefined;
390
+ "aria-activedescendant"?: string | undefined | undefined;
386
391
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
387
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
388
- "aria-braillelabel"?: string | undefined;
389
- "aria-brailleroledescription"?: string | undefined;
392
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
393
+ "aria-braillelabel"?: string | undefined | undefined;
394
+ "aria-brailleroledescription"?: string | undefined | undefined;
390
395
  "aria-busy"?: (boolean | "true" | "false") | undefined;
391
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
392
- "aria-colcount"?: number | undefined;
393
- "aria-colindex"?: number | undefined;
394
- "aria-colindextext"?: string | undefined;
395
- "aria-colspan"?: number | undefined;
396
- "aria-controls"?: string | undefined;
397
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
398
- "aria-describedby"?: string | undefined;
399
- "aria-description"?: string | undefined;
400
- "aria-details"?: string | undefined;
396
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
397
+ "aria-colcount"?: number | undefined | undefined;
398
+ "aria-colindex"?: number | undefined | undefined;
399
+ "aria-colindextext"?: string | undefined | undefined;
400
+ "aria-colspan"?: number | undefined | undefined;
401
+ "aria-controls"?: string | undefined | undefined;
402
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
403
+ "aria-describedby"?: string | undefined | undefined;
404
+ "aria-description"?: string | undefined | undefined;
405
+ "aria-details"?: string | undefined | undefined;
401
406
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
402
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
403
- "aria-errormessage"?: string | undefined;
407
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
408
+ "aria-errormessage"?: string | undefined | undefined;
404
409
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
405
- "aria-flowto"?: string | undefined;
410
+ "aria-flowto"?: string | undefined | undefined;
406
411
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
407
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
412
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
408
413
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
409
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
410
- "aria-keyshortcuts"?: string | undefined;
411
- "aria-label"?: string | undefined;
412
- "aria-labelledby"?: string | undefined;
413
- "aria-level"?: number | undefined;
414
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
414
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
415
+ "aria-keyshortcuts"?: string | undefined | undefined;
416
+ "aria-label"?: string | undefined | undefined;
417
+ "aria-labelledby"?: string | undefined | undefined;
418
+ "aria-level"?: number | undefined | undefined;
419
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
415
420
  "aria-modal"?: (boolean | "true" | "false") | undefined;
416
421
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
417
422
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
418
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
419
- "aria-owns"?: string | undefined;
420
- "aria-placeholder"?: string | undefined;
421
- "aria-posinset"?: number | undefined;
422
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
423
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
424
+ "aria-owns"?: string | undefined | undefined;
425
+ "aria-placeholder"?: string | undefined | undefined;
426
+ "aria-posinset"?: number | undefined | undefined;
427
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
423
428
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
424
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
429
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
425
430
  "aria-required"?: (boolean | "true" | "false") | undefined;
426
- "aria-roledescription"?: string | undefined;
427
- "aria-rowcount"?: number | undefined;
428
- "aria-rowindex"?: number | undefined;
429
- "aria-rowindextext"?: string | undefined;
430
- "aria-rowspan"?: number | undefined;
431
+ "aria-roledescription"?: string | undefined | undefined;
432
+ "aria-rowcount"?: number | undefined | undefined;
433
+ "aria-rowindex"?: number | undefined | undefined;
434
+ "aria-rowindextext"?: string | undefined | undefined;
435
+ "aria-rowspan"?: number | undefined | undefined;
431
436
  "aria-selected"?: (boolean | "true" | "false") | undefined;
432
- "aria-setsize"?: number | undefined;
433
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
434
- "aria-valuemax"?: number | undefined;
435
- "aria-valuemin"?: number | undefined;
436
- "aria-valuenow"?: number | undefined;
437
- "aria-valuetext"?: string | undefined;
438
- children?: import('react').ReactNode | undefined;
437
+ "aria-setsize"?: number | undefined | undefined;
438
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
439
+ "aria-valuemax"?: number | undefined | undefined;
440
+ "aria-valuemin"?: number | undefined | undefined;
441
+ "aria-valuenow"?: number | undefined | undefined;
442
+ "aria-valuetext"?: string | undefined | undefined;
443
+ children?: import('react').ReactNode;
439
444
  dangerouslySetInnerHTML?: {
440
445
  __html: string | TrustedHTML;
441
- } | undefined;
446
+ } | undefined | undefined;
442
447
  onCopy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
443
448
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
444
449
  onCut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
@@ -599,8 +604,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
599
604
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
600
605
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
601
606
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
602
- href?: string | undefined;
603
- footer?: React.ReactNode;
607
+ href?: string | undefined | undefined;
608
+ footer?: import('react').ReactNode;
604
609
  backgroundColor?: "light" | undefined;
605
610
  gap: "none";
606
611
  delayMs?: number | undefined;
package/dist/ui/atoms/Icon/icons.d.ts CHANGED
@@ -40,6 +40,7 @@ export declare const iconMapping: {
40
40
  readonly copy: phosphor.Icon;
41
41
  readonly creditCard: phosphor.Icon;
42
42
  readonly currencyEur: phosphor.Icon;
43
+ readonly discord: phosphor.Icon;
43
44
  readonly dotsSixVertical: phosphor.Icon;
44
45
  readonly dotsThree: phosphor.Icon;
45
46
  readonly download: phosphor.Icon;
package/dist/ui/atoms/PageHeading/PageHeading.d.ts CHANGED
@@ -42,7 +42,11 @@ export interface PageHeadingProps {
42
42
  declare const PageHeading: import('../SkeletonTemplate').SkeletonTemplateComponent<{
43
43
  title: ReactNode;
44
44
  description?: ReactNode;
45
- gap?: ("none" | "only-top" | "only-bottom" | "both") | undefined;
45
+ gap?: "none" | "only-top" | "only-bottom" | "both"
46
+ /**
47
+ * When set, it will render a badge (default as warning variant)
48
+ */
49
+ | undefined;
46
50
  badge?: {
47
51
  label: string;
48
52
  /** @default warning-solid */
package/dist/ui/atoms/Progress.d.ts CHANGED
@@ -12,6 +12,13 @@ export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgress
12
12
  * this indicates that an activity is ongoing with no indication of how long it is expected to take.
13
13
  */
14
14
  value?: number;
15
+ /**
16
+ * The display mode of the progress bar.
17
+ * - `fraction` - Display the completion status as a fraction (default)
18
+ * - `percentage` - Display the completion status as a percentage
19
+ * - `none` - Do not display the completion
20
+ */
21
+ displayMode?: 'fraction' | 'percentage' | 'none';
15
22
  children: React.ReactNode;
16
23
  }
17
24
  /**
package/dist/ui/atoms/Section.d.ts CHANGED
@@ -21,12 +21,14 @@ export interface SectionProps {
21
21
  */
22
22
  export declare const Section: import('./SkeletonTemplate').SkeletonTemplateComponent<{
23
23
  children: React.ReactNode;
24
- title?: ReactNode;
25
- titleSize?: ("normal" | "small") | undefined;
24
+ title?: React.ReactNode;
25
+ titleSize?: "normal" | "small"
26
+ /** Specify `none` to remove border. */
27
+ | undefined;
26
28
  border?: "none"
27
29
  /** This will render a button on the right side of the row. */
28
30
  | undefined;
29
- actionButton?: ReactNode;
31
+ actionButton?: React.ReactNode;
30
32
  className?: string | undefined;
31
33
  delayMs?: number | undefined;
32
34
  isLoading?: boolean | undefined;
package/dist/ui/composite/CardDialog.d.ts CHANGED
@@ -35,15 +35,15 @@ export declare const CardDialog: import('../atoms/SkeletonTemplate').SkeletonTem
35
35
  * This text is displayed in the card header on the right
36
36
  */
37
37
  | undefined;
38
- rightContent?: React.ReactNode;
38
+ rightContent?: import('react').ReactNode;
39
39
  icon?: JSX.Element
40
40
  /**
41
41
  * When defined, this will show a close button on the right
42
42
  */
43
43
  | undefined;
44
44
  onClose?: (() => void) | undefined;
45
- children?: React.ReactNode;
46
- footer?: React.ReactNode;
45
+ children?: import('react').ReactNode;
46
+ footer?: import('react').ReactNode;
47
47
  delayMs?: number | undefined;
48
48
  isLoading?: boolean | undefined;
49
49
  }>;