@uniformdev/design-system 19.2.0 → 19.5.1-alpha.22
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 +1512 -1272
- package/dist/index.d.ts +261 -299
- package/dist/index.js +1615 -1372
- package/package.json +6 -6
package/dist/index.d.ts
CHANGED
|
@@ -76,6 +76,7 @@ declare const buttonRippleEffect: (props: {
|
|
|
76
76
|
activeColor?: string;
|
|
77
77
|
}) => _emotion_react.SerializedStyles;
|
|
78
78
|
declare const buttonPrimary: _emotion_react.SerializedStyles;
|
|
79
|
+
declare const buttonDestructive: _emotion_react.SerializedStyles;
|
|
79
80
|
declare const buttonSecondary: _emotion_react.SerializedStyles;
|
|
80
81
|
declare const buttonSecondaryInvert: _emotion_react.SerializedStyles;
|
|
81
82
|
declare const buttonPrimaryInvert: _emotion_react.SerializedStyles;
|
|
@@ -83,6 +84,7 @@ declare const buttonUnimportant: _emotion_react.SerializedStyles;
|
|
|
83
84
|
declare const buttonGhost: _emotion_react.SerializedStyles;
|
|
84
85
|
declare const buttonGhostDestructive: _emotion_react.SerializedStyles;
|
|
85
86
|
declare const buttonTertiary: _emotion_react.SerializedStyles;
|
|
87
|
+
declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
|
|
86
88
|
|
|
87
89
|
declare const labelText: _emotion_react.SerializedStyles;
|
|
88
90
|
declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
|
|
@@ -146,7 +148,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
|
|
|
146
148
|
*/
|
|
147
149
|
declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
148
150
|
|
|
149
|
-
type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--
|
|
151
|
+
type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
|
|
150
152
|
type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
151
153
|
/** (optional) - sets the button text and title value
|
|
152
154
|
* @default 'Add Item'
|
|
@@ -20187,6 +20189,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
|
|
|
20187
20189
|
/**
|
|
20188
20190
|
* Uniform Badge Component
|
|
20189
20191
|
* @example <Badge text="My badge" theme="success" size="base" />
|
|
20192
|
+
* @deprecated please use Chip component instead
|
|
20190
20193
|
*/
|
|
20191
20194
|
declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20192
20195
|
|
|
@@ -20233,11 +20236,12 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
|
|
|
20233
20236
|
* @param props - sets react svg element attribute props
|
|
20234
20237
|
* @example <UniformLogo theme="light" /> */
|
|
20235
20238
|
declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20239
|
+
declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20236
20240
|
|
|
20237
20241
|
/** Button themes that are available to use with our brand */
|
|
20238
|
-
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert';
|
|
20242
|
+
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
20239
20243
|
/** Button sizes that are available to use with our brand */
|
|
20240
|
-
type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20244
|
+
type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20241
20245
|
type ButtonProps = ButtonProps$1 & {
|
|
20242
20246
|
/** sets the theme of the button
|
|
20243
20247
|
* @default "primary"
|
|
@@ -20247,7 +20251,7 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
20247
20251
|
children?: React$1.ReactNode;
|
|
20248
20252
|
/**
|
|
20249
20253
|
* @default "md"
|
|
20250
|
-
*
|
|
20254
|
+
* */
|
|
20251
20255
|
size?: ButtonSizeProps;
|
|
20252
20256
|
};
|
|
20253
20257
|
/**
|
|
@@ -20374,6 +20378,35 @@ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...p
|
|
|
20374
20378
|
|
|
20375
20379
|
declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20376
20380
|
|
|
20381
|
+
type ChipSizeProp = 'xs' | 'sm' | 'md';
|
|
20382
|
+
type ChipThemeProps = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
|
|
20383
|
+
type ChipProps = {
|
|
20384
|
+
icon?: IconType$1;
|
|
20385
|
+
text: string;
|
|
20386
|
+
/** sets the size of the chip
|
|
20387
|
+
* @default 'sm'
|
|
20388
|
+
*/
|
|
20389
|
+
theme?: ChipThemeProps;
|
|
20390
|
+
chipAction?: React$1.ReactNode;
|
|
20391
|
+
size?: ChipSizeProp;
|
|
20392
|
+
} & React$1.HTMLAttributes<HTMLSpanElement>;
|
|
20393
|
+
/**
|
|
20394
|
+
* @description Chips are used in a variety of ways
|
|
20395
|
+
* To represent tokens, where the value of the chip will be replaced with something dynamically.
|
|
20396
|
+
* To represent tags or important metadata about an object
|
|
20397
|
+
* To represent a different object, as a reference
|
|
20398
|
+
* @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
|
|
20399
|
+
*/
|
|
20400
|
+
declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20401
|
+
type DismissibleChipActionProps = {
|
|
20402
|
+
onDismiss: () => void;
|
|
20403
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
20404
|
+
/**
|
|
20405
|
+
* @description Dismissible chip action should be used with the Chip component
|
|
20406
|
+
* @example <DismissibleChipAction onDismiss={() => {...}}/>
|
|
20407
|
+
*/
|
|
20408
|
+
declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20409
|
+
|
|
20377
20410
|
type CounterProps = {
|
|
20378
20411
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
20379
20412
|
count: number | undefined;
|
|
@@ -20381,9 +20414,9 @@ type CounterProps = {
|
|
|
20381
20414
|
* @default 'transparent'
|
|
20382
20415
|
*/
|
|
20383
20416
|
bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
|
|
20384
|
-
}
|
|
20417
|
+
} & React$1.HTMLAttributes<HTMLDivElement>;
|
|
20385
20418
|
/** @example <Counter count={1} /> */
|
|
20386
|
-
declare const Counter: ({ count, bgColor }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
20419
|
+
declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
20387
20420
|
|
|
20388
20421
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
20389
20422
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -20495,12 +20528,14 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
|
|
|
20495
20528
|
onOverlayClick?: () => void;
|
|
20496
20529
|
}
|
|
20497
20530
|
|
|
20498
|
-
declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "apple-watch", "arrange-back", "arrange-front", "arrow-align-h", "arrow-align-v", "arrow-bottom-left-o", "arrow-bottom-left-r", "arrow-bottom-left", "arrow-bottom-right-o", "arrow-bottom-right-r", "arrow-bottom-right", "arrow-down-o", "arrow-down-r", "arrow-down", "arrow-left-o", "arrow-left-r", "arrow-left", "arrow-long-down-c", "arrow-long-down-e", "arrow-long-down-l", "arrow-long-down-r", "arrow-long-down", "arrow-long-left-c", "arrow-long-left-e", "arrow-long-left-l", "arrow-long-left-r", "arrow-long-left", "arrow-long-right-c", "arrow-long-right-e", "arrow-long-right-l", "arrow-long-right-r", "arrow-long-right", "arrow-long-up-c", "arrow-long-up-e", "arrow-long-up-l", "arrow-long-up-r", "arrow-long-up", "arrow-right-o", "arrow-right-r", "arrow-right", "arrow-top-left-o", "arrow-top-left-r", "arrow-top-left", "arrow-top-right-o", "arrow-top-right-r", "arrow-top-right", "arrow-up-o", "arrow-up-r", "arrow-up", "arrows-breake-h", "arrows-breake-v", "arrows-exchange-alt-v", "arrows-exchange-alt", "arrows-exchange-v", "arrows-exchange", "arrows-expand-down-left", "arrows-expand-down-right", "arrows-expand-left-alt", "arrows-expand-left", "arrows-expand-right-alt", "arrows-expand-right", "arrows-expand-up-left", "arrows-expand-up-right", "arrows-h-alt", "arrows-h", "arrows-merge-alt-h", "arrows-merge-alt-v", "arrows-scroll-h", "arrows-scroll-v", "arrows-shrink-h", "arrows-shrink-v", "arrows-v-alt", "arrows-v", "assign", "asterisk", "attachment", "attribution", "awards", "backspace", "band-aid", "battery-empty", "battery-full", "battery", "bee", "bell", "bitbucket", "block", "board", "bolt", "bookmark", "border-all", "border-bottom", "border-left", "border-right", "border-style-dashed", "border-style-dotted", "border-style-solid", "border-top", "bot", "bowl", "box", "boy", "briefcase", "browse", "browser", "brush", "bulb", "c-plus-plus", "calculator", "calendar-dates", "calendar-due", "calendar-next", "calendar-today", "calendar-two", "calendar", "calibrate", "camera", "cap", "captions", "card-clubs", "card-diamonds", "card-hearts", "card-spades", "carousel", "cast", "chart", "check-o", "check-r", "check", "chevron-double-down-o", "chevron-double-down-r", "chevron-double-down", "chevron-double-left-o", "chevron-double-left-r", "chevron-double-left", "chevron-double-right-o", "chevron-double-right-r", "chevron-double-right", "chevron-double-up-o", "chevron-double-up-r", "chevron-double-up", "chevron-down-o", "chevron-down-r", "chevron-down", "chevron-left-o", "chevron-left-r", "chevron-left", "chevron-right-o", "chevron-right-r", "chevron-right", "chevron-up-o", "chevron-up-r", "chevron-up", "clapper-board", "clipboard", "close-o", "close-r", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "copyright", "corner-double-down-left", "corner-double-down-right", "corner-double-left-down", "corner-double-left-up", "corner-double-right-down", "corner-double-right-up", "corner-double-up-left", "corner-double-up-right", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "credit-card", "crop", "cross", "crown", "danger", "dark-mode", "data", "database", "debug", "desktop", "details-less", "details-more", "dialpad", "dice-1", "dice-2", "dice-3", "dice-4", "dice-5", "dice-6", "disc", "display-flex", "display-fullwidth", "display-grid", "display-spacing", "distribute-horizontal", "distribute-vertical", "dock-bottom", "dock-left", "dock-right", "dock-window", "dollar", "drive", "drop-invert", "drop-opacity", "drop", "duplicate", "edit-black-point", "edit-contrast", "edit-exposure", "edit-fade", "edit-flip-h", "edit-flip-v", "edit-highlight", "edit-markup", "edit-mask", "edit-noise", "edit-shadows", "edit-straight", "edit-unmask", "eject", "enter", "erase", "ereader", "ericsson", "ethernet", "euro", "expand", "export", "extension-add", "extension-alt", "extension-remove", "extension", "external", "eye-alt", "eye", "feed", "file-add", "file-document", "file-remove", "file", "film", "filters", "flag-alt", "flag", "folder-add", "folder-remove", "folder", "font-height", "font-spacing", "format-bold", "format-center", "format-color", "format-heading", "format-indent-decrease", "format-indent-increase", "format-italic", "format-justify", "format-left", "format-line-height", "format-right", "format-separator", "format-slash", "format-strike", "format-text", "format-underline", "format-uppercase", "games", "gender-female", "gender-male", "ghost-character", "gift", "girl", "git-branch", "git-commit", "git-fork", "git-pull", "glass-alt", "glass", "globe-alt", "globe", "gym", "hashtag", "headset", "heart", "home-alt", "home-screen", "home", "icecream", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "live-photo", "loadbar-alt", "loadbar-doc", "loadbar-sound", "loadbar", "lock-unlock", "lock", "log-in", "log-off", "log-out", "loupe", "magnet", "mail-forward", "mail-open", "mail-reply", "mail", "math-divide", "math-equal", "math-minus", "math-percent", "math-plus", "maximize-alt", "maximize", "media-live", "media-podcast", "menu-boxed", "menu-cake", "menu-cheese", "menu-grid-o", "menu-grid-r", "menu-hotdog", "menu-left-alt", "menu-left", "menu-motion", "menu-oreos", "menu-right-alt", "menu-right", "menu-round", "menu", "merge-horizontal", "merge-vertical", "mic", "mini-player", "minimize-alt", "minimize", "modem", "moon", "more-alt", "more-o", "more-r", "more-vertical-alt", "more-vertical-o", "more-vertical-r", "more-vertical", "more", "mouse", "move-down", "move-left", "move-right", "move-task", "move-up", "music-note", "music-speaker", "music", "nametag", "notes", "notifications", "options", "organisation", "password", "path-back", "path-crop", "path-divide", "path-exclude", "path-front", "path-intersect", "path-outline", "path-trim", "path-unite", "pen", "pentagon-bottom-left", "pentagon-bottom-right", "pentagon-down", "pentagon-left", "pentagon-right", "pentagon-top-left", "pentagon-top-right", "pentagon-up", "performance", "phone", "photoscan", "piano", "pill", "pin-alt", "pin-bottom", "pin-top", "pin", "play-backwards", "play-button-o", "play-button-r", "play-button", "play-forwards", "play-list-add", "play-list-check", "play-list-remove", "play-list-search", "play-list", "play-pause-o", "play-pause-r", "play-pause", "play-stop-o", "play-stop-r", "play-stop", "play-track-next-o", "play-track-next-r", "play-track-next", "play-track-prev-o", "play-track-prev-r", "play-track-prev", "plug", "polaroid", "poll", "presentation", "printer", "profile", "pull-clear", "push-chevron-down-o", "push-chevron-down-r", "push-chevron-down", "push-chevron-left-o", "push-chevron-left-r", "push-chevron-left", "push-chevron-right-o", "push-chevron-right-r", "push-chevron-right", "push-chevron-up-o", "push-chevron-up-r", "push-chevron-up", "push-down", "push-left", "push-right", "push-up", "qr", "quote-o", "quote", "radio-check", "radio-checked", "ratio", "read", "readme", "record", "redo", "remote", "remove-r", "remove", "rename", "reorder", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "sidebar-open", "sidebar-right", "sidebar", "signal", "size", "sleep", "smart-home-boiler", "smart-home-cooker", "smart-home-heat", "smart-home-light", "smart-home-refrigerator", "smart-home-wash-machine", "smartphone-chip", "smartphone-ram", "smartphone-shake", "smartphone", "smile-mouth-open", "smile-neutral", "smile-no-mouth", "smile-none", "smile-sad", "smile-upside", "smile", "software-download", "software-upload", "sort-az", "sort-za", "space-between-v", "space-between", "spinner-alt", "spinner-two-alt", "spinner-two", "spinner", "stack", "stopwatch", "stories", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "trees", "trending-down", "trending", "trophy", "tv", "ui-kit", "umbrella", "unavailable", "unblock", "undo", "unsplash", "usb-c", "usb", "user-add", "user-list", "user-remove", "user", "view-cols", "view-comfortable", "view-day", "view-grid", "view-list", "view-month", "view-split", "vinyl", "voicemail-o", "voicemail-r", "voicemail", "volume", "webcam", "website", "work-alt", "yinyang", "zoom-in", "zoom-out", "rectangle-rounded", "card", "image-text", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "settings"];
|
|
20531
|
+
declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "apple-watch", "arrange-back", "arrange-front", "arrow-align-h", "arrow-align-v", "arrow-bottom-left-o", "arrow-bottom-left-r", "arrow-bottom-left", "arrow-bottom-right-o", "arrow-bottom-right-r", "arrow-bottom-right", "arrow-down-o", "arrow-down-r", "arrow-down", "arrow-left-o", "arrow-left-r", "arrow-left", "arrow-long-down-c", "arrow-long-down-e", "arrow-long-down-l", "arrow-long-down-r", "arrow-long-down", "arrow-long-left-c", "arrow-long-left-e", "arrow-long-left-l", "arrow-long-left-r", "arrow-long-left", "arrow-long-right-c", "arrow-long-right-e", "arrow-long-right-l", "arrow-long-right-r", "arrow-long-right", "arrow-long-up-c", "arrow-long-up-e", "arrow-long-up-l", "arrow-long-up-r", "arrow-long-up", "arrow-right-o", "arrow-right-r", "arrow-right", "arrow-top-left-o", "arrow-top-left-r", "arrow-top-left", "arrow-top-right-o", "arrow-top-right-r", "arrow-top-right", "arrow-up-o", "arrow-up-r", "arrow-up", "arrows-breake-h", "arrows-breake-v", "arrows-exchange-alt-v", "arrows-exchange-alt", "arrows-exchange-v", "arrows-exchange", "arrows-expand-down-left", "arrows-expand-down-right", "arrows-expand-left-alt", "arrows-expand-left", "arrows-expand-right-alt", "arrows-expand-right", "arrows-expand-up-left", "arrows-expand-up-right", "arrows-h-alt", "arrows-h", "arrows-merge-alt-h", "arrows-merge-alt-v", "arrows-scroll-h", "arrows-scroll-v", "arrows-shrink-h", "arrows-shrink-v", "arrows-v-alt", "arrows-v", "assign", "asterisk", "attachment", "attribution", "awards", "backspace", "band-aid", "battery-empty", "battery-full", "battery", "bee", "bell", "bitbucket", "block", "board", "bolt", "bookmark", "border-all", "border-bottom", "border-left", "border-right", "border-style-dashed", "border-style-dotted", "border-style-solid", "border-top", "bot", "bowl", "box", "boy", "briefcase", "browse", "browser", "brush", "bulb", "c-plus-plus", "calculator", "calendar-dates", "calendar-due", "calendar-next", "calendar-today", "calendar-two", "calendar", "calibrate", "camera", "cap", "captions", "card-clubs", "card-diamonds", "card-hearts", "card-spades", "carousel", "cast", "chart", "check-o", "check-r", "check", "chevron-double-down-o", "chevron-double-down-r", "chevron-double-down", "chevron-double-left-o", "chevron-double-left-r", "chevron-double-left", "chevron-double-right-o", "chevron-double-right-r", "chevron-double-right", "chevron-double-up-o", "chevron-double-up-r", "chevron-double-up", "chevron-down-o", "chevron-down-r", "chevron-down", "chevron-left-o", "chevron-left-r", "chevron-left", "chevron-right-o", "chevron-right-r", "chevron-right", "chevron-up-o", "chevron-up-r", "chevron-up", "clapper-board", "clipboard", "close-o", "close-r", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "copyright", "corner-double-down-left", "corner-double-down-right", "corner-double-left-down", "corner-double-left-up", "corner-double-right-down", "corner-double-right-up", "corner-double-up-left", "corner-double-up-right", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "credit-card", "crop", "cross", "crown", "danger", "dark-mode", "data", "database", "debug", "desktop", "details-less", "details-more", "dialpad", "dice-1", "dice-2", "dice-3", "dice-4", "dice-5", "dice-6", "disc", "display-flex", "display-fullwidth", "display-grid", "display-spacing", "distribute-horizontal", "distribute-vertical", "dock-bottom", "dock-left", "dock-right", "dock-window", "dollar", "drive", "drop-invert", "drop-opacity", "drop", "duplicate", "edit-black-point", "edit-contrast", "edit-exposure", "edit-fade", "edit-flip-h", "edit-flip-v", "edit-highlight", "edit-markup", "edit-mask", "edit-noise", "edit-shadows", "edit-straight", "edit-unmask", "eject", "enter", "erase", "ereader", "ericsson", "ethernet", "euro", "expand", "export", "extension-add", "extension-alt", "extension-remove", "extension", "external", "eye-alt", "eye", "feed", "file-add", "file-document", "file-remove", "file", "film", "filters", "flag-alt", "flag", "folder-add", "folder-remove", "folder", "font-height", "font-spacing", "format-bold", "format-center", "format-color", "format-heading", "format-indent-decrease", "format-indent-increase", "format-italic", "format-justify", "format-left", "format-line-height", "format-right", "format-separator", "format-slash", "format-strike", "format-text", "format-underline", "format-uppercase", "games", "gender-female", "gender-male", "ghost-character", "gift", "girl", "git-branch", "git-commit", "git-fork", "git-pull", "glass-alt", "glass", "globe-alt", "globe", "gym", "hashtag", "headset", "heart", "home-alt", "home-screen", "home", "icecream", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "live-photo", "loadbar-alt", "loadbar-doc", "loadbar-sound", "loadbar", "lock-unlock", "lock", "log-in", "log-off", "log-out", "loupe", "magnet", "mail-forward", "mail-open", "mail-reply", "mail", "math-divide", "math-equal", "math-minus", "math-percent", "math-plus", "maximize-alt", "maximize", "media-live", "media-podcast", "menu-boxed", "menu-cake", "menu-cheese", "menu-grid-o", "menu-grid-r", "menu-hotdog", "menu-left-alt", "menu-left", "menu-motion", "menu-oreos", "menu-right-alt", "menu-right", "menu-round", "menu", "merge-horizontal", "merge-vertical", "mic", "mini-player", "minimize-alt", "minimize", "modem", "moon", "more-alt", "more-o", "more-r", "more-vertical-alt", "more-vertical-o", "more-vertical-r", "more-vertical", "more", "mouse", "move-down", "move-left", "move-right", "move-task", "move-up", "music-note", "music-speaker", "music", "nametag", "notes", "notifications", "options", "organisation", "password", "path-back", "path-crop", "path-divide", "path-exclude", "path-front", "path-intersect", "path-outline", "path-trim", "path-unite", "pen", "pentagon-bottom-left", "pentagon-bottom-right", "pentagon-down", "pentagon-left", "pentagon-right", "pentagon-top-left", "pentagon-top-right", "pentagon-up", "performance", "phone", "photoscan", "piano", "pill", "pin-alt", "pin-bottom", "pin-top", "pin", "play-backwards", "play-button-o", "play-button-r", "play-button", "play-forwards", "play-list-add", "play-list-check", "play-list-remove", "play-list-search", "play-list", "play-pause-o", "play-pause-r", "play-pause", "play-stop-o", "play-stop-r", "play-stop", "play-track-next-o", "play-track-next-r", "play-track-next", "play-track-prev-o", "play-track-prev-r", "play-track-prev", "plug", "polaroid", "poll", "presentation", "printer", "profile", "pull-clear", "push-chevron-down-o", "push-chevron-down-r", "push-chevron-down", "push-chevron-left-o", "push-chevron-left-r", "push-chevron-left", "push-chevron-right-o", "push-chevron-right-r", "push-chevron-right", "push-chevron-up-o", "push-chevron-up-r", "push-chevron-up", "push-down", "push-left", "push-right", "push-up", "qr", "quote-o", "quote", "radio-check", "radio-checked", "ratio", "read", "readme", "record", "redo", "remote", "remove-r", "remove", "rename", "reorder", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "sidebar-open", "sidebar-right", "sidebar", "signal", "size", "sleep", "smart-home-boiler", "smart-home-cooker", "smart-home-heat", "smart-home-light", "smart-home-refrigerator", "smart-home-wash-machine", "smartphone-chip", "smartphone-ram", "smartphone-shake", "smartphone", "smile-mouth-open", "smile-neutral", "smile-no-mouth", "smile-none", "smile-sad", "smile-upside", "smile", "software-download", "software-upload", "sort-az", "sort-za", "space-between-v", "space-between", "spinner-alt", "spinner-two-alt", "spinner-two", "spinner", "stack", "stopwatch", "stories", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "trees", "trending-down", "trending", "trophy", "tv", "ui-kit", "umbrella", "unavailable", "unblock", "undo", "unsplash", "usb-c", "usb", "user-add", "user-list", "user-remove", "user", "view-cols", "view-comfortable", "view-day", "view-grid", "view-list", "view-month", "view-split", "vinyl", "voicemail-o", "voicemail-r", "voicemail", "volume", "webcam", "website", "work-alt", "yinyang", "zoom-in", "zoom-out", "rectangle-rounded", "card", "image-text", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "settings", "query-string"];
|
|
20499
20532
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
20500
20533
|
type IconName = (typeof iconNames)[number];
|
|
20501
20534
|
|
|
20502
|
-
/** sets fill color of the svg icon
|
|
20503
|
-
|
|
20535
|
+
/** sets fill color of the svg icon
|
|
20536
|
+
* @default 'default'
|
|
20537
|
+
*/
|
|
20538
|
+
type IconColor = 'action' | 'default' | 'red' | 'gray' | 'currentColor';
|
|
20504
20539
|
/** sets the type of icon to use from the available list */
|
|
20505
20540
|
type IconType = IconName | IconType$1;
|
|
20506
20541
|
interface IconProps extends IconBaseProps {
|
|
@@ -20528,6 +20563,7 @@ declare const canvasAlertIcon: (props: react_icons.IconBaseProps) => JSX.Element
|
|
|
20528
20563
|
declare const warningIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20529
20564
|
declare const infoFilledIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20530
20565
|
declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20566
|
+
declare const queryStringIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20531
20567
|
declare const customIcons: {
|
|
20532
20568
|
'rectangle-rounded': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20533
20569
|
card: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
@@ -20540,6 +20576,7 @@ declare const customIcons: {
|
|
|
20540
20576
|
warning: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20541
20577
|
'info-filled': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20542
20578
|
settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20579
|
+
'query-string': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20543
20580
|
};
|
|
20544
20581
|
|
|
20545
20582
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -20951,8 +20988,8 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
|
|
|
20951
20988
|
|
|
20952
20989
|
type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
|
|
20953
20990
|
type BackgroundColorProp = 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
|
|
20954
|
-
type HtmlTagProps = 'div' | 'section' | 'article' | 'aside';
|
|
20955
|
-
type BorderRadiusProps = 'rounded-sm' | '
|
|
20991
|
+
type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
|
|
20992
|
+
type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
|
|
20956
20993
|
type CommonContainerProps = {
|
|
20957
20994
|
/** sets the background color of the element */
|
|
20958
20995
|
backgroundColor?: BackgroundColorProp;
|
|
@@ -20972,6 +21009,19 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
|
|
|
20972
21009
|
};
|
|
20973
21010
|
declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20974
21011
|
|
|
21012
|
+
type HorizontalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
|
|
21013
|
+
/** sets the wrapping html tag
|
|
21014
|
+
* @default 'div'
|
|
21015
|
+
*/
|
|
21016
|
+
tag?: HtmlTagProps | 'fieldset';
|
|
21017
|
+
/** sets the vertical spacing between each element
|
|
21018
|
+
* @default 'div'
|
|
21019
|
+
*/
|
|
21020
|
+
gap?: SpacingProp;
|
|
21021
|
+
children: React$1.ReactNode;
|
|
21022
|
+
};
|
|
21023
|
+
declare const HorizontalRhythm: ({ tag, gap, children, ...props }: HorizontalRhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21024
|
+
|
|
20975
21025
|
type TwoColumnLayoutProps = {
|
|
20976
21026
|
/** sets the full bleed background colour
|
|
20977
21027
|
* @default 'var(--white)'
|
|
@@ -20995,7 +21045,7 @@ type VerticalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetE
|
|
|
20995
21045
|
*/
|
|
20996
21046
|
tag?: HtmlTagProps | 'fieldset';
|
|
20997
21047
|
/** sets the vertical spacing between each element
|
|
20998
|
-
* @default '
|
|
21048
|
+
* @default 'div'
|
|
20999
21049
|
*/
|
|
21000
21050
|
gap?: SpacingProp;
|
|
21001
21051
|
children: React$1.ReactNode;
|
|
@@ -21040,32 +21090,37 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
21040
21090
|
*/
|
|
21041
21091
|
declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21042
21092
|
|
|
21043
|
-
type
|
|
21093
|
+
type ScrollableListContainerProps = {
|
|
21094
|
+
/** sets whether to show or hide the shadow around the element
|
|
21095
|
+
* @default 'false'
|
|
21096
|
+
*/
|
|
21097
|
+
disableShadow?: boolean;
|
|
21098
|
+
/** sets the active style of the button */
|
|
21099
|
+
active: boolean;
|
|
21100
|
+
};
|
|
21101
|
+
|
|
21102
|
+
type ScrollableItemProps = {
|
|
21044
21103
|
/** sets an element within the label > span element */
|
|
21045
21104
|
icon?: React.ReactElement;
|
|
21046
21105
|
/**sets the label value */
|
|
21047
|
-
label: string;
|
|
21106
|
+
label: string | React.ReactElement;
|
|
21048
21107
|
/** sets a data-test-id on the label */
|
|
21049
21108
|
labelTestId?: string;
|
|
21050
|
-
/** sets the active style of the element */
|
|
21051
|
-
active: boolean;
|
|
21052
21109
|
/** recommended to use a form input element of type radio or checkbox */
|
|
21053
21110
|
children: React.ReactNode;
|
|
21054
|
-
};
|
|
21111
|
+
} & ScrollableListContainerProps;
|
|
21055
21112
|
/** @example <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
|
|
21056
|
-
declare const ScrollableListInputItem: ({ label, icon, active, children, labelTestId, }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21113
|
+
declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21057
21114
|
|
|
21058
21115
|
type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
21059
21116
|
/** sets the button text value */
|
|
21060
21117
|
buttonText: string;
|
|
21061
|
-
|
|
21062
|
-
active: boolean;
|
|
21063
|
-
};
|
|
21118
|
+
} & ScrollableListContainerProps;
|
|
21064
21119
|
/**
|
|
21065
21120
|
* Component used within <ScrollableList /> for adding interactive button components with predefined styles
|
|
21066
21121
|
* @example <ScrollableListItem buttontext="my button" active={false} />
|
|
21067
21122
|
*/
|
|
21068
|
-
declare const ScrollableListItem: ({ buttonText, active, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21123
|
+
declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21069
21124
|
|
|
21070
21125
|
/**
|
|
21071
21126
|
* Loading Indicator
|
|
@@ -21197,280 +21252,6 @@ declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _em
|
|
|
21197
21252
|
*/
|
|
21198
21253
|
declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21199
21254
|
|
|
21200
|
-
/** Available heading weights e.g. 1 - 6 */
|
|
21201
|
-
type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
|
|
21202
|
-
type HeadingProps = {
|
|
21203
|
-
/** sets the type of heading tag between h1 to h6, defaults to <h2>
|
|
21204
|
-
* @default 2
|
|
21205
|
-
*/
|
|
21206
|
-
level?: LevelProps;
|
|
21207
|
-
/** sets whether to display a span with the defined heading styles
|
|
21208
|
-
* @default undefined
|
|
21209
|
-
*/
|
|
21210
|
-
asSpan?: boolean;
|
|
21211
|
-
/** sets the title value */
|
|
21212
|
-
children: React$1.ReactNode;
|
|
21213
|
-
/** (optional) sets whether to use the default margin for the heading element
|
|
21214
|
-
* @default true
|
|
21215
|
-
*/
|
|
21216
|
-
withMarginBottom?: boolean;
|
|
21217
|
-
} & React$1.HTMLAttributes<HTMLHeadingElement>;
|
|
21218
|
-
/**
|
|
21219
|
-
* Component that sets the heading tag
|
|
21220
|
-
* @example <Heading level={1}>Blog Post Title</Heading>
|
|
21221
|
-
*/
|
|
21222
|
-
declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21223
|
-
|
|
21224
|
-
type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
21225
|
-
/** sets the title text of the integration */
|
|
21226
|
-
title: string;
|
|
21227
|
-
/** sets the description text of the integration */
|
|
21228
|
-
description: string | string[];
|
|
21229
|
-
/** (optional) sets the icon of the integration */
|
|
21230
|
-
icon?: string | React$1.ComponentType<{
|
|
21231
|
-
className?: string;
|
|
21232
|
-
}>;
|
|
21233
|
-
/** (optional) sets the react child elements*/
|
|
21234
|
-
children?: React$1.ReactNode;
|
|
21235
|
-
/** (optional) sets an external link to documentation */
|
|
21236
|
-
docsLink?: string;
|
|
21237
|
-
/** (optional) sets the badge text of the integration */
|
|
21238
|
-
badgeText?: string;
|
|
21239
|
-
/** (optional) location for the menu options to be positioned */
|
|
21240
|
-
menu?: React$1.ReactNode;
|
|
21241
|
-
};
|
|
21242
|
-
/**
|
|
21243
|
-
* Uniform Integration Header Section Component
|
|
21244
|
-
* @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
|
|
21245
|
-
*/
|
|
21246
|
-
declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21247
|
-
|
|
21248
|
-
type LinkColorProps = 'currentColor' | 'red' | 'green';
|
|
21249
|
-
type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
21250
|
-
/** sets the link text and title text */
|
|
21251
|
-
text: string;
|
|
21252
|
-
/** (optional) sets the link color
|
|
21253
|
-
* @default 'currentColor'
|
|
21254
|
-
*/
|
|
21255
|
-
linkColor?: LinkColorProps;
|
|
21256
|
-
/** (optional) sets whether the link is external or not adding an icon to the link */
|
|
21257
|
-
external?: boolean;
|
|
21258
|
-
/** (optional) For supporting inside next/link component */
|
|
21259
|
-
ref?: React$1.ForwardedRef<HTMLAnchorElement>;
|
|
21260
|
-
/** (optional) sets react child elements */
|
|
21261
|
-
children?: React$1.ReactNode;
|
|
21262
|
-
};
|
|
21263
|
-
/** Uniform Link Component
|
|
21264
|
-
* @example <Link text="my link" href="#" />
|
|
21265
|
-
*/
|
|
21266
|
-
declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
21267
|
-
type LinkManagerWithRefType = (props: Partial<LinkProps> & {
|
|
21268
|
-
as?: string;
|
|
21269
|
-
href: string;
|
|
21270
|
-
passHref: true;
|
|
21271
|
-
legacyBehavior?: boolean;
|
|
21272
|
-
} & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
|
|
21273
|
-
/** Uniform LinkWithRef Component
|
|
21274
|
-
* We recommend using this link `next/link`
|
|
21275
|
-
* @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
|
|
21276
|
-
*/
|
|
21277
|
-
declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
21278
|
-
/** sets the link text and title text */
|
|
21279
|
-
text: string;
|
|
21280
|
-
/** (optional) sets the link color
|
|
21281
|
-
* @default 'currentColor'
|
|
21282
|
-
*/
|
|
21283
|
-
linkColor?: LinkColorProps | undefined;
|
|
21284
|
-
/** (optional) sets whether the link is external or not adding an icon to the link */
|
|
21285
|
-
external?: boolean | undefined;
|
|
21286
|
-
/** (optional) For supporting inside next/link component */
|
|
21287
|
-
ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
|
|
21288
|
-
/** (optional) sets react child elements */
|
|
21289
|
-
children?: React$1.ReactNode;
|
|
21290
|
-
} & {
|
|
21291
|
-
href: string;
|
|
21292
|
-
as?: string | undefined;
|
|
21293
|
-
linkManagerComponent: LinkManagerWithRefType;
|
|
21294
|
-
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
21295
|
-
|
|
21296
|
-
interface RouteProps {
|
|
21297
|
-
as: string;
|
|
21298
|
-
href: string;
|
|
21299
|
-
}
|
|
21300
|
-
type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
21301
|
-
title: string | undefined;
|
|
21302
|
-
desc?: React$1.ReactNode;
|
|
21303
|
-
children?: React$1.ReactNode;
|
|
21304
|
-
linkProps?: RouteProps;
|
|
21305
|
-
linkText?: string;
|
|
21306
|
-
level?: LevelProps;
|
|
21307
|
-
linkManagerComponent?: LinkManagerWithRefType;
|
|
21308
|
-
};
|
|
21309
|
-
declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21310
|
-
|
|
21311
|
-
type ParagraphProps = {
|
|
21312
|
-
/** (optional) adds child elements to the paragraph tag */
|
|
21313
|
-
children?: React$1.ReactNode;
|
|
21314
|
-
/** (optional) sets raw html values */
|
|
21315
|
-
htmlContent?: string | string[];
|
|
21316
|
-
/** (optional) allows user to set overriding class names or emotion styles */
|
|
21317
|
-
className?: SerializedStyles | string;
|
|
21318
|
-
} & React$1.HTMLAttributes<HTMLParagraphElement>;
|
|
21319
|
-
/**
|
|
21320
|
-
* Component for generic paragraph tags
|
|
21321
|
-
* @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
|
|
21322
|
-
*/
|
|
21323
|
-
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21324
|
-
|
|
21325
|
-
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
|
|
21326
|
-
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
21327
|
-
/** sets the current status */
|
|
21328
|
-
status: StatusTypeProps;
|
|
21329
|
-
/** sets an overriding message */
|
|
21330
|
-
message?: string;
|
|
21331
|
-
/** sets whether to show or hide the status text
|
|
21332
|
-
* @default false
|
|
21333
|
-
*/
|
|
21334
|
-
hideText?: boolean;
|
|
21335
|
-
/** sets the size of the status message and icon
|
|
21336
|
-
* @default 'base'
|
|
21337
|
-
*/
|
|
21338
|
-
size?: 'sm' | 'base';
|
|
21339
|
-
};
|
|
21340
|
-
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21341
|
-
|
|
21342
|
-
type ObjectCompositionListItemProps = {
|
|
21343
|
-
/** sets the title value */
|
|
21344
|
-
title: string;
|
|
21345
|
-
/** sets the date value with date formatting */
|
|
21346
|
-
date: Date;
|
|
21347
|
-
/** sets the component name if present */
|
|
21348
|
-
componentName?: string;
|
|
21349
|
-
/** sets the icon to use if present */
|
|
21350
|
-
icon?: IconName;
|
|
21351
|
-
/** sets the publish status if present */
|
|
21352
|
-
publishStatus?: StatusTypeProps;
|
|
21353
|
-
/** sets the href value */
|
|
21354
|
-
href: string;
|
|
21355
|
-
/** sets the as value when using a link manager e.g. next/link */
|
|
21356
|
-
as?: string;
|
|
21357
|
-
/** sets the link manager component to use e.g. next/link */
|
|
21358
|
-
linkManagerComponent: LinkManagerWithRefType;
|
|
21359
|
-
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
21360
|
-
/**
|
|
21361
|
-
* @description used for displaying composition data on the project dashboard page
|
|
21362
|
-
* @example <ObjectCompositionListItem title="my title" date={new Date()} href="https://uniform.app" linkManagerComponent={NextLink} />
|
|
21363
|
-
*/
|
|
21364
|
-
declare const ObjectCompositionListItem: React$1.ForwardRefExoticComponent<{
|
|
21365
|
-
/** sets the title value */
|
|
21366
|
-
title: string;
|
|
21367
|
-
/** sets the date value with date formatting */
|
|
21368
|
-
date: Date;
|
|
21369
|
-
/** sets the component name if present */
|
|
21370
|
-
componentName?: string | undefined;
|
|
21371
|
-
/** sets the icon to use if present */
|
|
21372
|
-
icon?: "code" | "data" | "link" | "menu" | "select" | "style" | "template" | "time" | "track" | "image" | "key" | "search" | "repeat" | "anchor" | "close" | "copy" | "drop" | "server" | "shortcut" | "feed" | "list" | "presentation" | "tab" | "timer" | "tree" | "add-r" | "add" | "airplane" | "alarm" | "album" | "align-bottom" | "align-center" | "align-left" | "align-middle" | "align-right" | "align-top" | "apple-watch" | "arrange-back" | "arrange-front" | "arrow-align-h" | "arrow-align-v" | "arrow-bottom-left-o" | "arrow-bottom-left-r" | "arrow-bottom-left" | "arrow-bottom-right-o" | "arrow-bottom-right-r" | "arrow-bottom-right" | "arrow-down-o" | "arrow-down-r" | "arrow-down" | "arrow-left-o" | "arrow-left-r" | "arrow-left" | "arrow-long-down-c" | "arrow-long-down-e" | "arrow-long-down-l" | "arrow-long-down-r" | "arrow-long-down" | "arrow-long-left-c" | "arrow-long-left-e" | "arrow-long-left-l" | "arrow-long-left-r" | "arrow-long-left" | "arrow-long-right-c" | "arrow-long-right-e" | "arrow-long-right-l" | "arrow-long-right-r" | "arrow-long-right" | "arrow-long-up-c" | "arrow-long-up-e" | "arrow-long-up-l" | "arrow-long-up-r" | "arrow-long-up" | "arrow-right-o" | "arrow-right-r" | "arrow-right" | "arrow-top-left-o" | "arrow-top-left-r" | "arrow-top-left" | "arrow-top-right-o" | "arrow-top-right-r" | "arrow-top-right" | "arrow-up-o" | "arrow-up-r" | "arrow-up" | "arrows-breake-h" | "arrows-breake-v" | "arrows-exchange-alt-v" | "arrows-exchange-alt" | "arrows-exchange-v" | "arrows-exchange" | "arrows-expand-down-left" | "arrows-expand-down-right" | "arrows-expand-left-alt" | "arrows-expand-left" | "arrows-expand-right-alt" | "arrows-expand-right" | "arrows-expand-up-left" | "arrows-expand-up-right" | "arrows-h-alt" | "arrows-h" | "arrows-merge-alt-h" | "arrows-merge-alt-v" | "arrows-scroll-h" | "arrows-scroll-v" | "arrows-shrink-h" | "arrows-shrink-v" | "arrows-v-alt" | "arrows-v" | "assign" | "asterisk" | "attachment" | "attribution" | "awards" | "backspace" | "band-aid" | "battery-empty" | "battery-full" | "battery" | "bee" | "bell" | "bitbucket" | "block" | "board" | "bolt" | "bookmark" | "border-all" | "border-bottom" | "border-left" | "border-right" | "border-style-dashed" | "border-style-dotted" | "border-style-solid" | "border-top" | "bot" | "bowl" | "box" | "boy" | "briefcase" | "browse" | "browser" | "brush" | "bulb" | "c-plus-plus" | "calculator" | "calendar-dates" | "calendar-due" | "calendar-next" | "calendar-today" | "calendar-two" | "calendar" | "calibrate" | "camera" | "cap" | "captions" | "card-clubs" | "card-diamonds" | "card-hearts" | "card-spades" | "carousel" | "cast" | "chart" | "check-o" | "check-r" | "check" | "chevron-double-down-o" | "chevron-double-down-r" | "chevron-double-down" | "chevron-double-left-o" | "chevron-double-left-r" | "chevron-double-left" | "chevron-double-right-o" | "chevron-double-right-r" | "chevron-double-right" | "chevron-double-up-o" | "chevron-double-up-r" | "chevron-double-up" | "chevron-down-o" | "chevron-down-r" | "chevron-down" | "chevron-left-o" | "chevron-left-r" | "chevron-left" | "chevron-right-o" | "chevron-right-r" | "chevron-right" | "chevron-up-o" | "chevron-up-r" | "chevron-up" | "clapper-board" | "clipboard" | "close-o" | "close-r" | "cloud" | "code-slash" | "coffee" | "collage" | "color-bucket" | "color-picker" | "comment" | "community" | "components" | "compress-left" | "compress-right" | "compress-v" | "compress" | "controller" | "copyright" | "corner-double-down-left" | "corner-double-down-right" | "corner-double-left-down" | "corner-double-left-up" | "corner-double-right-down" | "corner-double-right-up" | "corner-double-up-left" | "corner-double-up-right" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "credit-card" | "crop" | "cross" | "crown" | "danger" | "dark-mode" | "database" | "debug" | "desktop" | "details-less" | "details-more" | "dialpad" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "disc" | "display-flex" | "display-fullwidth" | "display-grid" | "display-spacing" | "distribute-horizontal" | "distribute-vertical" | "dock-bottom" | "dock-left" | "dock-right" | "dock-window" | "dollar" | "drive" | "drop-invert" | "drop-opacity" | "duplicate" | "edit-black-point" | "edit-contrast" | "edit-exposure" | "edit-fade" | "edit-flip-h" | "edit-flip-v" | "edit-highlight" | "edit-markup" | "edit-mask" | "edit-noise" | "edit-shadows" | "edit-straight" | "edit-unmask" | "eject" | "enter" | "erase" | "ereader" | "ericsson" | "ethernet" | "euro" | "expand" | "export" | "extension-add" | "extension-alt" | "extension-remove" | "extension" | "external" | "eye-alt" | "eye" | "file-add" | "file-document" | "file-remove" | "file" | "film" | "filters" | "flag-alt" | "flag" | "folder-add" | "folder-remove" | "folder" | "font-height" | "font-spacing" | "format-bold" | "format-center" | "format-color" | "format-heading" | "format-indent-decrease" | "format-indent-increase" | "format-italic" | "format-justify" | "format-left" | "format-line-height" | "format-right" | "format-separator" | "format-slash" | "format-strike" | "format-text" | "format-underline" | "format-uppercase" | "games" | "gender-female" | "gender-male" | "ghost-character" | "gift" | "girl" | "git-branch" | "git-commit" | "git-fork" | "git-pull" | "glass-alt" | "glass" | "globe-alt" | "globe" | "gym" | "hashtag" | "headset" | "heart" | "home-alt" | "home-screen" | "home" | "icecream" | "import" | "inbox" | "infinity" | "info" | "inpicture" | "insert-after-o" | "insert-after-r" | "insert-after" | "insert-before-o" | "insert-before-r" | "insert-before" | "insights" | "internal" | "keyboard" | "keyhole" | "laptop" | "layout-grid-small" | "layout-grid" | "layout-list" | "layout-pin" | "list-tree" | "live-photo" | "loadbar-alt" | "loadbar-doc" | "loadbar-sound" | "loadbar" | "lock-unlock" | "lock" | "log-in" | "log-off" | "log-out" | "loupe" | "magnet" | "mail-forward" | "mail-open" | "mail-reply" | "mail" | "math-divide" | "math-equal" | "math-minus" | "math-percent" | "math-plus" | "maximize-alt" | "maximize" | "media-live" | "media-podcast" | "menu-boxed" | "menu-cake" | "menu-cheese" | "menu-grid-o" | "menu-grid-r" | "menu-hotdog" | "menu-left-alt" | "menu-left" | "menu-motion" | "menu-oreos" | "menu-right-alt" | "menu-right" | "menu-round" | "merge-horizontal" | "merge-vertical" | "mic" | "mini-player" | "minimize-alt" | "minimize" | "modem" | "moon" | "more-alt" | "more-o" | "more-r" | "more-vertical-alt" | "more-vertical-o" | "more-vertical-r" | "more-vertical" | "more" | "mouse" | "move-down" | "move-left" | "move-right" | "move-task" | "move-up" | "music-note" | "music-speaker" | "music" | "nametag" | "notes" | "notifications" | "options" | "organisation" | "password" | "path-back" | "path-crop" | "path-divide" | "path-exclude" | "path-front" | "path-intersect" | "path-outline" | "path-trim" | "path-unite" | "pen" | "pentagon-bottom-left" | "pentagon-bottom-right" | "pentagon-down" | "pentagon-left" | "pentagon-right" | "pentagon-top-left" | "pentagon-top-right" | "pentagon-up" | "performance" | "phone" | "photoscan" | "piano" | "pill" | "pin-alt" | "pin-bottom" | "pin-top" | "pin" | "play-backwards" | "play-button-o" | "play-button-r" | "play-button" | "play-forwards" | "play-list-add" | "play-list-check" | "play-list-remove" | "play-list-search" | "play-list" | "play-pause-o" | "play-pause-r" | "play-pause" | "play-stop-o" | "play-stop-r" | "play-stop" | "play-track-next-o" | "play-track-next-r" | "play-track-next" | "play-track-prev-o" | "play-track-prev-r" | "play-track-prev" | "plug" | "polaroid" | "poll" | "printer" | "profile" | "pull-clear" | "push-chevron-down-o" | "push-chevron-down-r" | "push-chevron-down" | "push-chevron-left-o" | "push-chevron-left-r" | "push-chevron-left" | "push-chevron-right-o" | "push-chevron-right-r" | "push-chevron-right" | "push-chevron-up-o" | "push-chevron-up-r" | "push-chevron-up" | "push-down" | "push-left" | "push-right" | "push-up" | "qr" | "quote-o" | "quote" | "radio-check" | "radio-checked" | "ratio" | "read" | "readme" | "record" | "redo" | "remote" | "remove-r" | "remove" | "rename" | "reorder" | "ring" | "row-first" | "row-last" | "ruler" | "sand-clock" | "scan" | "screen-mirror" | "screen-shot" | "screen-wide" | "screen" | "scroll-h" | "scroll-v" | "search-found" | "search-loading" | "select-o" | "select-r" | "shape-circle" | "shape-half-circle" | "shape-hexagon" | "shape-rhombus" | "shape-square" | "shape-triangle" | "shape-zigzag" | "share" | "shield" | "shopping-bag" | "shopping-cart" | "sidebar-open" | "sidebar-right" | "sidebar" | "signal" | "size" | "sleep" | "smart-home-boiler" | "smart-home-cooker" | "smart-home-heat" | "smart-home-light" | "smart-home-refrigerator" | "smart-home-wash-machine" | "smartphone-chip" | "smartphone-ram" | "smartphone-shake" | "smartphone" | "smile-mouth-open" | "smile-neutral" | "smile-no-mouth" | "smile-none" | "smile-sad" | "smile-upside" | "smile" | "software-download" | "software-upload" | "sort-az" | "sort-za" | "space-between-v" | "space-between" | "spinner-alt" | "spinner-two-alt" | "spinner-two" | "spinner" | "stack" | "stopwatch" | "stories" | "sun" | "support" | "swap-vertical" | "swap" | "sweden" | "swiss" | "sync" | "tag" | "tap-double" | "tap-single" | "tennis" | "terminal" | "terrain" | "thermometer" | "thermostat" | "tikcode" | "timelapse" | "today" | "toggle-off" | "toggle-on" | "toggle-square-off" | "toggle-square" | "toolbar-bottom" | "toolbar-left" | "toolbar-right" | "toolbar-top" | "toolbox" | "touchpad" | "transcript" | "trash-empty" | "trash" | "trees" | "trending-down" | "trending" | "trophy" | "tv" | "ui-kit" | "umbrella" | "unavailable" | "unblock" | "undo" | "unsplash" | "usb-c" | "usb" | "user-add" | "user-list" | "user-remove" | "user" | "view-cols" | "view-comfortable" | "view-day" | "view-grid" | "view-list" | "view-month" | "view-split" | "vinyl" | "voicemail-o" | "voicemail-r" | "voicemail" | "volume" | "webcam" | "website" | "work-alt" | "yinyang" | "zoom-in" | "zoom-out" | "rectangle-rounded" | "card" | "image-text" | "full-width-screen" | "text-input" | "number-input" | "canvas-alert" | "warning" | "settings" | undefined;
|
|
21373
|
-
/** sets the publish status if present */
|
|
21374
|
-
publishStatus?: StatusTypeProps | undefined;
|
|
21375
|
-
/** sets the href value */
|
|
21376
|
-
href: string;
|
|
21377
|
-
/** sets the as value when using a link manager e.g. next/link */
|
|
21378
|
-
as?: string | undefined;
|
|
21379
|
-
/** sets the link manager component to use e.g. next/link */
|
|
21380
|
-
linkManagerComponent: LinkManagerWithRefType;
|
|
21381
|
-
} & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
21382
|
-
|
|
21383
|
-
type SegmentedControlOption<TValue extends string = string> = {
|
|
21384
|
-
value: TValue;
|
|
21385
|
-
label?: string;
|
|
21386
|
-
icon?: IconType$1;
|
|
21387
|
-
tooltip?: string;
|
|
21388
|
-
disabled?: boolean;
|
|
21389
|
-
};
|
|
21390
|
-
type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
21391
|
-
/** A unique name for the component, used to group the options */
|
|
21392
|
-
name: string;
|
|
21393
|
-
/** The options to show */
|
|
21394
|
-
options: SegmentedControlOption<TValue>[];
|
|
21395
|
-
/** The value of the option to be selected */
|
|
21396
|
-
value?: TValue;
|
|
21397
|
-
/** Called when the user selects a different option */
|
|
21398
|
-
onChange: (value: TValue) => void;
|
|
21399
|
-
/** Doesn't show a checkmark next to the selected item */
|
|
21400
|
-
noCheckmark?: boolean;
|
|
21401
|
-
/** Disables all the options */
|
|
21402
|
-
disabled?: boolean;
|
|
21403
|
-
/**
|
|
21404
|
-
* The orientation by which the items are rendered
|
|
21405
|
-
* @default 'horizontal'
|
|
21406
|
-
*/
|
|
21407
|
-
orientation?: 'horizontal' | 'vertical';
|
|
21408
|
-
/**
|
|
21409
|
-
* The size of the input
|
|
21410
|
-
* @default 'md'
|
|
21411
|
-
*/
|
|
21412
|
-
size?: 'sm' | 'md' | 'lg';
|
|
21413
|
-
};
|
|
21414
|
-
/**
|
|
21415
|
-
* Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
|
|
21416
|
-
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
21417
|
-
*/
|
|
21418
|
-
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21419
|
-
|
|
21420
|
-
type ObjectListContainerProps = {
|
|
21421
|
-
/** sets the heading text
|
|
21422
|
-
* @default 'Recent Compositions'
|
|
21423
|
-
*/
|
|
21424
|
-
title?: string;
|
|
21425
|
-
/** sets the filter options */
|
|
21426
|
-
filterOptions: Array<SegmentedControlOption>;
|
|
21427
|
-
/** sets the current selected filter value */
|
|
21428
|
-
filterValue: string;
|
|
21429
|
-
/** sets the loading state */
|
|
21430
|
-
isLoading: boolean;
|
|
21431
|
-
/** sets the onChange function takes a string argument */
|
|
21432
|
-
onSetFilterOption: (value: string) => void;
|
|
21433
|
-
/** sets the list of data to render */
|
|
21434
|
-
list: Array<ObjectCompositionListItemProps>;
|
|
21435
|
-
/** allows different components to be passed as the results list item
|
|
21436
|
-
* @default 'ObjectCompositionListItem'
|
|
21437
|
-
*/
|
|
21438
|
-
resolveDefaultComponent?: (value: ObjectCompositionListItemProps) => React$1.ReactNode;
|
|
21439
|
-
/** sets the disabled state on the segmented control filter options */
|
|
21440
|
-
isDisabled?: boolean;
|
|
21441
|
-
/** sets whether to show or hide the controls */
|
|
21442
|
-
hideControls?: boolean;
|
|
21443
|
-
children?: React$1.ReactNode;
|
|
21444
|
-
} & React$1.HTMLAttributes<HTMLDivElement>;
|
|
21445
|
-
/**
|
|
21446
|
-
* @description
|
|
21447
|
-
* @example <ObjectListContainer
|
|
21448
|
-
*/
|
|
21449
|
-
declare const ObjectListContainer: ({ title, list, filterOptions, filterValue, isLoading, isDisabled, hideControls, onSetFilterOption, resolveDefaultComponent, children, ...props }: ObjectListContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21450
|
-
|
|
21451
|
-
declare const ObjectListItemLoadingSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21452
|
-
|
|
21453
|
-
type ObjectPersonalizationListItemProps = {
|
|
21454
|
-
title: string;
|
|
21455
|
-
id: string;
|
|
21456
|
-
date: Date;
|
|
21457
|
-
data: {
|
|
21458
|
-
[key: string]: string | number;
|
|
21459
|
-
};
|
|
21460
|
-
as?: string;
|
|
21461
|
-
linkManagerComponent: LinkManagerWithRefType;
|
|
21462
|
-
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
21463
|
-
declare const ObjectPersonalizationListItem: React$1.ForwardRefExoticComponent<{
|
|
21464
|
-
title: string;
|
|
21465
|
-
id: string;
|
|
21466
|
-
date: Date;
|
|
21467
|
-
data: {
|
|
21468
|
-
[key: string]: string | number;
|
|
21469
|
-
};
|
|
21470
|
-
as?: string | undefined;
|
|
21471
|
-
linkManagerComponent: LinkManagerWithRefType;
|
|
21472
|
-
} & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
21473
|
-
|
|
21474
21255
|
type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
21475
21256
|
icon?: IconType;
|
|
21476
21257
|
iconColor?: IconColor;
|
|
@@ -21791,7 +21572,7 @@ declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.In
|
|
|
21791
21572
|
type PopoverProps = PopoverProps$1 & {
|
|
21792
21573
|
/** sets the aria-controls and id value of the matching popover set */
|
|
21793
21574
|
/** sets the icon color
|
|
21794
|
-
* @default '
|
|
21575
|
+
* @default 'action'
|
|
21795
21576
|
*/
|
|
21796
21577
|
iconColor?: IconColor;
|
|
21797
21578
|
/** sets the icon type
|
|
@@ -21810,9 +21591,11 @@ type PopoverProps = PopoverProps$1 & {
|
|
|
21810
21591
|
* @default 'bottom'
|
|
21811
21592
|
*/
|
|
21812
21593
|
placement?: PopoverInitialState['placement'];
|
|
21594
|
+
/** sets a test id for e2e tests */
|
|
21595
|
+
testId?: string;
|
|
21813
21596
|
children: ReactNode;
|
|
21814
21597
|
};
|
|
21815
|
-
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21598
|
+
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21816
21599
|
|
|
21817
21600
|
type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
|
|
21818
21601
|
type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
|
|
@@ -21851,6 +21634,43 @@ type ProgressListItem<IdType extends string = string> = {
|
|
|
21851
21634
|
};
|
|
21852
21635
|
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21853
21636
|
|
|
21637
|
+
type SegmentedControlOption<TValue extends string = string> = {
|
|
21638
|
+
value: TValue;
|
|
21639
|
+
label?: string;
|
|
21640
|
+
icon?: IconType$1;
|
|
21641
|
+
tooltip?: string;
|
|
21642
|
+
disabled?: boolean;
|
|
21643
|
+
};
|
|
21644
|
+
type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
21645
|
+
/** A unique name for the component, used to group the options */
|
|
21646
|
+
name: string;
|
|
21647
|
+
/** The options to show */
|
|
21648
|
+
options: SegmentedControlOption<TValue>[];
|
|
21649
|
+
/** The value of the option to be selected */
|
|
21650
|
+
value?: TValue;
|
|
21651
|
+
/** Called when the user selects a different option */
|
|
21652
|
+
onChange: (value: TValue) => void;
|
|
21653
|
+
/** Doesn't show a checkmark next to the selected item */
|
|
21654
|
+
noCheckmark?: boolean;
|
|
21655
|
+
/** Disables all the options */
|
|
21656
|
+
disabled?: boolean;
|
|
21657
|
+
/**
|
|
21658
|
+
* The orientation by which the items are rendered
|
|
21659
|
+
* @default 'horizontal'
|
|
21660
|
+
*/
|
|
21661
|
+
orientation?: 'horizontal' | 'vertical';
|
|
21662
|
+
/**
|
|
21663
|
+
* The size of the input
|
|
21664
|
+
* @default 'md'
|
|
21665
|
+
*/
|
|
21666
|
+
size?: 'sm' | 'md' | 'lg';
|
|
21667
|
+
};
|
|
21668
|
+
/**
|
|
21669
|
+
* Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
|
|
21670
|
+
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
21671
|
+
*/
|
|
21672
|
+
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21673
|
+
|
|
21854
21674
|
declare function ShortcutContext({ children }: {
|
|
21855
21675
|
children: React__default.ReactNode;
|
|
21856
21676
|
}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
@@ -22095,4 +21915,146 @@ type TooltipProps = TooltipOptions & {
|
|
|
22095
21915
|
};
|
|
22096
21916
|
declare function Tooltip({ children, title, placement, visible, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22097
21917
|
|
|
22098
|
-
|
|
21918
|
+
/** Available heading weights e.g. 1 - 6 */
|
|
21919
|
+
type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
|
|
21920
|
+
type HeadingProps = {
|
|
21921
|
+
/** sets the type of heading tag between h1 to h6, defaults to <h2>
|
|
21922
|
+
* @default 2
|
|
21923
|
+
*/
|
|
21924
|
+
level?: LevelProps;
|
|
21925
|
+
/** sets whether to display a span with the defined heading styles
|
|
21926
|
+
* @default undefined
|
|
21927
|
+
*/
|
|
21928
|
+
asSpan?: boolean;
|
|
21929
|
+
/** sets the title value */
|
|
21930
|
+
children: React$1.ReactNode;
|
|
21931
|
+
/** (optional) sets whether to use the default margin for the heading element
|
|
21932
|
+
* @default true
|
|
21933
|
+
*/
|
|
21934
|
+
withMarginBottom?: boolean;
|
|
21935
|
+
} & React$1.HTMLAttributes<HTMLHeadingElement>;
|
|
21936
|
+
/**
|
|
21937
|
+
* Component that sets the heading tag
|
|
21938
|
+
* @example <Heading level={1}>Blog Post Title</Heading>
|
|
21939
|
+
*/
|
|
21940
|
+
declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21941
|
+
|
|
21942
|
+
type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
21943
|
+
/** sets the title text of the integration */
|
|
21944
|
+
title: string;
|
|
21945
|
+
/** sets the description text of the integration */
|
|
21946
|
+
description: string | string[];
|
|
21947
|
+
/** (optional) sets the icon of the integration */
|
|
21948
|
+
icon?: string | React$1.ComponentType<{
|
|
21949
|
+
className?: string;
|
|
21950
|
+
}>;
|
|
21951
|
+
/** (optional) sets the react child elements*/
|
|
21952
|
+
children?: React$1.ReactNode;
|
|
21953
|
+
/** (optional) sets an external link to documentation */
|
|
21954
|
+
docsLink?: string;
|
|
21955
|
+
/** (optional) sets the badge text of the integration */
|
|
21956
|
+
badgeText?: string;
|
|
21957
|
+
/** (optional) location for the menu options to be positioned */
|
|
21958
|
+
menu?: React$1.ReactNode;
|
|
21959
|
+
};
|
|
21960
|
+
/**
|
|
21961
|
+
* Uniform Integration Header Section Component
|
|
21962
|
+
* @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
|
|
21963
|
+
*/
|
|
21964
|
+
declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21965
|
+
|
|
21966
|
+
type LinkColorProps = 'currentColor' | 'destructive' | 'default';
|
|
21967
|
+
type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
21968
|
+
/** sets the link text and title text */
|
|
21969
|
+
text: string;
|
|
21970
|
+
/** (optional) sets the link color
|
|
21971
|
+
* @default 'currentColor'
|
|
21972
|
+
*/
|
|
21973
|
+
linkColor?: LinkColorProps;
|
|
21974
|
+
/** (optional) sets whether the link is external or not adding an icon to the link */
|
|
21975
|
+
external?: boolean;
|
|
21976
|
+
/** (optional) For supporting inside next/link component */
|
|
21977
|
+
ref?: React$1.ForwardedRef<HTMLAnchorElement>;
|
|
21978
|
+
/** (optional) sets react child elements */
|
|
21979
|
+
children?: React$1.ReactNode;
|
|
21980
|
+
};
|
|
21981
|
+
/** Uniform Link Component
|
|
21982
|
+
* @example <Link text="my link" href="#" />
|
|
21983
|
+
*/
|
|
21984
|
+
declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
21985
|
+
type LinkManagerWithRefType = (props: Partial<LinkProps> & {
|
|
21986
|
+
as?: string;
|
|
21987
|
+
href: string;
|
|
21988
|
+
passHref: true;
|
|
21989
|
+
legacyBehavior?: boolean;
|
|
21990
|
+
} & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
|
|
21991
|
+
/** Uniform LinkWithRef Component
|
|
21992
|
+
* We recommend using this link `next/link`
|
|
21993
|
+
* @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
|
|
21994
|
+
*/
|
|
21995
|
+
declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
21996
|
+
/** sets the link text and title text */
|
|
21997
|
+
text: string;
|
|
21998
|
+
/** (optional) sets the link color
|
|
21999
|
+
* @default 'currentColor'
|
|
22000
|
+
*/
|
|
22001
|
+
linkColor?: LinkColorProps | undefined;
|
|
22002
|
+
/** (optional) sets whether the link is external or not adding an icon to the link */
|
|
22003
|
+
external?: boolean | undefined;
|
|
22004
|
+
/** (optional) For supporting inside next/link component */
|
|
22005
|
+
ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
|
|
22006
|
+
/** (optional) sets react child elements */
|
|
22007
|
+
children?: React$1.ReactNode;
|
|
22008
|
+
} & {
|
|
22009
|
+
href: string;
|
|
22010
|
+
as?: string | undefined;
|
|
22011
|
+
linkManagerComponent: LinkManagerWithRefType;
|
|
22012
|
+
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
22013
|
+
|
|
22014
|
+
interface RouteProps {
|
|
22015
|
+
as: string;
|
|
22016
|
+
href: string;
|
|
22017
|
+
}
|
|
22018
|
+
type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
22019
|
+
title: string | undefined;
|
|
22020
|
+
desc?: React$1.ReactNode;
|
|
22021
|
+
children?: React$1.ReactNode;
|
|
22022
|
+
linkProps?: RouteProps;
|
|
22023
|
+
linkText?: string;
|
|
22024
|
+
level?: LevelProps;
|
|
22025
|
+
linkManagerComponent?: LinkManagerWithRefType;
|
|
22026
|
+
};
|
|
22027
|
+
declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22028
|
+
|
|
22029
|
+
type ParagraphProps = {
|
|
22030
|
+
/** (optional) adds child elements to the paragraph tag */
|
|
22031
|
+
children?: React$1.ReactNode;
|
|
22032
|
+
/** (optional) sets raw html values */
|
|
22033
|
+
htmlContent?: string | string[];
|
|
22034
|
+
/** (optional) allows user to set overriding class names or emotion styles */
|
|
22035
|
+
className?: SerializedStyles | string;
|
|
22036
|
+
} & React$1.HTMLAttributes<HTMLParagraphElement>;
|
|
22037
|
+
/**
|
|
22038
|
+
* Component for generic paragraph tags
|
|
22039
|
+
* @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
|
|
22040
|
+
*/
|
|
22041
|
+
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22042
|
+
|
|
22043
|
+
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
|
|
22044
|
+
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
22045
|
+
/** sets the current status */
|
|
22046
|
+
status: StatusTypeProps;
|
|
22047
|
+
/** sets an overriding message */
|
|
22048
|
+
message?: string;
|
|
22049
|
+
/** sets whether to show or hide the status text
|
|
22050
|
+
* @default false
|
|
22051
|
+
*/
|
|
22052
|
+
hideText?: boolean;
|
|
22053
|
+
/** sets the size of the status message and icon
|
|
22054
|
+
* @default 'base'
|
|
22055
|
+
*/
|
|
22056
|
+
size?: 'sm' | 'base';
|
|
22057
|
+
};
|
|
22058
|
+
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22059
|
+
|
|
22060
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, HorizontalRhythmProps, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };
|