@uniformdev/design-system 19.179.1-alpha.1 → 19.179.2-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 +88 -21
- package/dist/index.d.mts +326 -323
- package/dist/index.d.ts +326 -323
- package/dist/index.js +92 -21
- package/package.json +18 -18
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { Decorator } from '@storybook/react';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
|
|
@@ -18,7 +18,7 @@ import { DateValue } from '@internationalized/date';
|
|
|
18
18
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
19
19
|
import { PopoverState } from 'reakit/Popover';
|
|
20
20
|
import { CreatableProps } from 'react-select/creatable';
|
|
21
|
-
import InternalSelect from 'react-select/dist/declarations/src/Select';
|
|
21
|
+
import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
|
|
22
22
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
23
23
|
import * as _ariakit_react from '@ariakit/react';
|
|
24
24
|
import { MenuProps as MenuProps$2, MenuStoreProps, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
|
|
@@ -45,7 +45,7 @@ type ThemeProps = {
|
|
|
45
45
|
/**
|
|
46
46
|
* Uniform CSS Variables, font provider and optional reset stylesheet
|
|
47
47
|
* @example <Theme disableReset={true} /> */
|
|
48
|
-
declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) =>
|
|
48
|
+
declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
49
49
|
|
|
50
50
|
declare const BetaDecorator: Decorator;
|
|
51
51
|
|
|
@@ -125,7 +125,7 @@ declare const buttonTertiaryOutline: _emotion_react.SerializedStyles;
|
|
|
125
125
|
declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
|
|
126
126
|
|
|
127
127
|
declare const labelText: _emotion_react.SerializedStyles;
|
|
128
|
-
declare const input: (whiteSpaceWrap:
|
|
128
|
+
declare const input: (whiteSpaceWrap: "wrap" | "nowrap") => _emotion_react.SerializedStyles;
|
|
129
129
|
declare const inputError: _emotion_react.SerializedStyles;
|
|
130
130
|
declare const inputSelect: _emotion_react.SerializedStyles;
|
|
131
131
|
|
|
@@ -210,7 +210,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
|
|
|
210
210
|
* @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
|
|
211
211
|
* @example <AddButton buttonText="Button Text" />
|
|
212
212
|
*/
|
|
213
|
-
declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) =>
|
|
213
|
+
declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
214
214
|
|
|
215
215
|
type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
|
|
216
216
|
type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
@@ -239,7 +239,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
239
239
|
* Uniform Add List Button Component
|
|
240
240
|
* @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
|
|
241
241
|
*/
|
|
242
|
-
declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) =>
|
|
242
|
+
declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
243
243
|
|
|
244
244
|
var v$1 = "4.8.0";
|
|
245
245
|
var meta$1 = {
|
|
@@ -20207,7 +20207,7 @@ type AnimationFileProps = LottieComponentProps & {
|
|
|
20207
20207
|
* See https://lottiereact.com/ for example documentation
|
|
20208
20208
|
* @example <AnimationFile animationData={spinnerAnimationData} label="My Animation" width={364} height={282} />
|
|
20209
20209
|
*/
|
|
20210
|
-
declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) =>
|
|
20210
|
+
declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20211
20211
|
|
|
20212
20212
|
type AvatarSizeProp = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20213
20213
|
type AvatarProps = {
|
|
@@ -20219,7 +20219,7 @@ type AvatarProps = {
|
|
|
20219
20219
|
* @description A component to render rounded avatars of a user or an app.
|
|
20220
20220
|
* @example <Avatar>AB</Avatar>
|
|
20221
20221
|
*/
|
|
20222
|
-
declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) =>
|
|
20222
|
+
declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20223
20223
|
|
|
20224
20224
|
type AvatarGroupProps = {
|
|
20225
20225
|
/**
|
|
@@ -20238,7 +20238,7 @@ type AvatarGroupProps = {
|
|
|
20238
20238
|
* @description Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.
|
|
20239
20239
|
* @example <AvatarGroup max={2}><Avatar>AB</Avatar><Avatar>CD</Avatar><Avatar>EF</Avatar><AvatarGroup>
|
|
20240
20240
|
*/
|
|
20241
|
-
declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) =>
|
|
20241
|
+
declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20242
20242
|
|
|
20243
20243
|
type BadgeThemeProps = 'caution' | 'info' | 'note' | 'success' | 'error' | 'unimportant';
|
|
20244
20244
|
type SizeProps = 'xs' | 'sm' | 'base';
|
|
@@ -20263,7 +20263,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
|
|
|
20263
20263
|
* @example <Badge text="My badge" theme="success" size="base" />
|
|
20264
20264
|
* @deprecated please use Chip component instead
|
|
20265
20265
|
*/
|
|
20266
|
-
declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) =>
|
|
20266
|
+
declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20267
20267
|
|
|
20268
20268
|
type BannerType = 'note' | 'info' | 'caution' | 'danger' | 'success';
|
|
20269
20269
|
type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -20287,7 +20287,7 @@ type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
|
20287
20287
|
* Uniform Banner Component
|
|
20288
20288
|
* @example <Banner type="caution" onDismiss={() => {}}>My Banner Message</Callout>
|
|
20289
20289
|
*/
|
|
20290
|
-
declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) =>
|
|
20290
|
+
declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20291
20291
|
|
|
20292
20292
|
type UniformLogoProps = {
|
|
20293
20293
|
/** sets a light or dark theme for the uniform badge or logo component
|
|
@@ -20301,14 +20301,14 @@ type UniformLogoProps = {
|
|
|
20301
20301
|
* @param props - sets react svg element attribute props
|
|
20302
20302
|
* @example <UniformBadge theme="dark" />
|
|
20303
20303
|
*/
|
|
20304
|
-
declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) =>
|
|
20304
|
+
declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20305
20305
|
|
|
20306
20306
|
/**
|
|
20307
20307
|
* Uniform Logo
|
|
20308
20308
|
* @param props - sets react svg element attribute props
|
|
20309
20309
|
* @example <UniformLogo theme="light" /> */
|
|
20310
|
-
declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) =>
|
|
20311
|
-
declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) =>
|
|
20310
|
+
declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20311
|
+
declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20312
20312
|
|
|
20313
20313
|
/**
|
|
20314
20314
|
* Gets a formatted version of a shortcut for display.
|
|
@@ -20325,7 +20325,7 @@ declare function getFormattedShortcut(shortcut: string | null): string[];
|
|
|
20325
20325
|
*/
|
|
20326
20326
|
declare function ShortcutContext({ children }: {
|
|
20327
20327
|
children: React__default.ReactNode;
|
|
20328
|
-
}):
|
|
20328
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
20329
20329
|
/**
|
|
20330
20330
|
* @deprecated Use tooltips or menu items with a shortcut instead,
|
|
20331
20331
|
* and getFormattedShortcut for display
|
|
@@ -20334,7 +20334,7 @@ declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
|
|
|
20334
20334
|
shortcut: string;
|
|
20335
20335
|
macShortcut?: string;
|
|
20336
20336
|
className?: SerializedStyles | string;
|
|
20337
|
-
}):
|
|
20337
|
+
}): _emotion_react_jsx_runtime.JSX.Element | null;
|
|
20338
20338
|
|
|
20339
20339
|
type UseShortcutOptions = {
|
|
20340
20340
|
/**
|
|
@@ -20388,7 +20388,7 @@ type TooltipProps = TooltipOptions & {
|
|
|
20388
20388
|
/** If the tooltip should not be rendered inside a portal */
|
|
20389
20389
|
withoutPortal?: boolean;
|
|
20390
20390
|
};
|
|
20391
|
-
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps):
|
|
20391
|
+
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
20392
20392
|
|
|
20393
20393
|
/** Button themes that are available to use with our brand */
|
|
20394
20394
|
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
@@ -20438,7 +20438,7 @@ declare const allSupportedIcons: {
|
|
|
20438
20438
|
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
20439
20439
|
warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
20440
20440
|
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
20441
|
-
settings: (props: IconProps) =>
|
|
20441
|
+
settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20442
20442
|
'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
20443
20443
|
json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
20444
20444
|
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
@@ -21123,7 +21123,7 @@ interface IconProps extends IconBaseProps {
|
|
|
21123
21123
|
* Component that renders icons
|
|
21124
21124
|
* @example <Icon icon="add-r" iconColor="currentColor" />
|
|
21125
21125
|
*/
|
|
21126
|
-
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) =>
|
|
21126
|
+
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
21127
21127
|
|
|
21128
21128
|
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21129
21129
|
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
@@ -21136,7 +21136,7 @@ declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) =>
|
|
|
21136
21136
|
declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21137
21137
|
declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21138
21138
|
declare const settingsIcon: IconType$2;
|
|
21139
|
-
declare const settings: (props: IconProps) =>
|
|
21139
|
+
declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21140
21140
|
declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21141
21141
|
declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21142
21142
|
declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
@@ -21152,7 +21152,7 @@ declare const customIcons: {
|
|
|
21152
21152
|
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21153
21153
|
warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21154
21154
|
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21155
|
-
settings: (props: IconProps) =>
|
|
21155
|
+
settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21156
21156
|
'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21157
21157
|
json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21158
21158
|
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
@@ -21185,9 +21185,13 @@ declare function useIconContext(): {
|
|
|
21185
21185
|
*/
|
|
21186
21186
|
declare function IconsProvider({ children }: {
|
|
21187
21187
|
children: ReactNode;
|
|
21188
|
-
}):
|
|
21188
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
21189
21189
|
|
|
21190
21190
|
declare const uniformComponentIcon: IconType$1;
|
|
21191
|
+
declare const uniformConditionalValuesIcon: IconType$1;
|
|
21192
|
+
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21193
|
+
declare const uniformLocaleIcon: IconType$1;
|
|
21194
|
+
declare const uniformLocaleDisabledIcon: IconType$1;
|
|
21191
21195
|
declare const uniformComponentPatternIcon: IconType$1;
|
|
21192
21196
|
declare const uniformCompositionPatternIcon: IconType$1;
|
|
21193
21197
|
declare const uniformContentTypeIcon: IconType$1;
|
|
@@ -21240,7 +21244,7 @@ interface ActionButtonsProps {
|
|
|
21240
21244
|
}
|
|
21241
21245
|
/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
|
|
21242
21246
|
type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
21243
|
-
declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) =>
|
|
21247
|
+
declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21244
21248
|
|
|
21245
21249
|
/**
|
|
21246
21250
|
* A string in the ISO 8601 date format: YYYY-MM-DD
|
|
@@ -21259,7 +21263,7 @@ type CalendarProps = Pick<CalendarProps$1<DateValue>, 'autoFocus' | 'isDisabled'
|
|
|
21259
21263
|
*
|
|
21260
21264
|
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
21261
21265
|
*/
|
|
21262
|
-
declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) =>
|
|
21266
|
+
declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21263
21267
|
|
|
21264
21268
|
/** Callout button types available to use with our brand */
|
|
21265
21269
|
type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
|
|
@@ -21285,7 +21289,7 @@ interface CalloutProps {
|
|
|
21285
21289
|
* Uniform Callout Component
|
|
21286
21290
|
* @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
|
|
21287
21291
|
*/
|
|
21288
|
-
declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) =>
|
|
21292
|
+
declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21289
21293
|
|
|
21290
21294
|
type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
21291
21295
|
/** (optional) sets the title value of the card */
|
|
@@ -21310,11 +21314,11 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
21310
21314
|
*/
|
|
21311
21315
|
tag?: React$1.ElementType;
|
|
21312
21316
|
};
|
|
21313
|
-
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) =>
|
|
21317
|
+
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21314
21318
|
type CardTitleProps = {
|
|
21315
21319
|
children?: React$1.ReactNode;
|
|
21316
21320
|
} & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
|
|
21317
|
-
declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) =>
|
|
21321
|
+
declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21318
21322
|
|
|
21319
21323
|
type CardContainerBgColorProps = 'gray' | 'white';
|
|
21320
21324
|
type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -21340,9 +21344,9 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
21340
21344
|
/** Uniform Card Container
|
|
21341
21345
|
* @example <CardContainer><Card title="card title" /></CardContainer>
|
|
21342
21346
|
*/
|
|
21343
|
-
declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) =>
|
|
21347
|
+
declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21344
21348
|
|
|
21345
|
-
declare const LoadingCardSkeleton: () =>
|
|
21349
|
+
declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
21346
21350
|
|
|
21347
21351
|
type ChipSizeProp = 'xs' | 'sm' | 'md';
|
|
21348
21352
|
type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
|
|
@@ -21376,7 +21380,7 @@ type ChipProps = {
|
|
|
21376
21380
|
* To represent a different object, as a reference
|
|
21377
21381
|
* @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
|
|
21378
21382
|
*/
|
|
21379
|
-
declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) =>
|
|
21383
|
+
declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21380
21384
|
type DismissibleChipActionProps = {
|
|
21381
21385
|
onDismiss: () => void;
|
|
21382
21386
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
@@ -21384,7 +21388,7 @@ type DismissibleChipActionProps = {
|
|
|
21384
21388
|
* @description Dismissible chip action should be used with the Chip component
|
|
21385
21389
|
* @example <DismissibleChipAction onDismiss={() => {...}}/>
|
|
21386
21390
|
*/
|
|
21387
|
-
declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) =>
|
|
21391
|
+
declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21388
21392
|
|
|
21389
21393
|
type MultilineChipProps = {
|
|
21390
21394
|
children: ReactNode;
|
|
@@ -21395,18 +21399,24 @@ type MultilineChipProps = {
|
|
|
21395
21399
|
* Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.
|
|
21396
21400
|
* @example <MultilineChip text="productId" />
|
|
21397
21401
|
*/
|
|
21398
|
-
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) =>
|
|
21402
|
+
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21399
21403
|
|
|
21404
|
+
type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
|
|
21405
|
+
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
|
|
21400
21406
|
type CounterProps = {
|
|
21401
21407
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
21402
21408
|
count: number | undefined;
|
|
21403
21409
|
/** sets the background color
|
|
21404
21410
|
* @default 'transparent'
|
|
21405
21411
|
*/
|
|
21406
|
-
bgColor?:
|
|
21407
|
-
|
|
21412
|
+
bgColor?: CounterBgColors;
|
|
21413
|
+
/** sets the color of the icon if one is provided */
|
|
21414
|
+
iconColor?: CounterIconColors;
|
|
21415
|
+
/** Optional icon for the counter */
|
|
21416
|
+
icon?: IconType;
|
|
21417
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
21408
21418
|
/** @example <Counter count={1} /> */
|
|
21409
|
-
declare const Counter: ({ count, bgColor, ...props }: CounterProps) =>
|
|
21419
|
+
declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21410
21420
|
|
|
21411
21421
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
21412
21422
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -21424,7 +21434,73 @@ type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
21424
21434
|
* Uniform Dashed Box Component
|
|
21425
21435
|
* @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
|
|
21426
21436
|
*/
|
|
21427
|
-
declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) =>
|
|
21437
|
+
declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21438
|
+
|
|
21439
|
+
/**
|
|
21440
|
+
* A string in the ISO 8601 time format: hh:mm
|
|
21441
|
+
*/
|
|
21442
|
+
type IsoTimeString = string;
|
|
21443
|
+
type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
|
|
21444
|
+
/** (optional) sets the label value */
|
|
21445
|
+
label?: string;
|
|
21446
|
+
/** (optional) sets caption text value */
|
|
21447
|
+
caption?: string | JSX.Element;
|
|
21448
|
+
/** The current value in ISO 8601 time format */
|
|
21449
|
+
value: IsoTimeString | null | undefined;
|
|
21450
|
+
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
21451
|
+
minValue?: IsoTimeString;
|
|
21452
|
+
/** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
|
|
21453
|
+
maxValue?: IsoTimeString;
|
|
21454
|
+
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
21455
|
+
showLabel?: boolean;
|
|
21456
|
+
/** (optional) sets and shows the the error message value */
|
|
21457
|
+
errorMessage?: string;
|
|
21458
|
+
/** (optional) sets and shows the warning message value */
|
|
21459
|
+
warningMessage?: string;
|
|
21460
|
+
/** (optional) sets the test id for input field container for test automation*/
|
|
21461
|
+
containerTestId?: string;
|
|
21462
|
+
/** (optional) sets label test id */
|
|
21463
|
+
labelTestId?: string;
|
|
21464
|
+
/** (option) sets validation message test id for test automation */
|
|
21465
|
+
errorTestId?: string;
|
|
21466
|
+
/** (option) sets caption message test id for test automation */
|
|
21467
|
+
captionTestId?: string;
|
|
21468
|
+
belowInputSlot?: ReactNode;
|
|
21469
|
+
onChange?: (value: IsoTimeString) => void;
|
|
21470
|
+
};
|
|
21471
|
+
/**
|
|
21472
|
+
* Time input with segmented control
|
|
21473
|
+
*
|
|
21474
|
+
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
21475
|
+
*/
|
|
21476
|
+
declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
|
|
21477
|
+
/** (optional) sets the label value */
|
|
21478
|
+
label?: string;
|
|
21479
|
+
/** (optional) sets caption text value */
|
|
21480
|
+
caption?: string | JSX.Element;
|
|
21481
|
+
/** The current value in ISO 8601 time format */
|
|
21482
|
+
value: IsoTimeString | null | undefined;
|
|
21483
|
+
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
21484
|
+
minValue?: IsoTimeString;
|
|
21485
|
+
/** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
|
|
21486
|
+
maxValue?: IsoTimeString;
|
|
21487
|
+
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
21488
|
+
showLabel?: boolean;
|
|
21489
|
+
/** (optional) sets and shows the the error message value */
|
|
21490
|
+
errorMessage?: string;
|
|
21491
|
+
/** (optional) sets and shows the warning message value */
|
|
21492
|
+
warningMessage?: string;
|
|
21493
|
+
/** (optional) sets the test id for input field container for test automation*/
|
|
21494
|
+
containerTestId?: string;
|
|
21495
|
+
/** (optional) sets label test id */
|
|
21496
|
+
labelTestId?: string;
|
|
21497
|
+
/** (option) sets validation message test id for test automation */
|
|
21498
|
+
errorTestId?: string;
|
|
21499
|
+
/** (option) sets caption message test id for test automation */
|
|
21500
|
+
captionTestId?: string;
|
|
21501
|
+
belowInputSlot?: ReactNode;
|
|
21502
|
+
onChange?: (value: IsoTimeString) => void;
|
|
21503
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
21428
21504
|
|
|
21429
21505
|
/**
|
|
21430
21506
|
* A string in the ISO 8601 datetime format
|
|
@@ -21482,8 +21558,8 @@ type DateTimePickerProps = {
|
|
|
21482
21558
|
*/
|
|
21483
21559
|
declare function useDateTimePickerContext(): {
|
|
21484
21560
|
clearValue(): void;
|
|
21485
|
-
changeDate(isoDate:
|
|
21486
|
-
changeTime(isoTime:
|
|
21561
|
+
changeDate(isoDate: IsoDateString): void;
|
|
21562
|
+
changeTime(isoTime: IsoTimeString): void;
|
|
21487
21563
|
};
|
|
21488
21564
|
/**
|
|
21489
21565
|
* Date Time Picker
|
|
@@ -21497,12 +21573,12 @@ declare function useDateTimePickerContext(): {
|
|
|
21497
21573
|
* Subcomponents can manipulate the value directly by using
|
|
21498
21574
|
* the `useDateTimePickerContext()` hook.
|
|
21499
21575
|
*/
|
|
21500
|
-
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) =>
|
|
21576
|
+
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21501
21577
|
|
|
21502
21578
|
declare function DateTimePickerSummary({ value, placeholder, }: {
|
|
21503
21579
|
value: DateTimePickerValue | null | undefined;
|
|
21504
21580
|
placeholder: ReactNode;
|
|
21505
|
-
}):
|
|
21581
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
21506
21582
|
|
|
21507
21583
|
type DescriptionListProps = {
|
|
21508
21584
|
items: {
|
|
@@ -21520,7 +21596,7 @@ declare const DescriptionList: React__default.ForwardRefExoticComponent<{
|
|
|
21520
21596
|
label: string;
|
|
21521
21597
|
value: string | number | boolean | React__default.ReactNode;
|
|
21522
21598
|
}[];
|
|
21523
|
-
variant?: "horizontal" | "vertical"
|
|
21599
|
+
variant?: "horizontal" | "vertical";
|
|
21524
21600
|
} & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
|
|
21525
21601
|
|
|
21526
21602
|
type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
|
|
@@ -21546,7 +21622,7 @@ type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
|
|
|
21546
21622
|
isCompact?: boolean;
|
|
21547
21623
|
};
|
|
21548
21624
|
/** @example <Details summary="summary text">child content here</Details>*/
|
|
21549
|
-
declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) =>
|
|
21625
|
+
declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21550
21626
|
|
|
21551
21627
|
type DraggableHandleProps = {
|
|
21552
21628
|
disableDnd?: boolean;
|
|
@@ -21556,11 +21632,11 @@ type DraggableHandleProps = {
|
|
|
21556
21632
|
height?: string;
|
|
21557
21633
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
21558
21634
|
declare const DragHandle: React$1.ForwardRefExoticComponent<{
|
|
21559
|
-
disableDnd?: boolean
|
|
21635
|
+
disableDnd?: boolean;
|
|
21560
21636
|
/** (optional) Height of the drag handle
|
|
21561
21637
|
* @default 3.125rem
|
|
21562
21638
|
*/
|
|
21563
|
-
height?: string
|
|
21639
|
+
height?: string;
|
|
21564
21640
|
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
21565
21641
|
|
|
21566
21642
|
interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
@@ -21598,7 +21674,7 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
|
|
|
21598
21674
|
* Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
|
|
21599
21675
|
* @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
|
|
21600
21676
|
*/
|
|
21601
|
-
declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) =>
|
|
21677
|
+
declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21602
21678
|
interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
21603
21679
|
index: number;
|
|
21604
21680
|
totalDrawers: number;
|
|
@@ -21610,7 +21686,7 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
|
|
|
21610
21686
|
}
|
|
21611
21687
|
declare const getDrawerAttributes: ({ providerId, stackId, id, }: {
|
|
21612
21688
|
providerId: string;
|
|
21613
|
-
stackId?: string
|
|
21689
|
+
stackId?: string;
|
|
21614
21690
|
id: string;
|
|
21615
21691
|
}) => {
|
|
21616
21692
|
'data-drawer-id': string;
|
|
@@ -21664,7 +21740,7 @@ type DrawerContextValue = {
|
|
|
21664
21740
|
* Provides the context to the Drawer and DrawerRenderer components.
|
|
21665
21741
|
* @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
|
|
21666
21742
|
*/
|
|
21667
|
-
declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) =>
|
|
21743
|
+
declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21668
21744
|
declare const useDrawer: () => DrawerContextValue;
|
|
21669
21745
|
declare const useCloseCurrentDrawer: () => (() => void) | undefined;
|
|
21670
21746
|
|
|
@@ -21675,14 +21751,14 @@ type DrawerProps = DrawerItem & Omit<DrawerRendererProps, 'stackId'> & {
|
|
|
21675
21751
|
leftAligned?: DrawerRendererProps['leftAligned'];
|
|
21676
21752
|
};
|
|
21677
21753
|
declare const CurrentDrawerContext: React__default.Context<{
|
|
21678
|
-
id?:
|
|
21679
|
-
stackId?:
|
|
21680
|
-
leftAligned?: DrawerRendererProps[
|
|
21754
|
+
id?: DrawerProps["id"];
|
|
21755
|
+
stackId?: DrawerRendererProps["stackId"];
|
|
21756
|
+
leftAligned?: DrawerRendererProps["leftAligned"];
|
|
21681
21757
|
}>;
|
|
21682
21758
|
declare const useCurrentDrawer: () => {
|
|
21683
|
-
id?:
|
|
21684
|
-
stackId?:
|
|
21685
|
-
leftAligned?: DrawerRendererProps[
|
|
21759
|
+
id?: DrawerProps["id"];
|
|
21760
|
+
stackId?: DrawerRendererProps["stackId"];
|
|
21761
|
+
leftAligned?: DrawerRendererProps["leftAligned"];
|
|
21686
21762
|
};
|
|
21687
21763
|
/**
|
|
21688
21764
|
* A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
|
|
@@ -21691,8 +21767,8 @@ declare const useCurrentDrawer: () => {
|
|
|
21691
21767
|
declare const Drawer: React__default.ForwardRefExoticComponent<DrawerItem & Omit<DrawerRendererProps, "stackId"> & {
|
|
21692
21768
|
header?: React__default.ReactNode;
|
|
21693
21769
|
children?: React__default.ReactNode;
|
|
21694
|
-
bgColor?: "var(--
|
|
21695
|
-
leftAligned?: DrawerRendererProps[
|
|
21770
|
+
bgColor?: "var(--gray-50)" | "var(--white)";
|
|
21771
|
+
leftAligned?: DrawerRendererProps["leftAligned"];
|
|
21696
21772
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
21697
21773
|
|
|
21698
21774
|
type DrawerContentProps = {
|
|
@@ -21700,12 +21776,12 @@ type DrawerContentProps = {
|
|
|
21700
21776
|
buttonGroup?: ReactNode;
|
|
21701
21777
|
noPadding?: boolean;
|
|
21702
21778
|
} & HTMLAttributes<HTMLDivElement>;
|
|
21703
|
-
declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) =>
|
|
21779
|
+
declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21704
21780
|
|
|
21705
21781
|
declare const TAKEOVER_STACK_ID = "takeover-stack";
|
|
21706
|
-
declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps,
|
|
21782
|
+
declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId"> & {
|
|
21707
21783
|
stackId?: string;
|
|
21708
|
-
}) =>
|
|
21784
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21709
21785
|
|
|
21710
21786
|
interface IconButtonProps extends Omit<ButtonProps, 'size'> {
|
|
21711
21787
|
variant?: 'square' | 'rounded';
|
|
@@ -21718,9 +21794,9 @@ interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
|
21718
21794
|
imgClassName?: string;
|
|
21719
21795
|
variant?: 'inline' | 'fill-container';
|
|
21720
21796
|
}
|
|
21721
|
-
declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps):
|
|
21797
|
+
declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
21722
21798
|
|
|
21723
|
-
declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) =>
|
|
21799
|
+
declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21724
21800
|
|
|
21725
21801
|
type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
21726
21802
|
/** allows users to add child elements */
|
|
@@ -21734,7 +21810,7 @@ type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
|
21734
21810
|
* Component that provides caption text to input fields
|
|
21735
21811
|
* @example <Caption>some help text here</Caption>
|
|
21736
21812
|
*/
|
|
21737
|
-
declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) =>
|
|
21813
|
+
declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21738
21814
|
|
|
21739
21815
|
type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
|
|
21740
21816
|
/** sets the label value */
|
|
@@ -21753,9 +21829,9 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
|
|
|
21753
21829
|
/** sets the name value of the radio/checkbox input */
|
|
21754
21830
|
name: string;
|
|
21755
21831
|
/** sets info message */
|
|
21756
|
-
info?: string
|
|
21832
|
+
info?: string;
|
|
21757
21833
|
/** (optional) sets the checked state of the input */
|
|
21758
|
-
checked?: boolean
|
|
21834
|
+
checked?: boolean;
|
|
21759
21835
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
21760
21836
|
|
|
21761
21837
|
type ErrorMessageProps = {
|
|
@@ -21775,7 +21851,7 @@ type ErrorMessageProps = {
|
|
|
21775
21851
|
* Component that provides error messaging to input fields
|
|
21776
21852
|
* @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
|
|
21777
21853
|
*/
|
|
21778
|
-
declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) =>
|
|
21854
|
+
declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21779
21855
|
|
|
21780
21856
|
type FieldMessageProps = {
|
|
21781
21857
|
/** (optional) sets help message within the caption component */
|
|
@@ -21793,7 +21869,7 @@ type FieldMessageProps = {
|
|
|
21793
21869
|
/** (optional) sets and shows the the info message value */
|
|
21794
21870
|
infoMessage?: string;
|
|
21795
21871
|
};
|
|
21796
|
-
declare const FieldMessage: ({ helperMessage, warningMessage, errorMessage, infoMessage, errorTestId, helperMessageTestId, }: FieldMessageProps) =>
|
|
21872
|
+
declare const FieldMessage: ({ helperMessage, warningMessage, errorMessage, infoMessage, errorTestId, helperMessageTestId, }: FieldMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21797
21873
|
|
|
21798
21874
|
type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
|
|
21799
21875
|
/** sets the legend value */
|
|
@@ -21810,11 +21886,11 @@ declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
|
|
|
21810
21886
|
/** sets the legend value */
|
|
21811
21887
|
legend: React$1.ReactElement;
|
|
21812
21888
|
/** sets the disabled value and sets child inputs disabled */
|
|
21813
|
-
disabled?: boolean
|
|
21814
|
-
actionButton?: React$1.ReactElement
|
|
21889
|
+
disabled?: boolean;
|
|
21890
|
+
actionButton?: React$1.ReactElement;
|
|
21815
21891
|
children: React$1.ReactNode;
|
|
21816
21892
|
/** Inverts the background to white for use on forms that already have a gray background */
|
|
21817
|
-
invert?: boolean
|
|
21893
|
+
invert?: boolean;
|
|
21818
21894
|
} & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
21819
21895
|
|
|
21820
21896
|
type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -21829,7 +21905,7 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
21829
21905
|
* Component that provides info messaging to input fields
|
|
21830
21906
|
* @example <InfoMessage>be aware of this</InfoMessage>
|
|
21831
21907
|
*/
|
|
21832
|
-
declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) =>
|
|
21908
|
+
declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
21833
21909
|
|
|
21834
21910
|
type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
21835
21911
|
/** (optional) sets the label value */
|
|
@@ -21876,42 +21952,42 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
21876
21952
|
*/
|
|
21877
21953
|
declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
21878
21954
|
/** (optional) sets the label value */
|
|
21879
|
-
label?: string
|
|
21955
|
+
label?: string;
|
|
21880
21956
|
/** (optional) sets caption text value */
|
|
21881
|
-
caption?: string | JSX.Element
|
|
21957
|
+
caption?: string | JSX.Element;
|
|
21882
21958
|
/** (optional) add an input icon to the input field */
|
|
21883
|
-
icon?: React$1.ReactElement
|
|
21959
|
+
icon?: React$1.ReactElement;
|
|
21884
21960
|
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
21885
|
-
showLabel?: boolean
|
|
21961
|
+
showLabel?: boolean;
|
|
21886
21962
|
/** (optional) sets and shows the the error message value */
|
|
21887
|
-
errorMessage?: string
|
|
21963
|
+
errorMessage?: string;
|
|
21888
21964
|
/** (optional) sets and shows the warning message value */
|
|
21889
|
-
warningMessage?: string
|
|
21965
|
+
warningMessage?: string;
|
|
21890
21966
|
/** (optional) sets the test id for input field container for test automation*/
|
|
21891
|
-
containerTestId?: string
|
|
21967
|
+
containerTestId?: string;
|
|
21892
21968
|
/** (optional) sets label test id */
|
|
21893
|
-
labelTestId?: string
|
|
21969
|
+
labelTestId?: string;
|
|
21894
21970
|
/** (option) sets validation message test id for test automation */
|
|
21895
|
-
errorTestId?: string
|
|
21971
|
+
errorTestId?: string;
|
|
21896
21972
|
/** (option) sets caption message test id for test automation */
|
|
21897
|
-
captionTestId?: string
|
|
21898
|
-
capture?: boolean | "user" | "environment"
|
|
21973
|
+
captionTestId?: string;
|
|
21974
|
+
capture?: boolean | "user" | "environment";
|
|
21899
21975
|
/**
|
|
21900
21976
|
* (optional) sets an overriding classname on the root element
|
|
21901
21977
|
*/
|
|
21902
|
-
classNameRoot?: string | SerializedStyles
|
|
21978
|
+
classNameRoot?: string | SerializedStyles;
|
|
21903
21979
|
/**
|
|
21904
21980
|
* (optional) sets an overriding classname on the container element
|
|
21905
21981
|
* @deprecated */
|
|
21906
|
-
classNameContainer?: string | SerializedStyles
|
|
21982
|
+
classNameContainer?: string | SerializedStyles;
|
|
21907
21983
|
/**
|
|
21908
21984
|
* (optional) sets an overriding classname on the input element
|
|
21909
21985
|
* @deprecated */
|
|
21910
|
-
classNameControl?: string | SerializedStyles
|
|
21986
|
+
classNameControl?: string | SerializedStyles;
|
|
21911
21987
|
/**
|
|
21912
21988
|
* (optional) sets an overriding classname on the label element
|
|
21913
21989
|
* @deprecated */
|
|
21914
|
-
classNameLabel?: string | SerializedStyles
|
|
21990
|
+
classNameLabel?: string | SerializedStyles;
|
|
21915
21991
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
21916
21992
|
|
|
21917
21993
|
/**
|
|
@@ -21941,13 +22017,13 @@ type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
|
21941
22017
|
* InputComboBox
|
|
21942
22018
|
* @component
|
|
21943
22019
|
* @example <InputComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
|
|
21944
|
-
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>):
|
|
22020
|
+
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
|
|
21945
22021
|
/**
|
|
21946
22022
|
* InputCreatableComboBox
|
|
21947
22023
|
* Like ComboBox, but allows for creating new options
|
|
21948
22024
|
* @component
|
|
21949
22025
|
* @example <InputCreatableComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
|
|
21950
|
-
declare function InputCreatableComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputCreatableComboBoxProps<TOption, IsMulti, TGroup>):
|
|
22026
|
+
declare function InputCreatableComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputCreatableComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
|
|
21951
22027
|
|
|
21952
22028
|
type ComboBoxSelectableOption = InputComboBoxOption<string | string[]>;
|
|
21953
22029
|
interface ComboBoxSelectableGroup extends GroupBase<ComboBoxSelectableOption> {
|
|
@@ -22010,7 +22086,7 @@ type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'o
|
|
|
22010
22086
|
* Input Inline Select
|
|
22011
22087
|
* @example <InputInlineSelect disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
|
|
22012
22088
|
*/
|
|
22013
|
-
declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) =>
|
|
22089
|
+
declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22014
22090
|
|
|
22015
22091
|
interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
22016
22092
|
/** function that takes a string value */
|
|
@@ -22064,9 +22140,9 @@ type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> &
|
|
|
22064
22140
|
*/
|
|
22065
22141
|
declare const DebouncedInputKeywordSearch: React$1.ForwardRefExoticComponent<Omit<InputKeywordSearchProps, "value"> & {
|
|
22066
22142
|
/** Debounce delay in milliseconds */
|
|
22067
|
-
delay?: number
|
|
22143
|
+
delay?: number;
|
|
22068
22144
|
/**Default value to initialize field with, as it is not controlled component and does not support providing values */
|
|
22069
|
-
defaultValue?: string
|
|
22145
|
+
defaultValue?: string;
|
|
22070
22146
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
22071
22147
|
|
|
22072
22148
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
@@ -22111,107 +22187,41 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
|
22111
22187
|
*/
|
|
22112
22188
|
declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
22113
22189
|
/** (optional) sets the first item in the options list with empty value */
|
|
22114
|
-
defaultOption?: string
|
|
22190
|
+
defaultOption?: string;
|
|
22115
22191
|
/** sets an array of select options with value and text value */
|
|
22116
22192
|
options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
|
|
22117
22193
|
label: string;
|
|
22118
22194
|
}>;
|
|
22119
22195
|
/** (optional) sets caption text value */
|
|
22120
|
-
caption?: string | JSX.Element
|
|
22196
|
+
caption?: string | JSX.Element;
|
|
22121
22197
|
/** sets the label value */
|
|
22122
22198
|
label: string;
|
|
22123
22199
|
/** (optional) sets whether to hide the label and use aria-label on the input field
|
|
22124
22200
|
* @default false
|
|
22125
22201
|
*/
|
|
22126
|
-
showLabel?: boolean
|
|
22202
|
+
showLabel?: boolean;
|
|
22127
22203
|
/** (optional) sets and shows the the error message value */
|
|
22128
|
-
errorMessage?: string
|
|
22204
|
+
errorMessage?: string;
|
|
22129
22205
|
/** (optional) sets and shows the warning message value */
|
|
22130
|
-
warningMessage?: string
|
|
22206
|
+
warningMessage?: string;
|
|
22131
22207
|
/** (optional) allows react components to be added inline with the label element */
|
|
22132
|
-
labelCta?: JSX.Element
|
|
22208
|
+
labelCta?: JSX.Element;
|
|
22133
22209
|
/** (optional) styles the component in a compact format */
|
|
22134
|
-
compact?: boolean
|
|
22210
|
+
compact?: boolean;
|
|
22135
22211
|
/**
|
|
22136
22212
|
* (optional) sets an overriding classname on the container element
|
|
22137
22213
|
* @deprecated */
|
|
22138
|
-
classNameContainer?: string
|
|
22214
|
+
classNameContainer?: string;
|
|
22139
22215
|
/**
|
|
22140
22216
|
* (optional) sets an overriding classname on the input element
|
|
22141
22217
|
* @deprecated */
|
|
22142
|
-
classNameControl?: string
|
|
22218
|
+
classNameControl?: string;
|
|
22143
22219
|
/**
|
|
22144
22220
|
* (optional) sets an overriding classname on the label element
|
|
22145
22221
|
* @deprecated */
|
|
22146
|
-
classNameLabel?: string
|
|
22222
|
+
classNameLabel?: string;
|
|
22147
22223
|
} & React$1.RefAttributes<HTMLSelectElement>>;
|
|
22148
22224
|
|
|
22149
|
-
/**
|
|
22150
|
-
* A string in the ISO 8601 time format: hh:mm
|
|
22151
|
-
*/
|
|
22152
|
-
type IsoTimeString = string;
|
|
22153
|
-
type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
|
|
22154
|
-
/** (optional) sets the label value */
|
|
22155
|
-
label?: string;
|
|
22156
|
-
/** (optional) sets caption text value */
|
|
22157
|
-
caption?: string | JSX.Element;
|
|
22158
|
-
/** The current value in ISO 8601 time format */
|
|
22159
|
-
value: IsoTimeString | null | undefined;
|
|
22160
|
-
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
22161
|
-
minValue?: IsoTimeString;
|
|
22162
|
-
/** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
|
|
22163
|
-
maxValue?: IsoTimeString;
|
|
22164
|
-
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
22165
|
-
showLabel?: boolean;
|
|
22166
|
-
/** (optional) sets and shows the the error message value */
|
|
22167
|
-
errorMessage?: string;
|
|
22168
|
-
/** (optional) sets and shows the warning message value */
|
|
22169
|
-
warningMessage?: string;
|
|
22170
|
-
/** (optional) sets the test id for input field container for test automation*/
|
|
22171
|
-
containerTestId?: string;
|
|
22172
|
-
/** (optional) sets label test id */
|
|
22173
|
-
labelTestId?: string;
|
|
22174
|
-
/** (option) sets validation message test id for test automation */
|
|
22175
|
-
errorTestId?: string;
|
|
22176
|
-
/** (option) sets caption message test id for test automation */
|
|
22177
|
-
captionTestId?: string;
|
|
22178
|
-
belowInputSlot?: ReactNode;
|
|
22179
|
-
onChange?: (value: IsoTimeString) => void;
|
|
22180
|
-
};
|
|
22181
|
-
/**
|
|
22182
|
-
* Time input with segmented control
|
|
22183
|
-
*
|
|
22184
|
-
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
22185
|
-
*/
|
|
22186
|
-
declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
|
|
22187
|
-
/** (optional) sets the label value */
|
|
22188
|
-
label?: string | undefined;
|
|
22189
|
-
/** (optional) sets caption text value */
|
|
22190
|
-
caption?: string | JSX.Element | undefined;
|
|
22191
|
-
/** The current value in ISO 8601 time format */
|
|
22192
|
-
value: IsoTimeString | null | undefined;
|
|
22193
|
-
/** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
|
|
22194
|
-
minValue?: string | undefined;
|
|
22195
|
-
/** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
|
|
22196
|
-
maxValue?: string | undefined;
|
|
22197
|
-
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
22198
|
-
showLabel?: boolean | undefined;
|
|
22199
|
-
/** (optional) sets and shows the the error message value */
|
|
22200
|
-
errorMessage?: string | undefined;
|
|
22201
|
-
/** (optional) sets and shows the warning message value */
|
|
22202
|
-
warningMessage?: string | undefined;
|
|
22203
|
-
/** (optional) sets the test id for input field container for test automation*/
|
|
22204
|
-
containerTestId?: string | undefined;
|
|
22205
|
-
/** (optional) sets label test id */
|
|
22206
|
-
labelTestId?: string | undefined;
|
|
22207
|
-
/** (option) sets validation message test id for test automation */
|
|
22208
|
-
errorTestId?: string | undefined;
|
|
22209
|
-
/** (option) sets caption message test id for test automation */
|
|
22210
|
-
captionTestId?: string | undefined;
|
|
22211
|
-
belowInputSlot?: ReactNode;
|
|
22212
|
-
onChange?: ((value: IsoTimeString) => void) | undefined;
|
|
22213
|
-
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
22214
|
-
|
|
22215
22225
|
type FontWeightProps = 'normal' | 'medium' | 'bold';
|
|
22216
22226
|
type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
22217
22227
|
/** sets the label value */
|
|
@@ -22247,27 +22257,27 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
|
|
|
22247
22257
|
/** sets the label value */
|
|
22248
22258
|
label: React$1.ReactNode;
|
|
22249
22259
|
/** sets the type of input to use, either radio or checkbox */
|
|
22250
|
-
type:
|
|
22260
|
+
type: "radio" | "checkbox";
|
|
22251
22261
|
/** sets the name value of the radio/checkbox input */
|
|
22252
22262
|
name: string;
|
|
22253
22263
|
/** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
|
|
22254
|
-
showLabel?: boolean
|
|
22264
|
+
showLabel?: boolean;
|
|
22255
22265
|
/** (optional) sets the disabled state */
|
|
22256
|
-
disabled?: boolean
|
|
22266
|
+
disabled?: boolean;
|
|
22257
22267
|
/** (optional) sets the checked state of the input */
|
|
22258
|
-
checked?: boolean
|
|
22268
|
+
checked?: boolean;
|
|
22259
22269
|
/** (optional) sets caption text value */
|
|
22260
|
-
caption?: string | JSX.Element
|
|
22270
|
+
caption?: string | JSX.Element;
|
|
22261
22271
|
/** (optional) sets shows the the error message value */
|
|
22262
|
-
errorMessage?: string
|
|
22272
|
+
errorMessage?: string;
|
|
22263
22273
|
/** (optional) sets and shows the warning message value */
|
|
22264
|
-
warningMessage?: string
|
|
22274
|
+
warningMessage?: string;
|
|
22265
22275
|
/** (optional) sets the font weight of the label text
|
|
22266
22276
|
* @default 'normal'
|
|
22267
22277
|
*/
|
|
22268
|
-
fontWeight?: FontWeightProps
|
|
22278
|
+
fontWeight?: FontWeightProps;
|
|
22269
22279
|
/** (optional) sets test id for test automation*/
|
|
22270
|
-
testId?: string
|
|
22280
|
+
testId?: string;
|
|
22271
22281
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
22272
22282
|
|
|
22273
22283
|
type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
|
|
@@ -22278,12 +22288,12 @@ type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
|
|
|
22278
22288
|
/** (optional) test id for test automation*/
|
|
22279
22289
|
testId?: string;
|
|
22280
22290
|
};
|
|
22281
|
-
declare const Label: ({ children, className, testId, ...props }: LabelProps) =>
|
|
22291
|
+
declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22282
22292
|
|
|
22283
22293
|
type LegendProps = {
|
|
22284
22294
|
children: ReactNode;
|
|
22285
22295
|
};
|
|
22286
|
-
declare const Legend: ({ children }: LegendProps) =>
|
|
22296
|
+
declare const Legend: ({ children }: LegendProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22287
22297
|
|
|
22288
22298
|
type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
22289
22299
|
/** sets the error message value */
|
|
@@ -22295,7 +22305,7 @@ type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
22295
22305
|
* Component that provides success messaging to input fields
|
|
22296
22306
|
* @example <SuccessMessage>something went wrong, please try again</SuccessMessage>
|
|
22297
22307
|
*/
|
|
22298
|
-
declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) =>
|
|
22308
|
+
declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
22299
22309
|
|
|
22300
22310
|
type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
22301
22311
|
/** (optional) sets the label value */
|
|
@@ -22318,18 +22328,18 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
|
22318
22328
|
*/
|
|
22319
22329
|
declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
22320
22330
|
/** (optional) sets the label value */
|
|
22321
|
-
label?: string
|
|
22331
|
+
label?: string;
|
|
22322
22332
|
/** (optional) sets caption text value */
|
|
22323
|
-
caption?: string | JSX.Element
|
|
22333
|
+
caption?: string | JSX.Element;
|
|
22324
22334
|
/** (optional) add an input icon to the input field */
|
|
22325
|
-
icon?: React$1.ReactElement
|
|
22335
|
+
icon?: React$1.ReactElement;
|
|
22326
22336
|
/** (optional) sets whether to hide the label and use aria-label on the input field */
|
|
22327
|
-
showLabel?: boolean
|
|
22337
|
+
showLabel?: boolean;
|
|
22328
22338
|
/** (optional) sets shows the error message value */
|
|
22329
|
-
errorMessage?: string
|
|
22339
|
+
errorMessage?: string;
|
|
22330
22340
|
/** (optional) sets and shows the warning message value */
|
|
22331
|
-
warningMessage?: string
|
|
22332
|
-
capture?: boolean | "user" | "environment"
|
|
22341
|
+
warningMessage?: string;
|
|
22342
|
+
capture?: boolean | "user" | "environment";
|
|
22333
22343
|
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
22334
22344
|
|
|
22335
22345
|
type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -22342,7 +22352,7 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
22342
22352
|
* Component that provides warning messaging to input fields
|
|
22343
22353
|
* @example <WarningMessage>something went wrong, please try again</ErrorMessage>
|
|
22344
22354
|
*/
|
|
22345
|
-
declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) =>
|
|
22355
|
+
declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
22346
22356
|
|
|
22347
22357
|
type IntegrationModalHeaderProps = {
|
|
22348
22358
|
/** sets the icon as inline svg or img tag */
|
|
@@ -22357,11 +22367,11 @@ type IntegrationModalHeaderProps = {
|
|
|
22357
22367
|
menu?: React$1.ReactNode;
|
|
22358
22368
|
};
|
|
22359
22369
|
type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
|
|
22360
|
-
declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) =>
|
|
22370
|
+
declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22361
22371
|
/** Uniform Integration Modal Header
|
|
22362
22372
|
* @example <IntegrationModalHeader icon="/icon.svg" name="name" />
|
|
22363
22373
|
*/
|
|
22364
|
-
declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) =>
|
|
22374
|
+
declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22365
22375
|
|
|
22366
22376
|
type JsonEditorProps = {
|
|
22367
22377
|
/**
|
|
@@ -22384,7 +22394,7 @@ type JsonEditorProps = {
|
|
|
22384
22394
|
/** Makes the editor read-only */
|
|
22385
22395
|
readOnly?: boolean;
|
|
22386
22396
|
};
|
|
22387
|
-
declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) =>
|
|
22397
|
+
declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22388
22398
|
|
|
22389
22399
|
type KeyValueItem<TValue extends string = string> = {
|
|
22390
22400
|
key: string;
|
|
@@ -22411,7 +22421,7 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
22411
22421
|
* return <KeyValueInput value={value} onChange={setValue} />
|
|
22412
22422
|
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
22413
22423
|
*/
|
|
22414
|
-
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) =>
|
|
22424
|
+
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22415
22425
|
|
|
22416
22426
|
type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
|
|
22417
22427
|
type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
|
|
@@ -22453,9 +22463,9 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
|
|
|
22453
22463
|
tag?: HtmlTagProps;
|
|
22454
22464
|
children: React$1.ReactNode;
|
|
22455
22465
|
};
|
|
22456
|
-
declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) =>
|
|
22466
|
+
declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22457
22467
|
|
|
22458
|
-
declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) =>
|
|
22468
|
+
declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22459
22469
|
|
|
22460
22470
|
type TwoColumnLayoutProps = {
|
|
22461
22471
|
/** sets the full bleed background colour
|
|
@@ -22472,9 +22482,9 @@ type TwoColumnLayoutProps = {
|
|
|
22472
22482
|
invertLayout?: boolean;
|
|
22473
22483
|
};
|
|
22474
22484
|
/** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
|
|
22475
|
-
declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) =>
|
|
22485
|
+
declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22476
22486
|
|
|
22477
|
-
declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) =>
|
|
22487
|
+
declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22478
22488
|
|
|
22479
22489
|
type LimitsBarProps = {
|
|
22480
22490
|
/** The current value of used limits */
|
|
@@ -22488,7 +22498,7 @@ type LimitsBarProps = {
|
|
|
22488
22498
|
* Uniform Limits Bar Component
|
|
22489
22499
|
* @example <LimitsBar current="3" max="5" label="signals" />
|
|
22490
22500
|
*/
|
|
22491
|
-
declare const LimitsBar: ({ current, max, label }: LimitsBarProps) =>
|
|
22501
|
+
declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22492
22502
|
|
|
22493
22503
|
type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
22494
22504
|
/** sets the title field */
|
|
@@ -22500,7 +22510,7 @@ type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
22500
22510
|
/** (optional) sets react child component */
|
|
22501
22511
|
children?: React$1.ReactNode;
|
|
22502
22512
|
};
|
|
22503
|
-
declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) =>
|
|
22513
|
+
declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22504
22514
|
|
|
22505
22515
|
type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
22506
22516
|
/** (optional) sets the label value */
|
|
@@ -22512,7 +22522,7 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
22512
22522
|
* Component that sets the base structure for scrollable content in a max height container
|
|
22513
22523
|
* @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
|
|
22514
22524
|
*/
|
|
22515
|
-
declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) =>
|
|
22525
|
+
declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22516
22526
|
|
|
22517
22527
|
type ScrollableListContainerProps = {
|
|
22518
22528
|
/** sets whether to show or hide the shadow around the element
|
|
@@ -22534,7 +22544,7 @@ type ScrollableItemProps = {
|
|
|
22534
22544
|
children: React.ReactNode;
|
|
22535
22545
|
} & ScrollableListContainerProps;
|
|
22536
22546
|
/** @example <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
|
|
22537
|
-
declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) =>
|
|
22547
|
+
declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22538
22548
|
|
|
22539
22549
|
type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
22540
22550
|
/** sets the button text value */
|
|
@@ -22545,15 +22555,15 @@ type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> &
|
|
|
22545
22555
|
* Component used within <ScrollableList /> for adding interactive button components with predefined styles
|
|
22546
22556
|
* @example <ScrollableListItem buttontext="my button" active={false} />
|
|
22547
22557
|
*/
|
|
22548
|
-
declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) =>
|
|
22558
|
+
declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22549
22559
|
|
|
22550
22560
|
/**
|
|
22551
22561
|
* Loading Indicator
|
|
22552
22562
|
* @example <LoadingIndicator />
|
|
22553
22563
|
*/
|
|
22554
22564
|
declare const LoadingIndicator: ({ size, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
22555
|
-
size?: "
|
|
22556
|
-
}) =>
|
|
22565
|
+
size?: "lg" | "sm";
|
|
22566
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22557
22567
|
|
|
22558
22568
|
interface LoadingOverlayProps {
|
|
22559
22569
|
/** sets whether to display the loading overlay components */
|
|
@@ -22587,7 +22597,7 @@ interface LoadingOverlayProps {
|
|
|
22587
22597
|
* NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
|
|
22588
22598
|
* @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
|
|
22589
22599
|
*/
|
|
22590
|
-
declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) =>
|
|
22600
|
+
declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22591
22601
|
interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
|
|
22592
22602
|
/** (optional) prop that sets a number value for the height of the icon */
|
|
22593
22603
|
width?: number;
|
|
@@ -22598,7 +22608,7 @@ interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
|
|
|
22598
22608
|
* Loading Icon
|
|
22599
22609
|
* @example <LoadingIcon height={128} width={128} />
|
|
22600
22610
|
*/
|
|
22601
|
-
declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) =>
|
|
22611
|
+
declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22602
22612
|
|
|
22603
22613
|
interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
22604
22614
|
children: React.ReactNode;
|
|
@@ -22606,7 +22616,7 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
|
|
|
22606
22616
|
bgColor?: string;
|
|
22607
22617
|
}
|
|
22608
22618
|
/** Renders a dropdown menu style menu trigger button */
|
|
22609
|
-
declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps):
|
|
22619
|
+
declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
22610
22620
|
|
|
22611
22621
|
declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
|
|
22612
22622
|
type LegacyPlacement = (typeof legacyPlacements)[number];
|
|
@@ -22671,7 +22681,7 @@ type MenuGroupProps = {
|
|
|
22671
22681
|
/** Menu items to render in the group */
|
|
22672
22682
|
children: ReactNode;
|
|
22673
22683
|
};
|
|
22674
|
-
declare const MenuGroup: ({ title, children }: MenuGroupProps) =>
|
|
22684
|
+
declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22675
22685
|
|
|
22676
22686
|
type MenuItemTextThemeProps = 'base' | 'red';
|
|
22677
22687
|
type MenuItemProps = MenuItemProps$1 & {
|
|
@@ -22706,7 +22716,7 @@ type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement |
|
|
|
22706
22716
|
* MenuItem Component used along side <Menu /> component
|
|
22707
22717
|
* @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
|
|
22708
22718
|
*/
|
|
22709
|
-
declare const MenuItem: React$1.
|
|
22719
|
+
declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
22710
22720
|
/**
|
|
22711
22721
|
* MenuItem Component for headless use outside <Menu /> component
|
|
22712
22722
|
* Use only if adapting Uniform menu item appearance to a non-ariakit menu.
|
|
@@ -22720,15 +22730,15 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
|
|
|
22720
22730
|
*/
|
|
22721
22731
|
declare function MenuItemIcon({ icon }: {
|
|
22722
22732
|
icon: IconType;
|
|
22723
|
-
}):
|
|
22733
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
22724
22734
|
/**
|
|
22725
22735
|
* Indents a menu item as if it had an icon when it does not
|
|
22726
22736
|
* Use this to align menu items without icons with those that have icons
|
|
22727
22737
|
* in a mixed menu. Intended to be passed as the `icon` prop to a MenuItem.
|
|
22728
22738
|
*/
|
|
22729
|
-
declare function MenuItemEmptyIcon():
|
|
22739
|
+
declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
|
|
22730
22740
|
|
|
22731
|
-
declare const MenuItemSeparator: () =>
|
|
22741
|
+
declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
22732
22742
|
|
|
22733
22743
|
type MenuButtonProp = {
|
|
22734
22744
|
children: React.ReactNode;
|
|
@@ -22750,11 +22760,11 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
|
22750
22760
|
/** sets the aria-label and title value on the button
|
|
22751
22761
|
* @default 'More options'
|
|
22752
22762
|
*/
|
|
22753
|
-
buttonTitle?: string
|
|
22763
|
+
buttonTitle?: string;
|
|
22754
22764
|
/** sets the icon size
|
|
22755
22765
|
* @default '1rem'
|
|
22756
22766
|
*/
|
|
22757
|
-
iconSize?: string
|
|
22767
|
+
iconSize?: string;
|
|
22758
22768
|
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
22759
22769
|
|
|
22760
22770
|
type SearchableMenuProps = {
|
|
@@ -22770,12 +22780,12 @@ type SearchableMenuProps = {
|
|
|
22770
22780
|
/**
|
|
22771
22781
|
* Searchable menu allows searching through its menu items
|
|
22772
22782
|
*/
|
|
22773
|
-
declare function SearchableMenu(props: SearchableMenuProps):
|
|
22783
|
+
declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
22774
22784
|
|
|
22775
22785
|
interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
|
|
22776
22786
|
selected: boolean;
|
|
22777
22787
|
}
|
|
22778
|
-
declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps):
|
|
22788
|
+
declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
22779
22789
|
|
|
22780
22790
|
type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
22781
22791
|
title: string;
|
|
@@ -22787,7 +22797,7 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
|
22787
22797
|
buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
22788
22798
|
onClick?: () => void;
|
|
22789
22799
|
};
|
|
22790
|
-
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) =>
|
|
22800
|
+
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22791
22801
|
|
|
22792
22802
|
type ModalProps = {
|
|
22793
22803
|
header?: React__default.ReactNode;
|
|
@@ -22829,7 +22839,7 @@ type ObjectGridContainerProps = {
|
|
|
22829
22839
|
/** The children to render */
|
|
22830
22840
|
children: React.ReactNode;
|
|
22831
22841
|
};
|
|
22832
|
-
declare const ObjectGridContainer: ({ gridCount, children }: ObjectGridContainerProps) =>
|
|
22842
|
+
declare const ObjectGridContainer: ({ gridCount, children }: ObjectGridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22833
22843
|
|
|
22834
22844
|
type ObjectHeadingProps = {
|
|
22835
22845
|
/** sets the heading value */
|
|
@@ -22857,31 +22867,31 @@ type ObjectItemProps = {
|
|
|
22857
22867
|
type ObjectGridItemProps = ObjectItemProps & {
|
|
22858
22868
|
isSelected?: boolean;
|
|
22859
22869
|
};
|
|
22860
|
-
declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, }: ObjectGridItemProps) =>
|
|
22870
|
+
declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22861
22871
|
|
|
22862
22872
|
type ObjectGridItemCardCoverProps = {
|
|
22863
22873
|
icon: IconType;
|
|
22864
22874
|
} | {
|
|
22865
22875
|
imageUrl: string;
|
|
22866
22876
|
};
|
|
22867
|
-
declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) =>
|
|
22877
|
+
declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
|
|
22868
22878
|
type ObjectGridItemCoverProps = {
|
|
22869
22879
|
/** The left slot to render components */
|
|
22870
22880
|
coverSlotLeft?: React.ReactNode;
|
|
22871
22881
|
/** The right slot to render components */
|
|
22872
22882
|
coverSlotRight?: React.ReactNode;
|
|
22873
22883
|
} & ObjectGridItemCardCoverProps;
|
|
22874
|
-
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) =>
|
|
22884
|
+
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22875
22885
|
type ObjectGridItemCoverButtonProps = {
|
|
22876
22886
|
id: string;
|
|
22877
22887
|
onSelection: (id: string) => void;
|
|
22878
22888
|
isSelected: boolean;
|
|
22879
22889
|
selectedText?: string;
|
|
22880
22890
|
} & ObjectGridItemCoverProps;
|
|
22881
|
-
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, coverSlotLeft, coverSlotRight, selectedText, ...props }: ObjectGridItemCoverButtonProps) =>
|
|
22891
|
+
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, coverSlotLeft, coverSlotRight, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22882
22892
|
|
|
22883
22893
|
type ObjectGridItemTitleProps = ObjectHeadingProps;
|
|
22884
|
-
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) =>
|
|
22894
|
+
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22885
22895
|
|
|
22886
22896
|
type ObjectGridItemIconWithTooltipProps = {
|
|
22887
22897
|
/** The title of the tooltip */
|
|
@@ -22891,12 +22901,12 @@ type ObjectGridItemIconWithTooltipProps = {
|
|
|
22891
22901
|
/** The color of the icon */
|
|
22892
22902
|
iconColor?: IconColor;
|
|
22893
22903
|
} & Pick<TooltipProps, 'placement'>;
|
|
22894
|
-
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) =>
|
|
22904
|
+
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22895
22905
|
|
|
22896
22906
|
/** @deprecated - Beta Object grid loading skeleton component
|
|
22897
22907
|
* @example <ObjectGridItemLoadingSkeleton />
|
|
22898
22908
|
*/
|
|
22899
|
-
declare const ObjectGridItemLoadingSkeleton: () =>
|
|
22909
|
+
declare const ObjectGridItemLoadingSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
22900
22910
|
|
|
22901
22911
|
/** @deprecated - Beta Object item loading skeleton component */
|
|
22902
22912
|
type ObjectItemLoadingSkeletonProps = {
|
|
@@ -22910,7 +22920,7 @@ type ObjectItemLoadingSkeletonProps = {
|
|
|
22910
22920
|
/** @deprecated - Beta Object item loading skeleton component
|
|
22911
22921
|
* @example <ObjectItemLoadingSkeleton showCover />
|
|
22912
22922
|
*/
|
|
22913
|
-
declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) =>
|
|
22923
|
+
declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22914
22924
|
|
|
22915
22925
|
/** @deprecated - Beta Object list item component */
|
|
22916
22926
|
type ObjectListItemProps = ObjectListItemSingleProps | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
|
|
@@ -22926,10 +22936,10 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
|
|
|
22926
22936
|
children?: ReactNode;
|
|
22927
22937
|
};
|
|
22928
22938
|
/** @deprecated - beta Object list item component */
|
|
22929
|
-
declare const ObjectListItem: (props: ObjectListItemProps) =>
|
|
22939
|
+
declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22930
22940
|
|
|
22931
22941
|
/** @deprecated - Beta Object list item container component */
|
|
22932
|
-
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) =>
|
|
22942
|
+
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22933
22943
|
|
|
22934
22944
|
/** @deprecated - Beta Object list item cover component */
|
|
22935
22945
|
type ObjectListItemCoverProps = {
|
|
@@ -22940,21 +22950,21 @@ type ObjectListItemCoverProps = {
|
|
|
22940
22950
|
noImageText?: string;
|
|
22941
22951
|
} & HTMLAttributes<HTMLImageElement>;
|
|
22942
22952
|
/** @deprecated - beta Object list item cover component */
|
|
22943
|
-
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) =>
|
|
22953
|
+
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22944
22954
|
|
|
22945
22955
|
/** @deprecated - Beta Object list item heading component */
|
|
22946
22956
|
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
|
|
22947
22957
|
heading: ReactNode;
|
|
22948
22958
|
};
|
|
22949
22959
|
/** @deprecated - beta Object list item heading component */
|
|
22950
|
-
declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, ...props }: ObjectListItemHeadingProps) =>
|
|
22960
|
+
declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, ...props }: ObjectListItemHeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22951
22961
|
|
|
22952
22962
|
declare function Pagination({ limit, offset, total, onPageChange, }: {
|
|
22953
22963
|
limit: number;
|
|
22954
22964
|
offset: number;
|
|
22955
22965
|
total: number;
|
|
22956
22966
|
onPageChange: (limit: number, offset: number) => void;
|
|
22957
|
-
}):
|
|
22967
|
+
}): _emotion_react_jsx_runtime.JSX.Element | null;
|
|
22958
22968
|
|
|
22959
22969
|
type CommonParameterProps = {
|
|
22960
22970
|
/** sets the label value */
|
|
@@ -23030,9 +23040,9 @@ type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
|
23030
23040
|
/** Disables hover state, sets aria-disabled */
|
|
23031
23041
|
isLocked?: boolean;
|
|
23032
23042
|
};
|
|
23033
|
-
declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) =>
|
|
23043
|
+
declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23034
23044
|
/** @deprecated use LabelLeadingIcon */
|
|
23035
|
-
declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) =>
|
|
23045
|
+
declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23036
23046
|
|
|
23037
23047
|
type ParameterDataConnectButtonProps = {
|
|
23038
23048
|
/** Sets the label value */
|
|
@@ -23054,7 +23064,7 @@ type ParameterDataConnectButtonProps = {
|
|
|
23054
23064
|
* @example <ParameterDataConnectButton label="label" id="connect-data-button" onConnectDatasource={() => myFunction()}>Button Text</ParameterDataConnectButton>
|
|
23055
23065
|
* @deprecated no longer used in uniform UI
|
|
23056
23066
|
*/
|
|
23057
|
-
declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps):
|
|
23067
|
+
declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
23058
23068
|
|
|
23059
23069
|
type ParameterDrawerHeaderProps = {
|
|
23060
23070
|
title: string;
|
|
@@ -23064,7 +23074,7 @@ type ParameterDrawerHeaderProps = {
|
|
|
23064
23074
|
/**
|
|
23065
23075
|
* @deprecated use <Drawer heading={"Hi!"} /> instead, to use default drawer heading styles
|
|
23066
23076
|
*/
|
|
23067
|
-
declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) =>
|
|
23077
|
+
declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23068
23078
|
|
|
23069
23079
|
type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
|
|
23070
23080
|
/** sets the legend value */
|
|
@@ -23078,7 +23088,7 @@ declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
|
|
|
23078
23088
|
/** sets the legend value */
|
|
23079
23089
|
legend: string | JSX.Element;
|
|
23080
23090
|
/** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
|
|
23081
|
-
isDisabled?: boolean
|
|
23091
|
+
isDisabled?: boolean;
|
|
23082
23092
|
children: ReactNode;
|
|
23083
23093
|
} & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
23084
23094
|
|
|
@@ -23089,27 +23099,27 @@ type ParameterImageProps = Omit<CommonParameterInputProps, 'inputIcon' | 'type'>
|
|
|
23089
23099
|
/** @Example <ParameterImage {...inputArgs} value={value} onChange={(e) => setValue(e.currentTarget.value)} /> */
|
|
23090
23100
|
declare const ParameterImage: React__default.ForwardRefExoticComponent<Omit<CommonParameterInputProps, "type" | "inputIcon"> & React__default.InputHTMLAttributes<HTMLInputElement> & {
|
|
23091
23101
|
/** Turns off the image preview, if it's not desired or rendered separately with `ParameterImageImage` elsewhere */
|
|
23092
|
-
disablePreview?: boolean
|
|
23102
|
+
disablePreview?: boolean;
|
|
23093
23103
|
} & {
|
|
23094
|
-
children?: React__default.ReactNode;
|
|
23104
|
+
children?: React__default.ReactNode | undefined;
|
|
23095
23105
|
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
23096
23106
|
declare const ParameterImageInner: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
|
|
23097
|
-
disablePreview?: boolean
|
|
23107
|
+
disablePreview?: boolean;
|
|
23098
23108
|
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
23099
23109
|
|
|
23100
23110
|
declare function ParameterImagePreview({ imageSrc }: {
|
|
23101
23111
|
imageSrc: string;
|
|
23102
|
-
}):
|
|
23112
|
+
}): _emotion_react_jsx_runtime.JSX.Element | null;
|
|
23103
23113
|
|
|
23104
23114
|
type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
|
|
23105
23115
|
/** @example <ParameterInput label="label value" id="my-input" /> */
|
|
23106
23116
|
declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
23107
|
-
caption?: string
|
|
23117
|
+
caption?: string;
|
|
23108
23118
|
menuItems?: React$1.ReactNode;
|
|
23109
|
-
actionItems?: React
|
|
23110
|
-
errorTestId?: string
|
|
23111
|
-
captionTestId?: string
|
|
23112
|
-
title?: string
|
|
23119
|
+
actionItems?: React.ReactNode;
|
|
23120
|
+
errorTestId?: string;
|
|
23121
|
+
captionTestId?: string;
|
|
23122
|
+
title?: string;
|
|
23113
23123
|
} & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
23114
23124
|
declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
23115
23125
|
|
|
@@ -23121,7 +23131,7 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
|
|
|
23121
23131
|
asSpan?: boolean;
|
|
23122
23132
|
};
|
|
23123
23133
|
/** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
|
|
23124
|
-
declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) =>
|
|
23134
|
+
declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23125
23135
|
|
|
23126
23136
|
type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
|
|
23127
23137
|
/** (optional) sets the button text when value is empty
|
|
@@ -23136,22 +23146,22 @@ type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<
|
|
|
23136
23146
|
};
|
|
23137
23147
|
/** @example <ParameterLink label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
|
|
23138
23148
|
declare const ParameterLink: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
23139
|
-
caption?: string
|
|
23149
|
+
caption?: string;
|
|
23140
23150
|
menuItems?: React$1.ReactNode;
|
|
23141
|
-
actionItems?: React
|
|
23142
|
-
errorTestId?: string
|
|
23143
|
-
captionTestId?: string
|
|
23144
|
-
title?: string
|
|
23151
|
+
actionItems?: React.ReactNode;
|
|
23152
|
+
errorTestId?: string;
|
|
23153
|
+
captionTestId?: string;
|
|
23154
|
+
title?: string;
|
|
23145
23155
|
} & React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
23146
23156
|
/** (optional) sets the button text when value is empty
|
|
23147
23157
|
* @default 'Configure link'
|
|
23148
23158
|
*/
|
|
23149
|
-
buttonText?: string
|
|
23159
|
+
buttonText?: string;
|
|
23150
23160
|
/** sets the button function */
|
|
23151
23161
|
onConnectLink: () => void;
|
|
23152
23162
|
/** sets the disabled state of the button, useful for permissions */
|
|
23153
|
-
disabled?: boolean
|
|
23154
|
-
externalLink?: string
|
|
23163
|
+
disabled?: boolean;
|
|
23164
|
+
externalLink?: string;
|
|
23155
23165
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
23156
23166
|
declare const ParameterLinkInner: React$1.ForwardRefExoticComponent<Omit<ParameterLinkProps, "label" | "id"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
23157
23167
|
|
|
@@ -23171,11 +23181,11 @@ type ParameterMultiSelectProps = CommonParameterInputProps & ParameterMultiSelec
|
|
|
23171
23181
|
/**
|
|
23172
23182
|
* @deprecated beta
|
|
23173
23183
|
* @example <ParameterMultiSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
|
|
23174
|
-
declare const ParameterMultiSelect: ({ disabled, ...props }: ParameterMultiSelectProps) =>
|
|
23184
|
+
declare const ParameterMultiSelect: ({ disabled, ...props }: ParameterMultiSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23175
23185
|
/**
|
|
23176
23186
|
* @deprecated beta
|
|
23177
23187
|
* @example <ParameterMultiSelectInner options={[{ label: 'option label', value: 0}]} />*/
|
|
23178
|
-
declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) =>
|
|
23188
|
+
declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23179
23189
|
|
|
23180
23190
|
type ParameterNameAndPublicIdInputProps = {
|
|
23181
23191
|
id?: undefined | string;
|
|
@@ -23226,7 +23236,7 @@ type ParameterNameAndPublicIdInputProps = {
|
|
|
23226
23236
|
hasInitialPublicIdField?: boolean;
|
|
23227
23237
|
};
|
|
23228
23238
|
/** @example <ParameterNameAndPublicIdInput /> */
|
|
23229
|
-
declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) =>
|
|
23239
|
+
declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23230
23240
|
|
|
23231
23241
|
type LinkNodeProps = NonNullable<LinkParamValue>;
|
|
23232
23242
|
type SerializedLinkNode = Spread<{
|
|
@@ -23265,7 +23275,7 @@ declare const richTextToolbarButtonActive: _emotion_react.SerializedStyles;
|
|
|
23265
23275
|
type RichTextToolbarIconProps = {
|
|
23266
23276
|
icon: IconType;
|
|
23267
23277
|
};
|
|
23268
|
-
declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) =>
|
|
23278
|
+
declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23269
23279
|
type RichTextToolbarProps = {
|
|
23270
23280
|
config?: RichTextParamConfiguration;
|
|
23271
23281
|
/** Variables */
|
|
@@ -23297,32 +23307,25 @@ type ParameterRichTextInnerProps = RichTextProps & {
|
|
|
23297
23307
|
editorFooter?: React.ReactNode;
|
|
23298
23308
|
};
|
|
23299
23309
|
type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
|
|
23300
|
-
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, customNodes, children, variables, customControls, }: ParameterRichTextProps) =>
|
|
23301
|
-
declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, children, customNodes, variables, customControls, }: ParameterRichTextInnerProps) =>
|
|
23310
|
+
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, customNodes, children, variables, customControls, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23311
|
+
declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, children, customNodes, variables, customControls, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23302
23312
|
|
|
23303
23313
|
type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
|
|
23304
23314
|
/** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
|
|
23305
23315
|
declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
23306
|
-
caption?: string
|
|
23316
|
+
caption?: string;
|
|
23307
23317
|
menuItems?: React$1.ReactNode;
|
|
23308
|
-
actionItems?: React
|
|
23309
|
-
errorTestId?: string
|
|
23310
|
-
captionTestId?: string
|
|
23311
|
-
title?: string
|
|
23318
|
+
actionItems?: React.ReactNode;
|
|
23319
|
+
errorTestId?: string;
|
|
23320
|
+
captionTestId?: string;
|
|
23321
|
+
title?: string;
|
|
23312
23322
|
} & CommonParameterSelectProps & React$1.InputHTMLAttributes<HTMLSelectElement> & React$1.RefAttributes<HTMLSelectElement>>;
|
|
23313
23323
|
/** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
|
|
23314
23324
|
declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
|
|
23315
23325
|
|
|
23316
23326
|
/** A function that extracts all common props and element props
|
|
23317
23327
|
* @example const { shellProps, innerProps } = extractParameterProps(props) */
|
|
23318
|
-
declare const extractParameterProps: <T>(props: T &
|
|
23319
|
-
caption?: string | undefined;
|
|
23320
|
-
menuItems?: ReactNode;
|
|
23321
|
-
actionItems?: ReactNode;
|
|
23322
|
-
errorTestId?: string | undefined;
|
|
23323
|
-
captionTestId?: string | undefined;
|
|
23324
|
-
title?: string | undefined;
|
|
23325
|
-
}) => {
|
|
23328
|
+
declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
|
|
23326
23329
|
shellProps: {
|
|
23327
23330
|
id: string;
|
|
23328
23331
|
label: string;
|
|
@@ -23340,12 +23343,12 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
|
|
|
23340
23343
|
onResetOverriddenValue: (() => void) | undefined;
|
|
23341
23344
|
};
|
|
23342
23345
|
innerProps: Omit<T & CommonParameterProps & {
|
|
23343
|
-
caption?: string
|
|
23346
|
+
caption?: string;
|
|
23344
23347
|
menuItems?: ReactNode;
|
|
23345
|
-
actionItems?: ReactNode;
|
|
23346
|
-
errorTestId?: string
|
|
23347
|
-
captionTestId?: string
|
|
23348
|
-
title?: string
|
|
23348
|
+
actionItems?: React.ReactNode;
|
|
23349
|
+
errorTestId?: string;
|
|
23350
|
+
captionTestId?: string;
|
|
23351
|
+
title?: string;
|
|
23349
23352
|
}, "caption" | "label" | "title" | "id" | "warningMessage" | "errorMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "menuItems" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
|
|
23350
23353
|
};
|
|
23351
23354
|
type ParameterShellOverrideProps = {
|
|
@@ -23368,22 +23371,22 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
|
|
|
23368
23371
|
* Uniform Parameter shell component
|
|
23369
23372
|
* @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
|
|
23370
23373
|
*/
|
|
23371
|
-
declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) =>
|
|
23374
|
+
declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23372
23375
|
declare const ParameterShellPlaceholder: ({ children }: {
|
|
23373
23376
|
children?: ReactNode;
|
|
23374
|
-
}) =>
|
|
23377
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23375
23378
|
/** @deprecated */
|
|
23376
|
-
declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) =>
|
|
23379
|
+
declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23377
23380
|
|
|
23378
23381
|
type ParameterTextareaProps = CommonParameterInputProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
23379
23382
|
/** @example <ParameterTextarea label="label value" id="my-textarea" /> */
|
|
23380
23383
|
declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
23381
|
-
caption?: string
|
|
23384
|
+
caption?: string;
|
|
23382
23385
|
menuItems?: React$1.ReactNode;
|
|
23383
|
-
actionItems?: React
|
|
23384
|
-
errorTestId?: string
|
|
23385
|
-
captionTestId?: string
|
|
23386
|
-
title?: string
|
|
23386
|
+
actionItems?: React.ReactNode;
|
|
23387
|
+
errorTestId?: string;
|
|
23388
|
+
captionTestId?: string;
|
|
23389
|
+
title?: string;
|
|
23387
23390
|
} & React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
23388
23391
|
/** @example <ParameterTextareaInner /> */
|
|
23389
23392
|
declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -23393,14 +23396,14 @@ type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
|
|
|
23393
23396
|
};
|
|
23394
23397
|
/** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
|
|
23395
23398
|
declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
|
|
23396
|
-
caption?: string
|
|
23399
|
+
caption?: string;
|
|
23397
23400
|
menuItems?: React$1.ReactNode;
|
|
23398
|
-
actionItems?: React
|
|
23399
|
-
errorTestId?: string
|
|
23400
|
-
captionTestId?: string
|
|
23401
|
-
title?: string
|
|
23401
|
+
actionItems?: React.ReactNode;
|
|
23402
|
+
errorTestId?: string;
|
|
23403
|
+
captionTestId?: string;
|
|
23404
|
+
title?: string;
|
|
23402
23405
|
} & {
|
|
23403
|
-
type:
|
|
23406
|
+
type: "checkbox" | "radio";
|
|
23404
23407
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
23405
23408
|
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
23406
23409
|
|
|
@@ -23441,7 +23444,7 @@ type PopoverProps = PopoverProps$1 & {
|
|
|
23441
23444
|
*/
|
|
23442
23445
|
maxWidth?: string;
|
|
23443
23446
|
};
|
|
23444
|
-
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, onInit, maxWidth, ...otherProps }: PopoverProps) =>
|
|
23447
|
+
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23445
23448
|
/**
|
|
23446
23449
|
* Hook to get the current popover context
|
|
23447
23450
|
* @description This hook is used to get the current popover context
|
|
@@ -23459,7 +23462,7 @@ interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
23459
23462
|
/**
|
|
23460
23463
|
* @deprecated This component is in beta, and might receive breaking changes in minor releases!
|
|
23461
23464
|
*/
|
|
23462
|
-
declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps):
|
|
23465
|
+
declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
23463
23466
|
|
|
23464
23467
|
type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
|
|
23465
23468
|
type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
|
|
@@ -23477,7 +23480,7 @@ type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
|
|
|
23477
23480
|
* Component that sets the base structure for scrollable content in a max height container
|
|
23478
23481
|
* @example <ProgressList items={[{ id: 'step1', label: 'Step 1' }, { id: 'step2', label: 'Step 2' }]} />
|
|
23479
23482
|
*/
|
|
23480
|
-
declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) =>
|
|
23483
|
+
declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23481
23484
|
type ProgressListItemProps = React__default.HTMLAttributes<HTMLLIElement> & {
|
|
23482
23485
|
/** The status of the item. Defaults to 'queued' */
|
|
23483
23486
|
status?: ProgressListItemStatus;
|
|
@@ -23496,7 +23499,7 @@ type ProgressListItem<IdType extends string = string> = {
|
|
|
23496
23499
|
* */
|
|
23497
23500
|
errorLevel?: 'danger' | 'caution';
|
|
23498
23501
|
};
|
|
23499
|
-
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) =>
|
|
23502
|
+
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23500
23503
|
|
|
23501
23504
|
type SegmentedControlOption<TValue extends string = string> = {
|
|
23502
23505
|
value: TValue;
|
|
@@ -23545,7 +23548,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
23545
23548
|
* A control with multiple segments. Can be used as a replacement of radio buttons.
|
|
23546
23549
|
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
23547
23550
|
*/
|
|
23548
|
-
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) =>
|
|
23551
|
+
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23549
23552
|
|
|
23550
23553
|
type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
23551
23554
|
width?: string;
|
|
@@ -23557,7 +23560,7 @@ type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttribu
|
|
|
23557
23560
|
* A loading skeleton
|
|
23558
23561
|
* @example <Skeleton width="50%" height="32px" />
|
|
23559
23562
|
*/
|
|
23560
|
-
declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) =>
|
|
23563
|
+
declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23561
23564
|
|
|
23562
23565
|
type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
23563
23566
|
/** sets the label value */
|
|
@@ -23580,13 +23583,13 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
23580
23583
|
/** sets the label value */
|
|
23581
23584
|
label: ReactNode;
|
|
23582
23585
|
/** (optional) sets information text */
|
|
23583
|
-
infoText?: string
|
|
23586
|
+
infoText?: string;
|
|
23584
23587
|
/** sets the toggle text value */
|
|
23585
|
-
toggleText?: string
|
|
23588
|
+
toggleText?: string;
|
|
23586
23589
|
/** sets child elements */
|
|
23587
23590
|
children?: ReactNode;
|
|
23588
23591
|
/** the size of the control */
|
|
23589
|
-
switchSize?: "base" | "sm"
|
|
23592
|
+
switchSize?: "base" | "sm";
|
|
23590
23593
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
23591
23594
|
|
|
23592
23595
|
type TableProps = {
|
|
@@ -23628,7 +23631,7 @@ declare const Table: React$1.ForwardRefExoticComponent<{
|
|
|
23628
23631
|
/** The CSS padding of the table cells (includes the head cells as well).
|
|
23629
23632
|
* @default 'var(--spacing-base) var(--spacing-md)'
|
|
23630
23633
|
*/
|
|
23631
|
-
cellPadding?: string
|
|
23634
|
+
cellPadding?: string;
|
|
23632
23635
|
} & Omit<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "cellPadding"> & React$1.RefAttributes<HTMLTableElement>>;
|
|
23633
23636
|
declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
23634
23637
|
declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -23649,18 +23652,18 @@ type TabsProps<TTabName extends string = string> = {
|
|
|
23649
23652
|
*/
|
|
23650
23653
|
useHashForState?: boolean;
|
|
23651
23654
|
};
|
|
23652
|
-
declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) =>
|
|
23653
|
-
declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) =>
|
|
23655
|
+
declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23656
|
+
declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23654
23657
|
type TabButtonProps<TTabName extends string = string> = Partial<TabProps> & {
|
|
23655
23658
|
id: TTabName;
|
|
23656
23659
|
children: React__default.ReactNode;
|
|
23657
23660
|
};
|
|
23658
|
-
declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) =>
|
|
23661
|
+
declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23659
23662
|
type TabContentProps<TTabName extends string = string> = Partial<TabPanelProps> & {
|
|
23660
23663
|
tabId?: TTabName;
|
|
23661
23664
|
children: React__default.ReactNode;
|
|
23662
23665
|
};
|
|
23663
|
-
declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) =>
|
|
23666
|
+
declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23664
23667
|
|
|
23665
23668
|
type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
23666
23669
|
/** (optional) sets the title value
|
|
@@ -23678,7 +23681,7 @@ type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
23678
23681
|
*/
|
|
23679
23682
|
asDeepLink?: boolean;
|
|
23680
23683
|
};
|
|
23681
|
-
declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) =>
|
|
23684
|
+
declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23682
23685
|
|
|
23683
23686
|
interface IntegrationTileFields {
|
|
23684
23687
|
icon?: string | React.ComponentType<{
|
|
@@ -23700,7 +23703,7 @@ type EditTeamIntegrationTileProps = IntegrationTileFields & {
|
|
|
23700
23703
|
/** Uniform Edit Team Integration Tile
|
|
23701
23704
|
* @example <EditTeamIntegrationTile id="example" onEdit={() => func()} canEdit={true} isPublis={true} name="example" icon="./image.svg" />
|
|
23702
23705
|
*/
|
|
23703
|
-
declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) =>
|
|
23706
|
+
declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23704
23707
|
|
|
23705
23708
|
type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
|
|
23706
23709
|
/** sets the id and data-testid value */
|
|
@@ -23716,7 +23719,7 @@ type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<H
|
|
|
23716
23719
|
* Uniform Integration Coming Soon Component
|
|
23717
23720
|
* @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
|
|
23718
23721
|
*/
|
|
23719
|
-
declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) =>
|
|
23722
|
+
declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23720
23723
|
|
|
23721
23724
|
type IntegrationLoadingTileProps = {
|
|
23722
23725
|
/** (optional) sets the number of skeletal loading elements to show
|
|
@@ -23727,7 +23730,7 @@ type IntegrationLoadingTileProps = {
|
|
|
23727
23730
|
/** Uniform Integration Loading Tile
|
|
23728
23731
|
* @example <IntegrationLoadingTile count={10} />
|
|
23729
23732
|
*/
|
|
23730
|
-
declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) =>
|
|
23733
|
+
declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23731
23734
|
|
|
23732
23735
|
type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
|
|
23733
23736
|
/** sets the icon as inline svg or img tag */
|
|
@@ -23741,7 +23744,7 @@ type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
|
|
|
23741
23744
|
* Uniform Integration Modal Icon
|
|
23742
23745
|
* @example <IntegrationModalIcon name="name" icon="/my-icon.svg" />
|
|
23743
23746
|
*/
|
|
23744
|
-
declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) =>
|
|
23747
|
+
declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23745
23748
|
|
|
23746
23749
|
type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
23747
23750
|
id: string;
|
|
@@ -23753,7 +23756,7 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
|
|
|
23753
23756
|
className?: string;
|
|
23754
23757
|
}> | undefined;
|
|
23755
23758
|
};
|
|
23756
|
-
declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) =>
|
|
23759
|
+
declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23757
23760
|
|
|
23758
23761
|
type ClassNameOptions = 'logo' | 'author';
|
|
23759
23762
|
type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
|
|
@@ -23765,14 +23768,14 @@ type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVG
|
|
|
23765
23768
|
/** Uniform Resolve Icon Component
|
|
23766
23769
|
* @example <ResolveIcon icon="/my-image.png" name="my image" />
|
|
23767
23770
|
*/
|
|
23768
|
-
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) =>
|
|
23771
|
+
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
23769
23772
|
|
|
23770
23773
|
type TileProps = {
|
|
23771
23774
|
children: ReactNode;
|
|
23772
23775
|
disabled?: boolean;
|
|
23773
23776
|
isSelected?: boolean;
|
|
23774
23777
|
} & HtmlHTMLAttributes<HTMLButtonElement>;
|
|
23775
|
-
declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) =>
|
|
23778
|
+
declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23776
23779
|
|
|
23777
23780
|
type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
23778
23781
|
/** sets the background colour of the outter container
|
|
@@ -23798,13 +23801,13 @@ type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
|
23798
23801
|
* Uniform Tile Container Component
|
|
23799
23802
|
* @example <TileContainer><div>child content</div></TileContainer>
|
|
23800
23803
|
*/
|
|
23801
|
-
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) =>
|
|
23804
|
+
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23802
23805
|
|
|
23803
23806
|
type TileTitleProps = {
|
|
23804
23807
|
as?: 'heading' | 'description';
|
|
23805
23808
|
children: ReactNode;
|
|
23806
23809
|
} & HTMLAttributes<HTMLSpanElement>;
|
|
23807
|
-
declare const TileText: ({ as, children, ...props }: TileTitleProps) =>
|
|
23810
|
+
declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23808
23811
|
|
|
23809
23812
|
type ToastContainerProps = {
|
|
23810
23813
|
limit?: number;
|
|
@@ -23817,7 +23820,7 @@ type ToastContainerProps = {
|
|
|
23817
23820
|
* A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
|
|
23818
23821
|
* @example <App><ToastContainer autoCloseDelay="normal" /></App>
|
|
23819
23822
|
*/
|
|
23820
|
-
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) =>
|
|
23823
|
+
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23821
23824
|
|
|
23822
23825
|
/** Available heading weights e.g. 1 - 6 */
|
|
23823
23826
|
type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
|
|
@@ -23843,7 +23846,7 @@ type HeadingProps = {
|
|
|
23843
23846
|
* Component that sets the heading tag
|
|
23844
23847
|
* @example <Heading level={1}>Blog Post Title</Heading>
|
|
23845
23848
|
*/
|
|
23846
|
-
declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) =>
|
|
23849
|
+
declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23847
23850
|
|
|
23848
23851
|
type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
23849
23852
|
/** sets the title text of the integration */
|
|
@@ -23867,7 +23870,7 @@ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement>
|
|
|
23867
23870
|
* Uniform Integration Header Section Component
|
|
23868
23871
|
* @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
|
|
23869
23872
|
*/
|
|
23870
|
-
declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) =>
|
|
23873
|
+
declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23871
23874
|
|
|
23872
23875
|
type LinkColorProps = 'currentColor' | 'destructive' | 'default';
|
|
23873
23876
|
type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
@@ -23904,16 +23907,16 @@ declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.Anchor
|
|
|
23904
23907
|
/** (optional) sets the link color
|
|
23905
23908
|
* @default 'currentColor'
|
|
23906
23909
|
*/
|
|
23907
|
-
linkColor?: LinkColorProps
|
|
23910
|
+
linkColor?: LinkColorProps;
|
|
23908
23911
|
/** (optional) sets whether the link is external or not adding an icon to the link */
|
|
23909
|
-
external?: boolean
|
|
23912
|
+
external?: boolean;
|
|
23910
23913
|
/** (optional) For supporting inside next/link component */
|
|
23911
|
-
ref?: React$1.ForwardedRef<HTMLAnchorElement
|
|
23914
|
+
ref?: React$1.ForwardedRef<HTMLAnchorElement>;
|
|
23912
23915
|
/** (optional) sets react child elements */
|
|
23913
23916
|
children?: React$1.ReactNode;
|
|
23914
23917
|
} & {
|
|
23915
23918
|
href: string;
|
|
23916
|
-
as?: string
|
|
23919
|
+
as?: string;
|
|
23917
23920
|
linkManagerComponent: LinkManagerWithRefType;
|
|
23918
23921
|
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
23919
23922
|
|
|
@@ -23930,7 +23933,7 @@ type PageHeaderSectionProps = Omit<React$1.HTMLAttributes<HTMLHeadingElement>, '
|
|
|
23930
23933
|
level?: LevelProps;
|
|
23931
23934
|
linkManagerComponent?: LinkManagerWithRefType;
|
|
23932
23935
|
};
|
|
23933
|
-
declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) =>
|
|
23936
|
+
declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23934
23937
|
|
|
23935
23938
|
type ParagraphProps = {
|
|
23936
23939
|
/** (optional) adds child elements to the paragraph tag */
|
|
@@ -23944,7 +23947,7 @@ type ParagraphProps = {
|
|
|
23944
23947
|
* Component for generic paragraph tags
|
|
23945
23948
|
* @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
|
|
23946
23949
|
*/
|
|
23947
|
-
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) =>
|
|
23950
|
+
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23948
23951
|
|
|
23949
23952
|
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
|
|
23950
23953
|
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -23961,6 +23964,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23961
23964
|
*/
|
|
23962
23965
|
size?: 'sm' | 'base';
|
|
23963
23966
|
};
|
|
23964
|
-
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) =>
|
|
23967
|
+
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23965
23968
|
|
|
23966
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
|
|
23969
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
|