@uniformdev/design-system 18.33.1-alpha.7 → 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 +110 -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"
|
|
@@ -20198,6 +20224,8 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
20198
20224
|
* @default "md"
|
|
20199
20225
|
* @deprecated size might no longer be used as we are trying to consolidate button designs */
|
|
20200
20226
|
size?: ButtonSizeProps;
|
|
20227
|
+
/** @deprecated rounded is no longer used */
|
|
20228
|
+
rounded?: boolean;
|
|
20201
20229
|
};
|
|
20202
20230
|
/**
|
|
20203
20231
|
* Uniform Button Component
|
|
@@ -20428,6 +20456,29 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
|
|
|
20428
20456
|
onOverlayClick?: () => void;
|
|
20429
20457
|
}
|
|
20430
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
|
+
|
|
20431
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"];
|
|
20432
20483
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
20433
20484
|
type IconName = (typeof iconNames)[number];
|
|
@@ -20534,6 +20585,18 @@ declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
|
|
|
20534
20585
|
invert?: boolean | undefined;
|
|
20535
20586
|
} & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
20536
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
|
+
|
|
20537
20600
|
type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
20538
20601
|
/** (optional) sets the label value */
|
|
20539
20602
|
label?: string;
|
|
@@ -20794,7 +20857,7 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
20794
20857
|
testId?: string;
|
|
20795
20858
|
};
|
|
20796
20859
|
/**
|
|
20797
|
-
* Component that provides
|
|
20860
|
+
* Component that provides warning messaging to input fields
|
|
20798
20861
|
* @example <WarningMessage>something went wrong, please try again</ErrorMessage>
|
|
20799
20862
|
*/
|
|
20800
20863
|
declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
@@ -21058,6 +21121,10 @@ type CommonParameterProps = {
|
|
|
21058
21121
|
hiddenLabel?: boolean;
|
|
21059
21122
|
/** (optional) sets and shows the the error message value */
|
|
21060
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;
|
|
21061
21128
|
/** (optional) allows users to manually set the error message state */
|
|
21062
21129
|
onManuallySetErrorMessage?: (message: string | undefined) => void;
|
|
21063
21130
|
/** sets whether to show the override UI */
|
|
@@ -21288,6 +21355,8 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
|
|
|
21288
21355
|
caption: string | undefined;
|
|
21289
21356
|
captionTestId: string | undefined;
|
|
21290
21357
|
errorMessage: string | undefined;
|
|
21358
|
+
infoMessage: string | undefined;
|
|
21359
|
+
warningMessage: string | undefined;
|
|
21291
21360
|
errorTestId: string | undefined;
|
|
21292
21361
|
hiddenLabel: boolean | undefined;
|
|
21293
21362
|
labelLeadingIcon: ReactNode;
|
|
@@ -21303,7 +21372,7 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
|
|
|
21303
21372
|
errorTestId?: string | undefined;
|
|
21304
21373
|
captionTestId?: string | undefined;
|
|
21305
21374
|
title?: string | undefined;
|
|
21306
|
-
}, "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">;
|
|
21307
21376
|
};
|
|
21308
21377
|
type ParameterShellOverrideProps = {
|
|
21309
21378
|
/** sets overriding parameters indicator */
|
|
@@ -21316,7 +21385,7 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
|
|
|
21316
21385
|
* Uniform Parameter shell component
|
|
21317
21386
|
* @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
|
|
21318
21387
|
*/
|
|
21319
|
-
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;
|
|
21320
21389
|
declare const ParameterShellPlaceholder: ({ children }: {
|
|
21321
21390
|
children?: ReactNode;
|
|
21322
21391
|
}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
@@ -21398,6 +21467,43 @@ type ProgressListItem<IdType extends string = string> = {
|
|
|
21398
21467
|
};
|
|
21399
21468
|
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21400
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
|
+
|
|
21401
21507
|
declare function ShortcutContext({ children }: {
|
|
21402
21508
|
children: React__default.ReactNode;
|
|
21403
21509
|
}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
@@ -21784,4 +21890,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
21784
21890
|
};
|
|
21785
21891
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21786
21892
|
|
|
21787
|
-
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 };
|