@uniformdev/design-system 20.7.1-alpha.4 → 20.7.1-alpha.42

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.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
2
  import { Decorator } from '@storybook/react';
3
3
  import * as React$1 from 'react';
4
- import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
4
+ import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
5
5
  import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
6
6
  export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
7
7
  import * as _emotion_react from '@emotion/react';
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
16
16
  import { DateValue } from '@internationalized/date';
17
17
  import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
18
18
  import { CreatableProps } from 'react-select/creatable';
19
- import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
20
19
  import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
21
20
  import { InitialConfigType } from '@lexical/react/LexicalComposer';
22
21
  import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
@@ -189,6 +188,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
189
188
  declare const fadeInLtr: _emotion_react.Keyframes;
190
189
  declare const fadeInRtl: _emotion_react.Keyframes;
191
190
  declare const slideInTtb: _emotion_react.Keyframes;
191
+ declare const slideInRtl: _emotion_react.Keyframes;
192
192
  declare const spin: _emotion_react.Keyframes;
193
193
 
194
194
  /** Custom scrollbar styles */
@@ -383,8 +383,12 @@ type UseShortcutOptions = {
383
383
  doNotPreventDefault?: boolean;
384
384
  /** Whether the shortcut will activate with a form field in focus */
385
385
  activeWhenEditing?: boolean;
386
- /** When true, the shortcut is disabled. The result will also reflect this state, which may disable attached menus, buttons, etc */
387
- disabled?: boolean;
386
+ /**
387
+ * When true or 'silent', the shortcut is disabled. When undefined or false, it is enabled.
388
+ * The result will also reflect this state, which may disable attached menus, buttons, etc
389
+ * 'silent' will not show a toast notification when the shortcut is invoked while disabled.
390
+ */
391
+ disabled?: boolean | 'silent';
388
392
  };
389
393
  type ShortcutReference = {
390
394
  shortcut: string;
@@ -408,8 +412,12 @@ type TooltipProps = TooltipOptions & {
408
412
  children: JSX.Element;
409
413
  /** If the tooltip should not be rendered inside a portal */
410
414
  withoutPortal?: boolean;
415
+ /** sets the delay time before showing the tooltip
416
+ * @default 0
417
+ */
418
+ timeout?: number;
411
419
  } & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
412
- declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
420
+ declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
413
421
 
414
422
  /** Button sizes that are available to use with our brand */
415
423
  type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -1150,6 +1158,8 @@ declare const allSupportedIcons: {
1150
1158
  'device-tv': _react_icons_all_files.IconType;
1151
1159
  'device-ipad': _react_icons_all_files.IconType;
1152
1160
  'device-mobile-rotated': _react_icons_all_files.IconType;
1161
+ 'plug-angled': _react_icons_all_files.IconType;
1162
+ 'clock-edit': _react_icons_all_files.IconType;
1153
1163
  };
1154
1164
 
1155
1165
  /** A list of available icon names that can be used with the Uniform brand */
@@ -1251,6 +1261,10 @@ declare const uniformCompositionPatternIcon: IconType$1;
1251
1261
  declare const uniformContentTypeIcon: IconType$1;
1252
1262
  declare const uniformEntryIcon: IconType$1;
1253
1263
  declare const uniformEntryPatternIcon: IconType$1;
1264
+ declare const uniformStatusDraftIcon: IconType$1;
1265
+ declare const uniformStatusModifiedIcon: IconType$1;
1266
+ declare const uniformStatusPublishedIcon: IconType$1;
1267
+ declare const uniformUsageStatusIcon: IconType$1;
1254
1268
 
1255
1269
  type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
1256
1270
  type ButtonSizeProps = 'sm' | 'base' | 'lg';
@@ -1888,7 +1902,7 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
1888
1902
 
1889
1903
  type ErrorMessageProps = {
1890
1904
  /** sets the error message value */
1891
- message?: string;
1905
+ message?: ReactNode;
1892
1906
  /** sets the test id for test automation (optional) */
1893
1907
  testId?: string;
1894
1908
  className?: string;
@@ -2060,7 +2074,7 @@ type InputComboBoxOption<TValue = string> = {
2060
2074
  */
2061
2075
  indented?: boolean;
2062
2076
  };
2063
- type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup> & React$1.RefAttributes<InternalSelect<TOption, IsMulti, TGroup>>;
2077
+ type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
2064
2078
  type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
2065
2079
  type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
2066
2080
  /**
@@ -2471,6 +2485,18 @@ type KeyValueInputProps<TValue extends string = string> = {
2471
2485
  */
2472
2486
  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;
2473
2487
 
2488
+ type AsideAndSectionLayout = {
2489
+ /** sets child components in the aside / supporting column */
2490
+ sidebar?: ReactNode;
2491
+ /** sets child components in the section / main content column */
2492
+ children: ReactNode;
2493
+ /** Makes the sidebar sticky to the top of the container
2494
+ * @default false
2495
+ */
2496
+ isStickyAside?: boolean;
2497
+ };
2498
+ declare const AsideAndSectionLayout: ({ sidebar, children, isStickyAside, }: AsideAndSectionLayout) => _emotion_react_jsx_runtime.JSX.Element;
2499
+
2474
2500
  type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
2475
2501
  type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
2476
2502
  type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
@@ -2551,14 +2577,10 @@ declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_r
2551
2577
  type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
2552
2578
  /** sets the title field */
2553
2579
  title: string;
2554
- /** sets padding value
2555
- * @default 'var(--spacing-md)'
2556
- */
2557
- padding?: string;
2558
2580
  /** (optional) sets react child component */
2559
2581
  children?: React$1.ReactNode;
2560
2582
  };
2561
- declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
2583
+ declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
2562
2584
 
2563
2585
  type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
2564
2586
  /** (optional) sets the label value */
@@ -2670,7 +2692,7 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
2670
2692
  bgColor?: string;
2671
2693
  }
2672
2694
  /** Renders a dropdown menu style menu trigger button */
2673
- declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
2695
+ declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
2674
2696
 
2675
2697
  declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
2676
2698
  type LegacyPlacement = (typeof legacyPlacements)[number];
@@ -2704,6 +2726,11 @@ interface MenuProps extends MenuProps$1 {
2704
2726
  */
2705
2727
  maxMenuHeight?: string;
2706
2728
  portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
2729
+ /** sets the menu size
2730
+ * it's recommended to use the same size for all menu items in a menu
2731
+ * @default 'base'
2732
+ */
2733
+ size?: 'small' | 'base';
2707
2734
  }
2708
2735
  /**
2709
2736
  * Component used for creating clickable menus
@@ -2734,7 +2761,9 @@ type MenuItemProps = MenuItemProps$1 & {
2734
2761
  children?: ChildFunction | React$1.ReactNode;
2735
2762
  /** (optional) set whether to hide the menu after a click action */
2736
2763
  hideMenuOnClick?: boolean;
2737
- /** (optional) set an icon along side the item text */
2764
+ /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
2765
+ * @example <MenuItemIcon icon="add-r" />
2766
+ */
2738
2767
  icon?: React$1.ReactElement;
2739
2768
  /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set. */
2740
2769
  focusable?: boolean;
@@ -2770,8 +2799,9 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
2770
2799
  * Renders an icon for a menu item. Optional micro wrapper around an Icon component
2771
2800
  * configured to match the menu item icon style.
2772
2801
  */
2773
- declare function MenuItemIcon({ icon }: {
2802
+ declare function MenuItemIcon({ icon, size }: {
2774
2803
  icon: IconType;
2804
+ size?: string;
2775
2805
  }): _emotion_react_jsx_runtime.JSX.Element;
2776
2806
  /**
2777
2807
  * Indents a menu item as if it had an icon when it does not
@@ -2780,7 +2810,7 @@ declare function MenuItemIcon({ icon }: {
2780
2810
  */
2781
2811
  declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
2782
2812
 
2783
- declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
2813
+ declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
2784
2814
 
2785
2815
  type MenuButtonProp = {
2786
2816
  children: React.ReactNode;
@@ -2822,7 +2852,7 @@ type SearchableMenuProps = {
2822
2852
  /**
2823
2853
  * Searchable menu allows searching through its menu items
2824
2854
  */
2825
- declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
2855
+ declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
2826
2856
 
2827
2857
  interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
2828
2858
  selected: boolean;
@@ -2975,20 +3005,25 @@ type ObjectItemLoadingSkeletonProps = {
2975
3005
  declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
2976
3006
 
2977
3007
  /** @deprecated - Beta Object list item component */
2978
- type ObjectListItemProps = (ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
2979
- type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
3008
+ type ObjectListItemProps = {
3009
+ /** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
3010
+ portalElement?: MenuProps['portalElement'];
2980
3011
  cover?: ReactNode;
2981
3012
  dragHandle?: ReactNode;
3013
+ /** Sets the container query width for wrapping container
3014
+ * @default '34rem'
3015
+ */
3016
+ minContainerQueryWidth?: string;
3017
+ } & ((ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>));
3018
+ type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
2982
3019
  renderAs?: 'single';
2983
3020
  };
2984
3021
  type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
2985
- cover?: ReactNode;
2986
- dragHandle?: ReactNode;
2987
3022
  renderAs?: 'multi';
2988
3023
  children?: ReactNode;
2989
3024
  };
2990
3025
  /** @deprecated - beta Object list item component */
2991
- declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
3026
+ declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
2992
3027
 
2993
3028
  /** @deprecated - Beta Object list item container component */
2994
3029
  declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3508,11 +3543,15 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
3508
3543
  }) => void;
3509
3544
  /**
3510
3545
  * Valid CSS unit to set the maximum popover width
3511
- * @default '220px'
3546
+ * @default '14rem'
3512
3547
  */
3513
3548
  maxWidth?: string;
3549
+ /** sets the variant to show
3550
+ * @default 'small'
3551
+ */
3552
+ variant?: 'large' | 'small';
3514
3553
  };
3515
- declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
3554
+ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
3516
3555
  /**
3517
3556
  * Hook to get the current popover context
3518
3557
  * @description This hook is used to get the current popover context
@@ -3663,6 +3702,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
3663
3702
  switchSize?: "base" | "sm";
3664
3703
  } & React$1.RefAttributes<HTMLInputElement>>;
3665
3704
 
3705
+ /** @deprecated - Beta Responsive table container component */
3706
+ declare const ResponsiveTableContainer: ({ children }: {
3707
+ children: ReactNode;
3708
+ }) => _emotion_react_jsx_runtime.JSX.Element;
3709
+
3666
3710
  type TableProps = {
3667
3711
  /** The CSS padding of the table cells (includes the head cells as well).
3668
3712
  * @default 'var(--spacing-base) var(--spacing-md)'
@@ -3829,70 +3873,6 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
3829
3873
  };
3830
3874
  declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
3831
3875
 
3832
- type ClassNameOptions = 'logo' | 'author';
3833
- type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
3834
- /** sets the emotion styles for the rendered image
3835
- * @default 'logo'
3836
- */
3837
- styleType?: ClassNameOptions;
3838
- };
3839
- /** Uniform Resolve Icon Component
3840
- * @example <ResolveIcon icon="/my-image.png" name="my image" />
3841
- */
3842
- declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
3843
-
3844
- type TileProps = {
3845
- children: ReactNode;
3846
- disabled?: boolean;
3847
- isSelected?: boolean;
3848
- } & HtmlHTMLAttributes<HTMLButtonElement>;
3849
- declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
3850
-
3851
- type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
3852
- /** sets the background colour of the outter container
3853
- * @default 'var(--brand-secondary-2)'
3854
- */
3855
- bgColor?: string;
3856
- /** sets the padding of the outter container
3857
- * @default 'base'
3858
- */
3859
- containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
3860
- /** sets the grid-template-columns css property
3861
- * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
3862
- */
3863
- gridTemplateColumns?: string;
3864
- /** sets the spacing between grid elements
3865
- * @default 'base'
3866
- */
3867
- gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
3868
- /** sets react child elements */
3869
- children: React$1.ReactNode;
3870
- };
3871
- /**
3872
- * Uniform Tile Container Component
3873
- * @example <TileContainer><div>child content</div></TileContainer>
3874
- */
3875
- declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
3876
-
3877
- type TileTitleProps = {
3878
- as?: 'heading' | 'description';
3879
- children: ReactNode;
3880
- } & HTMLAttributes<HTMLSpanElement>;
3881
- declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
3882
-
3883
- type ToastContainerProps = {
3884
- limit?: number;
3885
- /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
3886
- * @default 'normal'
3887
- */
3888
- autoCloseDelay?: 'normal' | 'medium' | 'long';
3889
- };
3890
- /**
3891
- * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
3892
- * @example <App><ToastContainer autoCloseDelay="normal" /></App>
3893
- */
3894
- declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
3895
-
3896
3876
  /** Available heading weights e.g. 1 - 6 */
3897
3877
  type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
3898
3878
  type HeadingProps = {
@@ -3992,6 +3972,99 @@ type ParagraphProps = {
3992
3972
  */
3993
3973
  declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
3994
3974
 
3975
+ type LinkOrientation = {
3976
+ /**
3977
+ * The orientation of the tile icon and content
3978
+ * @default 'vertical'
3979
+ */
3980
+ orientation?: 'horizontal' | 'vertical';
3981
+ };
3982
+ type LinkTileProps = {
3983
+ children: ReactNode;
3984
+ } & React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkOrientation;
3985
+ type LinkTileWithRefProps = {
3986
+ children: ReactNode;
3987
+ linkManagerComponent: LinkManagerWithRefType;
3988
+ as?: string;
3989
+ href: string;
3990
+ passHref: true;
3991
+ legacyBehavior?: boolean;
3992
+ } & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
3993
+ declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
3994
+
3995
+ type ClassNameOptions = 'logo' | 'author';
3996
+ type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
3997
+ /** sets the emotion styles for the rendered image
3998
+ * @default 'logo'
3999
+ */
4000
+ styleType?: ClassNameOptions;
4001
+ };
4002
+ /** Uniform Resolve Icon Component
4003
+ * @example <ResolveIcon icon="/my-image.png" name="my image" />
4004
+ */
4005
+ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
4006
+
4007
+ type TileProps = {
4008
+ children: ReactNode;
4009
+ disabled?: boolean;
4010
+ isSelected?: boolean;
4011
+ /**
4012
+ * The orientation of the tile icon and content
4013
+ * @default 'vertical'
4014
+ */
4015
+ orientation?: 'horizontal' | 'vertical';
4016
+ } & HtmlHTMLAttributes<HTMLButtonElement>;
4017
+ declare const Tile: ({ children, disabled, isSelected, orientation, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
4018
+
4019
+ type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
4020
+ /** sets the background colour of the outter container
4021
+ * @default 'var(--brand-secondary-2)'
4022
+ */
4023
+ bgColor?: string;
4024
+ /** sets the padding of the outter container
4025
+ * @default 'base'
4026
+ */
4027
+ containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
4028
+ /** sets the grid-template-columns css property
4029
+ * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
4030
+ */
4031
+ gridTemplateColumns?: string;
4032
+ /** sets the spacing between grid elements
4033
+ * @default 'base'
4034
+ */
4035
+ gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
4036
+ /** sets react child elements */
4037
+ children: React$1.ReactNode;
4038
+ /** sets whether to group the tiles in a container without a contour or not
4039
+ * @default false
4040
+ */
4041
+ withoutGrouping?: boolean;
4042
+ };
4043
+ /**
4044
+ * Uniform Tile Container Component
4045
+ * @example <TileContainer><div>child content</div></TileContainer>
4046
+ */
4047
+ declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, withoutGrouping, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
4048
+
4049
+ type TileTitleProps = {
4050
+ as?: 'heading' | 'description';
4051
+ children: ReactNode;
4052
+ } & HTMLAttributes<HTMLSpanElement>;
4053
+ declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
4054
+
4055
+ type ToastContainerProps = {
4056
+ limit?: number;
4057
+ /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
4058
+ * @default 'normal'
4059
+ */
4060
+ autoCloseDelay?: 'normal' | 'medium' | 'long';
4061
+ };
4062
+ /**
4063
+ * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
4064
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
4065
+ */
4066
+ declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
4067
+
3995
4068
  type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
3996
4069
  type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
3997
4070
  /** sets the current status */
@@ -4013,4 +4086,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
4013
4086
  };
4014
4087
  declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
4015
4088
 
4016
- export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, 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, 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, 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, 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, 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, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
4089
+ 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, 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, 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 };