@uniformdev/design-system 19.2.0 → 19.3.0

package/dist/index.d.ts

@@ -76,6 +76,7 @@ declare const buttonRippleEffect: (props: {
     activeColor?: string;
 }) => _emotion_react.SerializedStyles;
 declare const buttonPrimary: _emotion_react.SerializedStyles;
+declare const buttonDestructive: _emotion_react.SerializedStyles;
 declare const buttonSecondary: _emotion_react.SerializedStyles;
 declare const buttonSecondaryInvert: _emotion_react.SerializedStyles;
 declare const buttonPrimaryInvert: _emotion_react.SerializedStyles;
@@ -83,6 +84,7 @@ declare const buttonUnimportant: _emotion_react.SerializedStyles;
 declare const buttonGhost: _emotion_react.SerializedStyles;
 declare const buttonGhostDestructive: _emotion_react.SerializedStyles;
 declare const buttonTertiary: _emotion_react.SerializedStyles;
+declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
 
 declare const labelText: _emotion_react.SerializedStyles;
 declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
@@ -146,7 +148,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
  */
 declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--brand-secondary-3)';
+type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
 type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** (optional) - sets the button text and title value
      * @default 'Add Item'
@@ -20187,6 +20189,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
 /**
  * Uniform Badge Component
  * @example <Badge text="My badge" theme="success" size="base" />
+ * @deprecated please use Chip component instead
  */
 declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -20235,9 +20238,9 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
 declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & 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' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert';
+type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
 /** Button sizes that are available to use with our brand */
-type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type ButtonProps = ButtonProps$1 & {
     /** sets the theme of the button
      * @default "primary"
@@ -20247,7 +20250,7 @@ type ButtonProps = ButtonProps$1 & {
     children?: React$1.ReactNode;
     /**
      * @default "md"
-     * @deprecated size might no longer be used as we are trying to consolidate button designs */
+     * */
     size?: ButtonSizeProps;
 };
 /**
@@ -20374,6 +20377,35 @@ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...p
 
 declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type ChipSizeProp = 'xs' | 'sm' | 'md';
+type ChipThemeProps = 'accent-light' | 'accent-dark' | 'neutral-light' | 'neutral-dark';
+type ChipProps = {
+    icon?: IconType$1;
+    text: string;
+    /** sets the size of the chip
+     * @default 'sm'
+     */
+    theme?: ChipThemeProps;
+    chipAction?: React$1.ReactNode;
+    size?: ChipSizeProp;
+} & React$1.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 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;
@@ -20381,9 +20413,9 @@ type CounterProps = {
      * @default 'transparent'
      */
     bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
-};
+} & React$1.HTMLAttributes<HTMLDivElement>;
 /** @example <Counter count={1} /> */
-declare const Counter: ({ count, bgColor }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+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';
@@ -20499,8 +20531,10 @@ declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album",
 /** A list of available icon names that can be used with the Uniform brand */
 type IconName = (typeof iconNames)[number];
 
-/** sets fill color of the svg icon */
-type IconColor = 'green' | 'red' | 'gray' | 'currentColor';
+/** sets fill color of the svg icon
+ * @default 'default'
+ */
+type IconColor = 'action' | 'default' | 'red' | 'gray' | 'currentColor';
 /** sets the type of icon to use from the available list */
 type IconType = IconName | IconType$1;
 interface IconProps extends IconBaseProps {
@@ -20951,8 +20985,8 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
 
 type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
 type BackgroundColorProp = 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
-type HtmlTagProps = 'div' | 'section' | 'article' | 'aside';
-type BorderRadiusProps = 'rounded-sm' | '--rounded-base' | 'rounded-md';
+type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
+type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
 type CommonContainerProps = {
     /** sets the background color of the element */
     backgroundColor?: BackgroundColorProp;
@@ -20972,6 +21006,19 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
 };
 declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type HorizontalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
+    /** sets the wrapping html tag
+     * @default 'div'
+     */
+    tag?: HtmlTagProps | 'fieldset';
+    /** sets the vertical spacing between each element
+     * @default 'div'
+     */
+    gap?: SpacingProp;
+    children: React$1.ReactNode;
+};
+declare const HorizontalRhythm: ({ tag, gap, children, ...props }: HorizontalRhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 type TwoColumnLayoutProps = {
     /** sets the full bleed background colour
      * @default 'var(--white)'
@@ -20995,7 +21042,7 @@ type VerticalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetE
      */
     tag?: HtmlTagProps | 'fieldset';
     /** sets the vertical spacing between each element
-     * @default 'base'
+     * @default 'div'
      */
     gap?: SpacingProp;
     children: React$1.ReactNode;
@@ -21040,32 +21087,37 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
  */
 declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type ScrollableItemProps = React.HTMLAttributes<HTMLInputElement> & {
+type ScrollableListContainerProps = {
+    /** sets whether to show or hide the shadow around the element
+     * @default 'false'
+     */
+    disableShadow?: boolean;
+    /** sets the active style of the button */
+    active: boolean;
+};
+
+type ScrollableItemProps = {
     /** sets an element within the label > span element */
     icon?: React.ReactElement;
     /**sets the label value */
-    label: string;
+    label: string | React.ReactElement;
     /** sets a data-test-id on the label */
     labelTestId?: string;
-    /** sets the active style of the element */
-    active: boolean;
     /** recommended to use a form input element of type radio or checkbox */
     children: React.ReactNode;
-};
+} & ScrollableListContainerProps;
 /** @example  <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
-declare const ScrollableListInputItem: ({ label, icon, active, children, labelTestId, }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** sets the button text value */
     buttonText: string;
-    /** sets the active style of the button */
-    active: boolean;
-};
+} & 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, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /**
  * Loading Indicator
@@ -21197,280 +21249,6 @@ declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _em
  */
 declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** Available heading weights e.g. 1 - 6 */
-type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
-type HeadingProps = {
-    /** sets the type of heading tag between h1 to h6, defaults to <h2>
-     * @default 2
-     */
-    level?: LevelProps;
-    /** sets whether to display a span with the defined heading styles
-     * @default undefined
-     */
-    asSpan?: boolean;
-    /** sets the title value */
-    children: React$1.ReactNode;
-    /** (optional) sets whether to use the default margin for the heading element
-     * @default true
-     */
-    withMarginBottom?: boolean;
-} & React$1.HTMLAttributes<HTMLHeadingElement>;
-/**
- * Component that sets the heading tag
- * @example <Heading level={1}>Blog Post Title</Heading>
- */
-declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
-    /** sets the title text of the integration */
-    title: string;
-    /** sets the description text of the integration */
-    description: string | string[];
-    /** (optional) sets the icon of the integration */
-    icon?: string | React$1.ComponentType<{
-        className?: string;
-    }>;
-    /** (optional) sets the react child elements*/
-    children?: React$1.ReactNode;
-    /** (optional) sets an external link to documentation */
-    docsLink?: string;
-    /** (optional) sets the badge text of the integration */
-    badgeText?: string;
-    /** (optional) location for the menu options to be positioned */
-    menu?: React$1.ReactNode;
-};
-/**
- * Uniform Integration Header Section Component
- * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
- */
-declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type LinkColorProps = 'currentColor' | 'red' | 'green';
-type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    /** sets the link text and title text */
-    text: string;
-    /** (optional) sets the link color
-     * @default 'currentColor'
-     */
-    linkColor?: LinkColorProps;
-    /** (optional) sets whether the link is external or not adding an icon to the link */
-    external?: boolean;
-    /** (optional) For supporting inside next/link component */
-    ref?: React$1.ForwardedRef<HTMLAnchorElement>;
-    /** (optional) sets react child elements */
-    children?: React$1.ReactNode;
-};
-/** Uniform Link Component
- * @example <Link text="my link" href="#" />
- */
-declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-type LinkManagerWithRefType = (props: Partial<LinkProps> & {
-    as?: string;
-    href: string;
-    passHref: true;
-    legacyBehavior?: boolean;
-} & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
-/** Uniform LinkWithRef Component
- * We recommend using this link `next/link`
- * @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
- */
-declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    /** sets the link text and title text */
-    text: string;
-    /** (optional) sets the link color
-     * @default 'currentColor'
-     */
-    linkColor?: LinkColorProps | undefined;
-    /** (optional) sets whether the link is external or not adding an icon to the link */
-    external?: boolean | undefined;
-    /** (optional) For supporting inside next/link component */
-    ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
-    /** (optional) sets react child elements */
-    children?: React$1.ReactNode;
-} & {
-    href: string;
-    as?: string | undefined;
-    linkManagerComponent: LinkManagerWithRefType;
-}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-
-interface RouteProps {
-    as: string;
-    href: string;
-}
-type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
-    title: string | undefined;
-    desc?: React$1.ReactNode;
-    children?: React$1.ReactNode;
-    linkProps?: RouteProps;
-    linkText?: string;
-    level?: LevelProps;
-    linkManagerComponent?: LinkManagerWithRefType;
-};
-declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ParagraphProps = {
-    /** (optional) adds child elements to the paragraph tag */
-    children?: React$1.ReactNode;
-    /** (optional) sets raw html values */
-    htmlContent?: string | string[];
-    /** (optional) allows user to set overriding class names or emotion styles */
-    className?: SerializedStyles | string;
-} & React$1.HTMLAttributes<HTMLParagraphElement>;
-/**
- * Component for generic paragraph tags
- * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
- */
-declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
-type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
-    /** sets the current status */
-    status: StatusTypeProps;
-    /** sets an overriding message */
-    message?: string;
-    /** sets whether to show or hide the status text
-     * @default false
-     */
-    hideText?: boolean;
-    /** sets the size of the status message and icon
-     * @default 'base'
-     */
-    size?: 'sm' | 'base';
-};
-declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ObjectCompositionListItemProps = {
-    /** sets the title value */
-    title: string;
-    /** sets the date value with date formatting */
-    date: Date;
-    /** sets the component name if present */
-    componentName?: string;
-    /** sets the icon to use if present */
-    icon?: IconName;
-    /** sets the publish status if present */
-    publishStatus?: StatusTypeProps;
-    /** sets the href value */
-    href: string;
-    /** sets the as value when using a link manager e.g. next/link */
-    as?: string;
-    /** sets the link manager component to use e.g. next/link */
-    linkManagerComponent: LinkManagerWithRefType;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-/**
- * @description used for displaying composition data on the project dashboard page
- * @example <ObjectCompositionListItem title="my title" date={new Date()} href="https://uniform.app" linkManagerComponent={NextLink} />
- */
-declare const ObjectCompositionListItem: React$1.ForwardRefExoticComponent<{
-    /** sets the title value */
-    title: string;
-    /** sets the date value with date formatting */
-    date: Date;
-    /** sets the component name if present */
-    componentName?: string | undefined;
-    /** sets the icon to use if present */
-    icon?: "code" | "data" | "link" | "menu" | "select" | "style" | "template" | "time" | "track" | "image" | "key" | "search" | "repeat" | "anchor" | "close" | "copy" | "drop" | "server" | "shortcut" | "feed" | "list" | "presentation" | "tab" | "timer" | "tree" | "add-r" | "add" | "airplane" | "alarm" | "album" | "align-bottom" | "align-center" | "align-left" | "align-middle" | "align-right" | "align-top" | "apple-watch" | "arrange-back" | "arrange-front" | "arrow-align-h" | "arrow-align-v" | "arrow-bottom-left-o" | "arrow-bottom-left-r" | "arrow-bottom-left" | "arrow-bottom-right-o" | "arrow-bottom-right-r" | "arrow-bottom-right" | "arrow-down-o" | "arrow-down-r" | "arrow-down" | "arrow-left-o" | "arrow-left-r" | "arrow-left" | "arrow-long-down-c" | "arrow-long-down-e" | "arrow-long-down-l" | "arrow-long-down-r" | "arrow-long-down" | "arrow-long-left-c" | "arrow-long-left-e" | "arrow-long-left-l" | "arrow-long-left-r" | "arrow-long-left" | "arrow-long-right-c" | "arrow-long-right-e" | "arrow-long-right-l" | "arrow-long-right-r" | "arrow-long-right" | "arrow-long-up-c" | "arrow-long-up-e" | "arrow-long-up-l" | "arrow-long-up-r" | "arrow-long-up" | "arrow-right-o" | "arrow-right-r" | "arrow-right" | "arrow-top-left-o" | "arrow-top-left-r" | "arrow-top-left" | "arrow-top-right-o" | "arrow-top-right-r" | "arrow-top-right" | "arrow-up-o" | "arrow-up-r" | "arrow-up" | "arrows-breake-h" | "arrows-breake-v" | "arrows-exchange-alt-v" | "arrows-exchange-alt" | "arrows-exchange-v" | "arrows-exchange" | "arrows-expand-down-left" | "arrows-expand-down-right" | "arrows-expand-left-alt" | "arrows-expand-left" | "arrows-expand-right-alt" | "arrows-expand-right" | "arrows-expand-up-left" | "arrows-expand-up-right" | "arrows-h-alt" | "arrows-h" | "arrows-merge-alt-h" | "arrows-merge-alt-v" | "arrows-scroll-h" | "arrows-scroll-v" | "arrows-shrink-h" | "arrows-shrink-v" | "arrows-v-alt" | "arrows-v" | "assign" | "asterisk" | "attachment" | "attribution" | "awards" | "backspace" | "band-aid" | "battery-empty" | "battery-full" | "battery" | "bee" | "bell" | "bitbucket" | "block" | "board" | "bolt" | "bookmark" | "border-all" | "border-bottom" | "border-left" | "border-right" | "border-style-dashed" | "border-style-dotted" | "border-style-solid" | "border-top" | "bot" | "bowl" | "box" | "boy" | "briefcase" | "browse" | "browser" | "brush" | "bulb" | "c-plus-plus" | "calculator" | "calendar-dates" | "calendar-due" | "calendar-next" | "calendar-today" | "calendar-two" | "calendar" | "calibrate" | "camera" | "cap" | "captions" | "card-clubs" | "card-diamonds" | "card-hearts" | "card-spades" | "carousel" | "cast" | "chart" | "check-o" | "check-r" | "check" | "chevron-double-down-o" | "chevron-double-down-r" | "chevron-double-down" | "chevron-double-left-o" | "chevron-double-left-r" | "chevron-double-left" | "chevron-double-right-o" | "chevron-double-right-r" | "chevron-double-right" | "chevron-double-up-o" | "chevron-double-up-r" | "chevron-double-up" | "chevron-down-o" | "chevron-down-r" | "chevron-down" | "chevron-left-o" | "chevron-left-r" | "chevron-left" | "chevron-right-o" | "chevron-right-r" | "chevron-right" | "chevron-up-o" | "chevron-up-r" | "chevron-up" | "clapper-board" | "clipboard" | "close-o" | "close-r" | "cloud" | "code-slash" | "coffee" | "collage" | "color-bucket" | "color-picker" | "comment" | "community" | "components" | "compress-left" | "compress-right" | "compress-v" | "compress" | "controller" | "copyright" | "corner-double-down-left" | "corner-double-down-right" | "corner-double-left-down" | "corner-double-left-up" | "corner-double-right-down" | "corner-double-right-up" | "corner-double-up-left" | "corner-double-up-right" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "credit-card" | "crop" | "cross" | "crown" | "danger" | "dark-mode" | "database" | "debug" | "desktop" | "details-less" | "details-more" | "dialpad" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "disc" | "display-flex" | "display-fullwidth" | "display-grid" | "display-spacing" | "distribute-horizontal" | "distribute-vertical" | "dock-bottom" | "dock-left" | "dock-right" | "dock-window" | "dollar" | "drive" | "drop-invert" | "drop-opacity" | "duplicate" | "edit-black-point" | "edit-contrast" | "edit-exposure" | "edit-fade" | "edit-flip-h" | "edit-flip-v" | "edit-highlight" | "edit-markup" | "edit-mask" | "edit-noise" | "edit-shadows" | "edit-straight" | "edit-unmask" | "eject" | "enter" | "erase" | "ereader" | "ericsson" | "ethernet" | "euro" | "expand" | "export" | "extension-add" | "extension-alt" | "extension-remove" | "extension" | "external" | "eye-alt" | "eye" | "file-add" | "file-document" | "file-remove" | "file" | "film" | "filters" | "flag-alt" | "flag" | "folder-add" | "folder-remove" | "folder" | "font-height" | "font-spacing" | "format-bold" | "format-center" | "format-color" | "format-heading" | "format-indent-decrease" | "format-indent-increase" | "format-italic" | "format-justify" | "format-left" | "format-line-height" | "format-right" | "format-separator" | "format-slash" | "format-strike" | "format-text" | "format-underline" | "format-uppercase" | "games" | "gender-female" | "gender-male" | "ghost-character" | "gift" | "girl" | "git-branch" | "git-commit" | "git-fork" | "git-pull" | "glass-alt" | "glass" | "globe-alt" | "globe" | "gym" | "hashtag" | "headset" | "heart" | "home-alt" | "home-screen" | "home" | "icecream" | "import" | "inbox" | "infinity" | "info" | "inpicture" | "insert-after-o" | "insert-after-r" | "insert-after" | "insert-before-o" | "insert-before-r" | "insert-before" | "insights" | "internal" | "keyboard" | "keyhole" | "laptop" | "layout-grid-small" | "layout-grid" | "layout-list" | "layout-pin" | "list-tree" | "live-photo" | "loadbar-alt" | "loadbar-doc" | "loadbar-sound" | "loadbar" | "lock-unlock" | "lock" | "log-in" | "log-off" | "log-out" | "loupe" | "magnet" | "mail-forward" | "mail-open" | "mail-reply" | "mail" | "math-divide" | "math-equal" | "math-minus" | "math-percent" | "math-plus" | "maximize-alt" | "maximize" | "media-live" | "media-podcast" | "menu-boxed" | "menu-cake" | "menu-cheese" | "menu-grid-o" | "menu-grid-r" | "menu-hotdog" | "menu-left-alt" | "menu-left" | "menu-motion" | "menu-oreos" | "menu-right-alt" | "menu-right" | "menu-round" | "merge-horizontal" | "merge-vertical" | "mic" | "mini-player" | "minimize-alt" | "minimize" | "modem" | "moon" | "more-alt" | "more-o" | "more-r" | "more-vertical-alt" | "more-vertical-o" | "more-vertical-r" | "more-vertical" | "more" | "mouse" | "move-down" | "move-left" | "move-right" | "move-task" | "move-up" | "music-note" | "music-speaker" | "music" | "nametag" | "notes" | "notifications" | "options" | "organisation" | "password" | "path-back" | "path-crop" | "path-divide" | "path-exclude" | "path-front" | "path-intersect" | "path-outline" | "path-trim" | "path-unite" | "pen" | "pentagon-bottom-left" | "pentagon-bottom-right" | "pentagon-down" | "pentagon-left" | "pentagon-right" | "pentagon-top-left" | "pentagon-top-right" | "pentagon-up" | "performance" | "phone" | "photoscan" | "piano" | "pill" | "pin-alt" | "pin-bottom" | "pin-top" | "pin" | "play-backwards" | "play-button-o" | "play-button-r" | "play-button" | "play-forwards" | "play-list-add" | "play-list-check" | "play-list-remove" | "play-list-search" | "play-list" | "play-pause-o" | "play-pause-r" | "play-pause" | "play-stop-o" | "play-stop-r" | "play-stop" | "play-track-next-o" | "play-track-next-r" | "play-track-next" | "play-track-prev-o" | "play-track-prev-r" | "play-track-prev" | "plug" | "polaroid" | "poll" | "printer" | "profile" | "pull-clear" | "push-chevron-down-o" | "push-chevron-down-r" | "push-chevron-down" | "push-chevron-left-o" | "push-chevron-left-r" | "push-chevron-left" | "push-chevron-right-o" | "push-chevron-right-r" | "push-chevron-right" | "push-chevron-up-o" | "push-chevron-up-r" | "push-chevron-up" | "push-down" | "push-left" | "push-right" | "push-up" | "qr" | "quote-o" | "quote" | "radio-check" | "radio-checked" | "ratio" | "read" | "readme" | "record" | "redo" | "remote" | "remove-r" | "remove" | "rename" | "reorder" | "ring" | "row-first" | "row-last" | "ruler" | "sand-clock" | "scan" | "screen-mirror" | "screen-shot" | "screen-wide" | "screen" | "scroll-h" | "scroll-v" | "search-found" | "search-loading" | "select-o" | "select-r" | "shape-circle" | "shape-half-circle" | "shape-hexagon" | "shape-rhombus" | "shape-square" | "shape-triangle" | "shape-zigzag" | "share" | "shield" | "shopping-bag" | "shopping-cart" | "sidebar-open" | "sidebar-right" | "sidebar" | "signal" | "size" | "sleep" | "smart-home-boiler" | "smart-home-cooker" | "smart-home-heat" | "smart-home-light" | "smart-home-refrigerator" | "smart-home-wash-machine" | "smartphone-chip" | "smartphone-ram" | "smartphone-shake" | "smartphone" | "smile-mouth-open" | "smile-neutral" | "smile-no-mouth" | "smile-none" | "smile-sad" | "smile-upside" | "smile" | "software-download" | "software-upload" | "sort-az" | "sort-za" | "space-between-v" | "space-between" | "spinner-alt" | "spinner-two-alt" | "spinner-two" | "spinner" | "stack" | "stopwatch" | "stories" | "sun" | "support" | "swap-vertical" | "swap" | "sweden" | "swiss" | "sync" | "tag" | "tap-double" | "tap-single" | "tennis" | "terminal" | "terrain" | "thermometer" | "thermostat" | "tikcode" | "timelapse" | "today" | "toggle-off" | "toggle-on" | "toggle-square-off" | "toggle-square" | "toolbar-bottom" | "toolbar-left" | "toolbar-right" | "toolbar-top" | "toolbox" | "touchpad" | "transcript" | "trash-empty" | "trash" | "trees" | "trending-down" | "trending" | "trophy" | "tv" | "ui-kit" | "umbrella" | "unavailable" | "unblock" | "undo" | "unsplash" | "usb-c" | "usb" | "user-add" | "user-list" | "user-remove" | "user" | "view-cols" | "view-comfortable" | "view-day" | "view-grid" | "view-list" | "view-month" | "view-split" | "vinyl" | "voicemail-o" | "voicemail-r" | "voicemail" | "volume" | "webcam" | "website" | "work-alt" | "yinyang" | "zoom-in" | "zoom-out" | "rectangle-rounded" | "card" | "image-text" | "full-width-screen" | "text-input" | "number-input" | "canvas-alert" | "warning" | "settings" | undefined;
-    /** sets the publish status if present */
-    publishStatus?: StatusTypeProps | undefined;
-    /** sets the href value */
-    href: string;
-    /** sets the as value when using a link manager e.g. next/link */
-    as?: string | undefined;
-    /** sets the link manager component to use e.g. next/link */
-    linkManagerComponent: LinkManagerWithRefType;
-} & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
-
-type SegmentedControlOption<TValue extends string = string> = {
-    value: TValue;
-    label?: string;
-    icon?: IconType$1;
-    tooltip?: string;
-    disabled?: boolean;
-};
-type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
-    /** A unique name for the component, used to group the options */
-    name: string;
-    /** The options to show */
-    options: SegmentedControlOption<TValue>[];
-    /** The value of the option to be selected */
-    value?: TValue;
-    /** Called when the user selects a different option */
-    onChange: (value: TValue) => void;
-    /** Doesn't show a checkmark next to the selected item */
-    noCheckmark?: boolean;
-    /** Disables all the options */
-    disabled?: boolean;
-    /**
-     * The orientation by which the items are rendered
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The size of the input
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-};
-/**
- * Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
- * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
- */
-declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ObjectListContainerProps = {
-    /** sets the heading text
-     * @default 'Recent Compositions'
-     */
-    title?: string;
-    /** sets the filter options */
-    filterOptions: Array<SegmentedControlOption>;
-    /** sets the current selected filter value */
-    filterValue: string;
-    /** sets the loading state */
-    isLoading: boolean;
-    /** sets the onChange function takes a string argument */
-    onSetFilterOption: (value: string) => void;
-    /** sets the list of data to render */
-    list: Array<ObjectCompositionListItemProps>;
-    /** allows different components to be passed as the results list item
-     * @default 'ObjectCompositionListItem'
-     */
-    resolveDefaultComponent?: (value: ObjectCompositionListItemProps) => React$1.ReactNode;
-    /** sets the disabled state on the segmented control filter options */
-    isDisabled?: boolean;
-    /** sets whether to show or hide the controls */
-    hideControls?: boolean;
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement>;
-/**
- * @description
- * @example <ObjectListContainer
- */
-declare const ObjectListContainer: ({ title, list, filterOptions, filterValue, isLoading, isDisabled, hideControls, onSetFilterOption, resolveDefaultComponent, children, ...props }: ObjectListContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare const ObjectListItemLoadingSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ObjectPersonalizationListItemProps = {
-    title: string;
-    id: string;
-    date: Date;
-    data: {
-        [key: string]: string | number;
-    };
-    as?: string;
-    linkManagerComponent: LinkManagerWithRefType;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const ObjectPersonalizationListItem: React$1.ForwardRefExoticComponent<{
-    title: string;
-    id: string;
-    date: Date;
-    data: {
-        [key: string]: string | number;
-    };
-    as?: string | undefined;
-    linkManagerComponent: LinkManagerWithRefType;
-} & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
-
 type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
     icon?: IconType;
     iconColor?: IconColor;
@@ -21791,7 +21569,7 @@ declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.In
 type PopoverProps = PopoverProps$1 & {
     /** sets the aria-controls and id value of the matching popover set */
     /** sets the icon color
-     * @default 'green'
+     * @default 'action'
      */
     iconColor?: IconColor;
     /** sets the icon type
@@ -21810,9 +21588,11 @@ type PopoverProps = PopoverProps$1 & {
      * @default 'bottom'
      */
     placement?: PopoverInitialState['placement'];
+    /** sets a test id for e2e tests */
+    testId?: string;
     children: ReactNode;
 };
-declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
 type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -21851,6 +21631,43 @@ type ProgressListItem<IdType extends string = string> = {
 };
 declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type SegmentedControlOption<TValue extends string = string> = {
+    value: TValue;
+    label?: string;
+    icon?: IconType$1;
+    tooltip?: string;
+    disabled?: boolean;
+};
+type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** A unique name for the component, used to group the options */
+    name: string;
+    /** The options to show */
+    options: SegmentedControlOption<TValue>[];
+    /** The value of the option to be selected */
+    value?: TValue;
+    /** Called when the user selects a different option */
+    onChange: (value: TValue) => void;
+    /** Doesn't show a checkmark next to the selected item */
+    noCheckmark?: boolean;
+    /** Disables all the options */
+    disabled?: boolean;
+    /**
+     * The orientation by which the items are rendered
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The size of the input
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+};
+/**
+ * Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
+ * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
+ */
+declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare function ShortcutContext({ children }: {
     children: React__default.ReactNode;
 }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
@@ -22095,4 +21912,146 @@ type TooltipProps = TooltipOptions & {
 };
 declare function Tooltip({ children, title, placement, visible, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, 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, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, 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, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, ObjectCompositionListItem, ObjectCompositionListItemProps, ObjectListContainer, ObjectListContainerProps, ObjectListItemLoadingSkeleton, ObjectPersonalizationListItem, ObjectPersonalizationListItemProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, 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, TileContainer, TileContainerProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };
+/** Available heading weights e.g. 1 - 6 */
+type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingProps = {
+    /** sets the type of heading tag between h1 to h6, defaults to <h2>
+     * @default 2
+     */
+    level?: LevelProps;
+    /** sets whether to display a span with the defined heading styles
+     * @default undefined
+     */
+    asSpan?: boolean;
+    /** sets the title value */
+    children: React$1.ReactNode;
+    /** (optional) sets whether to use the default margin for the heading element
+     * @default true
+     */
+    withMarginBottom?: boolean;
+} & React$1.HTMLAttributes<HTMLHeadingElement>;
+/**
+ * Component that sets the heading tag
+ * @example <Heading level={1}>Blog Post Title</Heading>
+ */
+declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
+    /** sets the title text of the integration */
+    title: string;
+    /** sets the description text of the integration */
+    description: string | string[];
+    /** (optional) sets the icon of the integration */
+    icon?: string | React$1.ComponentType<{
+        className?: string;
+    }>;
+    /** (optional) sets the react child elements*/
+    children?: React$1.ReactNode;
+    /** (optional) sets an external link to documentation */
+    docsLink?: string;
+    /** (optional) sets the badge text of the integration */
+    badgeText?: string;
+    /** (optional) location for the menu options to be positioned */
+    menu?: React$1.ReactNode;
+};
+/**
+ * Uniform Integration Header Section Component
+ * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
+ */
+declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type LinkColorProps = 'currentColor' | 'destructive' | 'default';
+type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** sets the link text and title text */
+    text: string;
+    /** (optional) sets the link color
+     * @default 'currentColor'
+     */
+    linkColor?: LinkColorProps;
+    /** (optional) sets whether the link is external or not adding an icon to the link */
+    external?: boolean;
+    /** (optional) For supporting inside next/link component */
+    ref?: React$1.ForwardedRef<HTMLAnchorElement>;
+    /** (optional) sets react child elements */
+    children?: React$1.ReactNode;
+};
+/** Uniform Link Component
+ * @example <Link text="my link" href="#" />
+ */
+declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+type LinkManagerWithRefType = (props: Partial<LinkProps> & {
+    as?: string;
+    href: string;
+    passHref: true;
+    legacyBehavior?: boolean;
+} & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
+/** Uniform LinkWithRef Component
+ * We recommend using this link `next/link`
+ * @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
+ */
+declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** sets the link text and title text */
+    text: string;
+    /** (optional) sets the link color
+     * @default 'currentColor'
+     */
+    linkColor?: LinkColorProps | undefined;
+    /** (optional) sets whether the link is external or not adding an icon to the link */
+    external?: boolean | undefined;
+    /** (optional) For supporting inside next/link component */
+    ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
+    /** (optional) sets react child elements */
+    children?: React$1.ReactNode;
+} & {
+    href: string;
+    as?: string | undefined;
+    linkManagerComponent: LinkManagerWithRefType;
+}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+interface RouteProps {
+    as: string;
+    href: string;
+}
+type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
+    title: string | undefined;
+    desc?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    linkProps?: RouteProps;
+    linkText?: string;
+    level?: LevelProps;
+    linkManagerComponent?: LinkManagerWithRefType;
+};
+declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type ParagraphProps = {
+    /** (optional) adds child elements to the paragraph tag */
+    children?: React$1.ReactNode;
+    /** (optional) sets raw html values */
+    htmlContent?: string | string[];
+    /** (optional) allows user to set overriding class names or emotion styles */
+    className?: SerializedStyles | string;
+} & React$1.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * Component for generic paragraph tags
+ * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
+ */
+declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
+type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
+    /** sets the current status */
+    status: StatusTypeProps;
+    /** sets an overriding message */
+    message?: string;
+    /** sets whether to show or hide the status text
+     * @default false
+     */
+    hideText?: boolean;
+    /** sets the size of the status message and icon
+     * @default 'base'
+     */
+    size?: 'sm' | 'base';
+};
+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, 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, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, HorizontalRhythmProps, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, 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, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, 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, TileContainer, TileContainerProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };