@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/esm/index.js +267 -101
- package/dist/index.d.ts +113 -38
- package/dist/index.js +288 -122
- package/package.json +15 -14
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<
|
|
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 };
|