@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/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;
@@ -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
- errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
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, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, customNodes, children, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
3487
- declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
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 ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & CommonParameterInputProps & {
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<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
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
- 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, 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, 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, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, 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, 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, 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, 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, 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 };
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 };