@uniformdev/design-system 13.0.1-alpha.311 → 16.0.1-alpha.128

package/dist/index.d.ts

@@ -11,19 +11,29 @@ 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';
 
+/** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 declare type ThemeProps = {
+    /** sets whether to disable a provided reset stylesheet or not
+     * @default false
+     */
     disableReset?: boolean;
 };
+/**
+ * Uniform CSS Variables, font provider and optional reset stylesheet
+ * @example <Theme disableReset={true} /> */
 declare const Theme: React__default.ElementType;
 
+/** Breakpoint label values */
 declare type breakpointSizeProps = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 declare type breakpointsProps = Record<breakpointSizeProps, string>;
+/** Object of breakpoints and the pixel values */
 declare const breakpoints: breakpointsProps;
 /**
  * Media Query Helper Function
  * @function
  * @param {string} size - The responsive breakpoint value
  * @returns {string} - compiled media query e.g. (min-width: 640px)
+ * @example `${mq('md')} { background: red; }`
  */
 declare const mq: (size: breakpointSizeProps) => string;
 
@@ -32,74 +42,75 @@ declare const input: _emotion_react.SerializedStyles;
 declare const inputError: _emotion_react.SerializedStyles;
 declare const inputSelect: _emotion_react.SerializedStyles;
 
+/** Custom scrollbar styles */
 declare const scrollbarStyles: _emotion_react.SerializedStyles;
 
 declare type UniformLogoProps = {
+    /** sets a light or dark theme for the uniform badge or logo component
+     * @default "light"
+     */
     theme?: 'light' | 'dark';
 };
 
 /**
- * Component that shows the Uniform badge
- *
- * @component
- * @param {'light' | 'dark'} theme - sets a light or dark theme for the uniform badge
- * @param {React.SVGAttributes<SVGElement>} props - sets react svg element attribute props
+ * Uniform Badge Logo
+ * @param props - sets react svg element attribute props
  * @example <UniformBadge theme="dark" />
  */
 declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /**
- * Component that shows the Uniform logo
- *
- * @component
- * @param {'light' | 'dark'} theme - sets a light or dark theme for the uniform logo
- * @example <UniformLogo theme="light" />
- */
-declare const UniformLogo: ({ theme }: UniformLogoProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+ * Uniform Logo
+ * @param props - sets react svg element attribute props
+ * @example <UniformLogo theme="light" /> */
+declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type ButtonThemeProps = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost';
+/** Button themes that are available to use with our brand */
+declare type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost';
+/** Button sizes that are available to use with our brand */
 declare type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare type ButtonProps = ButtonProps$1 & {
-    buttonType?: ButtonThemeProps;
-    /**
-     * @deprecated size might no longer be used as we are trying to consolidate button designs
+    /** sets the theme of the button
+     * @default "primary"
      */
-    size?: ButtonSizeProps;
+    buttonType?: ButtonThemeProps$1;
+    /** React child node */
+    children?: React$1.ReactNode;
     /**
-     * @deprecated rounded is no longer used
-     */
+     * @default "md"
+     * @deprecated size might no longer be used as we are trying to consolidate button designs */
+    size?: ButtonSizeProps;
+    /** @deprecated rounded is no longer used */
     rounded?: boolean;
 };
 /**
- * Button component
- *
- * @component
- * @param {string} buttonType - sets the theme of the button
+ * Uniform Button Component
  * @param {BaseButtonProps} props - object of button props from reakit
- * @param {React.ReactNode} children - react child elements
  * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
  */
-declare const Button: React$1.FC<ButtonProps>;
+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" | "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" | "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 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"];
+/** 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
- *
- * @component
- * @param {IconName | IconType} icon - sets the type of icon to use from the available list
- * @param {'green' | 'red' | 'gray' | 'currentColor'} iconColor - sets fill color of the svg icon
- * @param {IconBaseProps} otherProps - sets additional icon props provided by "react-icons"
  * @example <Icon icon="add-r" iconColor="currentColor" />
  */
-declare const Icon: React__default.NamedExoticComponent<IconProps>;
+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(): {
@@ -108,64 +119,77 @@ declare function useIconContext(): {
 };
 /**
  * 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 = {
+    /** allows users to add child elements */
+    children: React$1.ReactNode;
+};
 /**
  * Component that provides caption text to input fields
- *
- * @component
- * @param {React.ReactNode} children - allows users to add child elements
  * @example <Caption>some help text here</Caption>
  */
-declare const Caption: React$1.FC;
+declare const Caption: ({ children }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type ErrorMessageProps = {
+    /** sets the error message value */
     message?: string;
+    /** sets the test id for test automation (optional) */
+    testId?: string;
 };
 /**
  * Component that provides error messaging to input fields
- *
- * @component
- * @param {string} message - sets the error message value
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
  */
-declare const ErrorMessage: ({ message }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const ErrorMessage: ({ message, testId }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
+    /** (optional) sets the label value */
     label?: string;
+    /** (optional) sets caption text value */
     caption?: string;
+    /** (optional) add an input icon to the input field */
     icon?: React$1.ReactElement;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
     showLabel?: boolean;
+    /** (optional) sets and shows the the error message value */
     errorMessage?: string;
+    /** (optional) sets the test id for input field container for test automation*/
+    containerTestId?: string;
+    /** (optional) sets label test id */
+    labelTestId?: string;
+    /** (optiona)  sets validation message test id for test automation */
+    errorTestId?: string;
     capture?: boolean | 'user' | 'environment';
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the container element
+     * @deprecated */
     classNameContainer?: string | SerializedStyles;
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the input element
+     * @deprecated */
     classNameControl?: string | SerializedStyles;
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the label element
+     * @deprecated */
     classNameLabel?: string | SerializedStyles;
 };
 /**
  * Input Component
- *
- * @component
- * @param {string} label - sets the label value
- * @param {string} caption - sets help text value
- * @param {boolean} showLabel - sets whether to hide the label and use aria-label on the input itself
- * @param {React.ReactElement} icon - add an input icon to the input field
- * @param {string} errorMessage - sets shows the the error message value
  * @example - <Input label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
  */
-declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, containerTestId, labelTestId, errorTestId, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type InputComboBoxOption = {
+    /** sets the label value */
     label: string;
+    /** sets the input value */
     value: string;
+    /** (optional) sets the disabled value on the input */
     isDisabled?: boolean;
 };
 declare type InputComboBoxProps<TOption, IsMulti extends boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = StateManagerProps<TOption, IsMulti, TGroup> & React$1.RefAttributes<InternalSelect<TOption, IsMulti, TGroup>>;
@@ -177,139 +201,162 @@ declare type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
 declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type InputInlineSelectOption = {
+    /** sets the display name of the option */
     label: string;
+    /** sets the option value attribute */
     value: string;
 };
 declare type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'onChange'> & {
+    /** sets the selected value */
     value: string;
+    /** sets the available options within the dropdown */
     options: Array<InputInlineSelectOption>;
+    /** function that takes an option argument and sets the new value */
     onChange: (option: InputInlineSelectOption) => void;
+    /** sets the disabled state of the button */
     disabled?: boolean;
+    /** override existing styles by passing new emotion styles or a string of css props */
     classNameContainer?: SerializedStyles | string;
 };
 /**
  * Input Inline Select
- * @component
- * @param {string} value - sets the selected value
- * @param {Array<InlineSelectInputOption>} options - sets the available options within the dropdown
- * @param {(option: InlineSelectInputOption) => void} onChange - function that takes an option argument and sets the new value
- * @param {boolean} disabled - sets the disabled state of the button
- * @param {SerializedStyles | string} classNameContainer - override existing styles by passing new emotion styles or a string of css props
  * @example <InputInlineSelect disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
  */
 declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 interface InputKeywordSearchProps {
+    /** function that takes a string value */
     onSearchTextChanged: (searchText: string) => void;
+    /** (optional) sets the input field disabled state
+     * @default false
+     */
     disabled?: boolean;
+    /** (optional) props that allows users to set the placeholder text value
+     * @default "Keyword search"
+     */
     placeholder?: string;
+    /** (optional) allows users to set the "name" attribute value
+     * @default "keywordSearch"
+     */
     inputFieldName?: string;
+    /** (optional) allows users to prevent default form field submission
+     * @default false
+     */
     disabledFieldSubmission?: boolean;
+    /** (optional) prop that sets the value of the input field */
     value?: string;
 }
 /**
  * Component used for keyword search functionality
- * @component
- * @param {function} onSearchTextChanged - function that takes a string value
- * @param {boolean} disabled - sets the input field disabled state
- * @param {string} placeholder - optional props that allows users to set the placeholder text value
- * @param {boolean} disabledFieldSubmission - allows users to prevent default form field submission
- * @param {string} value - optional prop that sets the value of the input field
  * @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
  */
 declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, }: InputKeywordSearchProps) => React$1.ReactElement;
 
 declare type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+    /** (optional) sets the first item in the options list with empty value */
     defaultOption?: string;
+    /** sets an array of select options with value and text value */
     options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
         label: string;
     }>;
+    /** (optional) sets caption text value */
     caption?: string;
+    /** sets the label value */
     label: string;
+    /** (optional) sets whether to hide the label and use aria-label on the input field
+     * @default false
+     */
     showLabel?: boolean;
+    /** (optional) sets and shows the the error message value */
     errorMessage?: string;
-    /**   */
+    /** (optional) allows react components to be added inline with the label element */
     labelCta?: JSX.Element;
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the container element
+     * @deprecated */
     classNameContainer?: string;
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the input element
+     * @deprecated */
     classNameControl?: string;
-    /** @deprecated */
+    /**
+     * (optional) sets an overriding classname on the label element
+     * @deprecated */
     classNameLabel?: string;
 };
 /**
  * Input Select Component
- * @component
- * @param {string} label - sets the label value
- * @param {boolean} showLabel - sets whether to hide the label and use aria-label on the input itself
- * @param {string} defaultOption - sets the first item in the options list with empty value
- * @param {Array<React.OptionHTMLAttributes<HTMLOptionElement> & { label: string }>} options - sets an array of select options with value and text value
- * @param {string} caption - sets help text value
- * @param {string} errorMessage - sets and shows the the error message value
  * @example <InputSelect label="my label" options={[{label: "option 1"}, {label: "option 2"}]} />
  */
 declare const InputSelect: ({ label, defaultOption, options, caption, errorMessage, showLabel, labelCta, classNameContainer, classNameControl, classNameLabel, ...props }: InputSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type InputToggleProps = React$1.HTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
     label: string;
+    /** sets the type of input to use, either radio or checkbox */
     type: 'radio' | 'checkbox';
+    /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets the disabled state */
     disabled?: boolean;
+    /** (optional) sets the checked state of the input */
     checked?: boolean;
+    /** (optional) sets caption text value */
     caption?: string;
+    /** (optional) sets shows the the error message value */
     errorMessage?: string;
 };
 /**
  * Component that creates a checkbox or radio input field
- *
- * @component
- * @param {string} label - sets the label value
- * @param {'radio' | 'checkbox'} type - sets the type of input to use, either radio or checkbox
- * @param {string} name - sets the name value of the radio/checkbox input
- * @param {disabled} disabled - (optional) sets the disabled state
- * @param {boolean} checked - (optional) sets the checked state of the input
- * @param {string} caption - (optional) sets help text value
- * @param {string} errorMessage - (optional) sets shows the the error message value
  * @example <InputToggle label="Do you like ice cream?" type="checkbox" name="ice-cream" />
  */
 declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    /** (optional) sets the label value */
     label?: string;
+    /** (optional) sets caption text value */
     caption?: string;
+    /** (optional) add an input icon to the input field */
     icon?: React$1.ReactElement;
+    /** (optional) sets whether to hide the label and use aria-label on the input field */
     showLabel?: boolean;
+    /** (optional) sets shows the the error message value */
     errorMessage?: string;
     capture?: boolean | 'user' | 'environment';
 };
 /**
  * Textarea Component
- *
- * @component
- * @param {string} label - sets the label value
- * @param {string} caption - sets help text value
- * @param {boolean} showLabel - sets whether to hide the label and use aria-label on the input itself
- * @param {React.ReactElement} icon - add an input icon to the input field
- * @param {string} errorMessage - sets shows the the error message value
  * @example - <Textarea label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
  */
 declare const Textarea: ({ label, icon, id, caption, showLabel, errorMessage, ...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;
+
 interface MenuProps extends MenuHTMLProps {
-    menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
+    /** 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'];
+    /** (optional) allows users to set additional class names  */
+    menuItemsContainerCssClasses?: SerializedStyles | string;
+    /** (optional) allows users to add child elements */
+    children?: React$1.ReactNode;
 }
 declare const MenuContext: React$1.Context<MenuStateReturn>;
 declare const useMenuContext: () => MenuStateReturn;
 /**
  * Component used for creating clickable menus
- *
- * @component
- * @param {string} menuLabel - sets aria-label attribute
- * @param {React.ReactElement & React.RefAttributes<any>} menuTrigger - the component that triggers the menu functionality
- * @param {BaseMenuProps['placement']} placement - (optional) reakit placements options for the expandable menu
- * @param {React.ReactNode} children - allows users to add child elements
  * @example
  * <Menu
  * menuTrigger={<button type="button">Click me</button>}
@@ -317,143 +364,158 @@ declare const useMenuContext: () => MenuStateReturn;
  * menuLabel="Linked environment management options">
  * </Menu>
  */
-declare const Menu: React$1.FC<MenuProps>;
+declare const Menu: ({ menuLabel, menuTrigger, placement, menuItemsContainerCssClasses, children, }: MenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type MenuItemProps = MenuItemHTMLProps & {
-    focusable?: boolean;
+    /** sets child elements within the component */
     children: ChildFunction | React$1.ReactNode;
+    /** (optional) set whether to hide the menu after a click action */
     hideMenuOnClick?: boolean;
+    /** (optional) set an icon along side the item text */
     icon?: React$1.ReactElement;
+    /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set.  */
+    focusable?: boolean;
 };
 declare type ChildFunction = (menuItemProps: MenuItemHTMLProps) => React$1.ReactElement | null;
 /**
  * MenuItem Component used along side <Menu /> component
- *
- * @component
- * @param {ChildFunction | React.ReactNode} children - sets child elements within the component
- * @param {boolean} hideMenuOnClick - (optional) set whether to hide the menu after a click action
- * @param {React.ReactElement} icon - (optional) set an icon along side the item text
  * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
  */
 declare const MenuItem: React$1.FC<MenuItemProps>;
 
+/** 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;
+    /** (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 for showing Callout actions to the user
- *
- * @component
- * @param {CalloutType} type - sets the type of callout to be used
- * @param {React.ReactNode} title - sets the title of the callout
- * @param {React.ReactNode} children - adds child components to the callout body
- * @param {SerializedStyles | string} className - sets a string value className or a emotion css style property for custom overrides
+ * Uniform Callout Component
  * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
  */
-declare const Callout: React$1.FC<CalloutProps>;
+declare const Callout: ({ type, title, children, className }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 /**
  * Loading Indicator
- * @component
  * @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;
 }
 /**
  * Loading Overlay
- * @component
- * @param {boolean} isActive - sets whether to display the loading overlay components
- * @param {string | JSX.Element} statusMessage - optional type that sets a text value or React component under the loading icon
  * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
  */
-declare const LoadingOverlay: React__default.FC<LoadingOverlayProps>;
+declare const LoadingOverlay: ({ isActive, statusMessage }: LoadingOverlayProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 interface LoadingIconProps {
+    /** (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
- * @component
- * @param {number} height - option prop that sets a number value for the height of the icon
- * @param {number} width - option prop that sets a number value for the width of the icon
  * @example <LoadingIcon height={128} width={128} />
  */
-declare const LoadingIcon: React__default.FC<LoadingIconProps>;
+declare const LoadingIcon: ({ height, width }: LoadingIconProps) => _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;
+} & React$1.HTMLAttributes<HTMLHeadingElement>;
 /**
  * Component that sets the heading tag
- * @component
- * @param {number} level - sets the type of heading tag between h1 to h6, defaults to <h2>
- * @param {children} children - adds child elements to the heading tag
  * @example <Heading level={1}>Blog Post Title</Heading>
  */
-declare const Heading: React$1.FC<HeadingProps>;
+declare const Heading: ({ level, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type ParagraphProps = {
+    /** adds child elements to the paragraph tag */
     children: React$1.ReactNode;
+    /** (optional) allows user to set overriding class names or emotion styles */
     className?: SerializedStyles | string;
-};
+} & React$1.HTMLAttributes<HTMLParagraphElement>;
 /**
  * Component for generic paragraph tags
- * @component
- * @param {number} className - allows user to set overriding class names or emotion styles
- * @param {children} children - adds child elements to the paragraph tag
  * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
  */
-declare const Paragraph: ({ className, children }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Paragraph: ({ className, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type LinkColorProps = 'currentColor' | 'red' | 'green';
+declare type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** sets the link text and title text */
+    text: string;
+    /** (optional) sets the link color
+     * @default 'currentColor'
+     */
+    linkColor?: LinkColorProps;
+    /** (optional) sets whether the link is external or not adding an icon to the link */
+    external?: boolean;
+};
+declare const Link: ({ external, text, linkColor, ...props }: LinkProps) => _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 */
     children?: React$1.ReactNode;
 };
 /**
  * Component that sets the base structure for scrollable content in a max height container
- * @componet
- * @param {string} label - sets the label value
- * @param {React.ReactNode} children - allows users to add child components within the container
  * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
  */
 declare const ScrollableList: ({ label, children }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type ScrollableListItemProps = React$1.HTMLAttributes<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
- * @componet
- * @param {string} buttonText - sets the button text value
- * @param {boolean} active - sets the active style of the button
  * @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>;
 /**
- * ButtonWithMenu
- * @component
- * @param {string} buttonText - sets the button text value
- * @param {() => void} onButtonClick -
- * @param {MenuProps['placement']} placement - (optional) reakit placements options for the expandable menu
- * @param {React.ReactNode} children - adds child components to the ButtonWithMenu component
+ * Uniform ButtonWithMenu Component
  * @example
 <ButtonWithMenu
     disabled={isDisabled}
@@ -468,13 +530,70 @@ declare type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttrib
         className="flex gap-2 items-center"
         data-testid="save-menu-item-button"
         >
-            <span className="whitespace-nowrap" data-test-id="save-menu-item">
-                Save
-            </span>
-            <ShortcutRevealer shortcut="ctrl+shift+s" className="x" />
+          <span className="whitespace-nowrap" data-test-id="save-menu-item">
+              Save
+          </span>
     </MenuItem>
 </ButtonWithMenu>
  */
-declare const ButtonWithMenu: ({ onButtonClick, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type AddButtonProps = Omit<React$1.HTMLAttributes<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>>;
 
-export { ActionButtonsProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, LevelProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
+export { ActionButtonsProps, AddButton, AddButtonProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, Label, LabelProps, LevelProps, Link, LinkColorProps, LinkProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };