@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/index.d.ts 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
- type AvatarGroupProps = {
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
- } & React.HTMLAttributes<HTMLDivElement>;
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$1.JSX.Element;
20439
- card: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20440
- 'image-text': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20441
- 'border-top': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20442
- 'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20443
- 'text-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20444
- 'number-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20445
- 'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20446
- warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20447
- 'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
20450
- json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20451
- 'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20452
- 'format-code': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20453
- 'format-strike': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20454
- 'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20455
- 'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20456
- 'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20457
- 'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20458
- 'yes-no': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20459
- 'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20460
- 'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20461
- 'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20462
- 'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20463
- 'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20464
- 'filter-add': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20465
- 'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20466
- 'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20467
- refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20468
- 'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20469
- 'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
21143
- declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21144
- declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21145
- declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21146
- declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21147
- declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21148
- declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21149
- declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21150
- declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21151
- declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
21155
- declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21156
- declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21157
- declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21158
- declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21159
- declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
21162
- card: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21163
- 'image-text': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21164
- 'border-top': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21165
- 'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21166
- 'text-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21167
- 'number-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21168
- 'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21169
- warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21170
- 'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
21173
- json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21174
- 'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21175
- 'format-code': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21176
- 'format-strike': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21177
- 'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21178
- 'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21179
- 'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21180
- 'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21181
- 'yes-no': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21182
- 'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21183
- 'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21184
- 'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21185
- 'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21186
- 'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21187
- 'filter-add': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21188
- 'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21189
- 'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21190
- refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21191
- 'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21192
- 'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
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$1.JSX.Element;
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
- gridCount?: number;
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: ({ gridCount, children }: ObjectGridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
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: string;
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
- declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
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: boolean;
22967
+ isSelected?: boolean;
22935
22968
  selectedText?: string;
22936
- } & ObjectGridItemCoverProps;
22937
- declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, coverSlotLeft, coverSlotRight, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
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 };