@uniformdev/design-system 20.46.1-alpha.9 → 20.47.1-alpha.3
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.
- package/LICENSE +1 -1
- package/dist/esm/index.js +2559 -2483
- package/dist/index.d.mts +341 -215
- package/dist/index.d.ts +341 -215
- package/dist/index.js +3091 -3010
- package/package.json +32 -34
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { Decorator } from '@storybook/react-vite';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { RefObject, ReactElement,
|
|
4
|
+
import React__default, { RefObject, ReactElement, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
|
|
5
5
|
import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
|
|
6
6
|
export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
|
|
7
7
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -9,14 +9,13 @@ import { SerializedStyles } from '@emotion/react';
|
|
|
9
9
|
import * as _ariakit_react from '@ariakit/react';
|
|
10
10
|
import { TooltipOptions, TooltipStoreProps, TooltipProps as TooltipProps$1, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
|
|
11
11
|
export { PopoverStore } from '@ariakit/react';
|
|
12
|
-
import {
|
|
13
|
-
import { IconType as IconType$1, IconBaseProps } from '@react-icons/all-files/lib';
|
|
12
|
+
import { IconType as IconType$2, IconBaseProps } from '@react-icons/all-files/lib';
|
|
14
13
|
import * as _react_icons_all_files from '@react-icons/all-files';
|
|
15
|
-
import { IconType as IconType$
|
|
14
|
+
import { IconType as IconType$1 } from '@react-icons/all-files';
|
|
16
15
|
import { DateValue } from '@internationalized/date';
|
|
17
16
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
18
17
|
import { CreatableProps } from 'react-select/creatable';
|
|
19
|
-
import { JsonSchema7Type } from 'zod-to-json-schema
|
|
18
|
+
import { JsonSchema7Type } from 'zod-to-json-schema';
|
|
20
19
|
import { InitialConfigType } from '@lexical/react/LexicalComposer';
|
|
21
20
|
import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
|
|
22
21
|
export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
|
|
@@ -113,6 +112,7 @@ declare const getParentPath: (path: string | undefined, noRootSlash?: boolean) =
|
|
|
113
112
|
declare const useOutsideClick: (containerRef: RefObject<HTMLElement | null>, handler: () => void) => void;
|
|
114
113
|
|
|
115
114
|
declare const button: _emotion_react.SerializedStyles;
|
|
115
|
+
declare const buttonDisabled: _emotion_react.SerializedStyles;
|
|
116
116
|
declare const buttonRippleEffect: (props: {
|
|
117
117
|
hoverColor: string;
|
|
118
118
|
activeColor?: string;
|
|
@@ -166,38 +166,129 @@ declare const accessibleHidden: _emotion_react.SerializedStyles;
|
|
|
166
166
|
*/
|
|
167
167
|
declare const functionalColors: _emotion_react.SerializedStyles;
|
|
168
168
|
|
|
169
|
+
type UseImageLoadFallbackArgs = {
|
|
170
|
+
src: string;
|
|
171
|
+
srcSet?: string | undefined;
|
|
172
|
+
/**
|
|
173
|
+
* Optional fallback URL to use if the primary src/srcSet fail to load.
|
|
174
|
+
* When fallback is used we clear `srcSet` (because srcSet takes precedence over src).
|
|
175
|
+
*/
|
|
176
|
+
errorFallbackSrc?: string | undefined;
|
|
177
|
+
/**
|
|
178
|
+
* Used only for logging so we can identify where the fallback occurred.
|
|
179
|
+
* Example: "FocalPointEditor" or "Image".
|
|
180
|
+
*/
|
|
181
|
+
logContext?: string | undefined;
|
|
182
|
+
};
|
|
183
|
+
type UseImageLoadFallbackResult = {
|
|
184
|
+
currentSrc: string;
|
|
185
|
+
currentSrcSet?: string | undefined;
|
|
186
|
+
/** Whether we already switched to the fallback. */
|
|
187
|
+
usedFallback: boolean;
|
|
188
|
+
/**
|
|
189
|
+
* Call from an `<img onError>` handler.
|
|
190
|
+
* Returns `true` if a fallback was applied and the caller should *not* treat it as a final error.
|
|
191
|
+
*/
|
|
192
|
+
tryFallback: () => boolean;
|
|
193
|
+
};
|
|
194
|
+
/**
|
|
195
|
+
* Manage `src`/`srcSet` for an image with optional fallback behavior.
|
|
196
|
+
* If the image fails to load and `errorFallbackSrc` is provided, we switch to it once and clear `srcSet`.
|
|
197
|
+
*/
|
|
198
|
+
declare function useImageLoadFallback({ src, srcSet, errorFallbackSrc, logContext, }: UseImageLoadFallbackArgs): UseImageLoadFallbackResult;
|
|
199
|
+
|
|
169
200
|
/**
|
|
170
201
|
* growSubtle animation
|
|
171
202
|
* @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
|
|
172
203
|
*/
|
|
173
|
-
declare const growSubtle:
|
|
204
|
+
declare const growSubtle: {
|
|
205
|
+
name: string;
|
|
206
|
+
styles: string;
|
|
207
|
+
anim: 1;
|
|
208
|
+
toString: () => string;
|
|
209
|
+
} & string;
|
|
174
210
|
/**
|
|
175
211
|
* fadeInBottom animation
|
|
176
212
|
* @description - fades in an element from the Y axis by 10px
|
|
177
213
|
*/
|
|
178
|
-
declare const fadeInBottom:
|
|
214
|
+
declare const fadeInBottom: {
|
|
215
|
+
name: string;
|
|
216
|
+
styles: string;
|
|
217
|
+
anim: 1;
|
|
218
|
+
toString: () => string;
|
|
219
|
+
} & string;
|
|
179
220
|
/**
|
|
180
221
|
* fadeInTop animation
|
|
181
222
|
* @description - fades in an element from the Y axis by -10px
|
|
182
223
|
*/
|
|
183
|
-
declare const fadeInTop:
|
|
224
|
+
declare const fadeInTop: {
|
|
225
|
+
name: string;
|
|
226
|
+
styles: string;
|
|
227
|
+
anim: 1;
|
|
228
|
+
toString: () => string;
|
|
229
|
+
} & string;
|
|
184
230
|
/**
|
|
185
231
|
* fadeOutBottom animation
|
|
186
232
|
* @description - fades out an element from the Y axis by 10px
|
|
187
233
|
*/
|
|
188
|
-
declare const fadeOutBottom:
|
|
234
|
+
declare const fadeOutBottom: {
|
|
235
|
+
name: string;
|
|
236
|
+
styles: string;
|
|
237
|
+
anim: 1;
|
|
238
|
+
toString: () => string;
|
|
239
|
+
} & string;
|
|
189
240
|
/**
|
|
190
241
|
* fadeIn animation
|
|
191
242
|
* @description - fade in an element from 0 to 1 opacity
|
|
192
243
|
*/
|
|
193
|
-
declare const fadeIn:
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
declare const
|
|
200
|
-
|
|
244
|
+
declare const fadeIn: {
|
|
245
|
+
name: string;
|
|
246
|
+
styles: string;
|
|
247
|
+
anim: 1;
|
|
248
|
+
toString: () => string;
|
|
249
|
+
} & string;
|
|
250
|
+
declare const ripple: {
|
|
251
|
+
name: string;
|
|
252
|
+
styles: string;
|
|
253
|
+
anim: 1;
|
|
254
|
+
toString: () => string;
|
|
255
|
+
} & string;
|
|
256
|
+
declare const skeletonLoading: {
|
|
257
|
+
name: string;
|
|
258
|
+
styles: string;
|
|
259
|
+
anim: 1;
|
|
260
|
+
toString: () => string;
|
|
261
|
+
} & string;
|
|
262
|
+
declare const fadeInLtr: {
|
|
263
|
+
name: string;
|
|
264
|
+
styles: string;
|
|
265
|
+
anim: 1;
|
|
266
|
+
toString: () => string;
|
|
267
|
+
} & string;
|
|
268
|
+
declare const fadeInRtl: {
|
|
269
|
+
name: string;
|
|
270
|
+
styles: string;
|
|
271
|
+
anim: 1;
|
|
272
|
+
toString: () => string;
|
|
273
|
+
} & string;
|
|
274
|
+
declare const slideInTtb: {
|
|
275
|
+
name: string;
|
|
276
|
+
styles: string;
|
|
277
|
+
anim: 1;
|
|
278
|
+
toString: () => string;
|
|
279
|
+
} & string;
|
|
280
|
+
declare const slideInRtl: {
|
|
281
|
+
name: string;
|
|
282
|
+
styles: string;
|
|
283
|
+
anim: 1;
|
|
284
|
+
toString: () => string;
|
|
285
|
+
} & string;
|
|
286
|
+
declare const spin: {
|
|
287
|
+
name: string;
|
|
288
|
+
styles: string;
|
|
289
|
+
anim: 1;
|
|
290
|
+
toString: () => string;
|
|
291
|
+
} & string;
|
|
201
292
|
|
|
202
293
|
/** Custom scrollbar styles */
|
|
203
294
|
declare const scrollbarStyles: _emotion_react.SerializedStyles;
|
|
@@ -397,6 +488,12 @@ type UseShortcutOptions = {
|
|
|
397
488
|
* 'silent' will not show a toast notification when the shortcut is invoked while disabled.
|
|
398
489
|
*/
|
|
399
490
|
disabled?: boolean | 'silent';
|
|
491
|
+
/**
|
|
492
|
+
* Use the produced key instead of the physical key code.
|
|
493
|
+
* Useful for special characters (like /, [, ], etc.) that can vary in position across keyboard layouts.
|
|
494
|
+
* Defaults to false (uses key code).
|
|
495
|
+
*/
|
|
496
|
+
useKey?: boolean;
|
|
400
497
|
};
|
|
401
498
|
type ShortcutReference = {
|
|
402
499
|
shortcut: string;
|
|
@@ -404,20 +501,20 @@ type ShortcutReference = {
|
|
|
404
501
|
disabled: boolean;
|
|
405
502
|
};
|
|
406
503
|
interface UseShortcutResult extends ShortcutReference {
|
|
407
|
-
focusTrap:
|
|
504
|
+
focusTrap: RefObject<HTMLElement | null>;
|
|
408
505
|
}
|
|
409
|
-
declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): UseShortcutResult;
|
|
506
|
+
declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, useKey, }: UseShortcutOptions): UseShortcutResult;
|
|
410
507
|
|
|
411
508
|
type TooltipProps = TooltipOptions & {
|
|
412
509
|
/** Content of tooltip popover */
|
|
413
|
-
title: string |
|
|
510
|
+
title: string | React.ReactElement;
|
|
414
511
|
/** Optional ability to specify alternative placement. By default - bottom center */
|
|
415
512
|
placement?: TooltipStoreProps['placement'];
|
|
416
513
|
/** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
|
|
417
514
|
visible?: TooltipStoreProps['open'];
|
|
418
515
|
/** Offset between the reference and the popover on the main axis. Use it only in special cases. */
|
|
419
516
|
gutter?: TooltipProps$1['gutter'];
|
|
420
|
-
children:
|
|
517
|
+
children: ReactElement;
|
|
421
518
|
/** If the tooltip should not be rendered inside a portal */
|
|
422
519
|
withoutPortal?: boolean;
|
|
423
520
|
/** sets the delay time before showing the tooltip
|
|
@@ -428,22 +525,22 @@ type TooltipProps = TooltipOptions & {
|
|
|
428
525
|
declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
429
526
|
|
|
430
527
|
/** Button sizes that are available to use with our brand */
|
|
431
|
-
type ButtonSizeProps
|
|
528
|
+
type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
432
529
|
/** Button themes that are available to use with our brand */
|
|
433
|
-
type ButtonThemeProps
|
|
530
|
+
type ButtonThemeProps = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
434
531
|
/** @deprecated - Beta Button themes for the soft variant */
|
|
435
532
|
type ButtonSoftThemeProps = 'primary' | 'tertiary' | 'alt' | 'destructive' | 'accent-primary';
|
|
436
533
|
type ButtonStylesProps = ButtonDefaultStylesProps | ButtonSoftStylesProps;
|
|
437
534
|
type ButtonDefaultStylesProps = {
|
|
438
|
-
theme: ButtonThemeProps
|
|
439
|
-
size: ButtonSizeProps
|
|
535
|
+
theme: ButtonThemeProps;
|
|
536
|
+
size: ButtonSizeProps;
|
|
440
537
|
};
|
|
441
538
|
type ButtonSoftStylesProps = {
|
|
442
539
|
theme: ButtonSoftThemeProps;
|
|
443
|
-
size: ButtonSizeProps
|
|
540
|
+
size: ButtonSizeProps;
|
|
444
541
|
variant?: 'soft' | undefined;
|
|
445
542
|
};
|
|
446
|
-
declare const getButtonSize: (size: ButtonSizeProps
|
|
543
|
+
declare const getButtonSize: (size: ButtonSizeProps) => string;
|
|
447
544
|
declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
448
545
|
buttonTheme: SerializedStyles;
|
|
449
546
|
btnSize: string;
|
|
@@ -458,13 +555,13 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
458
555
|
/** sets the theme of the button
|
|
459
556
|
* @default "primary"
|
|
460
557
|
*/
|
|
461
|
-
buttonType?: ButtonThemeProps
|
|
558
|
+
buttonType?: ButtonThemeProps;
|
|
462
559
|
/** React child node */
|
|
463
560
|
children?: React$1.ReactNode;
|
|
464
561
|
/**
|
|
465
562
|
* @default "md"
|
|
466
563
|
* */
|
|
467
|
-
size?: ButtonSizeProps
|
|
564
|
+
size?: ButtonSizeProps;
|
|
468
565
|
/**
|
|
469
566
|
* Sets a tooltip on the button when hovered
|
|
470
567
|
* Note that the tooltip will be shown whether disabled or not.
|
|
@@ -492,39 +589,92 @@ type ButtonWithVariantProps = Omit<ButtonProps, 'buttonType'> & {
|
|
|
492
589
|
*/
|
|
493
590
|
declare const Button: React$1.ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<ButtonWithVariantProps, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
|
|
494
591
|
|
|
592
|
+
declare const rectangleRoundedIcon: IconType$1;
|
|
593
|
+
declare const cardIcon: IconType$1;
|
|
594
|
+
declare const imageTextIcon: IconType$1;
|
|
595
|
+
declare const borderTopIcon: IconType$1;
|
|
596
|
+
declare const fullWidthScreenIcon: IconType$1;
|
|
597
|
+
declare const textInput: IconType$1;
|
|
598
|
+
declare const numberInput: IconType$1;
|
|
599
|
+
declare const canvasAlertIcon: IconType$1;
|
|
600
|
+
declare const warningIcon: IconType$1;
|
|
601
|
+
declare const infoFilledIcon: IconType$1;
|
|
602
|
+
declare const settingsIcon: IconType$1;
|
|
603
|
+
declare const settings: IconType$1;
|
|
604
|
+
declare const queryStringIcon: IconType$1;
|
|
605
|
+
declare const structurePanelIcon: IconType$1;
|
|
606
|
+
declare const jsonIcon: IconType$1;
|
|
607
|
+
declare const yesNoIcon: IconType$1;
|
|
608
|
+
declare const zigZag: IconType$1;
|
|
609
|
+
declare const zigZagThick: IconType$1;
|
|
610
|
+
declare const customIcons: {
|
|
611
|
+
'rectangle-rounded': IconType$1;
|
|
612
|
+
card: IconType$1;
|
|
613
|
+
'image-text': IconType$1;
|
|
614
|
+
'border-top': IconType$1;
|
|
615
|
+
'full-width-screen': IconType$1;
|
|
616
|
+
'text-input': IconType$1;
|
|
617
|
+
'number-input': IconType$1;
|
|
618
|
+
'canvas-alert': IconType$1;
|
|
619
|
+
warning: IconType$1;
|
|
620
|
+
'info-filled': IconType$1;
|
|
621
|
+
settings: IconType$1;
|
|
622
|
+
'query-string': IconType$1;
|
|
623
|
+
json: IconType$1;
|
|
624
|
+
'format-bold': IconType$1;
|
|
625
|
+
'format-code': IconType$1;
|
|
626
|
+
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
627
|
+
'format-superscript': IconType$1;
|
|
628
|
+
'format-subscript': IconType$1;
|
|
629
|
+
'layout-list-numbered': IconType$1;
|
|
630
|
+
'clear-formatting': IconType$1;
|
|
631
|
+
'yes-no': IconType$1;
|
|
632
|
+
'diamond-outline': IconType$1;
|
|
633
|
+
'diamond-fill': IconType$1;
|
|
634
|
+
'magic-wand': IconType$1;
|
|
635
|
+
'list-view-short': IconType$1;
|
|
636
|
+
'list-view-long': IconType$1;
|
|
637
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
638
|
+
'clipboard-copy': IconType$1;
|
|
639
|
+
'clipboard-paste': IconType$1;
|
|
640
|
+
refresh: IconType$1;
|
|
641
|
+
'zig-zag': IconType$1;
|
|
642
|
+
'zig-zag-thick': IconType$1;
|
|
643
|
+
};
|
|
644
|
+
|
|
495
645
|
declare const allSupportedIcons: {
|
|
496
|
-
'rectangle-rounded':
|
|
497
|
-
card:
|
|
498
|
-
'image-text':
|
|
499
|
-
'border-top':
|
|
500
|
-
'full-width-screen':
|
|
501
|
-
'text-input':
|
|
502
|
-
'number-input':
|
|
503
|
-
'canvas-alert':
|
|
504
|
-
warning:
|
|
505
|
-
'info-filled':
|
|
506
|
-
settings:
|
|
507
|
-
'query-string':
|
|
508
|
-
json:
|
|
509
|
-
'format-bold':
|
|
510
|
-
'format-code':
|
|
646
|
+
'rectangle-rounded': _react_icons_all_files.IconType;
|
|
647
|
+
card: _react_icons_all_files.IconType;
|
|
648
|
+
'image-text': _react_icons_all_files.IconType;
|
|
649
|
+
'border-top': _react_icons_all_files.IconType;
|
|
650
|
+
'full-width-screen': _react_icons_all_files.IconType;
|
|
651
|
+
'text-input': _react_icons_all_files.IconType;
|
|
652
|
+
'number-input': _react_icons_all_files.IconType;
|
|
653
|
+
'canvas-alert': _react_icons_all_files.IconType;
|
|
654
|
+
warning: _react_icons_all_files.IconType;
|
|
655
|
+
'info-filled': _react_icons_all_files.IconType;
|
|
656
|
+
settings: _react_icons_all_files.IconType;
|
|
657
|
+
'query-string': _react_icons_all_files.IconType;
|
|
658
|
+
json: _react_icons_all_files.IconType;
|
|
659
|
+
'format-bold': _react_icons_all_files.IconType;
|
|
660
|
+
'format-code': _react_icons_all_files.IconType;
|
|
511
661
|
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
512
|
-
'format-superscript':
|
|
513
|
-
'format-subscript':
|
|
514
|
-
'layout-list-numbered':
|
|
515
|
-
'clear-formatting':
|
|
516
|
-
'yes-no':
|
|
517
|
-
'diamond-outline':
|
|
518
|
-
'diamond-fill':
|
|
519
|
-
'magic-wand':
|
|
520
|
-
'list-view-short':
|
|
521
|
-
'list-view-long':
|
|
662
|
+
'format-superscript': _react_icons_all_files.IconType;
|
|
663
|
+
'format-subscript': _react_icons_all_files.IconType;
|
|
664
|
+
'layout-list-numbered': _react_icons_all_files.IconType;
|
|
665
|
+
'clear-formatting': _react_icons_all_files.IconType;
|
|
666
|
+
'yes-no': _react_icons_all_files.IconType;
|
|
667
|
+
'diamond-outline': _react_icons_all_files.IconType;
|
|
668
|
+
'diamond-fill': _react_icons_all_files.IconType;
|
|
669
|
+
'magic-wand': _react_icons_all_files.IconType;
|
|
670
|
+
'list-view-short': _react_icons_all_files.IconType;
|
|
671
|
+
'list-view-long': _react_icons_all_files.IconType;
|
|
522
672
|
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
523
|
-
'clipboard-copy':
|
|
524
|
-
'clipboard-paste':
|
|
525
|
-
refresh:
|
|
526
|
-
'zig-zag':
|
|
527
|
-
'zig-zag-thick':
|
|
673
|
+
'clipboard-copy': _react_icons_all_files.IconType;
|
|
674
|
+
'clipboard-paste': _react_icons_all_files.IconType;
|
|
675
|
+
refresh: _react_icons_all_files.IconType;
|
|
676
|
+
'zig-zag': _react_icons_all_files.IconType;
|
|
677
|
+
'zig-zag-thick': _react_icons_all_files.IconType;
|
|
528
678
|
'add-r': _react_icons_all_files.IconType;
|
|
529
679
|
add: _react_icons_all_files.IconType;
|
|
530
680
|
airplane: _react_icons_all_files.IconType;
|
|
@@ -1179,7 +1329,7 @@ declare const allSupportedIcons: {
|
|
|
1179
1329
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
1180
1330
|
type IconName = keyof typeof allSupportedIcons;
|
|
1181
1331
|
/** sets the type of icon to use from the available list */
|
|
1182
|
-
type IconType = IconName | IconType$
|
|
1332
|
+
type IconType = IconName | IconType$2;
|
|
1183
1333
|
/** sets fill color of the svg icon
|
|
1184
1334
|
* @default 'default'
|
|
1185
1335
|
*/
|
|
@@ -1193,66 +1343,13 @@ interface IconProps extends IconBaseProps {
|
|
|
1193
1343
|
otherProps?: IconBaseProps;
|
|
1194
1344
|
}
|
|
1195
1345
|
|
|
1196
|
-
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1197
|
-
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1198
|
-
declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1199
|
-
declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1200
|
-
declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1201
|
-
declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1202
|
-
declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1203
|
-
declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1204
|
-
declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1205
|
-
declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1206
|
-
declare const settingsIcon: IconType$2;
|
|
1207
|
-
declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1208
|
-
declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1209
|
-
declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1210
|
-
declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1211
|
-
declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1212
|
-
declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1213
|
-
declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1214
|
-
declare const customIcons: {
|
|
1215
|
-
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1216
|
-
card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1217
|
-
'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1218
|
-
'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1219
|
-
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1220
|
-
'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1221
|
-
'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1222
|
-
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1223
|
-
warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1224
|
-
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1225
|
-
settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1226
|
-
'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1227
|
-
json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1228
|
-
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1229
|
-
'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1230
|
-
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1231
|
-
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1232
|
-
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1233
|
-
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1234
|
-
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1235
|
-
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1236
|
-
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1237
|
-
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1238
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1239
|
-
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1240
|
-
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1241
|
-
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1242
|
-
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1243
|
-
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1244
|
-
refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1245
|
-
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1246
|
-
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1247
|
-
};
|
|
1248
|
-
|
|
1249
1346
|
/**
|
|
1250
1347
|
* Component that renders icons
|
|
1251
1348
|
* @example <Icon icon="add-r" iconColor="currentColor" />
|
|
1252
1349
|
*/
|
|
1253
1350
|
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
1254
1351
|
|
|
1255
|
-
type IconsMap = Record<string, IconType$
|
|
1352
|
+
type IconsMap = Record<string, IconType$2>;
|
|
1256
1353
|
declare function useIconContext(): {
|
|
1257
1354
|
iconsMap: IconsMap;
|
|
1258
1355
|
isLoading: boolean;
|
|
@@ -1265,43 +1362,53 @@ declare function IconsProvider({ children }: {
|
|
|
1265
1362
|
children: ReactNode;
|
|
1266
1363
|
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
1267
1364
|
|
|
1268
|
-
declare const uniformComponentIcon: IconType$
|
|
1269
|
-
declare const uniformConditionalValuesIcon: IconType$
|
|
1270
|
-
declare const uniformAiIcon:
|
|
1271
|
-
declare const uniformLocaleIcon: IconType$
|
|
1272
|
-
declare const uniformLocaleDisabledIcon: IconType$
|
|
1273
|
-
declare const uniformComponentPatternIcon: IconType$
|
|
1274
|
-
declare const uniformCompositionPatternIcon: IconType$
|
|
1275
|
-
declare const uniformContentTypeIcon: IconType$
|
|
1276
|
-
declare const uniformEntryIcon: IconType$
|
|
1277
|
-
declare const uniformEntryPatternIcon: IconType$
|
|
1278
|
-
declare const uniformStatusDraftIcon: IconType$
|
|
1279
|
-
declare const uniformStatusModifiedIcon: IconType$
|
|
1280
|
-
declare const uniformStatusPublishedIcon: IconType$
|
|
1281
|
-
declare const uniformUsageStatusIcon: IconType$
|
|
1282
|
-
|
|
1283
|
-
type
|
|
1284
|
-
|
|
1285
|
-
|
|
1365
|
+
declare const uniformComponentIcon: IconType$2;
|
|
1366
|
+
declare const uniformConditionalValuesIcon: IconType$2;
|
|
1367
|
+
declare const uniformAiIcon: IconType$2;
|
|
1368
|
+
declare const uniformLocaleIcon: IconType$2;
|
|
1369
|
+
declare const uniformLocaleDisabledIcon: IconType$2;
|
|
1370
|
+
declare const uniformComponentPatternIcon: IconType$2;
|
|
1371
|
+
declare const uniformCompositionPatternIcon: IconType$2;
|
|
1372
|
+
declare const uniformContentTypeIcon: IconType$2;
|
|
1373
|
+
declare const uniformEntryIcon: IconType$2;
|
|
1374
|
+
declare const uniformEntryPatternIcon: IconType$2;
|
|
1375
|
+
declare const uniformStatusDraftIcon: IconType$2;
|
|
1376
|
+
declare const uniformStatusModifiedIcon: IconType$2;
|
|
1377
|
+
declare const uniformStatusPublishedIcon: IconType$2;
|
|
1378
|
+
declare const uniformUsageStatusIcon: IconType$2;
|
|
1379
|
+
|
|
1380
|
+
type ButtonWithMenuThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
|
|
1381
|
+
/** Note: base is deprecated, use md instead for consistency with Button */
|
|
1382
|
+
type ButtonWithMenuSizeProps = 'sm' | 'base' | 'md' | 'lg';
|
|
1383
|
+
type ButtonWithMenuSoftThemeProps = {
|
|
1384
|
+
variant: 'soft' /** sets the theme of the button
|
|
1385
|
+
* @default "primary"
|
|
1386
|
+
*/;
|
|
1387
|
+
buttonType?: ButtonSoftThemeProps;
|
|
1388
|
+
};
|
|
1389
|
+
type ButtonWithMenuDefaultStylesProps = {
|
|
1390
|
+
/** sets the theme of the button
|
|
1391
|
+
* @default "secondary"
|
|
1392
|
+
*/
|
|
1393
|
+
buttonType?: ButtonWithMenuThemeProps;
|
|
1394
|
+
};
|
|
1395
|
+
type ButtonWithMenuStylesProps = ButtonWithMenuDefaultStylesProps | ButtonWithMenuSoftThemeProps;
|
|
1396
|
+
interface ActionButtonsProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'disabled'> {
|
|
1286
1397
|
/** Takes a function for the visible button */
|
|
1287
1398
|
onButtonClick?: () => void;
|
|
1288
1399
|
/** (optional) ariakit placements options for the expandable menu */
|
|
1289
1400
|
placement?: MenuStoreProps['placement'];
|
|
1290
|
-
/** sets the theme of the button
|
|
1291
|
-
* @default "secondary"
|
|
1292
|
-
*/
|
|
1293
|
-
buttonType?: ButtonThemeProps;
|
|
1294
1401
|
/** sets the button text value */
|
|
1295
|
-
buttonText: React
|
|
1402
|
+
buttonText: React.ReactNode;
|
|
1296
1403
|
/** sets a leading icon supporting the button text */
|
|
1297
1404
|
icon?: IconName;
|
|
1298
1405
|
/** adds child components to the ButtonWithMenu component */
|
|
1299
|
-
children: React
|
|
1406
|
+
children: React.ReactNode;
|
|
1300
1407
|
/**
|
|
1301
1408
|
* sets the button size
|
|
1302
|
-
* @default "
|
|
1409
|
+
* @default "md"
|
|
1303
1410
|
*/
|
|
1304
|
-
size?:
|
|
1411
|
+
size?: ButtonWithMenuSizeProps;
|
|
1305
1412
|
/** sets additional Menu component styles */
|
|
1306
1413
|
menuContainerCssClasses?: SerializedStyles;
|
|
1307
1414
|
/** sets whether to use a React portal rendering or not. */
|
|
@@ -1315,17 +1422,26 @@ interface ActionButtonsProps {
|
|
|
1315
1422
|
* Sets a tooltip on the button when hovered
|
|
1316
1423
|
* Note that the tooltip will be shown whether disabled or not.
|
|
1317
1424
|
*/
|
|
1318
|
-
tooltip?: React
|
|
1425
|
+
tooltip?: React.ReactNode;
|
|
1319
1426
|
/**
|
|
1320
1427
|
* Sets a shortcut for the button.
|
|
1321
1428
|
* The shortcut's handler function will be automatically set to the onClick of the button,
|
|
1322
1429
|
* and a tooltip will be added to the button that shows the keyboard shortcut.
|
|
1323
1430
|
*/
|
|
1324
1431
|
shortcut?: ShortcutReference;
|
|
1432
|
+
/**
|
|
1433
|
+
* Whether the button is disabled or loading
|
|
1434
|
+
* @default false
|
|
1435
|
+
*
|
|
1436
|
+
* - false: the button is enabled
|
|
1437
|
+
* - true: the button is disabled
|
|
1438
|
+
* - 'loading': the button is disabled, and a loading spinner replaces the menu icon. After loading ceases (and the button transitions to disabled=false), a success checkmark is shown briefly in place of the menu icon
|
|
1439
|
+
*/
|
|
1440
|
+
disabled?: boolean | 'loading';
|
|
1325
1441
|
}
|
|
1326
1442
|
/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
|
|
1327
|
-
type ButtonWithMenuProps = ActionButtonsProps &
|
|
1328
|
-
declare const ButtonWithMenu: ({ onButtonClick,
|
|
1443
|
+
type ButtonWithMenuProps = ActionButtonsProps & ButtonWithMenuStylesProps;
|
|
1444
|
+
declare const ButtonWithMenu: ({ onButtonClick, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, portal, maxMenuHeight, tooltip, shortcut, buttonType, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1329
1445
|
|
|
1330
1446
|
/**
|
|
1331
1447
|
* A string in the ISO 8601 date format: YYYY-MM-DD
|
|
@@ -1372,7 +1488,7 @@ interface CalloutProps {
|
|
|
1372
1488
|
*/
|
|
1373
1489
|
declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1374
1490
|
|
|
1375
|
-
type CardProps = React
|
|
1491
|
+
type CardProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
1376
1492
|
/** (optional) sets the title value of the card */
|
|
1377
1493
|
title?: string;
|
|
1378
1494
|
/** sets whether or not to apply a margin bottom to the title
|
|
@@ -1380,9 +1496,9 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1380
1496
|
*/
|
|
1381
1497
|
titleWithMarginBottom?: boolean;
|
|
1382
1498
|
/** (optional) sets react child components */
|
|
1383
|
-
children?:
|
|
1499
|
+
children?: ReactNode;
|
|
1384
1500
|
/** (optional) sets options for a dropdown menu */
|
|
1385
|
-
menuItems?:
|
|
1501
|
+
menuItems?: ReactNode;
|
|
1386
1502
|
/** (optional) sets the data-testid attribute on the button element
|
|
1387
1503
|
* @default 'button-more'
|
|
1388
1504
|
*/
|
|
@@ -1393,7 +1509,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1393
1509
|
* The name of the HTML tag to render.
|
|
1394
1510
|
* @default "div"
|
|
1395
1511
|
*/
|
|
1396
|
-
tag?: React
|
|
1512
|
+
tag?: React.ElementType;
|
|
1397
1513
|
};
|
|
1398
1514
|
/**
|
|
1399
1515
|
* @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
|
|
@@ -1401,7 +1517,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1401
1517
|
*/
|
|
1402
1518
|
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1403
1519
|
type CardTitleProps = {
|
|
1404
|
-
children?:
|
|
1520
|
+
children?: ReactNode;
|
|
1405
1521
|
} & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
|
|
1406
1522
|
declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1407
1523
|
|
|
@@ -1559,7 +1675,7 @@ type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle
|
|
|
1559
1675
|
/** (optional) sets the label value */
|
|
1560
1676
|
label?: string;
|
|
1561
1677
|
/** (optional) sets caption text value */
|
|
1562
|
-
caption?: string |
|
|
1678
|
+
caption?: string | ReactNode;
|
|
1563
1679
|
/** The current value in ISO 8601 time format */
|
|
1564
1680
|
value: IsoTimeString | null | undefined;
|
|
1565
1681
|
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
@@ -1592,7 +1708,7 @@ declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<T
|
|
|
1592
1708
|
/** (optional) sets the label value */
|
|
1593
1709
|
label?: string;
|
|
1594
1710
|
/** (optional) sets caption text value */
|
|
1595
|
-
caption?: string |
|
|
1711
|
+
caption?: string | ReactNode;
|
|
1596
1712
|
/** The current value in ISO 8601 time format */
|
|
1597
1713
|
value: IsoTimeString | null | undefined;
|
|
1598
1714
|
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
@@ -1635,7 +1751,7 @@ type DateTimePickerProps = {
|
|
|
1635
1751
|
/** (optional) sets the label value */
|
|
1636
1752
|
label?: ReactNode;
|
|
1637
1753
|
/** (optional) icon for the trigger */
|
|
1638
|
-
triggerIcon?: IconType$
|
|
1754
|
+
triggerIcon?: IconType$1;
|
|
1639
1755
|
/** The current controlled value of the picker */
|
|
1640
1756
|
value: DateTimePickerValue | null | undefined;
|
|
1641
1757
|
/** (optional) The minimum visible date. The calendar will not show previous months */
|
|
@@ -1651,7 +1767,7 @@ type DateTimePickerProps = {
|
|
|
1651
1767
|
/** (optional) A slot below the time input, use this to populate quick time presets */
|
|
1652
1768
|
belowTimeInputSlot?: ReactNode;
|
|
1653
1769
|
/** (optional) sets caption text value */
|
|
1654
|
-
caption?: string |
|
|
1770
|
+
caption?: string | ReactNode;
|
|
1655
1771
|
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
1656
1772
|
showLabel?: boolean;
|
|
1657
1773
|
/** (optional) sets and shows the error message value */
|
|
@@ -1901,9 +2017,10 @@ type FlexiCardProps = {
|
|
|
1901
2017
|
heading?: ReactNode;
|
|
1902
2018
|
children: ReactNode;
|
|
1903
2019
|
height?: string;
|
|
2020
|
+
maxHeight?: string;
|
|
1904
2021
|
width?: string;
|
|
1905
2022
|
} & HTMLAttributes<HTMLDivElement>;
|
|
1906
|
-
declare const FlexiCard: ({ heading, children, width, height, ...props }: FlexiCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2023
|
+
declare const FlexiCard: ({ heading, children, width, height, maxHeight, ...props }: FlexiCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1907
2024
|
|
|
1908
2025
|
type FlexiCardTitleProps = {
|
|
1909
2026
|
icon?: IconType;
|
|
@@ -1924,8 +2041,13 @@ declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps
|
|
|
1924
2041
|
interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
1925
2042
|
imgClassName?: string;
|
|
1926
2043
|
variant?: 'inline' | 'fill-container';
|
|
2044
|
+
/**
|
|
2045
|
+
* Optional fallback URL to use if the primary src fails to load.
|
|
2046
|
+
* Useful for proxied images where the proxy might fail but the original URL still works.
|
|
2047
|
+
*/
|
|
2048
|
+
errorFallbackSrc?: string;
|
|
1927
2049
|
}
|
|
1928
|
-
declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
2050
|
+
declare function Image({ alt, src, srcSet, className, imgClassName, variant, width, height, errorFallbackSrc, ...imgAttribs }: ImageProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1929
2051
|
|
|
1930
2052
|
declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1931
2053
|
|
|
@@ -1986,7 +2108,7 @@ declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: Erro
|
|
|
1986
2108
|
|
|
1987
2109
|
type FieldMessageProps = {
|
|
1988
2110
|
/** (optional) sets help message within the caption component */
|
|
1989
|
-
helperMessage?: string |
|
|
2111
|
+
helperMessage?: string | ReactNode;
|
|
1990
2112
|
/** (option) sets caption message test id for test automation */
|
|
1991
2113
|
helperMessageTestId?: string;
|
|
1992
2114
|
/** (optional) sets and shows the warning message value */
|
|
@@ -2038,13 +2160,13 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
2038
2160
|
*/
|
|
2039
2161
|
declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
2040
2162
|
|
|
2041
|
-
type InputProps = React
|
|
2163
|
+
type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
2042
2164
|
/** (optional) sets the label value */
|
|
2043
|
-
label?: string |
|
|
2165
|
+
label?: string | ReactNode;
|
|
2044
2166
|
/** (optional) sets caption text value */
|
|
2045
|
-
caption?: string |
|
|
2167
|
+
caption?: string | ReactNode;
|
|
2046
2168
|
/** (optional) add an input icon to the input field */
|
|
2047
|
-
icon?:
|
|
2169
|
+
icon?: ReactElement;
|
|
2048
2170
|
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
2049
2171
|
showLabel?: boolean;
|
|
2050
2172
|
/** (optional) sets and shows the the error message value */
|
|
@@ -2087,11 +2209,11 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
2087
2209
|
*/
|
|
2088
2210
|
declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
2089
2211
|
/** (optional) sets the label value */
|
|
2090
|
-
label?: string |
|
|
2212
|
+
label?: string | ReactNode;
|
|
2091
2213
|
/** (optional) sets caption text value */
|
|
2092
|
-
caption?: string |
|
|
2214
|
+
caption?: string | ReactNode;
|
|
2093
2215
|
/** (optional) add an input icon to the input field */
|
|
2094
|
-
icon?:
|
|
2216
|
+
icon?: ReactElement;
|
|
2095
2217
|
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
2096
2218
|
showLabel?: boolean;
|
|
2097
2219
|
/** (optional) sets and shows the the error message value */
|
|
@@ -2306,7 +2428,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
|
2306
2428
|
/** (optional) sets grouped options with optgroups */
|
|
2307
2429
|
groupedOptions?: GroupedOption[];
|
|
2308
2430
|
/** (optional) sets caption text value */
|
|
2309
|
-
caption?: string |
|
|
2431
|
+
caption?: string | ReactNode;
|
|
2310
2432
|
/** sets the label value */
|
|
2311
2433
|
label: string;
|
|
2312
2434
|
/** (optional) sets whether to hide the label and use aria-label on the input field
|
|
@@ -2318,7 +2440,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
|
2318
2440
|
/** (optional) sets and shows the warning message value */
|
|
2319
2441
|
warningMessage?: string;
|
|
2320
2442
|
/** (optional) allows react components to be added inline with the label element */
|
|
2321
|
-
labelCta?:
|
|
2443
|
+
labelCta?: ReactNode;
|
|
2322
2444
|
/** (optional) styles the component in a compact format */
|
|
2323
2445
|
compact?: boolean;
|
|
2324
2446
|
/**
|
|
@@ -2348,7 +2470,7 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
|
|
|
2348
2470
|
/** (optional) sets grouped options with optgroups */
|
|
2349
2471
|
groupedOptions?: GroupedOption[];
|
|
2350
2472
|
/** (optional) sets caption text value */
|
|
2351
|
-
caption?: string |
|
|
2473
|
+
caption?: string | ReactNode;
|
|
2352
2474
|
/** sets the label value */
|
|
2353
2475
|
label: string;
|
|
2354
2476
|
/** (optional) sets whether to hide the label and use aria-label on the input field
|
|
@@ -2360,7 +2482,7 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
|
|
|
2360
2482
|
/** (optional) sets and shows the warning message value */
|
|
2361
2483
|
warningMessage?: string;
|
|
2362
2484
|
/** (optional) allows react components to be added inline with the label element */
|
|
2363
|
-
labelCta?:
|
|
2485
|
+
labelCta?: ReactNode;
|
|
2364
2486
|
/** (optional) styles the component in a compact format */
|
|
2365
2487
|
compact?: boolean;
|
|
2366
2488
|
/**
|
|
@@ -2378,9 +2500,9 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
|
|
|
2378
2500
|
} & React$1.RefAttributes<HTMLSelectElement>>;
|
|
2379
2501
|
|
|
2380
2502
|
type FontWeightProps = 'normal' | 'medium' | 'bold';
|
|
2381
|
-
type InputToggleProps =
|
|
2503
|
+
type InputToggleProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
2382
2504
|
/** sets the label value */
|
|
2383
|
-
label:
|
|
2505
|
+
label: ReactNode;
|
|
2384
2506
|
/** sets the type of input to use, either radio or checkbox */
|
|
2385
2507
|
type: 'radio' | 'checkbox';
|
|
2386
2508
|
/** sets the name value of the radio/checkbox input */
|
|
@@ -2392,7 +2514,7 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
2392
2514
|
/** (optional) sets the checked state of the input */
|
|
2393
2515
|
checked?: boolean;
|
|
2394
2516
|
/** (optional) sets caption text value */
|
|
2395
|
-
caption?: string |
|
|
2517
|
+
caption?: string | ReactNode;
|
|
2396
2518
|
/** (optional) sets shows the the error message value */
|
|
2397
2519
|
errorMessage?: string;
|
|
2398
2520
|
/** (optional) sets and shows the warning message value */
|
|
@@ -2408,9 +2530,9 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
2408
2530
|
* Component that creates a checkbox or radio input field
|
|
2409
2531
|
* @example <InputToggle label="Do you like ice cream?" type="checkbox" name="ice-cream" />
|
|
2410
2532
|
*/
|
|
2411
|
-
declare const InputToggle: React$1.ForwardRefExoticComponent<
|
|
2533
|
+
declare const InputToggle: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
|
2412
2534
|
/** sets the label value */
|
|
2413
|
-
label:
|
|
2535
|
+
label: ReactNode;
|
|
2414
2536
|
/** sets the type of input to use, either radio or checkbox */
|
|
2415
2537
|
type: "radio" | "checkbox";
|
|
2416
2538
|
/** sets the name value of the radio/checkbox input */
|
|
@@ -2422,7 +2544,7 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
|
|
|
2422
2544
|
/** (optional) sets the checked state of the input */
|
|
2423
2545
|
checked?: boolean;
|
|
2424
2546
|
/** (optional) sets caption text value */
|
|
2425
|
-
caption?: string |
|
|
2547
|
+
caption?: string | ReactNode;
|
|
2426
2548
|
/** (optional) sets shows the the error message value */
|
|
2427
2549
|
errorMessage?: string;
|
|
2428
2550
|
/** (optional) sets and shows the warning message value */
|
|
@@ -2462,13 +2584,13 @@ type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
2462
2584
|
*/
|
|
2463
2585
|
declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
2464
2586
|
|
|
2465
|
-
type TextareaProps = React
|
|
2587
|
+
type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
2466
2588
|
/** (optional) sets the label value */
|
|
2467
2589
|
label?: string;
|
|
2468
2590
|
/** (optional) sets caption text value */
|
|
2469
|
-
caption?: string |
|
|
2591
|
+
caption?: string | ReactNode;
|
|
2470
2592
|
/** (optional) add an input icon to the input field */
|
|
2471
|
-
icon?:
|
|
2593
|
+
icon?: ReactElement;
|
|
2472
2594
|
/** (optional) sets whether to hide the label and use aria-label on the input field */
|
|
2473
2595
|
showLabel?: boolean;
|
|
2474
2596
|
/** (optional) sets shows the error message value */
|
|
@@ -2484,9 +2606,9 @@ declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAt
|
|
|
2484
2606
|
/** (optional) sets the label value */
|
|
2485
2607
|
label?: string;
|
|
2486
2608
|
/** (optional) sets caption text value */
|
|
2487
|
-
caption?: string |
|
|
2609
|
+
caption?: string | ReactNode;
|
|
2488
2610
|
/** (optional) add an input icon to the input field */
|
|
2489
|
-
icon?:
|
|
2611
|
+
icon?: ReactElement;
|
|
2490
2612
|
/** (optional) sets whether to hide the label and use aria-label on the input field */
|
|
2491
2613
|
showLabel?: boolean;
|
|
2492
2614
|
/** (optional) sets shows the error message value */
|
|
@@ -2743,7 +2865,7 @@ interface LoadingOverlayProps {
|
|
|
2743
2865
|
/** sets whether to display the loading overlay components */
|
|
2744
2866
|
isActive: boolean;
|
|
2745
2867
|
/** (optional) type that sets a text value or React component under the loading icon */
|
|
2746
|
-
statusMessage?: string |
|
|
2868
|
+
statusMessage?: string | ReactNode;
|
|
2747
2869
|
/** (optional) the z-index value of the overlay
|
|
2748
2870
|
* @default 9999
|
|
2749
2871
|
*/
|
|
@@ -2764,7 +2886,7 @@ interface LoadingOverlayProps {
|
|
|
2764
2886
|
* @default false
|
|
2765
2887
|
*/
|
|
2766
2888
|
isTopAligned?: boolean;
|
|
2767
|
-
children?:
|
|
2889
|
+
children?: React.ReactNode;
|
|
2768
2890
|
/** (optional) sets the position of the overlay
|
|
2769
2891
|
* @default 'absolute'
|
|
2770
2892
|
*/
|
|
@@ -3071,6 +3193,7 @@ type ObjectGridItemCardCoverProps = {
|
|
|
3071
3193
|
imageUrl: string;
|
|
3072
3194
|
srcSet?: string;
|
|
3073
3195
|
alt?: string;
|
|
3196
|
+
errorFallbackSrc?: string;
|
|
3074
3197
|
};
|
|
3075
3198
|
declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
|
|
3076
3199
|
type ObjectGridItemCoverProps = {
|
|
@@ -3286,7 +3409,7 @@ declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: Para
|
|
|
3286
3409
|
|
|
3287
3410
|
type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
|
|
3288
3411
|
/** sets the legend value */
|
|
3289
|
-
legend: string |
|
|
3412
|
+
legend: string | ReactNode;
|
|
3290
3413
|
/** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
|
|
3291
3414
|
isDisabled?: boolean;
|
|
3292
3415
|
children: ReactNode;
|
|
@@ -3294,7 +3417,7 @@ type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
|
|
|
3294
3417
|
/** @example <ParameterGroup legend="legend name">{...some form input elements}</ParameterGroup> */
|
|
3295
3418
|
declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFieldSetElement> & {
|
|
3296
3419
|
/** sets the legend value */
|
|
3297
|
-
legend: string |
|
|
3420
|
+
legend: string | ReactNode;
|
|
3298
3421
|
/** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
|
|
3299
3422
|
isDisabled?: boolean;
|
|
3300
3423
|
children: ReactNode;
|
|
@@ -3472,8 +3595,8 @@ type SliderOption = {
|
|
|
3472
3595
|
text: string;
|
|
3473
3596
|
};
|
|
3474
3597
|
type SliderProps = {
|
|
3475
|
-
value: number;
|
|
3476
|
-
onChange: (value: number) => void;
|
|
3598
|
+
value: number | undefined;
|
|
3599
|
+
onChange: (value: number | undefined) => void;
|
|
3477
3600
|
onBlur?: () => void;
|
|
3478
3601
|
min?: number;
|
|
3479
3602
|
max?: number;
|
|
@@ -3504,7 +3627,7 @@ type TickMark = {
|
|
|
3504
3627
|
};
|
|
3505
3628
|
type SliderLabelsProps = {
|
|
3506
3629
|
ticks: TickMark[];
|
|
3507
|
-
currentValue: number;
|
|
3630
|
+
currentValue: number | undefined;
|
|
3508
3631
|
containerWidth?: number;
|
|
3509
3632
|
};
|
|
3510
3633
|
/**
|
|
@@ -3512,16 +3635,7 @@ type SliderLabelsProps = {
|
|
|
3512
3635
|
*/
|
|
3513
3636
|
declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
3514
3637
|
|
|
3515
|
-
type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'
|
|
3516
|
-
/**
|
|
3517
|
-
* The current numeric value of the slider
|
|
3518
|
-
*/
|
|
3519
|
-
value: number;
|
|
3520
|
-
/**
|
|
3521
|
-
* Callback when the value changes
|
|
3522
|
-
*/
|
|
3523
|
-
onChange: (value: number) => void;
|
|
3524
|
-
};
|
|
3638
|
+
type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'>;
|
|
3525
3639
|
/**
|
|
3526
3640
|
* Parameter wrapper for numeric sliders
|
|
3527
3641
|
* @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
@@ -3533,16 +3647,7 @@ declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonPar
|
|
|
3533
3647
|
errorTestId?: string;
|
|
3534
3648
|
captionTestId?: string;
|
|
3535
3649
|
title?: string;
|
|
3536
|
-
} & Omit<SliderProps, "id" | "aria-label" | "options"> &
|
|
3537
|
-
/**
|
|
3538
|
-
* The current numeric value of the slider
|
|
3539
|
-
*/
|
|
3540
|
-
value: number;
|
|
3541
|
-
/**
|
|
3542
|
-
* Callback when the value changes
|
|
3543
|
-
*/
|
|
3544
|
-
onChange: (value: number) => void;
|
|
3545
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3650
|
+
} & Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3546
3651
|
declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3547
3652
|
|
|
3548
3653
|
type LinkNodeProps = NonNullable<LinkParamValue>;
|
|
@@ -3686,11 +3791,11 @@ type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps,
|
|
|
3686
3791
|
/**
|
|
3687
3792
|
* The current selected value (option value string)
|
|
3688
3793
|
*/
|
|
3689
|
-
value: string;
|
|
3794
|
+
value: string | undefined;
|
|
3690
3795
|
/**
|
|
3691
3796
|
* Callback when the selection changes (receives option value string)
|
|
3692
3797
|
*/
|
|
3693
|
-
onChange: (value: string) => void;
|
|
3798
|
+
onChange: (value: string | undefined) => void;
|
|
3694
3799
|
};
|
|
3695
3800
|
/**
|
|
3696
3801
|
* Parameter wrapper for option-based sliders
|
|
@@ -3703,7 +3808,7 @@ declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonPar
|
|
|
3703
3808
|
errorTestId?: string;
|
|
3704
3809
|
captionTestId?: string;
|
|
3705
3810
|
title?: string;
|
|
3706
|
-
} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "
|
|
3811
|
+
} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "value" | "step" | "showNumberInput"> & {
|
|
3707
3812
|
/**
|
|
3708
3813
|
* The available options for the slider
|
|
3709
3814
|
*/
|
|
@@ -3711,11 +3816,11 @@ declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonPar
|
|
|
3711
3816
|
/**
|
|
3712
3817
|
* The current selected value (option value string)
|
|
3713
3818
|
*/
|
|
3714
|
-
value: string;
|
|
3819
|
+
value: string | undefined;
|
|
3715
3820
|
/**
|
|
3716
3821
|
* Callback when the selection changes (receives option value string)
|
|
3717
3822
|
*/
|
|
3718
|
-
onChange: (value: string) => void;
|
|
3823
|
+
onChange: (value: string | undefined) => void;
|
|
3719
3824
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3720
3825
|
declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3721
3826
|
|
|
@@ -3852,11 +3957,29 @@ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, plac
|
|
|
3852
3957
|
/**
|
|
3853
3958
|
* Hook to get the current popover context
|
|
3854
3959
|
* @description This hook is used to get the current popover context
|
|
3855
|
-
* useful for closing the popover with a nested button or
|
|
3960
|
+
* useful for closing the popover with a nested button or interactive element
|
|
3856
3961
|
* @example const currentPopoverContext = usePopoverComponentContext();
|
|
3857
3962
|
*/
|
|
3858
3963
|
declare const usePopoverComponentContext: () => PopoverStore | undefined;
|
|
3859
3964
|
|
|
3965
|
+
type PopoverBodyProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3966
|
+
/**
|
|
3967
|
+
* Valid CSS unit to set the maximum popover width
|
|
3968
|
+
* @default '14rem'
|
|
3969
|
+
*/
|
|
3970
|
+
maxWidth?: string;
|
|
3971
|
+
/** sets the variant to show
|
|
3972
|
+
* @default 'small'
|
|
3973
|
+
*/
|
|
3974
|
+
variant?: 'large' | 'small';
|
|
3975
|
+
children: ReactNode;
|
|
3976
|
+
};
|
|
3977
|
+
/**
|
|
3978
|
+
* A styled popover body component with design system styles.
|
|
3979
|
+
* Used to create custom popover-like behavior.
|
|
3980
|
+
*/
|
|
3981
|
+
declare const PopoverBody: ({ variant, maxWidth, children, ...otherProps }: PopoverBodyProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3982
|
+
|
|
3860
3983
|
interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3861
3984
|
current: number;
|
|
3862
3985
|
max: number;
|
|
@@ -3919,7 +4042,9 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
3919
4042
|
value?: TValue;
|
|
3920
4043
|
/** Called when the user selects a different option */
|
|
3921
4044
|
onChange: (value: TValue) => void;
|
|
3922
|
-
/**
|
|
4045
|
+
/**
|
|
4046
|
+
* @deprecated This prop has no effect. Checkmarks are no longer displayed.
|
|
4047
|
+
*/
|
|
3923
4048
|
noCheckmark?: boolean;
|
|
3924
4049
|
/** Disables all the options */
|
|
3925
4050
|
disabled?: boolean;
|
|
@@ -3949,7 +4074,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
3949
4074
|
* A control with multiple segments. Can be used as a replacement of radio buttons.
|
|
3950
4075
|
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
3951
4076
|
*/
|
|
3952
|
-
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange,
|
|
4077
|
+
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, noCheckmark: _noCheckmark, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3953
4078
|
|
|
3954
4079
|
type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
3955
4080
|
width?: string;
|
|
@@ -4224,7 +4349,9 @@ declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & R
|
|
|
4224
4349
|
type LinkManagerWithRefType = (props: Partial<LinkProps> & {
|
|
4225
4350
|
as?: string;
|
|
4226
4351
|
href: string;
|
|
4227
|
-
|
|
4352
|
+
/** @deprecated This prop has no effect */
|
|
4353
|
+
passHref?: boolean;
|
|
4354
|
+
/** @deprecated This prop has no effect */
|
|
4228
4355
|
legacyBehavior?: boolean;
|
|
4229
4356
|
} & React$1.RefAttributes<HTMLAnchorElement>) => React$1.ReactNode | null;
|
|
4230
4357
|
/** Uniform LinkWithRef Component
|
|
@@ -4295,7 +4422,6 @@ type LinkTileWithRefProps = {
|
|
|
4295
4422
|
as?: string;
|
|
4296
4423
|
href: string;
|
|
4297
4424
|
passHref: true;
|
|
4298
|
-
legacyBehavior?: boolean;
|
|
4299
4425
|
} & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
|
|
4300
4426
|
declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
4301
4427
|
|
|
@@ -4395,4 +4521,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
|
|
|
4395
4521
|
|
|
4396
4522
|
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
4397
4523
|
|
|
4398
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps
|
|
4524
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|