@uniformdev/design-system 17.5.1-alpha.6 → 17.6.0

package/dist/index.d.ts

@@ -4,12 +4,12 @@ import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
+import { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
 import { IconType as IconType$1, IconBaseProps } from 'react-icons';
 import { GroupBase } from 'react-select';
-import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
 import InternalSelect from 'react-select/dist/declarations/src/Select';
-import { MenuHTMLProps, MenuProps as MenuProps$1, MenuStateReturn } from 'reakit/Menu';
-import { MenuItemHTMLProps, MenuProps as MenuProps$2 } from 'reakit';
+import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
+import { MenuHTMLProps, MenuProps as MenuProps$2, MenuStateReturn } from 'reakit/Menu';
 import { TabState, TabListProps, TabProps, TabPanelProps } from 'reakit/Tab';
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
@@ -52,11 +52,6 @@ declare const mq: (size: BreakpointSize) => string;
  */
 declare const supports: (cssProp: string) => string;
 
-declare const labelText: _emotion_react.SerializedStyles;
-declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
-declare const inputError: _emotion_react.SerializedStyles;
-declare const inputSelect: _emotion_react.SerializedStyles;
-
 declare const button: _emotion_react.SerializedStyles;
 declare const buttonRippleEffect: (props: {
     hoverColor: string;
@@ -69,8 +64,10 @@ declare const buttonUnimportant: _emotion_react.SerializedStyles;
 declare const buttonGhost: _emotion_react.SerializedStyles;
 declare const buttonTertiary: _emotion_react.SerializedStyles;
 
-/** Custom scrollbar styles */
-declare const scrollbarStyles: _emotion_react.SerializedStyles;
+declare const labelText: _emotion_react.SerializedStyles;
+declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
+declare const inputError: _emotion_react.SerializedStyles;
+declare const inputSelect: _emotion_react.SerializedStyles;
 
 /**
  * growSubtle animation
@@ -97,6 +94,94 @@ declare const skeletonLoading: _emotion_react.Keyframes;
 declare const fadeInLtr: _emotion_react.Keyframes;
 declare const fadeInRtl: _emotion_react.Keyframes;
 
+/** Custom scrollbar styles */
+declare const scrollbarStyles: _emotion_react.SerializedStyles;
+
+declare type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
+    /** sets the aria-label for accessibility
+     * @default "Add"
+     */
+    buttonText?: string;
+    onClick: () => void;
+    className?: string;
+    /** sets keyboard shortcut command for Windows
+     * @default "ctrl+alt+n"
+     */
+    shortcut?: string | null;
+    /** sets keyboard shortcut command for Mac
+     * @default "option+n"
+     */
+    macShortcut?: string | null;
+};
+/**
+ * Add button component
+ * @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
+ * @example <AddButton buttonText="Button Text" />
+ */
+declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--brand-secondary-3)';
+declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** (optional) - sets the button text and title value
+     * @default 'Add Item'
+     */
+    buttonText?: string;
+    /** sets the function action of the button */
+    onButtonClick: () => void;
+    /** (optional) - sets the icon within the button, requires the icon provider to work
+     * @default 'regular'
+     */
+    variant?: 'regular' | 'small';
+    /** (optional) - sets whether the button is disabled or not
+     * @default undefined
+     */
+    disabled?: boolean;
+    /** (optional) - sets the icon within the button, requires the icon provider to work
+     * @default 'add'
+     */
+    icon?: 'math-plus' | 'add' | 'add-r';
+    /** (optional) sets button theme */
+    theme?: AddListButtonThemeProps;
+};
+/**
+ * Uniform Add List Button Component
+ * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
+ */
+declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type ArrowPositionProps = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+declare type InlineAlertProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** sets the id of the popup and the aria-controls attibute on the close button
+     * @example 'my-alert-box'
+     */
+    id: string;
+    /** sets the title of the inline alert message */
+    title: string;
+    /** sets the text of the inline alert message */
+    text: string;
+    /** (optional) sets the position of the arrow
+     * @default 'left-top'
+     */
+    arrowPosition?: ArrowPositionProps;
+    /** (optional) allows to position alert using direct css */
+    positionCss?: SerializedStyles;
+};
+/**
+ * Uniform Inline Alert Component
+ * @example <InlineAlert id="my-alert-box" title="my alert box" text="some description text" />
+ */
+declare const InlineAlert: ({ id, title, text, arrowPosition, positionCss, ...btnProps }: InlineAlertProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type BadgeProps = {
+    /** sets the text of the badge */
+    text: string;
+};
+/**
+ * Uniform Badge Component
+ * @example <Badge text="My badge" />
+ */
+declare const Badge: ({ text }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare type UniformLogoProps = {
     /** sets a light or dark theme for the uniform badge or logo component
      * @default "light"
@@ -140,56 +225,288 @@ declare type ButtonProps = ButtonProps$1 & {
  * @param {BaseButtonProps} props - object of button props from reakit
  * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
  */
-declare const Button: React$1.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "focusable" | "buttonType" | "size" | "unstable_system" | "disabled" | "unstable_clickOnEnter" | "unstable_clickOnSpace" | "wrapElement" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "rounded"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "focusable" | "size" | "buttonType" | "unstable_system" | "unstable_clickOnEnter" | "unstable_clickOnSpace" | "wrapElement" | "rounded"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "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", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "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", "data", "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", "drop", "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", "feed", "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", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "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", "menu", "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", "presentation", "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", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "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", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "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", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "info-filled"];
-/** A list of available icon names that can be used with the Uniform brand */
-declare type IconName = typeof iconNames[number];
+declare type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost';
+interface ActionButtonsProps {
+    /** Takes a function for the visible button */
+    onButtonClick: () => void;
+    /** (optional) reakit placements options for the expandable menu */
+    placement?: MenuProps$1['placement'];
+    /** sets the theme of the button
+     * @default "secondary"
+     */
+    buttonType?: ButtonThemeProps;
+    /** sets the button text value */
+    buttonText: string;
+    /** adds child components to the ButtonWithMenu component */
+    children: React$1.ReactNode;
+}
+/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
+declare type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Uniform ButtonWithMenu Component
+ * @example
+<ButtonWithMenu
+    disabled={isDisabled}
+    buttonText="Save and close"
+    onButtonClick={() => someFunction()}
+    placement="bottom-end"
+    >
+    <MenuItem
+        disabled={isDisabled}
+        onClick={() => someFunction()}
+        key="save"
+        className="flex gap-2 items-center"
+        data-testid="save-menu-item-button"
+        >
+          <span className="whitespace-nowrap" data-test-id="save-menu-item">
+              Save
+          </span>
+    </MenuItem>
+</ButtonWithMenu>
+ */
+declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** sets fill color of the svg icon */
-declare type IconColor = 'green' | 'red' | 'gray' | 'currentColor';
-/** sets the type of icon to use from the available list */
-declare type IconType = IconName | IconType$1;
-interface IconProps extends IconBaseProps {
-    /** sets the icon to be used */
-    icon: IconType;
-    /** sets the icon color to be used */
-    iconColor?: IconColor;
-    /** sets additional icon props provided by "react-icons" */
-    otherProps?: IconBaseProps;
+/** Callout button types available to use with our brand */
+declare type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
+interface CalloutProps {
+    /** sets the type of callout to use and it's styles
+     * @default "info"
+     */
+    type: CalloutType;
+    /** make the display of the callout compact. Suitable for small spaces
+     * @default false
+     */
+    compact?: boolean;
+    /** (optional) sets the title of the callout */
+    title?: React$1.ReactNode;
+    /** add child elements to the callout */
+    children?: React$1.ReactNode;
+    /** sets additional css classes or emotion styles on the callout */
+    className?: SerializedStyles | string;
 }
 /**
- * Component that renders icons
- * @example <Icon icon="add-r" iconColor="currentColor" />
+ * Uniform Callout Component
+ * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
  */
-declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null>;
+declare const Callout: ({ type, compact, title, children, className }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
-declare type IconsMap = Record<string, IconType$1>;
-declare function useIconContext(): {
-    iconsMap: IconsMap;
-    isLoading: boolean;
+declare type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional) sets the title value of the card */
+    title?: string;
+    /** (optional) sets react child components */
+    children?: React$1.ReactNode;
+    /** (optional) sets options for a dropdown menu */
+    menuItems?: JSX.Element;
+    /** (optional) sets the data-test-id attribute on the button element
+     * @default 'list-card-menu'
+     */
+    menuButtonTestId?: string;
+    /** (optional) sets the menu button disabled state */
+    disabled?: boolean;
 };
-/**
- * Provider to the Icon component
- * @example <IconsProvider><Icon icon="add-r" /></IconsProvider>
+declare const Card: ({ title, menuItems, children, disabled, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type CardContainerBgColorProps = 'gray' | 'white';
+declare type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional): sets the background colour of the wrapping element
+     * @default 'white'
+     */
+    bgColor?: CardContainerBgColorProps;
+    /** (optional): sets react child components */
+    children?: React$1.ReactNode;
+    /** (optional): sets the padding values of the inner container
+     * @example 'when set to true padding: var(--spacing-2xl) var(--spacing-lg)'
+     * @default true
+     */
+    padding?: boolean;
+    /** (optional): sets the padding values of the inner container
+     * @example `when set to true`
+     * grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) [last-col] minmax(300px, 1fr);
+     * grid-template-rows: auto [last-line];
+     * @default false
+     */
+    withLastColumn?: boolean;
+};
+/** Uniform Card Container
+ * @example <CardContainer><Card title="card title" /></CardContainer>
  */
-declare function IconsProvider({ children }: {
-    children: ReactNode;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
-    /** allows users to add child elements */
+declare type CounterProps = {
+    /** sets the count value, a 0 will show a dot instead of a number */
+    count: number;
+};
+/** @example <Counter count={1} /> */
+declare const Counter: ({ count }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type TextAlignProps = 'left' | 'right' | 'center';
+declare type BoxHeightProps = 'auto' | 'sm' | 'md' | 'lg';
+declare type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** React child elements */
     children: React$1.ReactNode;
-    /** Makes the font size relative to the inherited font size */
-    dynamicSize?: boolean;
-    /** sets data-test-id attribute for test automation */
-    testId?: string;
+    /** (optional) - sets the text alignment */
+    textAlign?: TextAlignProps;
+    /** (optional) - sets the background color */
+    bgColor?: 'transparent' | 'white' | 'var(--gray-50)';
+    /** (optional) - sets the minimum box height */
+    boxHeight?: BoxHeightProps;
 };
 /**
- * Component that provides caption text to input fields
- * @example <Caption>some help text here</Caption>
+ * Uniform Dashed Box Component
+ * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
  */
-declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
+    /** sets the summary inner components */
+    summary: React$1.ReactNode;
+    children: React$1.ReactNode;
+    /** sets whether the details should be open by default
+     * @default false
+     */
+    isOpenByDefault?: boolean;
+};
+/** @example  <Details summary="summary text">child content here</Details>*/
+declare const Details: ({ summary, children, isOpenByDefault, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+interface DrawerItem {
+    /** An ID for the drawer. It should be unique in the stack where it's rendered */
+    id: string;
+    /** The ReactNode to render inside the drawer */
+    component: React__default.ReactNode;
+    /** The ID of the stack where the drawer should be renderer. It should match the stack ID of an existing DrawerRenderer */
+    stackId: string;
+    /** Just like React.Key, changing this value indicates that the drawer has changed and we need to close the current instance and open a new one */
+    instanceKey?: string;
+    /** Called when the close button is clicked, the Escape button is pressed, or when the drawer's overlay is clicked  */
+    onRequestClose?: () => void;
+}
+interface RegisterDrawerProps {
+    drawer: DrawerItem;
+    /** Called when drawer is rendered for the first time. Useful to set the focus on the drawer  */
+    onFirstRender?: () => void;
+}
+declare type DrawerContextValue = {
+    drawersRegistry: DrawerItem[];
+    registerDrawer: (props: RegisterDrawerProps) => void;
+    unregisterDrawer: (drawerId: Pick<DrawerItem, 'id' | 'stackId' | 'instanceKey'>) => void;
+};
+/**
+ * Provides the context to the Drawer and DrawerRenderer components.
+ * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
+ */
+declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const useDrawer: () => DrawerContextValue;
+
+interface DrawerProps extends Omit<DrawerItem, 'component'> {
+    header?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}
+/**
+ * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
+ * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
+ */
+declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
+    stackId: string;
+    /** The width of the drawers. In any CSS length unit (px, rem, %, et al). Can't use CSS functions (e.g. calc())
+     * @default '45%'
+     */
+    width?: string;
+    /** The minimum width of the drawers. In any CSS length unit (px, rem, %, et al)
+     * @default '0'
+  
+     */
+    minWidth?: string;
+    /** The maximum width of the drawers. In any CSS length unit (px, rem, %, et al)
+     * @default '100%'
+     */
+    maxWidth?: string;
+}
+declare const DrawerRenderer: ({ stackId, width, minWidth, maxWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    index: number;
+    totalDrawers: number;
+    width: DrawerRendererProps['width'];
+    minWidth: Required<DrawerRendererProps['minWidth']>;
+    maxWidth: Required<DrawerRendererProps['maxWidth']>;
+    onOverlayClick?: () => void;
+}
+
+declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "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", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "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", "data", "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", "drop", "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", "feed", "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", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "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", "menu", "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", "presentation", "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", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "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", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "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", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "info-filled"];
+/** A list of available icon names that can be used with the Uniform brand */
+declare type IconName = typeof iconNames[number];
+
+/** sets fill color of the svg icon */
+declare type IconColor = 'green' | 'red' | 'gray' | 'currentColor';
+/** sets the type of icon to use from the available list */
+declare type IconType = IconName | IconType$1;
+interface IconProps extends IconBaseProps {
+    /** sets the icon to be used */
+    icon: IconType;
+    /** sets the icon color to be used */
+    iconColor?: IconColor;
+    /** sets additional icon props provided by "react-icons" */
+    otherProps?: IconBaseProps;
+}
+/**
+ * Component that renders icons
+ * @example <Icon icon="add-r" iconColor="currentColor" />
+ */
+declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null>;
+
+declare type IconsMap = Record<string, IconType$1>;
+declare function useIconContext(): {
+    iconsMap: IconsMap;
+    isLoading: boolean;
+};
+/**
+ * Provider to the Icon component
+ * @example <IconsProvider><Icon icon="add-r" /></IconsProvider>
+ */
+declare function IconsProvider({ children }: {
+    children: ReactNode;
+}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
+    /** allows users to add child elements */
+    children: React$1.ReactNode;
+    /** Makes the font size relative to the inherited font size */
+    dynamicSize?: boolean;
+    /** sets data-test-id attribute for test automation */
+    testId?: string;
+};
+/**
+ * Component that provides caption text to input fields
+ * @example <Caption>some help text here</Caption>
+ */
+declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: string;
+    /** sets the name value of the radio/checkbox input */
+    name: string;
+    /** sets info message */
+    info?: string;
+    /** (optional) sets the checked state of the input */
+    checked?: boolean;
+};
+/** @example <CheckboxWithInfo label="checkbox" name="name" info="some message" /> */
+declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: string;
+    /** sets the name value of the radio/checkbox input */
+    name: string;
+    /** sets info message */
+    info?: string | undefined;
+    /** (optional) sets the checked state of the input */
+    checked?: boolean | undefined;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 declare type ErrorMessageProps = {
     /** sets the error message value */
@@ -204,6 +521,28 @@ declare type ErrorMessageProps = {
  */
 declare const ErrorMessage: ({ message, testId, ...otherProps }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
+declare type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
+    /** sets the legend value */
+    legend: React$1.ReactElement;
+    /** sets the disabled value and sets child inputs disabled */
+    disabled?: boolean;
+    actionButton?: React$1.ReactElement;
+    children: React$1.ReactNode;
+    /** Inverts the background to white for use on forms that already have a gray background */
+    invert?: boolean;
+};
+/** @example <Fieldset legend={<Legend>what a legend</Legend>}>some child component</Fieldset> */
+declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFieldSetElement> & {
+    /** sets the legend value */
+    legend: React$1.ReactElement;
+    /** sets the disabled value and sets child inputs disabled */
+    disabled?: boolean | undefined;
+    actionButton?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
+    children: React$1.ReactNode;
+    /** Inverts the background to white for use on forms that already have a gray background */
+    invert?: boolean | undefined;
+} & React$1.RefAttributes<HTMLFieldSetElement>>;
+
 declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
     label?: string;
@@ -417,6 +756,21 @@ declare type InputToggleProps = React$1.HTMLAttributes<HTMLInputElement> & {
  */
 declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, warningMessage, testId, fontWeight, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
+    /** sets child elements within the label tag, normally the default label text */
+    children: React$1.ReactNode;
+    /** (optional) sets additional css properties */
+    className?: SerializedStyles | string;
+    /** (optional) test id for test automation*/
+    testId?: string;
+};
+declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type LegendProps = {
+    children: ReactNode;
+};
+declare const Legend: ({ children }: LegendProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** (optional) sets the label value */
     label?: string;
@@ -438,38 +792,6 @@ declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>
  */
 declare const Textarea: ({ label, icon, id, caption, showLabel, errorMessage, warningMessage, ...props }: TextareaProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
-    /** sets child elements within the label tag, normally the default label text */
-    children: React$1.ReactNode;
-    /** (optional) sets additional css properties */
-    className?: SerializedStyles | string;
-    /** (optional) test id for test automation*/
-    testId?: string;
-};
-declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
-    /** sets the label value */
-    label: string;
-    /** sets the name value of the radio/checkbox input */
-    name: string;
-    /** sets info message */
-    info?: string;
-    /** (optional) sets the checked state of the input */
-    checked?: boolean;
-};
-/** @example <CheckboxWithInfo label="checkbox" name="name" info="some message" /> */
-declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLInputElement> & {
-    /** sets the label value */
-    label: string;
-    /** sets the name value of the radio/checkbox input */
-    name: string;
-    /** sets info message */
-    info?: string | undefined;
-    /** (optional) sets the checked state of the input */
-    checked?: boolean | undefined;
-} & React$1.RefAttributes<HTMLInputElement>>;
-
 declare type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** sets the error message value */
     message?: string;
@@ -482,40 +804,108 @@ declare type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
  */
 declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
-declare type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
-    /** sets the legend value */
-    legend: React$1.ReactElement;
-    /** sets the disabled value and sets child inputs disabled */
-    disabled?: boolean;
-    actionButton?: React$1.ReactElement;
-    children: React$1.ReactNode;
-    /** Inverts the background to white for use on forms that already have a gray background */
-    invert?: boolean;
-};
-/** @example <Fieldset legend={<Legend>what a legend</Legend>}>some child component</Fieldset> */
-declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFieldSetElement> & {
-    /** sets the legend value */
-    legend: React$1.ReactElement;
-    /** sets the disabled value and sets child inputs disabled */
-    disabled?: boolean | undefined;
-    actionButton?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
-    children: React$1.ReactNode;
-    /** Inverts the background to white for use on forms that already have a gray background */
-    invert?: boolean | undefined;
-} & React$1.RefAttributes<HTMLFieldSetElement>>;
-
-declare type LegendProps = {
-    children: ReactNode;
+declare type LimitsBarProps = {
+    /** The current value of used limits */
+    current: number;
+    /** The maximum number of limits */
+    max: number;
+    /** Text value used for the label text */
+    label: string;
 };
-declare const Legend: ({ children }: LegendProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * Uniform Limits Bar Component
+ * @example <LimitsBar current="3" max="5" label="signals" />
+ */
+declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-interface MenuProps extends MenuHTMLProps {
+declare type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** sets the title field */
+    title: 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 type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional) sets the label value */
+    label?: string;
+    /** (optional) allows users to add child components within the container */
+    children?: React$1.ReactNode;
+};
+/**
+ * Component that sets the base structure for scrollable content in a max height container
+ * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
+ */
+declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type ScrollableItemProps = React.HTMLAttributes<HTMLInputElement> & {
+    /** sets an element within the label > span element */
+    icon?: React.ReactElement;
+    /**sets the label value */
+    label: string;
+    /** 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;
+};
+/** @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 type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** sets the button text value */
+    buttonText: string;
+    /** sets the active style of the button */
+    active: boolean;
+};
+/**
+ * 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;
+
+/**
+ * Loading Indicator
+ * @example <LoadingIndicator />
+ */
+declare const LoadingIndicator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+interface LoadingOverlayProps {
+    /** sets whether to display the loading overlay components */
+    isActive: boolean;
+    /** (optional) type that sets a text value or React component under the loading icon */
+    statusMessage?: string | JSX.Element;
+    /** (optional) the z-index value of the overlay
+     * @default 9999
+     */
+    zIndex?: number;
+}
+/**
+ * Loading Overlay.
+ * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
+ * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
+ */
+declare const LoadingOverlay: ({ isActive, statusMessage, zIndex }: LoadingOverlayProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
+    /** (optional) prop that sets a number value for the height of the icon */
+    width?: number;
+    /** (optional) prop that sets a number value for the width of the icon */
+    height?: number;
+}
+/**
+ * Loading Icon
+ * @example <LoadingIcon height={128} width={128} />
+ */
+declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+interface MenuProps extends MenuHTMLProps {
     /** sets aria-label attribute */
     menuLabel: string;
     /** the component that triggers the menu functionality */
     menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
     /** (optional) reakit placements options for the expandable menu */
-    placement?: MenuProps$1['placement'];
+    placement?: MenuProps$2['placement'];
     /** (optional) allows users to set additional class names  */
     menuItemsContainerCssClasses?: SerializedStyles | string;
     /** (optional) allows users to add child elements */
@@ -558,97 +948,276 @@ declare const MenuItem: React$1.FC<MenuItemProps>;
 
 declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** Callout button types available to use with our brand */
-declare type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
-interface CalloutProps {
-    /** sets the type of callout to use and it's styles
-     * @default "info"
-     */
-    type: CalloutType;
-    /** make the display of the callout compact. Suitable for small spaces
-     * @default false
-     */
-    compact?: boolean;
-    /** (optional) sets the title of the callout */
-    title?: React$1.ReactNode;
-    /** add child elements to the callout */
+declare type IntegrationModalHeaderProps = {
+    /** sets the icon as inline svg or img tag */
+    icon: string | React$1.ComponentType<{
+        className?: string;
+    }> | undefined | null;
+    /** sets the alt text of the image */
+    name: string | undefined;
+    /** (optional) sets react child elements */
     children?: React$1.ReactNode;
-    /** sets additional css classes or emotion styles on the callout */
+    /** (optional) sets child elements in */
+    menu?: React$1.ReactNode;
+};
+declare type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
+declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/** Uniform Integration Modal Header
+ * @example <IntegrationModalHeader icon="/icon.svg" name="name" />
+ */
+declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare function ShortcutContext({ children }: {
+    children: React__default.ReactNode;
+}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
+    shortcut: string;
+    macShortcut?: string;
     className?: SerializedStyles | string;
-}
+}): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+
+declare type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    /** sets the label value */
+    label: string;
+    /** (optional) sets information text */
+    infoText?: string;
+    /** sets the toggle text value */
+    toggleText?: string;
+    /** sets child elements */
+    children?: React$1.ReactNode;
+};
 /**
- * Uniform Callout Component
- * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
+ * Uniform Switch Input Component
+ * @param {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>} inputProps - props for an input element that can be passed down, "type" is omitted from the prop list
+ * @example <Switch label="my switch" name="switch-name" onChange={() => setChecked((prev) => !prev)} checked={checked} infoText="my info text" toggleText="my toggle text" />
  */
-declare const Callout: ({ type, compact, title, children, className }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    /** sets the label value */
+    label: string;
+    /** (optional) sets information text */
+    infoText?: string | undefined;
+    /** sets the toggle text value */
+    toggleText?: string | undefined;
+    /** sets child elements */
+    children?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
+declare type TableProps = React$1.ComponentPropsWithoutRef<'table'>;
+declare type TableHeadProps = React$1.ComponentPropsWithoutRef<'thead'>;
+declare type TableBodyProps = React$1.ComponentPropsWithoutRef<'tbody'>;
+declare type TableFootProps = React$1.ComponentPropsWithoutRef<'tfoot'>;
+declare type TableRowProps = React$1.ComponentPropsWithoutRef<'tr'>;
+declare type TableCellHeadProps = React$1.ComponentPropsWithoutRef<'th'>;
+declare type TableCellDataProps = React$1.ComponentPropsWithoutRef<'td'>;
 /**
- * Loading Indicator
- * @example <LoadingIndicator />
+ * Uniform's Table component
+ * @example
+ * <Table>
+    <TableHead>
+      <TableRow>
+        <TableCellHead>head 1</TableCellHead>
+        <TableCellHead>head 2</TableCellHead>
+      </TableRow>
+    </TableHead>
+    <TableBody>
+      <TableRow>
+        <TableCellData>value 1</TableCellData>
+        <TableCellData>value 2</TableCellData>
+      </TableRow>
+    </TableBody>
+    <TableFoot>
+      <TableRow>
+        <TableCellData>footer</TableCellData>
+      </TableRow>
+    </TableFoot>
+  </Table>
  */
-declare const LoadingIndicator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Table: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof React$1.TableHTMLAttributes<HTMLTableElement>> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFoot: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableRowElement>> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableCellHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCellData: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof React$1.TdHTMLAttributes<HTMLTableDataCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
 
-interface LoadingOverlayProps {
-    /** sets whether to display the loading overlay components */
-    isActive: boolean;
-    /** (optional) type that sets a text value or React component under the loading icon */
-    statusMessage?: string | JSX.Element;
-    /** (optional) the z-index value of the overlay
-     * @default 9999
-     */
-    zIndex?: number;
+declare const useCurrentTab: () => TabState;
+interface TabsProps {
+    selectedId?: string;
+    manual?: boolean;
+    orientation?: TabState['orientation'];
+    children: React__default.ReactNode;
 }
-/**
- * Loading Overlay.
- * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
- * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
- */
-declare const LoadingOverlay: ({ isActive, statusMessage, zIndex }: LoadingOverlayProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
-    /** (optional) prop that sets a number value for the height of the icon */
-    width?: number;
-    /** (optional) prop that sets a number value for the width of the icon */
-    height?: number;
+declare const Tabs: ({ children, ...props }: TabsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+interface TabButtonProps extends Partial<TabProps> {
+    id: string;
+    children: React__default.ReactNode;
 }
-/**
- * Loading Icon
- * @example <LoadingIcon height={128} width={128} />
- */
-declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TabButton: ({ children, id, ...props }: TabButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+interface TabContentProps extends Partial<TabPanelProps> {
+    id: string;
+    children: React__default.ReactNode;
+}
+declare const TabContent: ({ children, ...props }: TabContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** Available heading weights e.g. 1 - 6 */
-declare type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
-declare type HeadingProps = {
-    /** sets the type of heading tag between h1 to h6, defaults to <h2>
-     * @default 2
+declare type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** (optional) sets the title value
+     * @default 'Create a custom integration'
      */
-    level?: LevelProps;
-    /** sets the title value */
-    children: React$1.ReactNode;
-    /** (optional) sets whether to use the default margin for the heading element
-     * @default true
+    title?: string;
+    /** (optional) sets the button text value
+     * @default 'Add Integration'
      */
-    withMarginBottom?: boolean;
-} & React$1.HTMLAttributes<HTMLHeadingElement>;
-/**
- * Component that sets the heading tag
- * @example <Heading level={1}>Blog Post Title</Heading>
- */
-declare const Heading: ({ level, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+    buttonText?: string;
+    /** sets the button function call */
+    onClick: () => void;
+    /** (optional) sets the icon position and icon type
+     * @default 'false'
+     */
+    asDeepLink?: boolean;
+};
+declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare 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>;
+interface IntegrationTileFields {
+    icon?: string | React.ComponentType<{
+        className?: string;
+    }> | undefined;
+    name: string;
+}
+
+declare type EditTeamIntegrationTileProps = IntegrationTileFields & {
+    /** sets the id value */
+    id: string;
+    /** sets the function call for the button */
+    onEdit: () => void;
+    /** (optional) sets whether the integration is public or not */
+    isPublic?: boolean;
+    /** displays the edit button component */
+    canEdit: boolean;
+};
+/** Uniform Edit Team Integration Tile
+ * @example <EditTeamIntegrationTile id="example" onEdit={() => func()} canEdit={true} isPublis={true} name="example" icon="./image.svg" />
+ */
+declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
+    /** sets the id and data-testid value */
+    id: string;
+    /** click event used for tracking analytics data  */
+    onUpVoteClick: () => void;
+    /** (optional) sets the thank you message visibility duration
+     * @default 1000
+     */
+    timing?: number;
+};
 /**
- * Component for generic paragraph tags
- * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
+ * Uniform Integration Coming Soon Component
+ * @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
  */
-declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type IntegrationLoadingTileProps = {
+    /** (optional) sets the number of skeletal loading elements to show
+     * @default 1
+     */
+    count?: number;
+};
+/** Uniform Integration Loading Tile
+ * @example <IntegrationLoadingTile count={10} />
+ */
+declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
+    /** sets the icon as inline svg or img tag */
+    icon: string | React$1.ComponentType<{
+        className?: string;
+    }> | undefined;
+    /** sets the alt text of the image */
+    name: string;
+};
+/**
+ * Uniform Integration Modal Icon
+ * @example <IntegrationModalIcon name="name" icon="/my-icon.svg" />
+ */
+declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    id: string;
+    requiedEntitlement?: boolean | undefined;
+    onAddIntegration: () => void;
+    isPublic?: boolean;
+    isInstalled?: boolean;
+    authorIcon?: string | React$1.ComponentType<{
+        className?: string;
+    }> | undefined;
+};
+declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type ClassNameOptions = 'logo' | 'author';
+declare type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
+    /** sets the emotion styles for the rendered image
+     * @default 'logo'
+     */
+    styleType?: ClassNameOptions;
+};
+/** Uniform Resolve Icon Component
+ * @example <ResolveIcon icon="/my-image.png" name="my image" />
+ */
+declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+
+declare type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
+    /** sets react child elements */
+    children: React$1.ReactNode;
+};
+/**
+ * Uniform Tile Container Component
+ * @example <TileContainer><div>child content</div></TileContainer>
+ */
+declare const TileContainer: ({ children, ...props }: TileContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+/** Available heading weights e.g. 1 - 6 */
+declare type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
+declare type HeadingProps = {
+    /** sets the type of heading tag between h1 to h6, defaults to <h2>
+     * @default 2
+     */
+    level?: LevelProps;
+    /** 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, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare 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;
 
 declare type LinkColorProps = 'currentColor' | 'red' | 'green';
 declare type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -712,580 +1281,26 @@ declare type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
 };
 declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare 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;
-
-declare type ScrollableListProps = {
-    /** (optional) sets the label value */
-    label?: string;
-    /** (optional) allows users to add child components within the container */
+declare 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 that sets the base structure for scrollable content in a max height container
- * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
+ * Component for generic paragraph tags
+ * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
  */
-declare const ScrollableList: ({ label, children }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** sets the button text value */
-    buttonText: string;
-    /** sets the active style of the button */
-    active: boolean;
-};
-/**
- * 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 type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost';
-interface ActionButtonsProps {
-    /** Takes a function for the visible button */
-    onButtonClick: () => void;
-    /** (optional) reakit placements options for the expandable menu */
-    placement?: MenuProps$2['placement'];
-    /** sets the theme of the button
-     * @default "secondary"
-     */
-    buttonType?: ButtonThemeProps;
-    /** sets the button text value */
-    buttonText: string;
-    /** adds child components to the ButtonWithMenu component */
-    children: React$1.ReactNode;
-}
-/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
-declare type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * Uniform ButtonWithMenu Component
- * @example
-<ButtonWithMenu
-    disabled={isDisabled}
-    buttonText="Save and close"
-    onButtonClick={() => someFunction()}
-    placement="bottom-end"
-    >
-    <MenuItem
-        disabled={isDisabled}
-        onClick={() => someFunction()}
-        key="save"
-        className="flex gap-2 items-center"
-        data-testid="save-menu-item-button"
-        >
-          <span className="whitespace-nowrap" data-test-id="save-menu-item">
-              Save
-          </span>
-    </MenuItem>
-</ButtonWithMenu>
- */
-declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
-    /** sets the aria-label for accessibility
-     * @default "Add"
-     */
-    buttonText?: string;
-    onClick: () => void;
-    className?: string;
-    /** sets keyboard shortcut command for Windows
-     * @default "ctrl+alt+n"
-     */
-    shortcut?: string | null;
-    /** sets keyboard shortcut command for Mac
-     * @default "option+n"
-     */
-    macShortcut?: string | null;
-};
-/**
- * Add button component
- * @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
- * @example <AddButton buttonText="Button Text" />
- */
-declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare function ShortcutContext({ children }: {
-    children: React__default.ReactNode;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
-    shortcut: string;
-    macShortcut?: string;
-    className?: SerializedStyles | string;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-declare type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
-    /** sets the label value */
-    label: string;
-    /** (optional) sets information text */
-    infoText?: string;
-    /** sets the toggle text value */
-    toggleText?: string;
-    /** sets child elements */
-    children?: React$1.ReactNode;
-};
-/**
- * Uniform Switch Input Component
- * @param {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>} inputProps - props for an input element that can be passed down, "type" is omitted from the prop list
- * @example <Switch label="my switch" name="switch-name" onChange={() => setChecked((prev) => !prev)} checked={checked} infoText="my info text" toggleText="my toggle text" />
- */
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
-    /** sets the label value */
-    label: string;
-    /** (optional) sets information text */
-    infoText?: string | undefined;
-    /** sets the toggle text value */
-    toggleText?: string | undefined;
-    /** sets child elements */
-    children?: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLInputElement>>;
-
-declare type TableProps = React$1.ComponentPropsWithoutRef<'table'>;
-declare type TableHeadProps = React$1.ComponentPropsWithoutRef<'thead'>;
-declare type TableBodyProps = React$1.ComponentPropsWithoutRef<'tbody'>;
-declare type TableFootProps = React$1.ComponentPropsWithoutRef<'tfoot'>;
-declare type TableRowProps = React$1.ComponentPropsWithoutRef<'tr'>;
-declare type TableCellHeadProps = React$1.ComponentPropsWithoutRef<'th'>;
-declare type TableCellDataProps = React$1.ComponentPropsWithoutRef<'td'>;
-/**
- * Uniform's Table component
- * @example
- * <Table>
-    <TableHead>
-      <TableRow>
-        <TableCellHead>head 1</TableCellHead>
-        <TableCellHead>head 2</TableCellHead>
-      </TableRow>
-    </TableHead>
-    <TableBody>
-      <TableRow>
-        <TableCellData>value 1</TableCellData>
-        <TableCellData>value 2</TableCellData>
-      </TableRow>
-    </TableBody>
-    <TableFoot>
-      <TableRow>
-        <TableCellData>footer</TableCellData>
-      </TableRow>
-    </TableFoot>
-  </Table>
- */
-declare const Table: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof React$1.TableHTMLAttributes<HTMLTableElement>> & React$1.RefAttributes<HTMLTableElement>>;
-declare const TableHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFoot: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableRowElement>> & React$1.RefAttributes<HTMLTableRowElement>>;
-declare const TableCellHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
-declare const TableCellData: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof React$1.TdHTMLAttributes<HTMLTableDataCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
-
-declare type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--brand-secondary-3)';
-declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** (optional) - sets the button text and title value
-     * @default 'Add Item'
-     */
-    buttonText?: string;
-    /** sets the function action of the button */
-    onButtonClick: () => void;
-    /** (optional) - sets the icon within the button, requires the icon provider to work
-     * @default 'regular'
-     */
-    variant?: 'regular' | 'small';
-    /** (optional) - sets whether the button is disabled or not
-     * @default undefined
-     */
-    disabled?: boolean;
-    /** (optional) - sets the icon within the button, requires the icon provider to work
-     * @default 'add'
-     */
-    icon?: 'math-plus' | 'add' | 'add-r';
-    /** (optional) sets button theme */
-    theme?: AddListButtonThemeProps;
-};
-/**
- * Uniform Add List Button Component
- * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
- */
-declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type TextAlignProps = 'left' | 'right' | 'center';
-declare type BoxHeightProps = 'auto' | 'sm' | 'md' | 'lg';
-declare type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** React child elements */
-    children: React$1.ReactNode;
-    /** (optional) - sets the text alignment */
-    textAlign?: TextAlignProps;
-    /** (optional) - sets the background color */
-    bgColor?: 'transparent' | 'white' | 'var(--gray-50)';
-    /** (optional) - sets the minimum box height */
-    boxHeight?: BoxHeightProps;
-};
-/**
- * Uniform Dashed Box Component
- * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
- */
-declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type LimitsBarProps = {
-    /** The current value of used limits */
-    current: number;
-    /** The maximum number of limits */
-    max: number;
-    /** Text value used for the label text */
-    label: string;
-};
-/**
- * Uniform Limits Bar Component
- * @example <LimitsBar current="3" max="5" label="signals" />
- */
-declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type ArrowPositionProps = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
-declare type InlineAlertProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** sets the id of the popup and the aria-controls attibute on the close button
-     * @example 'my-alert-box'
-     */
-    id: string;
-    /** sets the title of the inline alert message */
-    title: string;
-    /** sets the text of the inline alert message */
-    text: string;
-    /** (optional) sets the position of the arrow
-     * @default 'left-top'
-     */
-    arrowPosition?: ArrowPositionProps;
-    /** (optional) allows to position alert using direct css */
-    positionCss?: SerializedStyles;
-};
-/**
- * Uniform Inline Alert Component
- * @example <InlineAlert id="my-alert-box" title="my alert box" text="some description text" />
- */
-declare const InlineAlert: ({ id, title, text, arrowPosition, positionCss, ...btnProps }: InlineAlertProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-interface IntegrationTileFields {
-    icon?: string | React.ComponentType<{
-        className?: string;
-    }> | undefined;
-    name: string;
-}
-
-declare type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    id: string;
-    requiedEntitlement?: boolean | undefined;
-    onAddIntegration: () => void;
-    isPublic?: boolean;
-    isInstalled?: boolean;
-    authorIcon?: string | React$1.ComponentType<{
-        className?: string;
-    }> | undefined;
-};
-declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** (optional) sets the title value
-     * @default 'Create a custom integration'
-     */
-    title?: string;
-    /** (optional) sets the button text value
-     * @default 'Add Integration'
-     */
-    buttonText?: string;
-    /** sets the button function call */
-    onClick: () => void;
-    /** (optional) sets the icon position and icon type
-     * @default 'false'
-     */
-    asDeepLink?: boolean;
-};
-declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type EditTeamIntegrationTileProps = IntegrationTileFields & {
-    /** sets the id value */
-    id: string;
-    /** sets the function call for the button */
-    onEdit: () => void;
-    /** (optional) sets whether the integration is public or not */
-    isPublic?: boolean;
-    /** displays the edit button component */
-    canEdit: boolean;
-};
-/** Uniform Edit Team Integration Tile
- * @example <EditTeamIntegrationTile id="example" onEdit={() => func()} canEdit={true} isPublis={true} name="example" icon="./image.svg" />
- */
-declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
-    /** sets react child elements */
-    children: React$1.ReactNode;
-};
-/**
- * Uniform Tile Container Component
- * @example <TileContainer><div>child content</div></TileContainer>
- */
-declare const TileContainer: ({ children, ...props }: TileContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
-    /** sets the id and data-testid value */
-    id: string;
-    /** click event used for tracking analytics data  */
-    onUpVoteClick: () => void;
-    /** (optional) sets the thank you message visibility duration
-     * @default 1000
-     */
-    timing?: number;
-};
-/**
- * Uniform Integration Coming Soon Component
- * @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
- */
-declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type ClassNameOptions = 'logo' | 'author';
-declare type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
-    /** sets the emotion styles for the rendered image
-     * @default 'logo'
-     */
-    styleType?: ClassNameOptions;
-};
-/** Uniform Resolve Icon Component
- * @example <ResolveIcon icon="/my-image.png" name="my image" />
- */
-declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-declare type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
-    /** sets the icon as inline svg or img tag */
-    icon: string | React$1.ComponentType<{
-        className?: string;
-    }> | undefined;
-    /** sets the alt text of the image */
-    name: string;
-};
-/**
- * Uniform Integration Modal Icon
- * @example <IntegrationModalIcon name="name" icon="/my-icon.svg" />
- */
-declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type IntegrationLoadingTileProps = {
-    /** (optional) sets the number of skeletal loading elements to show
-     * @default 1
-     */
-    count?: number;
-};
-/** Uniform Integration Loading Tile
- * @example <IntegrationLoadingTile count={10} />
- */
-declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type BadgeProps = {
-    /** sets the text of the badge */
-    text: string;
-};
-/**
- * Uniform Badge Component
- * @example <Badge text="My badge" />
- */
-declare const Badge: ({ text }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type IntegrationModalHeaderProps = {
-    /** sets the icon as inline svg or img tag */
-    icon: string | React$1.ComponentType<{
-        className?: string;
-    }> | undefined | null;
-    /** sets the alt text of the image */
-    name: string | undefined;
-    /** (optional) sets react child elements */
-    children?: React$1.ReactNode;
-    /** (optional) sets child elements in */
-    menu?: React$1.ReactNode;
-};
-declare type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
-declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-/** Uniform Integration Modal Header
- * @example <IntegrationModalHeader icon="/icon.svg" name="name" />
- */
-declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** (optional) sets the title value of the card */
-    title?: string;
-    /** (optional) sets react child components */
-    children?: React$1.ReactNode;
-    /** (optional) sets options for a dropdown menu */
-    menuItems?: JSX.Element;
-    /** (optional) sets the data-test-id attribute on the button element
-     * @default 'list-card-menu'
-     */
-    menuButtonTestId?: string;
-    /** (optional) sets the menu button disabled state */
-    disabled?: boolean;
-};
-declare const Card: ({ title, menuItems, children, disabled, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type CardContainerBgColorProps = 'gray' | 'white';
-declare type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** (optional): sets the background colour of the wrapping element
-     * @default 'white'
-     */
-    bgColor?: CardContainerBgColorProps;
-    /** (optional): sets react child components */
-    children?: React$1.ReactNode;
-    /** (optional): sets the padding values of the inner container
-     * @example 'when set to true padding: var(--spacing-2xl) var(--spacing-lg)'
-     * @default true
-     */
-    padding?: boolean;
-    /** (optional): sets the padding values of the inner container
-     * @example `when set to true`
-     * grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) [last-col] minmax(300px, 1fr);
-     * grid-template-rows: auto [last-line];
-     * @default false
-     */
-    withLastColumn?: boolean;
-};
-/** Uniform Card Container
- * @example <CardContainer><Card title="card title" /></CardContainer>
- */
-declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** sets the title field */
-    title: 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 useCurrentTab: () => TabState;
-interface TabsProps {
-    selectedId?: string;
-    manual?: boolean;
-    orientation?: TabState['orientation'];
-    children: React__default.ReactNode;
-}
-declare const Tabs: ({ children, ...props }: TabsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-interface TabButtonProps extends Partial<TabProps> {
-    id: string;
-    children: React__default.ReactNode;
-}
-declare const TabButton: ({ children, id, ...props }: TabButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-interface TabContentProps extends Partial<TabPanelProps> {
-    id: string;
-    children: React__default.ReactNode;
-}
-declare const TabContent: ({ children, ...props }: TabContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-interface DrawerItem {
-    /** An ID for the drawer. It should be unique in the stack where it's rendered */
-    id: string;
-    /** The ReactNode to render inside the drawer */
-    component: React__default.ReactNode;
-    /** The ID of the stack where the drawer should be renderer. It should match the stack ID of an existing DrawerRenderer */
-    stackId: string;
-    /** Just like React.Key, changing this value indicates that the drawer has changed and we need to close the current instance and open a new one */
-    instanceKey?: string;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the drawer's overlay is clicked  */
-    onRequestClose?: () => void;
-}
-interface RegisterDrawerProps {
-    drawer: DrawerItem;
-    /** Called when drawer is rendered for the first time. Useful to set the focus on the drawer  */
-    onFirstRender?: () => void;
-}
-declare type DrawerContextValue = {
-    drawersRegistry: DrawerItem[];
-    registerDrawer: (props: RegisterDrawerProps) => void;
-    unregisterDrawer: (drawerId: Pick<DrawerItem, 'id' | 'stackId' | 'instanceKey'>) => void;
-};
-/**
- * Provides the context to the Drawer and DrawerRenderer components.
- * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
- */
-declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const useDrawer: () => DrawerContextValue;
-
-interface DrawerProps extends Omit<DrawerItem, 'component'> {
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-}
-/**
- * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
- * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
- */
-declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
-    stackId: string;
-    /** The width of the drawers. In any CSS length unit (px, rem, %, et al). Can't use CSS functions (e.g. calc())
-     * @default '45%'
-     */
-    width?: string;
-    /** The minimum width of the drawers. In any CSS length unit (px, rem, %, et al)
-     * @default '0'
-  
-     */
-    minWidth?: string;
-    /** The maximum width of the drawers. In any CSS length unit (px, rem, %, et al)
-     * @default '100%'
-     */
-    maxWidth?: string;
-}
-declare const DrawerRenderer: ({ stackId, width, minWidth, maxWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    index: number;
-    totalDrawers: number;
-    width: DrawerRendererProps['width'];
-    minWidth: Required<DrawerRendererProps['minWidth']>;
-    maxWidth: Required<DrawerRendererProps['maxWidth']>;
-    onOverlayClick?: () => void;
-}
-
-declare type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
-declare type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
-    status: StatusTypeProps;
-    message?: string;
-    hideText?: boolean;
+declare type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
+declare type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
+    status: StatusTypeProps;
+    message?: string;
+    hideText?: boolean;
 };
 declare const StatusBullet: ({ status, hideText, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type CounterProps = {
-    /** sets the count value, a 0 will show a dot instead of a number */
-    count: number;
-};
-/** @example <Counter count={1} /> */
-declare const Counter: ({ count }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
-    /** sets the summary inner components */
-    summary: React$1.ReactNode;
-    children: React$1.ReactNode;
-    /** sets whether the details should be open by default
-     * @default false
-     */
-    isOpenByDefault?: boolean;
-};
-/** @example  <Details summary="summary text">child content here</Details>*/
-declare const Details: ({ summary, children, isOpenByDefault, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, 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, 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, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, 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, UniformBadge, UniformLogo, UniformLogoProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useBreakpoint, useCurrentTab, useDrawer, useIconContext, useMenuContext };
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, 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, 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, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, 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, UniformBadge, UniformLogo, UniformLogoProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useBreakpoint, useCurrentTab, useDrawer, useIconContext, useMenuContext };