@uniformdev/design-system 18.33.0 → 18.34.0
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 +1058 -721
- package/dist/index.d.ts +108 -4
- package/dist/index.js +1164 -812
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-na
|
|
|
8
8
|
import { LottieComponentProps } from 'lottie-react';
|
|
9
9
|
import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
|
|
10
10
|
import { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
|
|
11
|
+
import * as react_icons from 'react-icons';
|
|
11
12
|
import { IconType as IconType$1, IconBaseProps } from 'react-icons';
|
|
12
13
|
import InternalSelect from 'react-select/dist/declarations/src/Select';
|
|
13
14
|
import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
|
|
@@ -106,6 +107,7 @@ declare const ripple: _emotion_react.Keyframes;
|
|
|
106
107
|
declare const skeletonLoading: _emotion_react.Keyframes;
|
|
107
108
|
declare const fadeInLtr: _emotion_react.Keyframes;
|
|
108
109
|
declare const fadeInRtl: _emotion_react.Keyframes;
|
|
110
|
+
declare const slideInTtb: _emotion_react.Keyframes;
|
|
109
111
|
|
|
110
112
|
/** Custom scrollbar styles */
|
|
111
113
|
declare const scrollbarStyles: _emotion_react.SerializedStyles;
|
|
@@ -20163,6 +20165,30 @@ type BadgeProps = {
|
|
|
20163
20165
|
*/
|
|
20164
20166
|
declare const Badge: ({ text }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20165
20167
|
|
|
20168
|
+
type BannerType = 'note' | 'info' | 'caution' | 'danger' | 'success';
|
|
20169
|
+
type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
20170
|
+
/** The type of the banner.
|
|
20171
|
+
* @default 'note'
|
|
20172
|
+
*/
|
|
20173
|
+
type?: BannerType;
|
|
20174
|
+
/** sets react child elements */
|
|
20175
|
+
children: React__default.ReactNode;
|
|
20176
|
+
/**
|
|
20177
|
+
* called when the user clicks the dismiss button.
|
|
20178
|
+
* If no value is provided, the dismiss button is not rendered.
|
|
20179
|
+
* */
|
|
20180
|
+
onDismiss?: () => void;
|
|
20181
|
+
/**
|
|
20182
|
+
* Adds a slide-in animation when the banner is first rendered
|
|
20183
|
+
* */
|
|
20184
|
+
isAnimated?: boolean;
|
|
20185
|
+
};
|
|
20186
|
+
/**
|
|
20187
|
+
* Uniform Banner Component
|
|
20188
|
+
* @example <Banner type="caution" onDismiss={() => {}}>My Banner Message</Callout>
|
|
20189
|
+
*/
|
|
20190
|
+
declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20191
|
+
|
|
20166
20192
|
type UniformLogoProps = {
|
|
20167
20193
|
/** sets a light or dark theme for the uniform badge or logo component
|
|
20168
20194
|
* @default "light"
|
|
@@ -20430,6 +20456,29 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
|
|
|
20430
20456
|
onOverlayClick?: () => void;
|
|
20431
20457
|
}
|
|
20432
20458
|
|
|
20459
|
+
declare const rectangleRoundedIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20460
|
+
declare const cardIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20461
|
+
declare const imageTextIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20462
|
+
declare const borderTopIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20463
|
+
declare const fullWidthScreenIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20464
|
+
declare const textInput: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20465
|
+
declare const numberInput: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20466
|
+
declare const canvasAlertIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20467
|
+
declare const warningIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20468
|
+
declare const infoFilledIcon: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20469
|
+
declare const customIcons: {
|
|
20470
|
+
'rectangle-rounded': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20471
|
+
card: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20472
|
+
'image-text': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20473
|
+
'border-top': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20474
|
+
'full-width-screen': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20475
|
+
'text-input': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20476
|
+
'number-input': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20477
|
+
'canvas-alert': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20478
|
+
warning: (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20479
|
+
'info-filled': (props: react_icons.IconBaseProps) => JSX.Element;
|
|
20480
|
+
};
|
|
20481
|
+
|
|
20433
20482
|
declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "apple-watch", "arrange-back", "arrange-front", "arrow-align-h", "arrow-align-v", "arrow-bottom-left-o", "arrow-bottom-left-r", "arrow-bottom-left", "arrow-bottom-right-o", "arrow-bottom-right-r", "arrow-bottom-right", "arrow-down-o", "arrow-down-r", "arrow-down", "arrow-left-o", "arrow-left-r", "arrow-left", "arrow-long-down-c", "arrow-long-down-e", "arrow-long-down-l", "arrow-long-down-r", "arrow-long-down", "arrow-long-left-c", "arrow-long-left-e", "arrow-long-left-l", "arrow-long-left-r", "arrow-long-left", "arrow-long-right-c", "arrow-long-right-e", "arrow-long-right-l", "arrow-long-right-r", "arrow-long-right", "arrow-long-up-c", "arrow-long-up-e", "arrow-long-up-l", "arrow-long-up-r", "arrow-long-up", "arrow-right-o", "arrow-right-r", "arrow-right", "arrow-top-left-o", "arrow-top-left-r", "arrow-top-left", "arrow-top-right-o", "arrow-top-right-r", "arrow-top-right", "arrow-up-o", "arrow-up-r", "arrow-up", "arrows-breake-h", "arrows-breake-v", "arrows-exchange-alt-v", "arrows-exchange-alt", "arrows-exchange-v", "arrows-exchange", "arrows-expand-down-left", "arrows-expand-down-right", "arrows-expand-left-alt", "arrows-expand-left", "arrows-expand-right-alt", "arrows-expand-right", "arrows-expand-up-left", "arrows-expand-up-right", "arrows-h-alt", "arrows-h", "arrows-merge-alt-h", "arrows-merge-alt-v", "arrows-scroll-h", "arrows-scroll-v", "arrows-shrink-h", "arrows-shrink-v", "arrows-v-alt", "arrows-v", "assign", "asterisk", "attachment", "attribution", "awards", "backspace", "band-aid", "battery-empty", "battery-full", "battery", "bee", "bell", "bitbucket", "block", "board", "bolt", "bookmark", "border-all", "border-bottom", "border-left", "border-right", "border-style-dashed", "border-style-dotted", "border-style-solid", "border-top", "bot", "bowl", "box", "boy", "briefcase", "browse", "browser", "brush", "bulb", "c-plus-plus", "calculator", "calendar-dates", "calendar-due", "calendar-next", "calendar-today", "calendar-two", "calendar", "calibrate", "camera", "cap", "captions", "card-clubs", "card-diamonds", "card-hearts", "card-spades", "carousel", "cast", "chart", "check-o", "check-r", "check", "chevron-double-down-o", "chevron-double-down-r", "chevron-double-down", "chevron-double-left-o", "chevron-double-left-r", "chevron-double-left", "chevron-double-right-o", "chevron-double-right-r", "chevron-double-right", "chevron-double-up-o", "chevron-double-up-r", "chevron-double-up", "chevron-down-o", "chevron-down-r", "chevron-down", "chevron-left-o", "chevron-left-r", "chevron-left", "chevron-right-o", "chevron-right-r", "chevron-right", "chevron-up-o", "chevron-up-r", "chevron-up", "clapper-board", "clipboard", "close-o", "close-r", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "copyright", "corner-double-down-left", "corner-double-down-right", "corner-double-left-down", "corner-double-left-up", "corner-double-right-down", "corner-double-right-up", "corner-double-up-left", "corner-double-up-right", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "credit-card", "crop", "cross", "crown", "danger", "dark-mode", "data", "database", "debug", "desktop", "details-less", "details-more", "dialpad", "dice-1", "dice-2", "dice-3", "dice-4", "dice-5", "dice-6", "disc", "display-flex", "display-fullwidth", "display-grid", "display-spacing", "distribute-horizontal", "distribute-vertical", "dock-bottom", "dock-left", "dock-right", "dock-window", "dollar", "drive", "drop-invert", "drop-opacity", "drop", "duplicate", "edit-black-point", "edit-contrast", "edit-exposure", "edit-fade", "edit-flip-h", "edit-flip-v", "edit-highlight", "edit-markup", "edit-mask", "edit-noise", "edit-shadows", "edit-straight", "edit-unmask", "eject", "enter", "erase", "ereader", "ericsson", "ethernet", "euro", "expand", "export", "extension-add", "extension-alt", "extension-remove", "extension", "external", "eye-alt", "eye", "feed", "file-add", "file-document", "file-remove", "file", "film", "filters", "flag-alt", "flag", "folder-add", "folder-remove", "folder", "font-height", "font-spacing", "format-bold", "format-center", "format-color", "format-heading", "format-indent-decrease", "format-indent-increase", "format-italic", "format-justify", "format-left", "format-line-height", "format-right", "format-separator", "format-slash", "format-strike", "format-text", "format-underline", "format-uppercase", "games", "gender-female", "gender-male", "ghost-character", "gift", "girl", "git-branch", "git-commit", "git-fork", "git-pull", "glass-alt", "glass", "globe-alt", "globe", "gym", "hashtag", "headset", "heart", "home-alt", "home-screen", "home", "icecream", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "live-photo", "loadbar-alt", "loadbar-doc", "loadbar-sound", "loadbar", "lock-unlock", "lock", "log-in", "log-off", "log-out", "loupe", "magnet", "mail-forward", "mail-open", "mail-reply", "mail", "math-divide", "math-equal", "math-minus", "math-percent", "math-plus", "maximize-alt", "maximize", "media-live", "media-podcast", "menu-boxed", "menu-cake", "menu-cheese", "menu-grid-o", "menu-grid-r", "menu-hotdog", "menu-left-alt", "menu-left", "menu-motion", "menu-oreos", "menu-right-alt", "menu-right", "menu-round", "menu", "merge-horizontal", "merge-vertical", "mic", "mini-player", "minimize-alt", "minimize", "modem", "moon", "more-alt", "more-o", "more-r", "more-vertical-alt", "more-vertical-o", "more-vertical-r", "more-vertical", "more", "mouse", "move-down", "move-left", "move-right", "move-task", "move-up", "music-note", "music-speaker", "music", "nametag", "notes", "notifications", "options", "organisation", "password", "path-back", "path-crop", "path-divide", "path-exclude", "path-front", "path-intersect", "path-outline", "path-trim", "path-unite", "pen", "pentagon-bottom-left", "pentagon-bottom-right", "pentagon-down", "pentagon-left", "pentagon-right", "pentagon-top-left", "pentagon-top-right", "pentagon-up", "performance", "phone", "photoscan", "piano", "pill", "pin-alt", "pin-bottom", "pin-top", "pin", "play-backwards", "play-button-o", "play-button-r", "play-button", "play-forwards", "play-list-add", "play-list-check", "play-list-remove", "play-list-search", "play-list", "play-pause-o", "play-pause-r", "play-pause", "play-stop-o", "play-stop-r", "play-stop", "play-track-next-o", "play-track-next-r", "play-track-next", "play-track-prev-o", "play-track-prev-r", "play-track-prev", "plug", "polaroid", "poll", "presentation", "printer", "profile", "pull-clear", "push-chevron-down-o", "push-chevron-down-r", "push-chevron-down", "push-chevron-left-o", "push-chevron-left-r", "push-chevron-left", "push-chevron-right-o", "push-chevron-right-r", "push-chevron-right", "push-chevron-up-o", "push-chevron-up-r", "push-chevron-up", "push-down", "push-left", "push-right", "push-up", "qr", "quote-o", "quote", "radio-check", "radio-checked", "ratio", "read", "readme", "record", "redo", "remote", "remove-r", "remove", "rename", "reorder", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "sidebar-open", "sidebar-right", "sidebar", "signal", "size", "sleep", "smart-home-boiler", "smart-home-cooker", "smart-home-heat", "smart-home-light", "smart-home-refrigerator", "smart-home-wash-machine", "smartphone-chip", "smartphone-ram", "smartphone-shake", "smartphone", "smile-mouth-open", "smile-neutral", "smile-no-mouth", "smile-none", "smile-sad", "smile-upside", "smile", "software-download", "software-upload", "sort-az", "sort-za", "space-between-v", "space-between", "spinner-alt", "spinner-two-alt", "spinner-two", "spinner", "stack", "stopwatch", "stories", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "trees", "trending-down", "trending", "trophy", "tv", "ui-kit", "umbrella", "unavailable", "unblock", "undo", "unsplash", "usb-c", "usb", "user-add", "user-list", "user-remove", "user", "view-cols", "view-comfortable", "view-day", "view-grid", "view-list", "view-month", "view-split", "vinyl", "voicemail-o", "voicemail-r", "voicemail", "volume", "webcam", "website", "work-alt", "yinyang", "zoom-in", "zoom-out", "rectangle-rounded", "card", "image-text", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "info-filled"];
|
|
20434
20483
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
20435
20484
|
type IconName = (typeof iconNames)[number];
|
|
@@ -20536,6 +20585,18 @@ declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
|
|
|
20536
20585
|
invert?: boolean | undefined;
|
|
20537
20586
|
} & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
20538
20587
|
|
|
20588
|
+
type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
20589
|
+
/** sets the error message value */
|
|
20590
|
+
message?: string;
|
|
20591
|
+
/** sets the test id for test automation (optional) */
|
|
20592
|
+
testId?: string;
|
|
20593
|
+
};
|
|
20594
|
+
/**
|
|
20595
|
+
* Component that provides info messaging to input fields
|
|
20596
|
+
* @example <WarningMessage>be aware of this</ErrorMessage>
|
|
20597
|
+
*/
|
|
20598
|
+
declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
20599
|
+
|
|
20539
20600
|
type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
20540
20601
|
/** (optional) sets the label value */
|
|
20541
20602
|
label?: string;
|
|
@@ -20796,7 +20857,7 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
20796
20857
|
testId?: string;
|
|
20797
20858
|
};
|
|
20798
20859
|
/**
|
|
20799
|
-
* Component that provides
|
|
20860
|
+
* Component that provides warning messaging to input fields
|
|
20800
20861
|
* @example <WarningMessage>something went wrong, please try again</ErrorMessage>
|
|
20801
20862
|
*/
|
|
20802
20863
|
declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
@@ -21060,6 +21121,10 @@ type CommonParameterProps = {
|
|
|
21060
21121
|
hiddenLabel?: boolean;
|
|
21061
21122
|
/** (optional) sets and shows the the error message value */
|
|
21062
21123
|
errorMessage?: string;
|
|
21124
|
+
/** (optional) sets and shows the the warning message value */
|
|
21125
|
+
warningMessage?: string;
|
|
21126
|
+
/** (optional) sets and shows the the info message value */
|
|
21127
|
+
infoMessage?: string;
|
|
21063
21128
|
/** (optional) allows users to manually set the error message state */
|
|
21064
21129
|
onManuallySetErrorMessage?: (message: string | undefined) => void;
|
|
21065
21130
|
/** sets whether to show the override UI */
|
|
@@ -21290,6 +21355,8 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
|
|
|
21290
21355
|
caption: string | undefined;
|
|
21291
21356
|
captionTestId: string | undefined;
|
|
21292
21357
|
errorMessage: string | undefined;
|
|
21358
|
+
infoMessage: string | undefined;
|
|
21359
|
+
warningMessage: string | undefined;
|
|
21293
21360
|
errorTestId: string | undefined;
|
|
21294
21361
|
hiddenLabel: boolean | undefined;
|
|
21295
21362
|
labelLeadingIcon: ReactNode;
|
|
@@ -21305,7 +21372,7 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
|
|
|
21305
21372
|
errorTestId?: string | undefined;
|
|
21306
21373
|
captionTestId?: string | undefined;
|
|
21307
21374
|
title?: string | undefined;
|
|
21308
|
-
}, "caption" | "label" | "title" | "id" | "menuItems" | "errorMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "onManuallySetErrorMessage" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
|
|
21375
|
+
}, "caption" | "label" | "title" | "id" | "menuItems" | "errorMessage" | "warningMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "onManuallySetErrorMessage" | "labelLeadingIcon" | "infoMessage" | "hasOverriddenValue" | "onResetOverriddenValue">;
|
|
21309
21376
|
};
|
|
21310
21377
|
type ParameterShellOverrideProps = {
|
|
21311
21378
|
/** sets overriding parameters indicator */
|
|
@@ -21318,7 +21385,7 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
|
|
|
21318
21385
|
* Uniform Parameter shell component
|
|
21319
21386
|
* @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
|
|
21320
21387
|
*/
|
|
21321
|
-
declare const ParameterShell: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, hasOverriddenValue, onResetOverriddenValue, title, children, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21388
|
+
declare const ParameterShell: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, hasOverriddenValue, onResetOverriddenValue, title, children, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21322
21389
|
declare const ParameterShellPlaceholder: ({ children }: {
|
|
21323
21390
|
children?: ReactNode;
|
|
21324
21391
|
}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
@@ -21400,6 +21467,43 @@ type ProgressListItem<IdType extends string = string> = {
|
|
|
21400
21467
|
};
|
|
21401
21468
|
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21402
21469
|
|
|
21470
|
+
type SegmentedControlOption<TValue extends string = string> = {
|
|
21471
|
+
value: TValue;
|
|
21472
|
+
label?: string;
|
|
21473
|
+
icon?: IconType$1;
|
|
21474
|
+
tooltip?: string;
|
|
21475
|
+
disabled?: boolean;
|
|
21476
|
+
};
|
|
21477
|
+
type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
21478
|
+
/** A unique name for the component, used to group the options */
|
|
21479
|
+
name: string;
|
|
21480
|
+
/** The options to show */
|
|
21481
|
+
options: SegmentedControlOption<TValue>[];
|
|
21482
|
+
/** The value of the option to be selected */
|
|
21483
|
+
value?: TValue;
|
|
21484
|
+
/** Called when the user selects a different option */
|
|
21485
|
+
onChange: (value: TValue) => void;
|
|
21486
|
+
/** Doesn't show a checkmark next to the selected item */
|
|
21487
|
+
noCheckmark?: boolean;
|
|
21488
|
+
/** Disables all the options */
|
|
21489
|
+
disabled?: boolean;
|
|
21490
|
+
/**
|
|
21491
|
+
* The orientation by which the items are rendered
|
|
21492
|
+
* @default 'horizontal'
|
|
21493
|
+
*/
|
|
21494
|
+
orientation?: 'horizontal' | 'vertical';
|
|
21495
|
+
/**
|
|
21496
|
+
* The size of the input
|
|
21497
|
+
* @default 'md'
|
|
21498
|
+
*/
|
|
21499
|
+
size?: 'sm' | 'md' | 'lg';
|
|
21500
|
+
};
|
|
21501
|
+
/**
|
|
21502
|
+
* Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
|
|
21503
|
+
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
21504
|
+
*/
|
|
21505
|
+
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;
|
|
21506
|
+
|
|
21403
21507
|
declare function ShortcutContext({ children }: {
|
|
21404
21508
|
children: React__default.ReactNode;
|
|
21405
21509
|
}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
@@ -21786,4 +21890,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
21786
21890
|
};
|
|
21787
21891
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21788
21892
|
|
|
21789
|
-
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, 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, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, 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, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, growSubtle, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, ripple, scrollbarStyles, skeletonLoading, spinner as spinnerAnimationData, supports, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut };
|
|
21893
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, 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, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, 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, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, 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, 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, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, rectangleRoundedIcon, ripple, scrollbarStyles, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };
|