@uniformdev/design-system 19.199.0 → 19.199.1-alpha.10
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 +1109 -985
- package/dist/index.d.mts +134 -99
- package/dist/index.d.ts +134 -99
- package/dist/index.js +737 -615
- package/package.json +9 -9
package/dist/index.d.mts
CHANGED
|
@@ -20213,7 +20213,13 @@ declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }
|
|
|
20213
20213
|
|
|
20214
20214
|
type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
20215
20215
|
type AvatarProps = {
|
|
20216
|
+
/**
|
|
20217
|
+
* The src of the avatar.
|
|
20218
|
+
* When this is undefined, the label will not be rendered,
|
|
20219
|
+
* and a generic user icon will be shown (unless children are provided).
|
|
20220
|
+
*/
|
|
20216
20221
|
src?: string;
|
|
20222
|
+
/** Renders a tooltip over the avatar. Not used if there is no `src` */
|
|
20217
20223
|
label?: string;
|
|
20218
20224
|
size?: AvatarSizeProp;
|
|
20219
20225
|
/**
|
|
@@ -20228,10 +20234,12 @@ type AvatarProps = {
|
|
|
20228
20234
|
*/
|
|
20229
20235
|
declare const Avatar: ({ src, label, children, size, as, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20230
20236
|
|
|
20231
|
-
|
|
20237
|
+
interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20232
20238
|
/**
|
|
20233
|
-
* The maximum number of avatars to show.
|
|
20239
|
+
* The maximum number of avatars to show. This must be 2 or more.
|
|
20234
20240
|
* If this value is smaller than the number of children, the other avatars will be truncated and shows as "+N"
|
|
20241
|
+
* Note that when truncation occurs, the truncation "+N" avatar _counts as one_ towards the max.
|
|
20242
|
+
* For example with avatars A B C D, and max 3, the rendered avatars will be (A) (B) (+2).
|
|
20235
20243
|
* @default 5
|
|
20236
20244
|
* */
|
|
20237
20245
|
max?: number;
|
|
@@ -20240,7 +20248,11 @@ type AvatarGroupProps = {
|
|
|
20240
20248
|
* @default (n) => `and ${n} others`
|
|
20241
20249
|
* */
|
|
20242
20250
|
getTruncatedLabel?: (numberOfTruncatedItems: number) => string;
|
|
20243
|
-
|
|
20251
|
+
/**
|
|
20252
|
+
* The children to render. This component works best when the <Avatar> component are direct children.
|
|
20253
|
+
* **/
|
|
20254
|
+
children: React.ReactNode;
|
|
20255
|
+
}
|
|
20244
20256
|
/**
|
|
20245
20257
|
* @description Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.
|
|
20246
20258
|
* @example <AvatarGroup max={2}><Avatar>AB</Avatar><Avatar>CD</Avatar><Avatar>EF</Avatar><AvatarGroup>
|
|
@@ -20394,7 +20406,7 @@ type TooltipProps = TooltipOptions & {
|
|
|
20394
20406
|
children: JSX.Element;
|
|
20395
20407
|
/** If the tooltip should not be rendered inside a portal */
|
|
20396
20408
|
withoutPortal?: boolean;
|
|
20397
|
-
}
|
|
20409
|
+
} & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
20398
20410
|
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
20399
20411
|
|
|
20400
20412
|
/** Button themes that are available to use with our brand */
|
|
@@ -20435,38 +20447,38 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
20435
20447
|
declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
20436
20448
|
|
|
20437
20449
|
declare const allSupportedIcons: {
|
|
20438
|
-
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20439
|
-
card: (props: _react_icons_all_files.IconBaseProps) => React
|
|
20440
|
-
'image-text': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20441
|
-
'border-top': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20442
|
-
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20443
|
-
'text-input': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20444
|
-
'number-input': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20445
|
-
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20446
|
-
warning: (props: _react_icons_all_files.IconBaseProps) => React
|
|
20447
|
-
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20450
|
+
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20451
|
+
card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20452
|
+
'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20453
|
+
'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20454
|
+
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20455
|
+
'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20456
|
+
'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20457
|
+
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20458
|
+
warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20459
|
+
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20448
20460
|
settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
20449
|
-
'query-string': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20450
|
-
json: (props: _react_icons_all_files.IconBaseProps) => React
|
|
20451
|
-
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20452
|
-
'format-code': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20453
|
-
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20454
|
-
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20455
|
-
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20456
|
-
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20457
|
-
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20458
|
-
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20459
|
-
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20460
|
-
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20461
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20462
|
-
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20463
|
-
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20464
|
-
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20465
|
-
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20466
|
-
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20467
|
-
refresh: (props: _react_icons_all_files.IconBaseProps) => React
|
|
20468
|
-
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20469
|
-
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React
|
|
20461
|
+
'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20462
|
+
json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20463
|
+
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20464
|
+
'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20465
|
+
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20466
|
+
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20467
|
+
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20468
|
+
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20469
|
+
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20470
|
+
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20471
|
+
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20472
|
+
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20473
|
+
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20474
|
+
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20475
|
+
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20476
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20477
|
+
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20478
|
+
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20479
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20480
|
+
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20481
|
+
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20470
20482
|
'add-r': _react_icons_all_files.IconType;
|
|
20471
20483
|
add: _react_icons_all_files.IconType;
|
|
20472
20484
|
airplane: _react_icons_all_files.IconType;
|
|
@@ -21139,57 +21151,57 @@ interface IconProps extends IconBaseProps {
|
|
|
21139
21151
|
*/
|
|
21140
21152
|
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
21141
21153
|
|
|
21142
|
-
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21143
|
-
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21144
|
-
declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21145
|
-
declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21146
|
-
declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21147
|
-
declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21148
|
-
declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21149
|
-
declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21150
|
-
declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21151
|
-
declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21154
|
+
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21155
|
+
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21156
|
+
declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21157
|
+
declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21158
|
+
declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21159
|
+
declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21160
|
+
declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21161
|
+
declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21162
|
+
declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21163
|
+
declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21152
21164
|
declare const settingsIcon: IconType$2;
|
|
21153
21165
|
declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21154
|
-
declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21155
|
-
declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21156
|
-
declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21157
|
-
declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21158
|
-
declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21159
|
-
declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21166
|
+
declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21167
|
+
declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21168
|
+
declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21169
|
+
declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21170
|
+
declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21171
|
+
declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21160
21172
|
declare const customIcons: {
|
|
21161
|
-
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21162
|
-
card: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21163
|
-
'image-text': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21164
|
-
'border-top': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21165
|
-
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21166
|
-
'text-input': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21167
|
-
'number-input': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21168
|
-
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21169
|
-
warning: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21170
|
-
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21173
|
+
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21174
|
+
card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21175
|
+
'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21176
|
+
'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21177
|
+
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21178
|
+
'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21179
|
+
'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21180
|
+
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21181
|
+
warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21182
|
+
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21171
21183
|
settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21172
|
-
'query-string': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21173
|
-
json: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21174
|
-
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21175
|
-
'format-code': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21176
|
-
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21177
|
-
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21178
|
-
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21179
|
-
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21180
|
-
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21181
|
-
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21182
|
-
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21183
|
-
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21184
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21185
|
-
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21186
|
-
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21187
|
-
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21188
|
-
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21189
|
-
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21190
|
-
refresh: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21191
|
-
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21192
|
-
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React
|
|
21184
|
+
'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21185
|
+
json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21186
|
+
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21187
|
+
'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21188
|
+
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21189
|
+
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21190
|
+
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21191
|
+
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21192
|
+
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21193
|
+
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21194
|
+
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21195
|
+
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21196
|
+
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21197
|
+
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21198
|
+
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21199
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21200
|
+
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21201
|
+
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21202
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21203
|
+
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21204
|
+
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21193
21205
|
};
|
|
21194
21206
|
|
|
21195
21207
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -21207,7 +21219,7 @@ declare function IconsProvider({ children }: {
|
|
|
21207
21219
|
|
|
21208
21220
|
declare const uniformComponentIcon: IconType$1;
|
|
21209
21221
|
declare const uniformConditionalValuesIcon: IconType$1;
|
|
21210
|
-
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21222
|
+
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21211
21223
|
declare const uniformLocaleIcon: IconType$1;
|
|
21212
21224
|
declare const uniformLocaleDisabledIcon: IconType$1;
|
|
21213
21225
|
declare const uniformComponentPatternIcon: IconType$1;
|
|
@@ -22824,6 +22836,7 @@ interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps,
|
|
|
22824
22836
|
}
|
|
22825
22837
|
declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
22826
22838
|
|
|
22839
|
+
/** @deprecated - use GridListItem component instead */
|
|
22827
22840
|
type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
22828
22841
|
title: string;
|
|
22829
22842
|
subtitle?: React.ReactNode;
|
|
@@ -22834,6 +22847,7 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
|
22834
22847
|
buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
22835
22848
|
onClick?: () => void;
|
|
22836
22849
|
};
|
|
22850
|
+
/** @deprecated - use GridListItem component instead */
|
|
22837
22851
|
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22838
22852
|
|
|
22839
22853
|
type ModalProps = {
|
|
@@ -22880,20 +22894,26 @@ type ModalDialogProps = Omit<ModalProps, 'width'>;
|
|
|
22880
22894
|
declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
|
|
22881
22895
|
|
|
22882
22896
|
type ObjectGridContainerProps = {
|
|
22883
|
-
/** The number of columns in the grid
|
|
22884
|
-
|
|
22897
|
+
/** The number of columns in the grid
|
|
22898
|
+
* @default 3
|
|
22899
|
+
* the expected values should follow css repeat() function values
|
|
22900
|
+
* see https://developer.mozilla.org/en-US/docs/Web/CSS/repeat#syntax for examples
|
|
22901
|
+
*/
|
|
22902
|
+
gridCount?: string | number;
|
|
22885
22903
|
/** The children to render */
|
|
22886
22904
|
children: React.ReactNode;
|
|
22887
22905
|
};
|
|
22888
|
-
declare const ObjectGridContainer:
|
|
22906
|
+
declare const ObjectGridContainer: React$1.ForwardRefExoticComponent<ObjectGridContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
22889
22907
|
|
|
22890
22908
|
type ObjectHeadingProps = {
|
|
22891
22909
|
/** sets the heading value */
|
|
22892
|
-
heading:
|
|
22910
|
+
heading: ReactNode;
|
|
22893
22911
|
/** Slot that renders a component before the heading */
|
|
22894
22912
|
beforeHeadingSlot?: ReactNode;
|
|
22895
22913
|
/** Slot that renders a component after the heading */
|
|
22896
22914
|
afterHeadingSlot?: ReactNode;
|
|
22915
|
+
/** sets the heading tooltip */
|
|
22916
|
+
tooltip?: string;
|
|
22897
22917
|
};
|
|
22898
22918
|
type ObjectItemProps = {
|
|
22899
22919
|
/** Slot for the header component, we recommend using <ObjectGridItemHeading /> or <ObjectListItemHeading /> */
|
|
@@ -22912,13 +22932,20 @@ type ObjectItemProps = {
|
|
|
22912
22932
|
|
|
22913
22933
|
type ObjectGridItemProps = ObjectItemProps & {
|
|
22914
22934
|
isSelected?: boolean;
|
|
22915
|
-
|
|
22916
|
-
|
|
22935
|
+
/** sets the menu test id
|
|
22936
|
+
* @default object-grid-item-menu-btn
|
|
22937
|
+
*/
|
|
22938
|
+
menuTestId?: string;
|
|
22939
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
22940
|
+
declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, menuTestId, ...props }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22917
22941
|
|
|
22918
22942
|
type ObjectGridItemCardCoverProps = {
|
|
22919
22943
|
icon: IconType;
|
|
22944
|
+
iconColor?: 'currentColor' | 'accent-dark' | 'accent-alt-dark';
|
|
22920
22945
|
} | {
|
|
22921
22946
|
imageUrl: string;
|
|
22947
|
+
srcSet?: string;
|
|
22948
|
+
alt?: string;
|
|
22922
22949
|
};
|
|
22923
22950
|
declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
|
|
22924
22951
|
type ObjectGridItemCoverProps = {
|
|
@@ -22926,18 +22953,22 @@ type ObjectGridItemCoverProps = {
|
|
|
22926
22953
|
coverSlotLeft?: React.ReactNode;
|
|
22927
22954
|
/** The right slot to render components */
|
|
22928
22955
|
coverSlotRight?: React.ReactNode;
|
|
22956
|
+
/** The bottom left slot to render components */
|
|
22957
|
+
coverSlotBottomLeft?: React.ReactNode;
|
|
22958
|
+
/** The bottom right slot to render components */
|
|
22959
|
+
coverSlotBottomRight?: React.ReactNode;
|
|
22929
22960
|
} & ObjectGridItemCardCoverProps;
|
|
22930
|
-
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22961
|
+
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, coverSlotBottomLeft, coverSlotBottomRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22931
22962
|
type ObjectGridItemCoverButtonProps = {
|
|
22932
22963
|
id: string;
|
|
22933
22964
|
onSelection: (id: string) => void;
|
|
22934
|
-
isSelected
|
|
22965
|
+
isSelected?: boolean;
|
|
22935
22966
|
selectedText?: string;
|
|
22936
|
-
} & ObjectGridItemCoverProps;
|
|
22937
|
-
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection,
|
|
22967
|
+
} & Omit<ObjectGridItemCoverProps, 'coverSlotBottomRight'> & ObjectGridItemCardCoverProps;
|
|
22968
|
+
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22938
22969
|
|
|
22939
|
-
type ObjectGridItemTitleProps = ObjectHeadingProps
|
|
22940
|
-
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22970
|
+
type ObjectGridItemTitleProps = ObjectHeadingProps & HTMLAttributes<HTMLDivElement>;
|
|
22971
|
+
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, tooltip, ...props }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22941
22972
|
|
|
22942
22973
|
type ObjectGridItemIconWithTooltipProps = {
|
|
22943
22974
|
/** The title of the tooltip */
|
|
@@ -22946,8 +22977,8 @@ type ObjectGridItemIconWithTooltipProps = {
|
|
|
22946
22977
|
icon: IconType;
|
|
22947
22978
|
/** The color of the icon */
|
|
22948
22979
|
iconColor?: IconColor;
|
|
22949
|
-
} & Pick<TooltipProps, 'placement'>;
|
|
22950
|
-
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22980
|
+
} & Pick<TooltipProps, 'placement' | 'withoutPortal'>;
|
|
22981
|
+
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, ...props }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22951
22982
|
|
|
22952
22983
|
/** @deprecated - Beta Object grid loading skeleton component
|
|
22953
22984
|
* @example <ObjectGridItemLoadingSkeleton />
|
|
@@ -22999,7 +23030,7 @@ type ObjectListItemCoverProps = {
|
|
|
22999
23030
|
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23000
23031
|
|
|
23001
23032
|
/** @deprecated - Beta Object list item heading component */
|
|
23002
|
-
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
|
|
23033
|
+
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading' | 'tooltip'> & HTMLAttributes<HTMLDivElement> & {
|
|
23003
23034
|
heading: ReactNode;
|
|
23004
23035
|
};
|
|
23005
23036
|
/** @deprecated - beta Object list item heading component */
|
|
@@ -24059,7 +24090,11 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
24059
24090
|
* @default 'base'
|
|
24060
24091
|
*/
|
|
24061
24092
|
size?: 'sm' | 'base';
|
|
24093
|
+
/** sets whether to show or hide the tooltip text
|
|
24094
|
+
* @default false
|
|
24095
|
+
*/
|
|
24096
|
+
compact?: boolean;
|
|
24062
24097
|
};
|
|
24063
|
-
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
24098
|
+
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
24064
24099
|
|
|
24065
24100
|
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, MenuItemHeading, 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, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|