@uniformdev/design-system 20.7.1-alpha.79 → 20.7.1-alpha.83
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 +2222 -1189
- package/dist/index.d.mts +217 -15
- package/dist/index.d.ts +217 -15
- package/dist/index.js +1976 -923
- package/package.json +11 -9
package/dist/index.d.ts
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;
|
|
@@ -1175,7 +1183,7 @@ type IconType = IconName | IconType$1;
|
|
|
1175
1183
|
/** sets fill color of the svg icon
|
|
1176
1184
|
* @default 'default'
|
|
1177
1185
|
*/
|
|
1178
|
-
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
|
|
1186
|
+
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
|
|
1179
1187
|
interface IconProps extends IconBaseProps {
|
|
1180
1188
|
/** sets the icon to be used */
|
|
1181
1189
|
icon: IconType;
|
|
@@ -1492,7 +1500,7 @@ type MultilineChipProps = {
|
|
|
1492
1500
|
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1493
1501
|
|
|
1494
1502
|
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';
|
|
1503
|
+
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
|
|
1496
1504
|
type CounterProps = {
|
|
1497
1505
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
1498
1506
|
count: number | undefined;
|
|
@@ -1504,9 +1512,13 @@ type CounterProps = {
|
|
|
1504
1512
|
iconColor?: CounterIconColors;
|
|
1505
1513
|
/** Optional icon for the counter */
|
|
1506
1514
|
icon?: IconType;
|
|
1515
|
+
/** sets the size of the counter
|
|
1516
|
+
* @default 'md'
|
|
1517
|
+
*/
|
|
1518
|
+
size?: 'sm' | 'md';
|
|
1507
1519
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
1508
1520
|
/** @example <Counter count={1} /> */
|
|
1509
|
-
declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1521
|
+
declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1510
1522
|
|
|
1511
1523
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
1512
1524
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -2123,6 +2135,11 @@ type InputComboBoxOption<TValue = string> = {
|
|
|
2123
2135
|
* Note: this works for any type used for an option where a boolean called indented exists.
|
|
2124
2136
|
*/
|
|
2125
2137
|
indented?: boolean;
|
|
2138
|
+
/**
|
|
2139
|
+
* Sets the option to be fixed.
|
|
2140
|
+
* This will prevent the option from being removed or selected.
|
|
2141
|
+
*/
|
|
2142
|
+
isFixed?: boolean;
|
|
2126
2143
|
};
|
|
2127
2144
|
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
|
|
2128
2145
|
type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
|
|
@@ -2511,6 +2528,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
|
|
|
2511
2528
|
type KeyValueItem<TValue extends string = string> = {
|
|
2512
2529
|
key: string;
|
|
2513
2530
|
value: TValue;
|
|
2531
|
+
icon?: string;
|
|
2514
2532
|
uniqueId?: string;
|
|
2515
2533
|
};
|
|
2516
2534
|
type KeyValueInputProps<TValue extends string = string> = {
|
|
@@ -2521,10 +2539,18 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2521
2539
|
newItemDefault?: KeyValueItem<TValue>;
|
|
2522
2540
|
keyLabel?: string;
|
|
2523
2541
|
valueLabel?: string;
|
|
2542
|
+
iconLabel?: string;
|
|
2524
2543
|
keyInfoPopover?: ReactNode;
|
|
2525
2544
|
valueInfoPopover?: ReactNode;
|
|
2526
|
-
|
|
2545
|
+
iconInfoPopover?: ReactNode;
|
|
2546
|
+
errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
|
|
2527
2547
|
onFocusChange?: (isFocused: boolean) => void;
|
|
2548
|
+
showIconColumn?: boolean;
|
|
2549
|
+
renderIconSelector?: (props: {
|
|
2550
|
+
value?: string;
|
|
2551
|
+
onChange: (icon: string) => void;
|
|
2552
|
+
disabled?: boolean;
|
|
2553
|
+
}) => ReactNode;
|
|
2528
2554
|
};
|
|
2529
2555
|
/**
|
|
2530
2556
|
* A component to render a sortable key-value input
|
|
@@ -2533,7 +2559,7 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2533
2559
|
* return <KeyValueInput value={value} onChange={setValue} />
|
|
2534
2560
|
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
2535
2561
|
*/
|
|
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;
|
|
2562
|
+
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
2563
|
|
|
2538
2564
|
type AsideAndSectionLayout = {
|
|
2539
2565
|
/** sets child components in the aside / supporting column */
|
|
@@ -2742,6 +2768,10 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
|
|
|
2742
2768
|
children: React.ReactNode;
|
|
2743
2769
|
/** sets the background color of the button */
|
|
2744
2770
|
bgColor?: string;
|
|
2771
|
+
/** sets the variant of the button
|
|
2772
|
+
* @default "ghost"
|
|
2773
|
+
*/
|
|
2774
|
+
variant?: 'ghost' | 'outline';
|
|
2745
2775
|
}
|
|
2746
2776
|
/** Renders a dropdown menu style menu trigger button */
|
|
2747
2777
|
declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2804,6 +2834,11 @@ type MenuGroupProps = {
|
|
|
2804
2834
|
};
|
|
2805
2835
|
declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2806
2836
|
|
|
2837
|
+
/**
|
|
2838
|
+
* base - default
|
|
2839
|
+
* red - red text
|
|
2840
|
+
* accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
|
|
2841
|
+
*/
|
|
2807
2842
|
type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
|
|
2808
2843
|
type MenuItemProps = MenuItemProps$1 & {
|
|
2809
2844
|
/**
|
|
@@ -2879,6 +2914,7 @@ type MenuThreeDotsProps = {
|
|
|
2879
2914
|
* @default '1rem'
|
|
2880
2915
|
*/
|
|
2881
2916
|
iconSize?: string;
|
|
2917
|
+
disabled?: boolean;
|
|
2882
2918
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
2883
2919
|
declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
2884
2920
|
/** sets the aria-label and title value on the button
|
|
@@ -2889,6 +2925,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
|
2889
2925
|
* @default '1rem'
|
|
2890
2926
|
*/
|
|
2891
2927
|
iconSize?: string;
|
|
2928
|
+
disabled?: boolean;
|
|
2929
|
+
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2930
|
+
declare const MenuSelect: React$1.ForwardRefExoticComponent<{
|
|
2931
|
+
/** sets the size of the menu select
|
|
2932
|
+
* @default 'base'
|
|
2933
|
+
*/
|
|
2934
|
+
size?: "xs" | "sm" | "base" | "md" | "lg";
|
|
2935
|
+
children: React.ReactNode;
|
|
2892
2936
|
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2893
2937
|
|
|
2894
2938
|
type SearchableMenuProps = {
|
|
@@ -3177,6 +3221,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
|
|
|
3177
3221
|
};
|
|
3178
3222
|
declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3179
3223
|
|
|
3224
|
+
type BaseParameterActionButtonProps = {
|
|
3225
|
+
children: React__default.ReactNode;
|
|
3226
|
+
disabled?: boolean;
|
|
3227
|
+
/**
|
|
3228
|
+
* The tooltip to display when hovering over the button.
|
|
3229
|
+
* If a string is provided, it will be displayed as a tooltip.
|
|
3230
|
+
* If a React element is provided, it will be displayed as a tooltip.
|
|
3231
|
+
*/
|
|
3232
|
+
tooltip?: string | React__default.ReactNode;
|
|
3233
|
+
/**
|
|
3234
|
+
* The component to render the button as.
|
|
3235
|
+
* There maybe a scenario where we want to render the button as a div
|
|
3236
|
+
* @default 'button'
|
|
3237
|
+
*/
|
|
3238
|
+
renderAs?: 'button' | 'div';
|
|
3239
|
+
} & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
|
|
3240
|
+
interface OutlineVariant extends BaseParameterActionButtonProps {
|
|
3241
|
+
themeType: 'outline';
|
|
3242
|
+
}
|
|
3243
|
+
interface FilledVariant extends BaseParameterActionButtonProps {
|
|
3244
|
+
themeType: 'filled';
|
|
3245
|
+
/** inverts the border layout of the button
|
|
3246
|
+
* @default false
|
|
3247
|
+
*/
|
|
3248
|
+
inverted?: boolean;
|
|
3249
|
+
}
|
|
3250
|
+
type ParameterActionButtonProps = OutlineVariant | FilledVariant;
|
|
3251
|
+
declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3252
|
+
|
|
3180
3253
|
type ParameterDrawerHeaderProps = {
|
|
3181
3254
|
title: string;
|
|
3182
3255
|
iconBeforeTitle?: ReactNode;
|
|
@@ -3298,6 +3371,7 @@ type ParameterMenuButtonProps = {
|
|
|
3298
3371
|
/** sets the legend value */
|
|
3299
3372
|
label: string;
|
|
3300
3373
|
children?: ReactNode;
|
|
3374
|
+
disabled?: boolean;
|
|
3301
3375
|
};
|
|
3302
3376
|
/** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
|
|
3303
3377
|
declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3367,6 +3441,84 @@ type ParameterNameAndPublicIdInputProps = {
|
|
|
3367
3441
|
/** @example <ParameterNameAndPublicIdInput /> */
|
|
3368
3442
|
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
3443
|
|
|
3444
|
+
type SliderOption = {
|
|
3445
|
+
value: string;
|
|
3446
|
+
text: string;
|
|
3447
|
+
};
|
|
3448
|
+
type SliderProps = {
|
|
3449
|
+
value: number;
|
|
3450
|
+
onChange: (value: number) => void;
|
|
3451
|
+
onBlur?: () => void;
|
|
3452
|
+
min?: number;
|
|
3453
|
+
max?: number;
|
|
3454
|
+
step?: number;
|
|
3455
|
+
options?: SliderOption[];
|
|
3456
|
+
showNumberInput?: boolean;
|
|
3457
|
+
disabled?: boolean;
|
|
3458
|
+
'aria-label'?: string;
|
|
3459
|
+
id?: string;
|
|
3460
|
+
name?: string;
|
|
3461
|
+
};
|
|
3462
|
+
/**
|
|
3463
|
+
* Slider component that supports both numeric values and predefined options
|
|
3464
|
+
* @example
|
|
3465
|
+
* // Numeric mode
|
|
3466
|
+
* <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3467
|
+
*
|
|
3468
|
+
* // Options mode
|
|
3469
|
+
* <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
|
|
3470
|
+
*/
|
|
3471
|
+
declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
3472
|
+
|
|
3473
|
+
type TickMark = {
|
|
3474
|
+
position: number;
|
|
3475
|
+
percentage: number;
|
|
3476
|
+
label?: string;
|
|
3477
|
+
isLarge: boolean;
|
|
3478
|
+
};
|
|
3479
|
+
type SliderLabelsProps = {
|
|
3480
|
+
ticks: TickMark[];
|
|
3481
|
+
currentValue: number;
|
|
3482
|
+
containerWidth?: number;
|
|
3483
|
+
};
|
|
3484
|
+
/**
|
|
3485
|
+
* SliderLabels component that intelligently shows/hides labels based on available space
|
|
3486
|
+
*/
|
|
3487
|
+
declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
3488
|
+
|
|
3489
|
+
type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
|
|
3490
|
+
/**
|
|
3491
|
+
* The current numeric value of the slider
|
|
3492
|
+
*/
|
|
3493
|
+
value: number;
|
|
3494
|
+
/**
|
|
3495
|
+
* Callback when the value changes
|
|
3496
|
+
*/
|
|
3497
|
+
onChange: (value: number) => void;
|
|
3498
|
+
};
|
|
3499
|
+
/**
|
|
3500
|
+
* Parameter wrapper for numeric sliders
|
|
3501
|
+
* @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3502
|
+
*/
|
|
3503
|
+
declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3504
|
+
caption?: string;
|
|
3505
|
+
menuItems?: React$1.ReactNode;
|
|
3506
|
+
actionItems?: React.ReactNode;
|
|
3507
|
+
errorTestId?: string;
|
|
3508
|
+
captionTestId?: string;
|
|
3509
|
+
title?: string;
|
|
3510
|
+
} & Omit<SliderProps, "id" | "aria-label" | "options"> & {
|
|
3511
|
+
/**
|
|
3512
|
+
* The current numeric value of the slider
|
|
3513
|
+
*/
|
|
3514
|
+
value: number;
|
|
3515
|
+
/**
|
|
3516
|
+
* Callback when the value changes
|
|
3517
|
+
*/
|
|
3518
|
+
onChange: (value: number) => void;
|
|
3519
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3520
|
+
declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3521
|
+
|
|
3370
3522
|
type LinkNodeProps = NonNullable<LinkParamValue>;
|
|
3371
3523
|
type SerializedLinkNode = Spread<{
|
|
3372
3524
|
link: LinkNodeProps;
|
|
@@ -3475,16 +3627,17 @@ type RichTextProps = {
|
|
|
3475
3627
|
} | null>;
|
|
3476
3628
|
/** Assets */
|
|
3477
3629
|
onInsertAsset?: () => void;
|
|
3630
|
+
placeholder?: string;
|
|
3478
3631
|
};
|
|
3479
3632
|
type RichTextParamValue = SerializedEditorState | undefined | null;
|
|
3480
|
-
type ParameterRichTextInnerProps = RichTextProps & {
|
|
3633
|
+
type ParameterRichTextInnerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & RichTextProps & {
|
|
3481
3634
|
value: RichTextParamValue | ((editor: LexicalEditor) => void);
|
|
3482
3635
|
editorWrapperClassName?: string;
|
|
3483
3636
|
editorFooter?: React.ReactNode;
|
|
3484
3637
|
};
|
|
3485
3638
|
type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
|
|
3486
|
-
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems,
|
|
3487
|
-
declare const ParameterRichTextInner: ({ value,
|
|
3639
|
+
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, children, ...innerProps }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3640
|
+
declare const ParameterRichTextInner: ({ value, editorFooter, children, customNodes, editorWrapperClassName, ...richTextProps }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3488
3641
|
|
|
3489
3642
|
type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
|
|
3490
3643
|
/** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
|
|
@@ -3499,6 +3652,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
|
|
|
3499
3652
|
/** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
|
|
3500
3653
|
declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
|
|
3501
3654
|
|
|
3655
|
+
type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
|
|
3656
|
+
/**
|
|
3657
|
+
* The available options for the slider
|
|
3658
|
+
*/
|
|
3659
|
+
options: SliderOption[];
|
|
3660
|
+
/**
|
|
3661
|
+
* The current selected value (option value string)
|
|
3662
|
+
*/
|
|
3663
|
+
value: string;
|
|
3664
|
+
/**
|
|
3665
|
+
* Callback when the selection changes (receives option value string)
|
|
3666
|
+
*/
|
|
3667
|
+
onChange: (value: string) => void;
|
|
3668
|
+
};
|
|
3669
|
+
/**
|
|
3670
|
+
* Parameter wrapper for option-based sliders
|
|
3671
|
+
* @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
|
|
3672
|
+
*/
|
|
3673
|
+
declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3674
|
+
caption?: string;
|
|
3675
|
+
menuItems?: React$1.ReactNode;
|
|
3676
|
+
actionItems?: React.ReactNode;
|
|
3677
|
+
errorTestId?: string;
|
|
3678
|
+
captionTestId?: string;
|
|
3679
|
+
title?: string;
|
|
3680
|
+
} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
|
|
3681
|
+
/**
|
|
3682
|
+
* The available options for the slider
|
|
3683
|
+
*/
|
|
3684
|
+
options: SliderOption[];
|
|
3685
|
+
/**
|
|
3686
|
+
* The current selected value (option value string)
|
|
3687
|
+
*/
|
|
3688
|
+
value: string;
|
|
3689
|
+
/**
|
|
3690
|
+
* Callback when the selection changes (receives option value string)
|
|
3691
|
+
*/
|
|
3692
|
+
onChange: (value: string) => void;
|
|
3693
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3694
|
+
declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3695
|
+
|
|
3502
3696
|
/** A function that extracts all common props and element props
|
|
3503
3697
|
* @example const { shellProps, innerProps } = extractParameterProps(props) */
|
|
3504
3698
|
declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
|
|
@@ -3564,21 +3758,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
|
|
|
3564
3758
|
/** @example <ParameterTextareaInner /> */
|
|
3565
3759
|
declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
3566
3760
|
|
|
3567
|
-
type
|
|
3761
|
+
type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
3568
3762
|
type: 'checkbox' | 'radio';
|
|
3763
|
+
withoutIndeterminateState?: boolean;
|
|
3569
3764
|
};
|
|
3765
|
+
type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
|
|
3570
3766
|
/** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
|
|
3571
|
-
declare const ParameterToggle: React$1.ForwardRefExoticComponent<
|
|
3767
|
+
declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3572
3768
|
caption?: string;
|
|
3573
3769
|
menuItems?: React$1.ReactNode;
|
|
3574
3770
|
actionItems?: React.ReactNode;
|
|
3575
3771
|
errorTestId?: string;
|
|
3576
3772
|
captionTestId?: string;
|
|
3577
3773
|
title?: string;
|
|
3578
|
-
} & {
|
|
3774
|
+
} & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3579
3775
|
type: "checkbox" | "radio";
|
|
3776
|
+
withoutIndeterminateState?: boolean;
|
|
3777
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3778
|
+
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3779
|
+
type: "checkbox" | "radio";
|
|
3780
|
+
withoutIndeterminateState?: boolean;
|
|
3580
3781
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3581
|
-
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3582
3782
|
|
|
3583
3783
|
type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
3584
3784
|
/** sets the aria-controls and id value of the matching popover set */
|
|
@@ -3744,7 +3944,7 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
|
3744
3944
|
/** sets the label value */
|
|
3745
3945
|
label: ReactNode;
|
|
3746
3946
|
/** (optional) sets information text */
|
|
3747
|
-
infoText?: string;
|
|
3947
|
+
infoText?: string | ReactNode;
|
|
3748
3948
|
/** sets the toggle text value */
|
|
3749
3949
|
toggleText?: string;
|
|
3750
3950
|
/** sets child elements */
|
|
@@ -3766,7 +3966,7 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3766
3966
|
/** sets the label value */
|
|
3767
3967
|
label: ReactNode;
|
|
3768
3968
|
/** (optional) sets information text */
|
|
3769
|
-
infoText?: string;
|
|
3969
|
+
infoText?: string | ReactNode;
|
|
3770
3970
|
/** sets the toggle text value */
|
|
3771
3971
|
toggleText?: string;
|
|
3772
3972
|
/** sets child elements */
|
|
@@ -4164,4 +4364,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4164
4364
|
};
|
|
4165
4365
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4166
4366
|
|
|
4167
|
-
|
|
4367
|
+
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
4368
|
+
|
|
4369
|
+
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$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as 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, 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, 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 };
|