@uniformdev/design-system 19.201.1 → 19.202.1-alpha.9
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 +286 -146
- package/dist/index.d.mts +138 -101
- package/dist/index.d.ts +138 -101
- package/dist/index.js +531 -395
- 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>
|
|
@@ -20391,11 +20403,13 @@ type TooltipProps = TooltipOptions & {
|
|
|
20391
20403
|
placement?: TooltipInitialState['placement'];
|
|
20392
20404
|
/** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
|
|
20393
20405
|
visible?: TooltipInitialState['visible'];
|
|
20406
|
+
/** Offset between the reference and the popover on the main axis. Use it only in special cases. */
|
|
20407
|
+
gutter?: TooltipInitialState['gutter'];
|
|
20394
20408
|
children: JSX.Element;
|
|
20395
20409
|
/** If the tooltip should not be rendered inside a portal */
|
|
20396
20410
|
withoutPortal?: boolean;
|
|
20397
|
-
}
|
|
20398
|
-
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
20411
|
+
} & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
20412
|
+
declare function Tooltip({ children, title, placement, gutter, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
20399
20413
|
|
|
20400
20414
|
/** Button themes that are available to use with our brand */
|
|
20401
20415
|
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
@@ -20435,38 +20449,38 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
20435
20449
|
declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
20436
20450
|
|
|
20437
20451
|
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
|
|
20452
|
+
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20453
|
+
card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20454
|
+
'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20455
|
+
'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20456
|
+
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20457
|
+
'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20458
|
+
'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20459
|
+
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20460
|
+
warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20461
|
+
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20448
20462
|
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
|
|
20463
|
+
'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20464
|
+
json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20465
|
+
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20466
|
+
'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20467
|
+
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20468
|
+
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20469
|
+
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20470
|
+
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20471
|
+
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20472
|
+
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20473
|
+
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20474
|
+
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20475
|
+
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20476
|
+
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20477
|
+
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20478
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20479
|
+
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20480
|
+
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20481
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20482
|
+
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20483
|
+
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
20470
20484
|
'add-r': _react_icons_all_files.IconType;
|
|
20471
20485
|
add: _react_icons_all_files.IconType;
|
|
20472
20486
|
airplane: _react_icons_all_files.IconType;
|
|
@@ -21139,57 +21153,57 @@ interface IconProps extends IconBaseProps {
|
|
|
21139
21153
|
*/
|
|
21140
21154
|
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
21141
21155
|
|
|
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
|
|
21156
|
+
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21157
|
+
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21158
|
+
declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21159
|
+
declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21160
|
+
declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21161
|
+
declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21162
|
+
declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21163
|
+
declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21164
|
+
declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21165
|
+
declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21152
21166
|
declare const settingsIcon: IconType$2;
|
|
21153
21167
|
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
|
|
21168
|
+
declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21169
|
+
declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21170
|
+
declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21171
|
+
declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21172
|
+
declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21173
|
+
declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21160
21174
|
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
|
|
21175
|
+
'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21176
|
+
card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21177
|
+
'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21178
|
+
'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21179
|
+
'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21180
|
+
'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21181
|
+
'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21182
|
+
'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21183
|
+
warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21184
|
+
'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21171
21185
|
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
|
|
21186
|
+
'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21187
|
+
json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21188
|
+
'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21189
|
+
'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21190
|
+
'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21191
|
+
'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21192
|
+
'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21193
|
+
'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21194
|
+
'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21195
|
+
'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21196
|
+
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21197
|
+
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21198
|
+
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21199
|
+
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21200
|
+
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21201
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21202
|
+
'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21203
|
+
'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21204
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21205
|
+
'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21206
|
+
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21193
21207
|
};
|
|
21194
21208
|
|
|
21195
21209
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -21207,7 +21221,7 @@ declare function IconsProvider({ children }: {
|
|
|
21207
21221
|
|
|
21208
21222
|
declare const uniformComponentIcon: IconType$1;
|
|
21209
21223
|
declare const uniformConditionalValuesIcon: IconType$1;
|
|
21210
|
-
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React
|
|
21224
|
+
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
21211
21225
|
declare const uniformLocaleIcon: IconType$1;
|
|
21212
21226
|
declare const uniformLocaleDisabledIcon: IconType$1;
|
|
21213
21227
|
declare const uniformComponentPatternIcon: IconType$1;
|
|
@@ -22824,6 +22838,7 @@ interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps,
|
|
|
22824
22838
|
}
|
|
22825
22839
|
declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
22826
22840
|
|
|
22841
|
+
/** @deprecated - use GridListItem component instead */
|
|
22827
22842
|
type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
22828
22843
|
title: string;
|
|
22829
22844
|
subtitle?: React.ReactNode;
|
|
@@ -22834,6 +22849,7 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
|
22834
22849
|
buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
22835
22850
|
onClick?: () => void;
|
|
22836
22851
|
};
|
|
22852
|
+
/** @deprecated - use GridListItem component instead */
|
|
22837
22853
|
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22838
22854
|
|
|
22839
22855
|
type ModalProps = {
|
|
@@ -22880,20 +22896,26 @@ type ModalDialogProps = Omit<ModalProps, 'width'>;
|
|
|
22880
22896
|
declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
|
|
22881
22897
|
|
|
22882
22898
|
type ObjectGridContainerProps = {
|
|
22883
|
-
/** The number of columns in the grid
|
|
22884
|
-
|
|
22899
|
+
/** The number of columns in the grid
|
|
22900
|
+
* @default 3
|
|
22901
|
+
* the expected values should follow css repeat() function values
|
|
22902
|
+
* see https://developer.mozilla.org/en-US/docs/Web/CSS/repeat#syntax for examples
|
|
22903
|
+
*/
|
|
22904
|
+
gridCount?: string | number;
|
|
22885
22905
|
/** The children to render */
|
|
22886
22906
|
children: React.ReactNode;
|
|
22887
22907
|
};
|
|
22888
|
-
declare const ObjectGridContainer:
|
|
22908
|
+
declare const ObjectGridContainer: React$1.ForwardRefExoticComponent<ObjectGridContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
22889
22909
|
|
|
22890
22910
|
type ObjectHeadingProps = {
|
|
22891
22911
|
/** sets the heading value */
|
|
22892
|
-
heading:
|
|
22912
|
+
heading: ReactNode;
|
|
22893
22913
|
/** Slot that renders a component before the heading */
|
|
22894
22914
|
beforeHeadingSlot?: ReactNode;
|
|
22895
22915
|
/** Slot that renders a component after the heading */
|
|
22896
22916
|
afterHeadingSlot?: ReactNode;
|
|
22917
|
+
/** sets the heading tooltip */
|
|
22918
|
+
tooltip?: string;
|
|
22897
22919
|
};
|
|
22898
22920
|
type ObjectItemProps = {
|
|
22899
22921
|
/** Slot for the header component, we recommend using <ObjectGridItemHeading /> or <ObjectListItemHeading /> */
|
|
@@ -22912,13 +22934,20 @@ type ObjectItemProps = {
|
|
|
22912
22934
|
|
|
22913
22935
|
type ObjectGridItemProps = ObjectItemProps & {
|
|
22914
22936
|
isSelected?: boolean;
|
|
22915
|
-
|
|
22916
|
-
|
|
22937
|
+
/** sets the menu test id
|
|
22938
|
+
* @default object-grid-item-menu-btn
|
|
22939
|
+
*/
|
|
22940
|
+
menuTestId?: string;
|
|
22941
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
22942
|
+
declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, menuTestId, ...props }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22917
22943
|
|
|
22918
22944
|
type ObjectGridItemCardCoverProps = {
|
|
22919
22945
|
icon: IconType;
|
|
22946
|
+
iconColor?: 'currentColor' | 'accent-dark' | 'accent-alt-dark';
|
|
22920
22947
|
} | {
|
|
22921
22948
|
imageUrl: string;
|
|
22949
|
+
srcSet?: string;
|
|
22950
|
+
alt?: string;
|
|
22922
22951
|
};
|
|
22923
22952
|
declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
|
|
22924
22953
|
type ObjectGridItemCoverProps = {
|
|
@@ -22926,18 +22955,22 @@ type ObjectGridItemCoverProps = {
|
|
|
22926
22955
|
coverSlotLeft?: React.ReactNode;
|
|
22927
22956
|
/** The right slot to render components */
|
|
22928
22957
|
coverSlotRight?: React.ReactNode;
|
|
22958
|
+
/** The bottom left slot to render components */
|
|
22959
|
+
coverSlotBottomLeft?: React.ReactNode;
|
|
22960
|
+
/** The bottom right slot to render components */
|
|
22961
|
+
coverSlotBottomRight?: React.ReactNode;
|
|
22929
22962
|
} & ObjectGridItemCardCoverProps;
|
|
22930
|
-
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22963
|
+
declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, coverSlotBottomLeft, coverSlotBottomRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22931
22964
|
type ObjectGridItemCoverButtonProps = {
|
|
22932
22965
|
id: string;
|
|
22933
22966
|
onSelection: (id: string) => void;
|
|
22934
|
-
isSelected
|
|
22967
|
+
isSelected?: boolean;
|
|
22935
22968
|
selectedText?: string;
|
|
22936
|
-
} & ObjectGridItemCoverProps;
|
|
22937
|
-
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection,
|
|
22969
|
+
} & Omit<ObjectGridItemCoverProps, 'coverSlotBottomRight'> & ObjectGridItemCardCoverProps;
|
|
22970
|
+
declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22938
22971
|
|
|
22939
|
-
type ObjectGridItemTitleProps = ObjectHeadingProps
|
|
22940
|
-
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22972
|
+
type ObjectGridItemTitleProps = ObjectHeadingProps & HTMLAttributes<HTMLDivElement>;
|
|
22973
|
+
declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, tooltip, ...props }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22941
22974
|
|
|
22942
22975
|
type ObjectGridItemIconWithTooltipProps = {
|
|
22943
22976
|
/** The title of the tooltip */
|
|
@@ -22946,8 +22979,8 @@ type ObjectGridItemIconWithTooltipProps = {
|
|
|
22946
22979
|
icon: IconType;
|
|
22947
22980
|
/** The color of the icon */
|
|
22948
22981
|
iconColor?: IconColor;
|
|
22949
|
-
} & Pick<TooltipProps, 'placement'>;
|
|
22950
|
-
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22982
|
+
} & Pick<TooltipProps, 'placement' | 'withoutPortal'>;
|
|
22983
|
+
declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, ...props }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
22951
22984
|
|
|
22952
22985
|
/** @deprecated - Beta Object grid loading skeleton component
|
|
22953
22986
|
* @example <ObjectGridItemLoadingSkeleton />
|
|
@@ -22999,7 +23032,7 @@ type ObjectListItemCoverProps = {
|
|
|
22999
23032
|
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23000
23033
|
|
|
23001
23034
|
/** @deprecated - Beta Object list item heading component */
|
|
23002
|
-
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
|
|
23035
|
+
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading' | 'tooltip'> & HTMLAttributes<HTMLDivElement> & {
|
|
23003
23036
|
heading: ReactNode;
|
|
23004
23037
|
};
|
|
23005
23038
|
/** @deprecated - beta Object list item heading component */
|
|
@@ -23502,7 +23535,7 @@ declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.In
|
|
|
23502
23535
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
23503
23536
|
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
23504
23537
|
|
|
23505
|
-
type PopoverProps = PopoverProps$1 & {
|
|
23538
|
+
type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
23506
23539
|
/** sets the aria-controls and id value of the matching popover set */
|
|
23507
23540
|
/** sets the icon color
|
|
23508
23541
|
* @default 'action'
|
|
@@ -24059,7 +24092,11 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
24059
24092
|
* @default 'base'
|
|
24060
24093
|
*/
|
|
24061
24094
|
size?: 'sm' | 'base';
|
|
24095
|
+
/** sets whether to show or hide the tooltip text
|
|
24096
|
+
* @default false
|
|
24097
|
+
*/
|
|
24098
|
+
compact?: boolean;
|
|
24062
24099
|
};
|
|
24063
|
-
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
24100
|
+
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
24064
24101
|
|
|
24065
24102
|
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 };
|