@uniformdev/design-system 16.0.0 → 16.0.1-alpha.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -3,7 +3,6 @@ import React__default, { ReactNode } from 'react';
3
3
  import * as _emotion_react from '@emotion/react';
4
4
  import { SerializedStyles } from '@emotion/react';
5
5
  import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
6
- import * as reakit_ts from 'reakit/ts';
7
6
  import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
8
7
  import { IconType as IconType$1, IconBaseProps } from 'react-icons';
9
8
  import { GroupBase } from 'react-select';
@@ -47,7 +46,9 @@ declare const inputSelect: _emotion_react.SerializedStyles;
47
46
  declare const scrollbarStyles: _emotion_react.SerializedStyles;
48
47
 
49
48
  declare type UniformLogoProps = {
50
- /** sets a light or dark theme for the uniform badge or logo component */
49
+ /** sets a light or dark theme for the uniform badge or logo component
50
+ * @default "light"
51
+ */
51
52
  theme?: 'light' | 'dark';
52
53
  };
53
54
 
@@ -60,18 +61,19 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
60
61
 
61
62
  /**
62
63
  * Uniform Logo
64
+ * @param props - sets react svg element attribute props
63
65
  * @example <UniformLogo theme="light" /> */
64
- declare const UniformLogo: ({ theme }: UniformLogoProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
66
+ declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
65
67
 
66
68
  /** Button themes that are available to use with our brand */
67
- declare type ButtonThemeProps = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost';
69
+ declare type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost';
68
70
  /** Button sizes that are available to use with our brand */
69
71
  declare type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
70
72
  declare type ButtonProps = ButtonProps$1 & {
71
73
  /** sets the theme of the button
72
74
  * @default "primary"
73
75
  */
74
- buttonType?: ButtonThemeProps;
76
+ buttonType?: ButtonThemeProps$1;
75
77
  /** React child node */
76
78
  children?: React$1.ReactNode;
77
79
  /**
@@ -86,30 +88,7 @@ declare type ButtonProps = ButtonProps$1 & {
86
88
  * @param {BaseButtonProps} props - object of button props from reakit
87
89
  * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
88
90
  */
89
- declare const Button: React$1.ForwardRefExoticComponent<Pick<reakit_ts.RoleOptions & {
90
- disabled?: boolean | undefined;
91
- focusable?: boolean | undefined;
92
- } & {
93
- unstable_clickOnEnter?: boolean | undefined;
94
- unstable_clickOnSpace?: boolean | undefined;
95
- } & React$1.HTMLAttributes<any> & React$1.RefAttributes<any> & {
96
- wrapElement?: ((element: React$1.ReactNode) => React$1.ReactNode) | undefined;
97
- } & {
98
- disabled?: boolean | undefined;
99
- } & React$1.ButtonHTMLAttributes<any> & {
100
- /** sets the theme of the button
101
- * @default "primary"
102
- */
103
- buttonType?: ButtonThemeProps | undefined;
104
- /** React child node */
105
- children?: React$1.ReactNode;
106
- /**
107
- * @default "md"
108
- * @deprecated size might no longer be used as we are trying to consolidate button designs */
109
- size?: ButtonSizeProps | undefined;
110
- /** @deprecated rounded is no longer used */
111
- rounded?: boolean | undefined;
112
- }, "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>>;
91
+ 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>>;
113
92
 
114
93
  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"];
115
94
  /** A list of available icon names that can be used with the Uniform brand */
@@ -159,12 +138,14 @@ declare const Caption: ({ children }: CaptionProps) => _emotion_react_types_jsx_
159
138
  declare type ErrorMessageProps = {
160
139
  /** sets the error message value */
161
140
  message?: string;
141
+ /** sets the test id for test automation (optional) */
142
+ testId?: string;
162
143
  };
163
144
  /**
164
145
  * Component that provides error messaging to input fields
165
146
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
166
147
  */
167
- declare const ErrorMessage: ({ message }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
148
+ declare const ErrorMessage: ({ message, testId }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
168
149
 
169
150
  declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
170
151
  /** (optional) sets the label value */
@@ -177,6 +158,12 @@ declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
177
158
  showLabel?: boolean;
178
159
  /** (optional) sets and shows the the error message value */
179
160
  errorMessage?: string;
161
+ /** (optional) sets the test id for input field container for test automation*/
162
+ containerTestId?: string;
163
+ /** (optional) sets label test id */
164
+ labelTestId?: string;
165
+ /** (optiona) sets validation message test id for test automation */
166
+ errorTestId?: string;
180
167
  capture?: boolean | 'user' | 'environment';
181
168
  /**
182
169
  * (optional) sets an overriding classname on the container element
@@ -195,7 +182,7 @@ declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
195
182
  * Input Component
196
183
  * @example - <Input label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
197
184
  */
198
- declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
185
+ declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, containerTestId, labelTestId, errorTestId, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
199
186
 
200
187
  declare type InputComboBoxOption = {
201
188
  /** sets the label value */
@@ -344,6 +331,16 @@ declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>
344
331
  */
345
332
  declare const Textarea: ({ label, icon, id, caption, showLabel, errorMessage, ...props }: TextareaProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
346
333
 
334
+ declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
335
+ /** sets child elements within the label tag, normally the default label text */
336
+ children: React$1.ReactNode;
337
+ /** (optional) sets additional css properties */
338
+ className?: SerializedStyles | string;
339
+ /** (optional) test id for test automation*/
340
+ testId?: string;
341
+ };
342
+ declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
343
+
347
344
  interface MenuProps extends MenuHTMLProps {
348
345
  /** sets aria-label attribute */
349
346
  menuLabel: string;
@@ -351,6 +348,8 @@ interface MenuProps extends MenuHTMLProps {
351
348
  menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
352
349
  /** (optional) reakit placements options for the expandable menu */
353
350
  placement?: MenuProps$1['placement'];
351
+ /** (optional) allows users to set additional class names */
352
+ menuItemsContainerCssClasses?: SerializedStyles | string;
354
353
  /** (optional) allows users to add child elements */
355
354
  children?: React$1.ReactNode;
356
355
  }
@@ -365,7 +364,7 @@ declare const useMenuContext: () => MenuStateReturn;
365
364
  * menuLabel="Linked environment management options">
366
365
  * </Menu>
367
366
  */
368
- declare const Menu: ({ menuLabel, menuTrigger, placement, children }: MenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
367
+ declare const Menu: ({ menuLabel, menuTrigger, placement, menuItemsContainerCssClasses, children, }: MenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
369
368
 
370
369
  declare type MenuItemProps = MenuItemHTMLProps & {
371
370
  /** sets child elements within the component */
@@ -442,24 +441,37 @@ declare type HeadingProps = {
442
441
  level?: LevelProps;
443
442
  /** sets the title value */
444
443
  children: React$1.ReactNode;
445
- };
444
+ } & React$1.HTMLAttributes<HTMLHeadingElement>;
446
445
  /**
447
446
  * Component that sets the heading tag
448
447
  * @example <Heading level={1}>Blog Post Title</Heading>
449
448
  */
450
- declare const Heading: ({ level, children }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
449
+ declare const Heading: ({ level, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
451
450
 
452
451
  declare type ParagraphProps = {
453
452
  /** adds child elements to the paragraph tag */
454
453
  children: React$1.ReactNode;
455
454
  /** (optional) allows user to set overriding class names or emotion styles */
456
455
  className?: SerializedStyles | string;
457
- };
456
+ } & React$1.HTMLAttributes<HTMLParagraphElement>;
458
457
  /**
459
458
  * Component for generic paragraph tags
460
459
  * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
461
460
  */
462
- declare const Paragraph: ({ className, children }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
461
+ declare const Paragraph: ({ className, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
462
+
463
+ declare type LinkColorProps = 'currentColor' | 'red' | 'green';
464
+ declare type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
465
+ /** sets the link text and title text */
466
+ text: string;
467
+ /** (optional) sets the link color
468
+ * @default 'currentColor'
469
+ */
470
+ linkColor?: LinkColorProps;
471
+ /** (optional) sets whether the link is external or not adding an icon to the link */
472
+ external?: boolean;
473
+ };
474
+ declare const Link: ({ external, text, linkColor, ...props }: LinkProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
463
475
 
464
476
  declare type ScrollableListProps = {
465
477
  /** (optional) sets the label value */
@@ -485,11 +497,16 @@ declare type ScrollableListItemProps = React$1.HTMLAttributes<HTMLButtonElement>
485
497
  */
486
498
  declare const ScrollableListItem: ({ buttonText, active, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
487
499
 
500
+ declare type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost';
488
501
  interface ActionButtonsProps {
489
502
  /** Takes a function for the visible button */
490
503
  onButtonClick: () => void;
491
504
  /** (optional) reakit placements options for the expandable menu */
492
505
  placement?: MenuProps$2['placement'];
506
+ /** sets the theme of the button
507
+ * @default "secondary"
508
+ */
509
+ buttonType?: ButtonThemeProps;
493
510
  /** sets the button text value */
494
511
  buttonText: string;
495
512
  /** adds child components to the ButtonWithMenu component */
@@ -519,6 +536,64 @@ declare type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttrib
519
536
  </MenuItem>
520
537
  </ButtonWithMenu>
521
538
  */
522
- declare const ButtonWithMenu: ({ onButtonClick, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
539
+ declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
540
+
541
+ declare type AddButtonProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'onChange'> & {
542
+ /** sets the aria-label for accessibility
543
+ * @default "Add"
544
+ */
545
+ buttonText?: string;
546
+ onClick: () => void;
547
+ className?: string;
548
+ /** sets keyboard shortcut command for Windows
549
+ * @default "ctrl+alt+n"
550
+ */
551
+ shortcut?: string | null;
552
+ /** sets keyboard shortcut command for Mac
553
+ * @default "option+n"
554
+ */
555
+ macShortcut?: string | null;
556
+ };
557
+ /**
558
+ * Add button component
559
+ * @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
560
+ * @example <AddButton buttonText="Button Text" />
561
+ */
562
+ declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
563
+
564
+ declare function ShortcutContext({ children }: {
565
+ children: React__default.ReactNode;
566
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
567
+ declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
568
+ shortcut: string;
569
+ macShortcut?: string;
570
+ className?: SerializedStyles | string;
571
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
572
+
573
+ declare type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
574
+ /** sets the label value */
575
+ label: string;
576
+ /** (optional) sets information text */
577
+ infoText?: string;
578
+ /** sets the toggle text value */
579
+ toggleText?: string;
580
+ /** sets child elements */
581
+ children?: React$1.ReactNode;
582
+ };
583
+ /**
584
+ * Uniform Switch Input Component
585
+ * @param {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>} inputProps - props for an input element that can be passed down, "type" is omitted from the prop list
586
+ * @example <Switch label="my switch" name="switch-name" onChange={() => setChecked((prev) => !prev)} checked={checked} infoText="my info text" toggleText="my toggle text" />
587
+ */
588
+ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
589
+ /** sets the label value */
590
+ label: string;
591
+ /** (optional) sets information text */
592
+ infoText?: string | undefined;
593
+ /** sets the toggle text value */
594
+ toggleText?: string | undefined;
595
+ /** sets child elements */
596
+ children?: React$1.ReactNode;
597
+ } & React$1.RefAttributes<HTMLInputElement>>;
523
598
 
524
- export { ActionButtonsProps, Button, ButtonProps, ButtonSizeProps, 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, 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 };
599
+ 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 };