@uniformdev/design-system 20.35.0 → 20.35.1-alpha.58
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/dist/esm/index.js +7562 -6482
- package/dist/index.d.mts +278 -37
- package/dist/index.d.ts +278 -37
- package/dist/index.js +3997 -2894
- package/package.json +4 -4
package/dist/index.d.mts
CHANGED
|
@@ -80,6 +80,14 @@ declare const supports: (cssProp: string) => string;
|
|
|
80
80
|
* @example `${cq('300px')} { background: red; }`
|
|
81
81
|
*/
|
|
82
82
|
declare const cq: (size: string) => string;
|
|
83
|
+
/**
|
|
84
|
+
* Prefers Reduced Motion Helper Function
|
|
85
|
+
* @function
|
|
86
|
+
* @param {string} cssProp - The css property you want to check support
|
|
87
|
+
* @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
|
|
88
|
+
* @example `${prefersReducedMotion('reduce')} { animation: none; }`
|
|
89
|
+
*/
|
|
90
|
+
declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
|
|
83
91
|
|
|
84
92
|
/** @deprecated for internal use only */
|
|
85
93
|
declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
|
|
@@ -105,6 +113,7 @@ declare const getParentPath: (path: string | undefined, noRootSlash?: boolean) =
|
|
|
105
113
|
declare const useOutsideClick: (containerRef: RefObject<HTMLElement | null>, handler: () => void) => void;
|
|
106
114
|
|
|
107
115
|
declare const button: _emotion_react.SerializedStyles;
|
|
116
|
+
declare const buttonDisabled: _emotion_react.SerializedStyles;
|
|
108
117
|
declare const buttonRippleEffect: (props: {
|
|
109
118
|
hoverColor: string;
|
|
110
119
|
activeColor?: string;
|
|
@@ -420,22 +429,22 @@ type TooltipProps = TooltipOptions & {
|
|
|
420
429
|
declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
421
430
|
|
|
422
431
|
/** Button sizes that are available to use with our brand */
|
|
423
|
-
type ButtonSizeProps
|
|
432
|
+
type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
424
433
|
/** Button themes that are available to use with our brand */
|
|
425
|
-
type ButtonThemeProps
|
|
434
|
+
type ButtonThemeProps = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
426
435
|
/** @deprecated - Beta Button themes for the soft variant */
|
|
427
436
|
type ButtonSoftThemeProps = 'primary' | 'tertiary' | 'alt' | 'destructive' | 'accent-primary';
|
|
428
437
|
type ButtonStylesProps = ButtonDefaultStylesProps | ButtonSoftStylesProps;
|
|
429
438
|
type ButtonDefaultStylesProps = {
|
|
430
|
-
theme: ButtonThemeProps
|
|
431
|
-
size: ButtonSizeProps
|
|
439
|
+
theme: ButtonThemeProps;
|
|
440
|
+
size: ButtonSizeProps;
|
|
432
441
|
};
|
|
433
442
|
type ButtonSoftStylesProps = {
|
|
434
443
|
theme: ButtonSoftThemeProps;
|
|
435
|
-
size: ButtonSizeProps
|
|
444
|
+
size: ButtonSizeProps;
|
|
436
445
|
variant?: 'soft' | undefined;
|
|
437
446
|
};
|
|
438
|
-
declare const getButtonSize: (size: ButtonSizeProps
|
|
447
|
+
declare const getButtonSize: (size: ButtonSizeProps) => string;
|
|
439
448
|
declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
440
449
|
buttonTheme: SerializedStyles;
|
|
441
450
|
btnSize: string;
|
|
@@ -450,13 +459,13 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
450
459
|
/** sets the theme of the button
|
|
451
460
|
* @default "primary"
|
|
452
461
|
*/
|
|
453
|
-
buttonType?: ButtonThemeProps
|
|
462
|
+
buttonType?: ButtonThemeProps;
|
|
454
463
|
/** React child node */
|
|
455
464
|
children?: React$1.ReactNode;
|
|
456
465
|
/**
|
|
457
466
|
* @default "md"
|
|
458
467
|
* */
|
|
459
|
-
size?: ButtonSizeProps
|
|
468
|
+
size?: ButtonSizeProps;
|
|
460
469
|
/**
|
|
461
470
|
* Sets a tooltip on the button when hovered
|
|
462
471
|
* Note that the tooltip will be shown whether disabled or not.
|
|
@@ -1175,7 +1184,7 @@ type IconType = IconName | IconType$1;
|
|
|
1175
1184
|
/** sets fill color of the svg icon
|
|
1176
1185
|
* @default 'default'
|
|
1177
1186
|
*/
|
|
1178
|
-
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
|
|
1187
|
+
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
|
|
1179
1188
|
interface IconProps extends IconBaseProps {
|
|
1180
1189
|
/** sets the icon to be used */
|
|
1181
1190
|
icon: IconType;
|
|
@@ -1272,28 +1281,38 @@ declare const uniformStatusModifiedIcon: IconType$1;
|
|
|
1272
1281
|
declare const uniformStatusPublishedIcon: IconType$1;
|
|
1273
1282
|
declare const uniformUsageStatusIcon: IconType$1;
|
|
1274
1283
|
|
|
1275
|
-
type
|
|
1276
|
-
|
|
1277
|
-
|
|
1284
|
+
type ButtonWithMenuThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
|
|
1285
|
+
/** Note: base is deprecated, use md instead for consistency with Button */
|
|
1286
|
+
type ButtonWithMenuSizeProps = 'sm' | 'base' | 'md' | 'lg';
|
|
1287
|
+
type ButtonWithMenuSoftThemeProps = {
|
|
1288
|
+
variant: 'soft' /** sets the theme of the button
|
|
1289
|
+
* @default "primary"
|
|
1290
|
+
*/;
|
|
1291
|
+
buttonType?: ButtonSoftThemeProps;
|
|
1292
|
+
};
|
|
1293
|
+
type ButtonWithMenuDefaultStylesProps = {
|
|
1294
|
+
/** sets the theme of the button
|
|
1295
|
+
* @default "secondary"
|
|
1296
|
+
*/
|
|
1297
|
+
buttonType?: ButtonWithMenuThemeProps;
|
|
1298
|
+
};
|
|
1299
|
+
type ButtonWithMenuStylesProps = ButtonWithMenuDefaultStylesProps | ButtonWithMenuSoftThemeProps;
|
|
1300
|
+
interface ActionButtonsProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'disabled'> {
|
|
1278
1301
|
/** Takes a function for the visible button */
|
|
1279
1302
|
onButtonClick?: () => void;
|
|
1280
1303
|
/** (optional) ariakit placements options for the expandable menu */
|
|
1281
1304
|
placement?: MenuStoreProps['placement'];
|
|
1282
|
-
/** sets the theme of the button
|
|
1283
|
-
* @default "secondary"
|
|
1284
|
-
*/
|
|
1285
|
-
buttonType?: ButtonThemeProps;
|
|
1286
1305
|
/** sets the button text value */
|
|
1287
|
-
buttonText: React
|
|
1306
|
+
buttonText: React.ReactNode;
|
|
1288
1307
|
/** sets a leading icon supporting the button text */
|
|
1289
1308
|
icon?: IconName;
|
|
1290
1309
|
/** adds child components to the ButtonWithMenu component */
|
|
1291
|
-
children: React
|
|
1310
|
+
children: React.ReactNode;
|
|
1292
1311
|
/**
|
|
1293
1312
|
* sets the button size
|
|
1294
|
-
* @default "
|
|
1313
|
+
* @default "md"
|
|
1295
1314
|
*/
|
|
1296
|
-
size?:
|
|
1315
|
+
size?: ButtonWithMenuSizeProps;
|
|
1297
1316
|
/** sets additional Menu component styles */
|
|
1298
1317
|
menuContainerCssClasses?: SerializedStyles;
|
|
1299
1318
|
/** sets whether to use a React portal rendering or not. */
|
|
@@ -1307,17 +1326,26 @@ interface ActionButtonsProps {
|
|
|
1307
1326
|
* Sets a tooltip on the button when hovered
|
|
1308
1327
|
* Note that the tooltip will be shown whether disabled or not.
|
|
1309
1328
|
*/
|
|
1310
|
-
tooltip?: React
|
|
1329
|
+
tooltip?: React.ReactNode;
|
|
1311
1330
|
/**
|
|
1312
1331
|
* Sets a shortcut for the button.
|
|
1313
1332
|
* The shortcut's handler function will be automatically set to the onClick of the button,
|
|
1314
1333
|
* and a tooltip will be added to the button that shows the keyboard shortcut.
|
|
1315
1334
|
*/
|
|
1316
1335
|
shortcut?: ShortcutReference;
|
|
1336
|
+
/**
|
|
1337
|
+
* Whether the button is disabled or loading
|
|
1338
|
+
* @default false
|
|
1339
|
+
*
|
|
1340
|
+
* - false: the button is enabled
|
|
1341
|
+
* - true: the button is disabled
|
|
1342
|
+
* - '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
|
|
1343
|
+
*/
|
|
1344
|
+
disabled?: boolean | 'loading';
|
|
1317
1345
|
}
|
|
1318
1346
|
/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
|
|
1319
|
-
type ButtonWithMenuProps = ActionButtonsProps &
|
|
1320
|
-
declare const ButtonWithMenu: ({ onButtonClick,
|
|
1347
|
+
type ButtonWithMenuProps = ActionButtonsProps & ButtonWithMenuStylesProps;
|
|
1348
|
+
declare const ButtonWithMenu: ({ onButtonClick, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, portal, maxMenuHeight, tooltip, shortcut, buttonType, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1321
1349
|
|
|
1322
1350
|
/**
|
|
1323
1351
|
* A string in the ISO 8601 date format: YYYY-MM-DD
|
|
@@ -1492,7 +1520,7 @@ type MultilineChipProps = {
|
|
|
1492
1520
|
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1493
1521
|
|
|
1494
1522
|
type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
|
|
1495
|
-
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
|
|
1523
|
+
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
|
|
1496
1524
|
type CounterProps = {
|
|
1497
1525
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
1498
1526
|
count: number | undefined;
|
|
@@ -1504,9 +1532,13 @@ type CounterProps = {
|
|
|
1504
1532
|
iconColor?: CounterIconColors;
|
|
1505
1533
|
/** Optional icon for the counter */
|
|
1506
1534
|
icon?: IconType;
|
|
1535
|
+
/** sets the size of the counter
|
|
1536
|
+
* @default 'md'
|
|
1537
|
+
*/
|
|
1538
|
+
size?: 'sm' | 'md';
|
|
1507
1539
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
1508
1540
|
/** @example <Counter count={1} /> */
|
|
1509
|
-
declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1541
|
+
declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1510
1542
|
|
|
1511
1543
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
1512
1544
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -2123,6 +2155,11 @@ type InputComboBoxOption<TValue = string> = {
|
|
|
2123
2155
|
* Note: this works for any type used for an option where a boolean called indented exists.
|
|
2124
2156
|
*/
|
|
2125
2157
|
indented?: boolean;
|
|
2158
|
+
/**
|
|
2159
|
+
* Sets the option to be fixed.
|
|
2160
|
+
* This will prevent the option from being removed or selected.
|
|
2161
|
+
*/
|
|
2162
|
+
isFixed?: boolean;
|
|
2126
2163
|
};
|
|
2127
2164
|
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
|
|
2128
2165
|
type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
|
|
@@ -2511,6 +2548,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
|
|
|
2511
2548
|
type KeyValueItem<TValue extends string = string> = {
|
|
2512
2549
|
key: string;
|
|
2513
2550
|
value: TValue;
|
|
2551
|
+
icon?: string;
|
|
2514
2552
|
uniqueId?: string;
|
|
2515
2553
|
};
|
|
2516
2554
|
type KeyValueInputProps<TValue extends string = string> = {
|
|
@@ -2521,10 +2559,18 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2521
2559
|
newItemDefault?: KeyValueItem<TValue>;
|
|
2522
2560
|
keyLabel?: string;
|
|
2523
2561
|
valueLabel?: string;
|
|
2562
|
+
iconLabel?: string;
|
|
2524
2563
|
keyInfoPopover?: ReactNode;
|
|
2525
2564
|
valueInfoPopover?: ReactNode;
|
|
2526
|
-
|
|
2565
|
+
iconInfoPopover?: ReactNode;
|
|
2566
|
+
errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
|
|
2527
2567
|
onFocusChange?: (isFocused: boolean) => void;
|
|
2568
|
+
showIconColumn?: boolean;
|
|
2569
|
+
renderIconSelector?: (props: {
|
|
2570
|
+
value?: string;
|
|
2571
|
+
onChange: (icon: string) => void;
|
|
2572
|
+
disabled?: boolean;
|
|
2573
|
+
}) => ReactNode;
|
|
2528
2574
|
};
|
|
2529
2575
|
/**
|
|
2530
2576
|
* A component to render a sortable key-value input
|
|
@@ -2533,7 +2579,7 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2533
2579
|
* return <KeyValueInput value={value} onChange={setValue} />
|
|
2534
2580
|
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
2535
2581
|
*/
|
|
2536
|
-
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2582
|
+
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2537
2583
|
|
|
2538
2584
|
type AsideAndSectionLayout = {
|
|
2539
2585
|
/** sets child components in the aside / supporting column */
|
|
@@ -2742,6 +2788,10 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
|
|
|
2742
2788
|
children: React.ReactNode;
|
|
2743
2789
|
/** sets the background color of the button */
|
|
2744
2790
|
bgColor?: string;
|
|
2791
|
+
/** sets the variant of the button
|
|
2792
|
+
* @default "ghost"
|
|
2793
|
+
*/
|
|
2794
|
+
variant?: 'ghost' | 'outline';
|
|
2745
2795
|
}
|
|
2746
2796
|
/** Renders a dropdown menu style menu trigger button */
|
|
2747
2797
|
declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2804,6 +2854,11 @@ type MenuGroupProps = {
|
|
|
2804
2854
|
};
|
|
2805
2855
|
declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2806
2856
|
|
|
2857
|
+
/**
|
|
2858
|
+
* base - default
|
|
2859
|
+
* red - red text
|
|
2860
|
+
* accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
|
|
2861
|
+
*/
|
|
2807
2862
|
type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
|
|
2808
2863
|
type MenuItemProps = MenuItemProps$1 & {
|
|
2809
2864
|
/**
|
|
@@ -2879,6 +2934,7 @@ type MenuThreeDotsProps = {
|
|
|
2879
2934
|
* @default '1rem'
|
|
2880
2935
|
*/
|
|
2881
2936
|
iconSize?: string;
|
|
2937
|
+
disabled?: boolean;
|
|
2882
2938
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
2883
2939
|
declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
2884
2940
|
/** sets the aria-label and title value on the button
|
|
@@ -2889,6 +2945,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
|
2889
2945
|
* @default '1rem'
|
|
2890
2946
|
*/
|
|
2891
2947
|
iconSize?: string;
|
|
2948
|
+
disabled?: boolean;
|
|
2949
|
+
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2950
|
+
declare const MenuSelect: React$1.ForwardRefExoticComponent<{
|
|
2951
|
+
/** sets the size of the menu select
|
|
2952
|
+
* @default 'base'
|
|
2953
|
+
*/
|
|
2954
|
+
size?: "xs" | "sm" | "base" | "md" | "lg";
|
|
2955
|
+
children: React.ReactNode;
|
|
2892
2956
|
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2893
2957
|
|
|
2894
2958
|
type SearchableMenuProps = {
|
|
@@ -3177,6 +3241,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
|
|
|
3177
3241
|
};
|
|
3178
3242
|
declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3179
3243
|
|
|
3244
|
+
type BaseParameterActionButtonProps = {
|
|
3245
|
+
children: React__default.ReactNode;
|
|
3246
|
+
disabled?: boolean;
|
|
3247
|
+
/**
|
|
3248
|
+
* The tooltip to display when hovering over the button.
|
|
3249
|
+
* If a string is provided, it will be displayed as a tooltip.
|
|
3250
|
+
* If a React element is provided, it will be displayed as a tooltip.
|
|
3251
|
+
*/
|
|
3252
|
+
tooltip?: string | React__default.ReactNode;
|
|
3253
|
+
/**
|
|
3254
|
+
* The component to render the button as.
|
|
3255
|
+
* There maybe a scenario where we want to render the button as a div
|
|
3256
|
+
* @default 'button'
|
|
3257
|
+
*/
|
|
3258
|
+
renderAs?: 'button' | 'div';
|
|
3259
|
+
} & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
|
|
3260
|
+
interface OutlineVariant extends BaseParameterActionButtonProps {
|
|
3261
|
+
themeType: 'outline';
|
|
3262
|
+
}
|
|
3263
|
+
interface FilledVariant extends BaseParameterActionButtonProps {
|
|
3264
|
+
themeType: 'filled';
|
|
3265
|
+
/** inverts the border layout of the button
|
|
3266
|
+
* @default false
|
|
3267
|
+
*/
|
|
3268
|
+
inverted?: boolean;
|
|
3269
|
+
}
|
|
3270
|
+
type ParameterActionButtonProps = OutlineVariant | FilledVariant;
|
|
3271
|
+
declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3272
|
+
|
|
3180
3273
|
type ParameterDrawerHeaderProps = {
|
|
3181
3274
|
title: string;
|
|
3182
3275
|
iconBeforeTitle?: ReactNode;
|
|
@@ -3298,6 +3391,7 @@ type ParameterMenuButtonProps = {
|
|
|
3298
3391
|
/** sets the legend value */
|
|
3299
3392
|
label: string;
|
|
3300
3393
|
children?: ReactNode;
|
|
3394
|
+
disabled?: boolean;
|
|
3301
3395
|
};
|
|
3302
3396
|
/** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
|
|
3303
3397
|
declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3367,6 +3461,84 @@ type ParameterNameAndPublicIdInputProps = {
|
|
|
3367
3461
|
/** @example <ParameterNameAndPublicIdInput /> */
|
|
3368
3462
|
declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3369
3463
|
|
|
3464
|
+
type SliderOption = {
|
|
3465
|
+
value: string;
|
|
3466
|
+
text: string;
|
|
3467
|
+
};
|
|
3468
|
+
type SliderProps = {
|
|
3469
|
+
value: number;
|
|
3470
|
+
onChange: (value: number) => void;
|
|
3471
|
+
onBlur?: () => void;
|
|
3472
|
+
min?: number;
|
|
3473
|
+
max?: number;
|
|
3474
|
+
step?: number;
|
|
3475
|
+
options?: SliderOption[];
|
|
3476
|
+
showNumberInput?: boolean;
|
|
3477
|
+
disabled?: boolean;
|
|
3478
|
+
'aria-label'?: string;
|
|
3479
|
+
id?: string;
|
|
3480
|
+
name?: string;
|
|
3481
|
+
};
|
|
3482
|
+
/**
|
|
3483
|
+
* Slider component that supports both numeric values and predefined options
|
|
3484
|
+
* @example
|
|
3485
|
+
* // Numeric mode
|
|
3486
|
+
* <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3487
|
+
*
|
|
3488
|
+
* // Options mode
|
|
3489
|
+
* <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
|
|
3490
|
+
*/
|
|
3491
|
+
declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
3492
|
+
|
|
3493
|
+
type TickMark = {
|
|
3494
|
+
position: number;
|
|
3495
|
+
percentage: number;
|
|
3496
|
+
label?: string;
|
|
3497
|
+
isLarge: boolean;
|
|
3498
|
+
};
|
|
3499
|
+
type SliderLabelsProps = {
|
|
3500
|
+
ticks: TickMark[];
|
|
3501
|
+
currentValue: number;
|
|
3502
|
+
containerWidth?: number;
|
|
3503
|
+
};
|
|
3504
|
+
/**
|
|
3505
|
+
* SliderLabels component that intelligently shows/hides labels based on available space
|
|
3506
|
+
*/
|
|
3507
|
+
declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
3508
|
+
|
|
3509
|
+
type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
|
|
3510
|
+
/**
|
|
3511
|
+
* The current numeric value of the slider
|
|
3512
|
+
*/
|
|
3513
|
+
value: number;
|
|
3514
|
+
/**
|
|
3515
|
+
* Callback when the value changes
|
|
3516
|
+
*/
|
|
3517
|
+
onChange: (value: number) => void;
|
|
3518
|
+
};
|
|
3519
|
+
/**
|
|
3520
|
+
* Parameter wrapper for numeric sliders
|
|
3521
|
+
* @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3522
|
+
*/
|
|
3523
|
+
declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3524
|
+
caption?: string;
|
|
3525
|
+
menuItems?: React$1.ReactNode;
|
|
3526
|
+
actionItems?: React.ReactNode;
|
|
3527
|
+
errorTestId?: string;
|
|
3528
|
+
captionTestId?: string;
|
|
3529
|
+
title?: string;
|
|
3530
|
+
} & Omit<SliderProps, "id" | "aria-label" | "options"> & {
|
|
3531
|
+
/**
|
|
3532
|
+
* The current numeric value of the slider
|
|
3533
|
+
*/
|
|
3534
|
+
value: number;
|
|
3535
|
+
/**
|
|
3536
|
+
* Callback when the value changes
|
|
3537
|
+
*/
|
|
3538
|
+
onChange: (value: number) => void;
|
|
3539
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3540
|
+
declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3541
|
+
|
|
3370
3542
|
type LinkNodeProps = NonNullable<LinkParamValue>;
|
|
3371
3543
|
type SerializedLinkNode = Spread<{
|
|
3372
3544
|
link: LinkNodeProps;
|
|
@@ -3500,6 +3672,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
|
|
|
3500
3672
|
/** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
|
|
3501
3673
|
declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
|
|
3502
3674
|
|
|
3675
|
+
type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
|
|
3676
|
+
/**
|
|
3677
|
+
* The available options for the slider
|
|
3678
|
+
*/
|
|
3679
|
+
options: SliderOption[];
|
|
3680
|
+
/**
|
|
3681
|
+
* The current selected value (option value string)
|
|
3682
|
+
*/
|
|
3683
|
+
value: string;
|
|
3684
|
+
/**
|
|
3685
|
+
* Callback when the selection changes (receives option value string)
|
|
3686
|
+
*/
|
|
3687
|
+
onChange: (value: string) => void;
|
|
3688
|
+
};
|
|
3689
|
+
/**
|
|
3690
|
+
* Parameter wrapper for option-based sliders
|
|
3691
|
+
* @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
|
|
3692
|
+
*/
|
|
3693
|
+
declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3694
|
+
caption?: string;
|
|
3695
|
+
menuItems?: React$1.ReactNode;
|
|
3696
|
+
actionItems?: React.ReactNode;
|
|
3697
|
+
errorTestId?: string;
|
|
3698
|
+
captionTestId?: string;
|
|
3699
|
+
title?: string;
|
|
3700
|
+
} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
|
|
3701
|
+
/**
|
|
3702
|
+
* The available options for the slider
|
|
3703
|
+
*/
|
|
3704
|
+
options: SliderOption[];
|
|
3705
|
+
/**
|
|
3706
|
+
* The current selected value (option value string)
|
|
3707
|
+
*/
|
|
3708
|
+
value: string;
|
|
3709
|
+
/**
|
|
3710
|
+
* Callback when the selection changes (receives option value string)
|
|
3711
|
+
*/
|
|
3712
|
+
onChange: (value: string) => void;
|
|
3713
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3714
|
+
declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3715
|
+
|
|
3503
3716
|
/** A function that extracts all common props and element props
|
|
3504
3717
|
* @example const { shellProps, innerProps } = extractParameterProps(props) */
|
|
3505
3718
|
declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
|
|
@@ -3565,21 +3778,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
|
|
|
3565
3778
|
/** @example <ParameterTextareaInner /> */
|
|
3566
3779
|
declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
3567
3780
|
|
|
3568
|
-
type
|
|
3781
|
+
type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
3569
3782
|
type: 'checkbox' | 'radio';
|
|
3783
|
+
withoutIndeterminateState?: boolean;
|
|
3570
3784
|
};
|
|
3785
|
+
type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
|
|
3571
3786
|
/** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
|
|
3572
|
-
declare const ParameterToggle: React$1.ForwardRefExoticComponent<
|
|
3787
|
+
declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3573
3788
|
caption?: string;
|
|
3574
3789
|
menuItems?: React$1.ReactNode;
|
|
3575
3790
|
actionItems?: React.ReactNode;
|
|
3576
3791
|
errorTestId?: string;
|
|
3577
3792
|
captionTestId?: string;
|
|
3578
3793
|
title?: string;
|
|
3579
|
-
} & {
|
|
3794
|
+
} & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3795
|
+
type: "checkbox" | "radio";
|
|
3796
|
+
withoutIndeterminateState?: boolean;
|
|
3797
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3798
|
+
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3580
3799
|
type: "checkbox" | "radio";
|
|
3800
|
+
withoutIndeterminateState?: boolean;
|
|
3581
3801
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3582
|
-
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3583
3802
|
|
|
3584
3803
|
type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
3585
3804
|
/** sets the aria-controls and id value of the matching popover set */
|
|
@@ -3624,11 +3843,29 @@ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, plac
|
|
|
3624
3843
|
/**
|
|
3625
3844
|
* Hook to get the current popover context
|
|
3626
3845
|
* @description This hook is used to get the current popover context
|
|
3627
|
-
* useful for closing the popover with a nested button or
|
|
3846
|
+
* useful for closing the popover with a nested button or interactive element
|
|
3628
3847
|
* @example const currentPopoverContext = usePopoverComponentContext();
|
|
3629
3848
|
*/
|
|
3630
3849
|
declare const usePopoverComponentContext: () => PopoverStore | undefined;
|
|
3631
3850
|
|
|
3851
|
+
type PopoverBodyProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3852
|
+
/**
|
|
3853
|
+
* Valid CSS unit to set the maximum popover width
|
|
3854
|
+
* @default '14rem'
|
|
3855
|
+
*/
|
|
3856
|
+
maxWidth?: string;
|
|
3857
|
+
/** sets the variant to show
|
|
3858
|
+
* @default 'small'
|
|
3859
|
+
*/
|
|
3860
|
+
variant?: 'large' | 'small';
|
|
3861
|
+
children: ReactNode;
|
|
3862
|
+
};
|
|
3863
|
+
/**
|
|
3864
|
+
* A styled popover body component with design system styles.
|
|
3865
|
+
* Used to create custom popover-like behavior.
|
|
3866
|
+
*/
|
|
3867
|
+
declare const PopoverBody: ({ variant, maxWidth, children, ...otherProps }: PopoverBodyProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3868
|
+
|
|
3632
3869
|
interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3633
3870
|
current: number;
|
|
3634
3871
|
max: number;
|
|
@@ -3691,7 +3928,9 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
3691
3928
|
value?: TValue;
|
|
3692
3929
|
/** Called when the user selects a different option */
|
|
3693
3930
|
onChange: (value: TValue) => void;
|
|
3694
|
-
/**
|
|
3931
|
+
/**
|
|
3932
|
+
* @deprecated This prop has no effect. Checkmarks are no longer displayed.
|
|
3933
|
+
*/
|
|
3695
3934
|
noCheckmark?: boolean;
|
|
3696
3935
|
/** Disables all the options */
|
|
3697
3936
|
disabled?: boolean;
|
|
@@ -3721,7 +3960,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
3721
3960
|
* A control with multiple segments. Can be used as a replacement of radio buttons.
|
|
3722
3961
|
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
3723
3962
|
*/
|
|
3724
|
-
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange,
|
|
3963
|
+
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3725
3964
|
|
|
3726
3965
|
type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
3727
3966
|
width?: string;
|
|
@@ -3745,7 +3984,7 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
|
3745
3984
|
/** sets the label value */
|
|
3746
3985
|
label: ReactNode;
|
|
3747
3986
|
/** (optional) sets information text */
|
|
3748
|
-
infoText?: string;
|
|
3987
|
+
infoText?: string | ReactNode;
|
|
3749
3988
|
/** sets the toggle text value */
|
|
3750
3989
|
toggleText?: string;
|
|
3751
3990
|
/** sets child elements */
|
|
@@ -3767,7 +4006,7 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3767
4006
|
/** sets the label value */
|
|
3768
4007
|
label: ReactNode;
|
|
3769
4008
|
/** (optional) sets information text */
|
|
3770
|
-
infoText?: string;
|
|
4009
|
+
infoText?: string | ReactNode;
|
|
3771
4010
|
/** sets the toggle text value */
|
|
3772
4011
|
toggleText?: string;
|
|
3773
4012
|
/** sets child elements */
|
|
@@ -4165,4 +4404,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4165
4404
|
};
|
|
4166
4405
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4167
4406
|
|
|
4168
|
-
|
|
4407
|
+
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
4408
|
+
|
|
4409
|
+
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, FlexiCard, FlexiCardTitle, 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, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|