@uniformdev/design-system 18.38.2-alpha.6 → 19.1.0

package/dist/index.d.ts

@@ -20249,8 +20249,6 @@ type ButtonProps = ButtonProps$1 & {
      * @default "md"
      * @deprecated size might no longer be used as we are trying to consolidate button designs */
     size?: ButtonSizeProps;
-    /** @deprecated rounded is no longer used */
-    rounded?: boolean;
 };
 /**
  * Uniform Button Component
@@ -20855,7 +20853,30 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  * Component that creates a checkbox or radio input field
  * @example <InputToggle label="Do you like ice cream?" type="checkbox" name="ice-cream" />
  */
-declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, warningMessage, testId, fontWeight, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: string;
+    /** sets the type of input to use, either radio or checkbox */
+    type: 'radio' | 'checkbox';
+    /** sets the name value of the radio/checkbox input */
+    name: string;
+    /** (optional) sets the disabled state */
+    disabled?: boolean | undefined;
+    /** (optional) sets the checked state of the input */
+    checked?: boolean | undefined;
+    /** (optional) sets caption text value */
+    caption?: string | JSX.Element | undefined;
+    /** (optional) sets shows the the error message value */
+    errorMessage?: string | undefined;
+    /** (optional) sets and shows the the warning message value */
+    warningMessage?: string | undefined;
+    /** (optional) sets the font weight of the label text
+     * @default 'bold'
+     */
+    fontWeight?: "bold" | "medium" | "normal" | undefined;
+    /** (optional) sets test id for test automation*/
+    testId?: string | undefined;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
     /** sets child elements within the label tag, normally the default label text */
@@ -20998,10 +21019,14 @@ declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_r
 type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** sets the title field */
     title: string;
+    /** sets padding value
+     * @default 'var(--spacing-md)'
+     */
+    padding?: string;
     /** (optional) sets react child component */
     children?: React$1.ReactNode;
 };
-declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the label value */
@@ -21172,6 +21197,280 @@ 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;
@@ -21495,6 +21794,14 @@ type PopoverProps = PopoverProps$1 & {
      * @default 'green'
      */
     iconColor?: IconColor;
+    /** sets the icon type
+     * @default 'info'
+     */
+    icon?: IconType;
+    /** sets the icon size
+     * @default '1rem'
+     */
+    iconSize?: string;
     /** sets the aria label attribute on the popover */
     ariaLabel?: string;
     /** sets the title attr and text of the button */
@@ -21505,7 +21812,7 @@ type PopoverProps = PopoverProps$1 & {
     placement?: PopoverInitialState['placement'];
     children: ReactNode;
 };
-declare const Popover: ({ iconColor, buttonText, ariaLabel, placement, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
 type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -21544,43 +21851,6 @@ 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;
@@ -21825,146 +22095,4 @@ type TooltipProps = TooltipOptions & {
 };
 declare function Tooltip({ children, title, placement, visible, ...props }: TooltipProps): _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;
-
-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, 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 };
+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 };