@commercelayer/app-elements 3.2.1 → 3.3.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 (26) hide show
  1. package/README.md +2 -2
  2. package/dist/{CodeEditorComponent-CzLkLXY_.js → CodeEditorComponent-Ddvvj8Wz.js} +1 -1
  3. package/dist/{InputDateComponent-tZPN0gs-.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.d.ts +1 -1
  7. package/dist/main.js +43 -42
  8. package/dist/mocks/data/core_resources.d.ts +2 -0
  9. package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +3 -2
  10. package/dist/providers/TokenProvider/TokenProvider.d.ts +14 -1
  11. package/dist/providers/createApp.d.ts +1 -5
  12. package/dist/style.css +1 -1
  13. package/dist/ui/atoms/Card.d.ts +186 -181
  14. package/dist/ui/atoms/PageHeading/PageHeading.d.ts +5 -1
  15. package/dist/ui/atoms/Section.d.ts +5 -3
  16. package/dist/ui/composite/CardDialog.d.ts +3 -3
  17. package/dist/ui/composite/Dropdown/DropdownItem.d.ts +176 -176
  18. package/dist/ui/composite/PageLayout.d.ts +6 -2
  19. package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +1 -1
  20. package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +1 -1
  21. package/dist/ui/resources/ResourceLineItems/ResourceLineItems.d.ts +5 -1
  22. package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts +2 -2
  23. package/dist/ui/resources/useResourceFilters/types.d.ts +3 -1
  24. package/dist/vendor.css +1 -1
  25. package/package.json +17 -18
  26. package/dist/main-BFIiGLRU.js +0 -37398
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/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/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
  }>;