@uniformdev/design-system 19.49.1 → 19.49.4-alpha.67

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { RefObject, HTMLAttributes, ReactNode, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
 import { GroupBase } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
@@ -75,6 +75,22 @@ declare const cq: (size: string) => string;
 
 declare const replaceUnderscoreInString: (title?: string) => string | undefined;
 
+declare const isSecureURL: (value?: string) => boolean;
+interface IsValidUrlOptions {
+    allowRelative?: boolean;
+    isSecure?: boolean;
+}
+declare const isValidUrl: (urlString: string, options?: IsValidUrlOptions) => boolean;
+/**
+ * Joins different variants of parent relative url with path segment. Path can be "", "/" and "/foo/bar"
+ *
+ * @param path
+ * @param pathSegment
+ */
+declare const addPathSegmentToPathname: (path: string, pathSegment: string) => string;
+declare const getPathSegment: (path: string) => string;
+declare const getParentPath: (path: string | undefined, noRootSlash?: boolean) => string;
+
 declare const useOutsideClick: (containerRef: RefObject<HTMLElement | null>, handler: () => void) => void;
 
 declare const button: _emotion_react.SerializedStyles;
@@ -82,6 +98,8 @@ declare const buttonRippleEffect: (props: {
     hoverColor: string;
     activeColor?: string;
 }) => _emotion_react.SerializedStyles;
+declare const buttonAccentAltDark: _emotion_react.SerializedStyles;
+declare const buttonAccentAltDarkOutline: _emotion_react.SerializedStyles;
 declare const buttonPrimary: _emotion_react.SerializedStyles;
 declare const buttonDestructive: _emotion_react.SerializedStyles;
 declare const buttonSecondary: _emotion_react.SerializedStyles;
@@ -20280,9 +20298,9 @@ declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAtt
 declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Button themes that are available to use with our brand */
-type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
+type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
 /** Button sizes that are available to use with our brand */
-type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type ButtonProps = ButtonProps$1 & {
     /** sets the theme of the button
      * @default "primary"
@@ -20293,7 +20311,7 @@ type ButtonProps = ButtonProps$1 & {
     /**
      * @default "md"
      * */
-    size?: ButtonSizeProps;
+    size?: ButtonSizeProps$1;
 };
 /**
  * Uniform Button Component
@@ -20302,370 +20320,6 @@ type ButtonProps = ButtonProps$1 & {
  */
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost';
-interface ActionButtonsProps {
-    /** Takes a function for the visible button */
-    onButtonClick: () => void;
-    /** (optional) reakit placements options for the expandable menu */
-    placement?: MenuProps$1['placement'];
-    /** sets the theme of the button
-     * @default "secondary"
-     */
-    buttonType?: ButtonThemeProps;
-    /** sets the button text value */
-    buttonText: string;
-    /** adds child components to the ButtonWithMenu component */
-    children: React$1.ReactNode;
-}
-/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
-type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * Uniform ButtonWithMenu Component
- * @example
-<ButtonWithMenu
-    disabled={isDisabled}
-    buttonText="Save and close"
-    onButtonClick={() => someFunction()}
-    placement="bottom-end"
-    >
-    <MenuItem
-        disabled={isDisabled}
-        onClick={() => someFunction()}
-        key="save"
-        className="flex gap-2 items-center"
-        data-testid="save-menu-item-button"
-        >
-          <span className="whitespace-nowrap" data-testid="save-menu-item">
-              Save
-          </span>
-    </MenuItem>
-</ButtonWithMenu>
- */
-declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-/** Callout button types available to use with our brand */
-type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
-interface CalloutProps {
-    /** sets the type of callout to use and it's styles
-     * @default "info"
-     */
-    type: CalloutType;
-    /** make the display of the callout compact. Suitable for small spaces
-     * @default false
-     */
-    compact?: boolean;
-    /** (optional) sets the title of the callout */
-    title?: React$1.ReactNode;
-    /** add child elements to the callout */
-    children?: React$1.ReactNode;
-    /** sets additional css classes or emotion styles on the callout */
-    className?: SerializedStyles | string;
-    /** sets the data-testid on the callout element */
-    testId?: string;
-}
-/**
- * Uniform Callout Component
- * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
- */
-declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** (optional) sets the title value of the card */
-    title?: string;
-    /** sets whether or not to apply a margin bottom to the title
-     * @default true
-     */
-    titleWithMarginBottom?: boolean;
-    /** (optional) sets react child components */
-    children?: React$1.ReactNode;
-    /** (optional) sets options for a dropdown menu */
-    menuItems?: JSX.Element;
-    /** (optional) sets the data-testid attribute on the button element
-     * @default 'list-card-menu'
-     */
-    menuButtonTestId?: string;
-    /** (optional) sets the menu button disabled state */
-    disabled?: boolean;
-    /**
-     * The name of the  HTML tag to render.
-     * @default "div"
-     */
-    tag?: React$1.ElementType;
-};
-declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-type CardTitleProps = {
-    children?: React$1.ReactNode;
-} & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
-declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type CardContainerBgColorProps = 'gray' | 'white';
-type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** (optional): sets the background colour of the wrapping element
-     * @default 'white'
-     */
-    bgColor?: CardContainerBgColorProps;
-    /** (optional): sets react child components */
-    children?: React$1.ReactNode;
-    /** (optional): sets the padding values of the inner container
-     * @example 'when set to true padding: var(--spacing-2xl) var(--spacing-lg)'
-     * @default true
-     */
-    padding?: boolean;
-    /** (optional): sets the padding values of the inner container
-     * @example `when set to true`
-     * grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) [last-col] minmax(300px, 1fr);
-     * grid-template-rows: auto [last-line];
-     * @default false
-     */
-    withLastColumn?: boolean;
-};
-/** Uniform Card Container
- * @example <CardContainer><Card title="card title" /></CardContainer>
- */
-declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ChipSizeProp = 'xs' | 'sm' | 'md';
-type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
-type ChipProps = {
-    icon?: IconType;
-    text: ReactNode;
-    /** sets the size of the chip
-     * @default 'sm'
-     */
-    theme?: ChipTheme;
-    chipAction?: React.ReactNode;
-    size?: ChipSizeProp;
-} & React.HTMLAttributes<HTMLSpanElement>;
-/**
- * @description Chips are used in a variety of ways
- * To represent tokens, where the value of the chip will be replaced with something dynamically.
- * To represent tags or important metadata about an object
- * To represent a different object, as a reference
- * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
- */
-declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-type DismissibleChipActionProps = {
-    onDismiss: () => void;
-} & HTMLAttributes<HTMLButtonElement>;
-/**
- * @description Dismissible chip action should be used with the Chip component
- * @example <DismissibleChipAction onDismiss={() => {...}}/>
- */
-declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type MultilineChipProps = {
-    children: ReactNode;
-    onClick?: () => void;
-} & React.HTMLAttributes<HTMLSpanElement | HTMLButtonElement>;
-/**
- * @description A chip specifically designed to fit as a chipped element in an multi-line capable content field.
- * Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.
- * @example <MultilineChip text="productId" />
- */
-declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type CounterProps = {
-    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
-    count: number | undefined;
-    /** sets the background color
-     * @default 'transparent'
-     */
-    bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
-} & React$1.HTMLAttributes<HTMLDivElement>;
-/** @example <Counter count={1} /> */
-declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-type TextAlignProps = 'left' | 'right' | 'center';
-type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
-type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** React child elements */
-    children: React$1.ReactNode;
-    /** (optional) - sets the text alignment */
-    textAlign?: TextAlignProps;
-    /** (optional) - sets the background color */
-    bgColor?: 'transparent' | 'white' | 'var(--gray-50)';
-    /** (optional) - sets the minimum box height */
-    boxHeight?: BoxHeightProps;
-};
-/**
- * Uniform Dashed Box Component
- * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
- */
-declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type DescriptionListProps = {
-    items: {
-        label: string;
-        value: string | number | boolean | React__default.ReactNode;
-    }[];
-} & React__default.HTMLAttributes<HTMLDListElement>;
-/**
- * A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).
- * @example <DescriptionList items={[{label: 'Label 1', value: 'Value 1'}]} />
- */
-declare const DescriptionList: React__default.ForwardRefExoticComponent<{
-    items: {
-        label: string;
-        value: string | number | boolean | React__default.ReactNode;
-    }[];
-} & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
-
-type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
-    /** sets the summary inner components */
-    summary: React$1.ReactNode;
-    children: React$1.ReactNode;
-    isOpen?: boolean | undefined;
-    onChange?: (isOpen: boolean) => void;
-    /** sets whether the details should be open by default.
-     *  Undefined value means that the details will be controlled by the user.
-     * @default false
-     */
-    isOpenByDefault?: boolean;
-};
-/** @example  <Details summary="summary text">child content here</Details>*/
-declare const Details: ({ summary, children, isOpenByDefault, isOpen, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
-    stackId: string;
-    /** The width of the drawers. In any CSS length unit (px, rem, %, et al). Can't use CSS functions (e.g. calc())
-     * @default 'medium'
-     */
-    width?: 'narrow' | 'medium' | 'wide' | (string & NonNullable<unknown>);
-    /** The minimum width of the drawers. In any CSS length unit (px, rem, %, et al)
-     * @default '0'
-     */
-    minWidth?: string;
-    /** The maximum width of the drawers. In any CSS length unit (px, rem, %, et al)
-     * @default '100%'
-     */
-    maxWidth?: string;
-    /** Sets the css position value
-     * @default 'absolute'
-     */
-    position?: 'absolute' | 'fixed' | 'sticky';
-    /** Opens the drawer from left to right
-     * @default false
-     */
-    leftAligned?: boolean;
-    /**
-     * If a drawer in the stack has a specific `width` prop, and its value is larger than the width of the current stack,
-     * the width of the stack will be automatically adjusted to accommodate for that.
-     * Set this prop to `true` to disable this behavior.
-     * @default false
-     */
-    withoutFluidWidth?: boolean;
-}
-/**
- * Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
- * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
- */
-declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    index: number;
-    totalDrawers: number;
-    width: DrawerRendererProps['width'];
-    minWidth: Required<DrawerRendererProps['minWidth']>;
-    maxWidth: Required<DrawerRendererProps['maxWidth']>;
-    leftAligned: Required<DrawerRendererProps['leftAligned']>;
-    onOverlayClick?: () => void;
-}
-declare const getDrawerAttributes: ({ providerId, stackId, id, }: {
-    providerId: string;
-    stackId?: string | undefined;
-    id: string;
-}) => {
-    'data-drawer-id': string;
-    'data-testid': string;
-};
-
-interface DrawerItem {
-    /** An ID for the drawer. It should be unique in the stack where it's rendered */
-    id: string;
-    /**
-     * The ID of the stack where the drawer should be renderer. It should match the stack ID of an existing DrawerRenderer.
-     * If not provided, it will fall back to the default renderer of the drawer.
-     * If the drawer is rendered inside another one, this value gets inherited.
-     * */
-    stackId?: string;
-    /** Just like React.Key, changing this value indicates that the drawer has changed and we need to close the current instance and open a new one */
-    instanceKey?: string;
-    /**
-     * The desired width of the drawer.
-     * This value is ignored if the drawer is part of a DrawerRenderer with `withoutFluidWidth`.
-     * If not set, the drawer will use the width of its renderer.
-     */
-    width?: DrawerRendererProps['width'];
-    /** Called when the close button is clicked, the Escape button is pressed, or when the drawer's overlay is clicked  */
-    onRequestClose?: () => void;
-    /** Test ID for test automation **/
-    testId?: string;
-}
-type RegisterDrawerProps = {
-    drawer: DrawerItem;
-    /** Called when drawer is rendered for the first time. Useful to set the focus on the drawer  */
-    onFirstRender?: () => void;
-};
-type DrawersRegistryRecord = DrawerItem & {
-    /** The timestamp of when the drawer was registered. Used to stack the drawers in the right order regardless of where where they are in the DOM  */
-    registeredAt?: number;
-    isFirstRender?: boolean;
-    onFirstRender?: RegisterDrawerProps['onFirstRender'];
-};
-type DrawerContextValue = {
-    providerId: string;
-    drawersRegistry: DrawersRegistryRecord[];
-    registerDrawer: (props: RegisterDrawerProps) => void;
-    unregisterDrawer: (drawerId: Pick<DrawerItem, 'id' | 'stackId' | 'instanceKey'>) => void;
-};
-/**
- * Provides the context to the Drawer and DrawerRenderer components.
- * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
- */
-declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const useDrawer: () => DrawerContextValue;
-declare const useCloseCurrentDrawer: () => (() => void) | undefined;
-
-type DrawerProps = DrawerItem & Omit<DrawerRendererProps, 'stackId'> & {
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    bgColor?: 'var(--gray-50)' | 'var(--white)';
-    leftAligned?: DrawerRendererProps['leftAligned'];
-};
-declare const CurrentDrawerContext: React__default.Context<{
-    id?: string | undefined;
-    stackId?: string | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
-}>;
-declare const useCurrentDrawer: () => {
-    id?: string | undefined;
-    stackId?: string | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
-};
-/**
- * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
- * @example <Drawer id="my-drawer" header="Title">Hello</Drawer>
- */
-declare const Drawer: React__default.ForwardRefExoticComponent<DrawerItem & Omit<DrawerRendererProps, "stackId"> & {
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    bgColor?: "var(--white)" | "var(--gray-50)" | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
-} & React__default.RefAttributes<HTMLDivElement>>;
-
-type DrawerContentProps = {
-    children: ReactNode;
-    buttonGroup?: ReactNode;
-    noPadding?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-interface IconButtonProps extends ButtonProps {
-}
-declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<unknown>>;
-
 declare const allSupportedIcons: {
     'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     card: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
@@ -20690,6 +20344,7 @@ declare const allSupportedIcons: {
     'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     'add-r': _react_icons_all_files_lib.IconType;
     add: _react_icons_all_files_lib.IconType;
     airplane: _react_icons_all_files_lib.IconType;
@@ -21339,7 +20994,7 @@ type IconName = keyof typeof allSupportedIcons;
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-light';
+type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-light';
 /** sets the type of icon to use from the available list */
 type IconType = IconName | IconType$1;
 interface IconProps extends IconBaseProps {
@@ -21396,6 +21051,7 @@ declare const customIcons: {
     'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
     'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -21411,6 +21067,384 @@ declare function IconsProvider({ children }: {
     children: ReactNode;
 }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
+type ButtonSizeProps = 'sm' | 'base' | 'lg';
+interface ActionButtonsProps {
+    /** Takes a function for the visible button */
+    onButtonClick?: () => void;
+    /** (optional) reakit placements options for the expandable menu */
+    placement?: MenuProps$1['placement'];
+    /** sets the theme of the button
+     * @default "secondary"
+     */
+    buttonType?: ButtonThemeProps;
+    /** sets the button text value */
+    buttonText: string;
+    /** sets a leading icon supporting the button text */
+    icon?: IconName;
+    /** adds child components to the ButtonWithMenu component */
+    children: React$1.ReactNode;
+    /** sets the button size */
+    size?: ButtonSizeProps;
+}
+/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
+type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Uniform ButtonWithMenu Component
+ * @example
+<ButtonWithMenu
+    disabled={isDisabled}
+    buttonText="Save and close"
+    onButtonClick={() => someFunction()}
+    placement="bottom-end"
+    >
+    <MenuItem
+        disabled={isDisabled}
+        onClick={() => someFunction()}
+        key="save"
+        className="flex gap-2 items-center"
+        data-testid="save-menu-item-button"
+        >
+          <span className="whitespace-nowrap" data-testid="save-menu-item">
+              Save
+          </span>
+    </MenuItem>
+</ButtonWithMenu>
+ */
+declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+/** Callout button types available to use with our brand */
+type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
+interface CalloutProps {
+    /** sets the type of callout to use and it's styles
+     * @default "info"
+     */
+    type: CalloutType;
+    /** make the display of the callout compact. Suitable for small spaces
+     * @default false
+     */
+    compact?: boolean;
+    /** (optional) sets the title of the callout */
+    title?: React$1.ReactNode;
+    /** add child elements to the callout */
+    children?: React$1.ReactNode;
+    /** sets additional css classes or emotion styles on the callout */
+    className?: SerializedStyles | string;
+    /** sets the data-testid on the callout element */
+    testId?: string;
+}
+/**
+ * Uniform Callout Component
+ * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
+ */
+declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+
+type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional) sets the title value of the card */
+    title?: string;
+    /** sets whether or not to apply a margin bottom to the title
+     * @default true
+     */
+    titleWithMarginBottom?: boolean;
+    /** (optional) sets react child components */
+    children?: React$1.ReactNode;
+    /** (optional) sets options for a dropdown menu */
+    menuItems?: JSX.Element;
+    /** (optional) sets the data-testid attribute on the button element
+     * @default 'list-card-menu'
+     */
+    menuButtonTestId?: string;
+    /** (optional) sets the menu button disabled state */
+    disabled?: boolean;
+    /**
+     * The name of the  HTML tag to render.
+     * @default "div"
+     */
+    tag?: React$1.ElementType;
+};
+declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type CardTitleProps = {
+    children?: React$1.ReactNode;
+} & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
+declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type CardContainerBgColorProps = 'gray' | 'white';
+type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional): sets the background colour of the wrapping element
+     * @default 'white'
+     */
+    bgColor?: CardContainerBgColorProps;
+    /** (optional): sets react child components */
+    children?: React$1.ReactNode;
+    /** (optional): sets the padding values of the inner container
+     * @example 'when set to true padding: var(--spacing-2xl) var(--spacing-lg)'
+     * @default true
+     */
+    padding?: boolean;
+    /** (optional): sets the padding values of the inner container
+     * @example `when set to true`
+     * grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) [last-col] minmax(300px, 1fr);
+     * grid-template-rows: auto [last-line];
+     * @default false
+     */
+    withLastColumn?: boolean;
+};
+/** Uniform Card Container
+ * @example <CardContainer><Card title="card title" /></CardContainer>
+ */
+declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type ChipSizeProp = 'xs' | 'sm' | 'md';
+type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
+type ChipProps = {
+    icon?: IconType;
+    text: ReactNode;
+    /** sets the size of the chip
+     * @default 'sm'
+     */
+    theme?: ChipTheme;
+    chipAction?: React.ReactNode;
+    size?: ChipSizeProp;
+} & React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * @description Chips are used in a variety of ways
+ * To represent tokens, where the value of the chip will be replaced with something dynamically.
+ * To represent tags or important metadata about an object
+ * To represent a different object, as a reference
+ * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
+ */
+declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type DismissibleChipActionProps = {
+    onDismiss: () => void;
+} & HTMLAttributes<HTMLButtonElement>;
+/**
+ * @description Dismissible chip action should be used with the Chip component
+ * @example <DismissibleChipAction onDismiss={() => {...}}/>
+ */
+declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type MultilineChipProps = {
+    children: ReactNode;
+    onClick?: () => void;
+} & React.HTMLAttributes<HTMLSpanElement | HTMLButtonElement>;
+/**
+ * @description A chip specifically designed to fit as a chipped element in an multi-line capable content field.
+ * Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.
+ * @example <MultilineChip text="productId" />
+ */
+declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type CounterProps = {
+    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
+    count: number | undefined;
+    /** sets the background color
+     * @default 'transparent'
+     */
+    bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
+} & React$1.HTMLAttributes<HTMLDivElement>;
+/** @example <Counter count={1} /> */
+declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+
+type TextAlignProps = 'left' | 'right' | 'center';
+type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
+type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** React child elements */
+    children: React$1.ReactNode;
+    /** (optional) - sets the text alignment */
+    textAlign?: TextAlignProps;
+    /** (optional) - sets the background color */
+    bgColor?: 'transparent' | 'white' | 'var(--gray-50)';
+    /** (optional) - sets the minimum box height */
+    boxHeight?: BoxHeightProps;
+};
+/**
+ * Uniform Dashed Box Component
+ * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
+ */
+declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type DescriptionListProps = {
+    items: {
+        label: string;
+        value: string | number | boolean | React__default.ReactNode;
+    }[];
+} & React__default.HTMLAttributes<HTMLDListElement>;
+/**
+ * A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).
+ * @example <DescriptionList items={[{label: 'Label 1', value: 'Value 1'}]} />
+ */
+declare const DescriptionList: React__default.ForwardRefExoticComponent<{
+    items: {
+        label: string;
+        value: string | number | boolean | React__default.ReactNode;
+    }[];
+} & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
+
+type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
+    /** sets the summary inner components */
+    summary: React$1.ReactNode;
+    children: React$1.ReactNode;
+    isOpen?: boolean | undefined;
+    onChange?: (isOpen: boolean) => void;
+    /** sets whether the details should be open by default.
+     *  Undefined value means that the details will be controlled by the user.
+     * @default false
+     */
+    isOpenByDefault?: boolean;
+};
+/** @example  <Details summary="summary text">child content here</Details>*/
+declare const Details: ({ summary, children, isOpenByDefault, isOpen, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
+    stackId: string;
+    /** The width of the drawers. In any CSS length unit (px, rem, %, et al). Can't use CSS functions (e.g. calc())
+     * @default 'medium'
+     */
+    width?: 'narrow' | 'medium' | 'wide' | (string & NonNullable<unknown>);
+    /** The minimum width of the drawers. In any CSS length unit (px, rem, %, et al)
+     * @default '0'
+     */
+    minWidth?: string;
+    /** The maximum width of the drawers. In any CSS length unit (px, rem, %, et al)
+     * @default '100%'
+     */
+    maxWidth?: string;
+    /** Sets the css position value
+     * @default 'absolute'
+     */
+    position?: 'absolute' | 'fixed' | 'sticky';
+    /** Opens the drawer from left to right
+     * @default false
+     */
+    leftAligned?: boolean;
+    /**
+     * If a drawer in the stack has a specific `width` prop, and its value is larger than the width of the current stack,
+     * the width of the stack will be automatically adjusted to accommodate for that.
+     * Set this prop to `true` to disable this behavior.
+     * @default false
+     */
+    withoutFluidWidth?: boolean;
+}
+/**
+ * Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
+ * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
+ */
+declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    index: number;
+    totalDrawers: number;
+    width: DrawerRendererProps['width'];
+    minWidth: Required<DrawerRendererProps['minWidth']>;
+    maxWidth: Required<DrawerRendererProps['maxWidth']>;
+    leftAligned: Required<DrawerRendererProps['leftAligned']>;
+    onOverlayClick?: () => void;
+}
+declare const getDrawerAttributes: ({ providerId, stackId, id, }: {
+    providerId: string;
+    stackId?: string | undefined;
+    id: string;
+}) => {
+    'data-drawer-id': string;
+    'data-testid': string;
+};
+
+interface DrawerItem {
+    /** An ID for the drawer. It should be unique in the stack where it's rendered */
+    id: string;
+    /**
+     * The ID of the stack where the drawer should be renderer. It should match the stack ID of an existing DrawerRenderer.
+     * If not provided, it will fall back to the default renderer of the drawer.
+     * If the drawer is rendered inside another one, this value gets inherited.
+     * */
+    stackId?: string;
+    /** Just like React.Key, changing this value indicates that the drawer has changed and we need to close the current instance and open a new one */
+    instanceKey?: string;
+    /**
+     * The desired width of the drawer.
+     * This value is ignored if the drawer is part of a DrawerRenderer with `withoutFluidWidth`.
+     * If not set, the drawer will use the width of its renderer.
+     */
+    width?: DrawerRendererProps['width'];
+    /** Called when the close button is clicked, the Escape button is pressed, or when the drawer's overlay is clicked  */
+    onRequestClose?: () => void;
+    /** Test ID for test automation **/
+    testId?: string;
+}
+type RegisterDrawerProps = {
+    drawer: DrawerItem;
+    /** Called when drawer is rendered for the first time. Useful to set the focus on the drawer  */
+    onFirstRender?: () => void;
+};
+type DrawersRegistryRecord = DrawerItem & {
+    /** The timestamp of when the drawer was registered. Used to stack the drawers in the right order regardless of where where they are in the DOM  */
+    registeredAt?: number;
+    isFirstRender?: boolean;
+    onFirstRender?: RegisterDrawerProps['onFirstRender'];
+};
+type DrawerContextValue = {
+    providerId: string;
+    drawersRegistry: DrawersRegistryRecord[];
+    registerDrawer: (props: RegisterDrawerProps) => void;
+    unregisterDrawer: (drawerId: Pick<DrawerItem, 'id' | 'stackId' | 'instanceKey'>) => void;
+};
+/**
+ * Provides the context to the Drawer and DrawerRenderer components.
+ * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
+ */
+declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const useDrawer: () => DrawerContextValue;
+declare const useCloseCurrentDrawer: () => (() => void) | undefined;
+
+type DrawerProps = DrawerItem & Omit<DrawerRendererProps, 'stackId'> & {
+    header?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    bgColor?: 'var(--gray-50)' | 'var(--white)';
+    leftAligned?: DrawerRendererProps['leftAligned'];
+};
+declare const CurrentDrawerContext: React__default.Context<{
+    id?: string | undefined;
+    stackId?: string | undefined;
+    leftAligned?: DrawerRendererProps['leftAligned'];
+}>;
+declare const useCurrentDrawer: () => {
+    id?: string | undefined;
+    stackId?: string | undefined;
+    leftAligned?: DrawerRendererProps['leftAligned'];
+};
+/**
+ * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
+ * @example <Drawer id="my-drawer" header="Title">Hello</Drawer>
+ */
+declare const Drawer: React__default.ForwardRefExoticComponent<DrawerItem & Omit<DrawerRendererProps, "stackId"> & {
+    header?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    bgColor?: "var(--white)" | "var(--gray-50)" | undefined;
+    leftAligned?: DrawerRendererProps['leftAligned'];
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type DrawerContentProps = {
+    children: ReactNode;
+    buttonGroup?: ReactNode;
+    noPadding?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+interface IconButtonProps extends Omit<ButtonProps, 'size'> {
+    variant?: 'square' | 'rounded';
+    /** Style for the larger sizes have not been decided yet */
+    size?: 'xs' | 'sm' | 'md';
+}
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<unknown>>;
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    imgClassName?: string;
+    variant?: 'inline' | 'fill-container';
+}
+declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
@@ -21991,12 +22025,13 @@ declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, ch
 type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** sets the button text value */
     buttonText: string;
+    icon?: React$1.ReactElement;
 } & ScrollableListContainerProps;
 /**
  * Component used within <ScrollableList /> for adding interactive button components with predefined styles
  * @example <ScrollableListItem buttontext="my button" active={false} />
  */
-declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /**
  * Loading Indicator
@@ -22212,6 +22247,8 @@ type CommonParameterInputProps = CommonParameterProps & {
     caption?: string;
     /** sets menu items within the design system component Menu */
     menuItems?: ReactNode;
+    /** sets action items */
+    actionItems?: React.ReactNode;
     /** (option)  sets validation message test id for test automation */
     errorTestId?: string;
     /** (option)  sets caption message test id for test automation */
@@ -22324,6 +22361,7 @@ type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes
 declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: React$1.ReactNode;
+    actionItems?: React$1.ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22355,6 +22393,7 @@ type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<
 declare const ParameterLink: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: React$1.ReactNode;
+    actionItems?: React$1.ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22507,6 +22546,7 @@ type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectPro
 declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: React$1.ReactNode;
+    actionItems?: React$1.ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22519,6 +22559,7 @@ declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<Param
 declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: ReactNode;
+    actionItems?: ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22542,6 +22583,7 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
     innerProps: Omit<T & CommonParameterProps & {
         caption?: string | undefined;
         menuItems?: ReactNode;
+        actionItems?: ReactNode;
         errorTestId?: string | undefined;
         captionTestId?: string | undefined;
         title?: string | undefined;
@@ -22562,7 +22604,7 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
  * Uniform Parameter shell component
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
  */
-declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, hasOverriddenValue, onResetOverriddenValue, title, children, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
@@ -22574,6 +22616,7 @@ type ParameterTextareaProps = CommonParameterInputProps & React.TextareaHTMLAttr
 declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: React$1.ReactNode;
+    actionItems?: React$1.ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22588,6 +22631,7 @@ type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
 declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
     caption?: string | undefined;
     menuItems?: React$1.ReactNode;
+    actionItems?: React$1.ReactNode;
     errorTestId?: string | undefined;
     captionTestId?: string | undefined;
     title?: string | undefined;
@@ -22625,6 +22669,17 @@ type PopoverProps = PopoverProps$1 & {
 };
 declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+interface ProgressBarProps {
+    className?: string;
+    current: number;
+    max: number;
+    theme?: 'primary' | 'secondary';
+}
+/**
+ * @deprecated unstable - props and functionality is likely to change
+ */
+declare function ProgressBar({ className, current, max, theme }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
 type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
     /** A list of the items to show in the progress list */
@@ -22978,8 +23033,10 @@ type TooltipProps = TooltipOptions & {
     /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
     visible?: TooltipInitialState['visible'];
     children: JSX.Element;
+    /** If the tooltip should not be rendered inside a portal */
+    withoutPortal?: boolean;
 };
-declare function Tooltip({ children, title, placement, visible, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
@@ -23123,4 +23180,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, ImageBroken, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps$1 as ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, Image, ImageBroken, ImageProps, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressBar, ProgressBarProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RhythmProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };