@kentico/xperience-admin-components 14.0.0-68025 → 14.0.0-87740

package/dist/components/ActionTile/ActionTile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionTileProps } from './ActionTile.types';
+export declare const ActionTile: React.ForwardRefExoticComponent<ActionTileProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ActionTile/ActionTile.types.d.ts

@@ -0,0 +1,27 @@
+import { UITestProps } from '../types';
+import { IconName } from '../Icons';
+import { ButtonType } from '../Buttons';
+export declare enum ActionTileState {
+    Default = "Default",
+    Disabled = "Disabled",
+    Selected = "Selected",
+    InProgress = "InProgress"
+}
+export declare enum ActionTileSize {
+    Small = "Small",
+    Large = "Large"
+}
+export declare enum ActionTileType {
+    Default = "Default",
+    Dashboard = "Dashboard"
+}
+export interface ActionTileProps extends UITestProps {
+    readonly label: string;
+    readonly icon: IconName;
+    readonly tabIndex?: number;
+    readonly buttonType?: ButtonType;
+    readonly state?: ActionTileState;
+    readonly size?: ActionTileSize;
+    readonly type?: ActionTileType;
+    readonly onClick?: () => void;
+}

package/dist/components/ActionTile/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionTile } from './ActionTile';
+export type { ActionTileProps } from './ActionTile.types';
+export { ActionTileState, ActionTileSize, ActionTileType } from './ActionTile.types';

package/dist/components/ApplicationTile/ApplicationTile.types.d.ts

@@ -1,10 +1,12 @@
+import { TooltipPlacement } from '../Tooltip';
 import { IconName } from '../Icons';
+import { UITestProps } from '../types';
 export declare enum ApplicationTileState {
     Default = "Default",
     Disabled = "Disabled",
     Activated = "Activated"
 }
-export interface ApplicationTileProps {
+export interface ApplicationTileProps extends UITestProps {
     /**
      * Label (required).
      */
@@ -21,6 +23,15 @@ export interface ApplicationTileProps {
      * Tooltip.
      */
     readonly tooltip?: string;
+    readonly tooltipPlacement?: TooltipPlacement;
+    /**
+     * Find out if it's favourite tile
+     */
+    readonly favouriteTile?: {
+        withStar?: boolean;
+        starTooltip?: string;
+        starTooltipPlacement?: TooltipPlacement;
+    };
     /**
      * Allows consumer to bind an `onClick` event handler.
      */

package/dist/components/AssetTile/AssetTile.types.d.ts

@@ -1,3 +1,4 @@
+import { UITestProps } from '../types/UITests.types';
 import { ButtonProps } from '../Buttons';
 import { TooltipPlacement } from '../Tooltip';
 export declare enum AssetTileType {
@@ -22,17 +23,20 @@ interface AssetProps {
         readonly uploadProgress: number;
         readonly onUploadCancel?: () => void;
     };
+    readonly disabled: boolean;
 }
-export interface AssetTileProps extends AssetProps {
+export interface AssetTileProps extends AssetProps, UITestProps {
     readonly type: AssetTileType;
     readonly onChange?: (isSelected: boolean) => void;
     readonly onClick?: () => void;
+    readonly isCheckboxVisible?: boolean;
     readonly isSelected?: boolean;
+    readonly isDragging?: boolean;
     readonly actions?: Array<AssetTileActionProps>;
 }
-export interface AssetTileSelectableProps extends AssetProps, Pick<AssetTileProps, 'onClick' | 'isSelected' | 'onChange'> {
+export interface AssetTileSelectableProps extends AssetProps, Pick<AssetTileProps, 'onClick' | 'isSelected' | 'onChange' | 'isDragging'> {
 }
-export interface AssetTilePreviewProps extends AssetProps, Pick<AssetTileProps, 'onClick' | 'actions'> {
+export interface AssetTilePreviewProps extends AssetProps, Pick<AssetTileProps, 'onClick' | 'isSelected' | 'onChange' | 'isCheckboxVisible' | 'actions' | 'dataTestId'> {
 }
 export interface AssetTileActionProps extends Omit<ButtonProps, 'type' | 'size'> {
 }

package/dist/components/AssetTile/index.d.ts

@@ -1,4 +1,4 @@
 export { AssetTileSelectable } from './AssetTileSelectable';
 export { AssetTilePreview } from './AssetTilePreview';
 export { AssetTileSkeleton } from './AssetTileSkeleton';
-export type { AssetTilePreviewProps, AssetTileSelectableProps } from './AssetTile.types';
+export type { AssetTilePreviewProps, AssetTileSelectableProps, AssetTileActionProps } from './AssetTile.types';

package/dist/components/Avatar/BaseAvatar.types.d.ts

@@ -7,6 +7,9 @@ export declare enum AvatarSize {
     S = "S",
     XS = "XS"
 }
+export declare type AvatarBackgroundType = {
+    readonly gradient: Gradients;
+};
 export interface SharedAvatarProps {
     /**
      * Avatar size.
@@ -35,7 +38,7 @@ export interface SharedAvatarProps {
     /**
      * One of the gradient colors from GradientsDark.
      */
-    readonly backgroundGradient: Gradients;
+    readonly background: AvatarBackgroundType;
 }
 interface InjectedProps {
     readonly children: React.ReactNode;

package/dist/components/Avatar/index.d.ts

@@ -2,3 +2,4 @@ export * from './Avatar';
 export * from './AvatarButton';
 export * from './AvatarLink';
 export { AvatarSize } from './BaseAvatar.types';
+export type { AvatarBackgroundType } from './BaseAvatar.types';

package/dist/components/BarItem/BarItemGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BarItemGroupProps } from './BarItem.types';
 export declare const BarItemGroup: {
     (props: BarItemGroupProps): JSX.Element;

package/dist/components/Buttons/BaseButton/BaseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseButtonProps } from './Button.types';
 export declare const BaseButton: {
     ({ size, color, label, icon, trailingIcon, badge, block, destructive, inProgress, active, renderComponent, disabled, dragHandleProps, ...props }: BaseButtonProps): JSX.Element;

package/dist/components/Buttons/BaseButton/Button.types.d.ts

@@ -1,7 +1,9 @@
 import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
 import { RefObject } from 'react';
 import { IconName } from '../../Icons';
+import { UITestProps } from '../../types';
 export declare enum ButtonSize {
+    XS = "XS",
     S = "S",
     M = "M",
     L = "L"
@@ -16,7 +18,7 @@ export interface InjectedProps {
     readonly classes: string;
     readonly children: React.ReactNode;
 }
-export interface BaseButtonProps {
+export interface BaseButtonProps extends UITestProps {
     readonly renderComponent: (props: InjectedProps) => React.ReactNode;
     readonly size?: ButtonSize;
     readonly color?: ButtonColor;
@@ -41,6 +43,7 @@ declare type HTMLButtonProps = Pick<React.ButtonHTMLAttributes<HTMLButtonElement
 export interface ButtonProps extends HTMLButtonProps, Omit<BaseButtonProps, 'renderComponent'> {
     readonly type?: ButtonType;
     readonly buttonRef?: RefObject<HTMLButtonElement>;
+    readonly tooltipAppendTo?: Element;
 }
 declare type AnchorButtonProps = Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'>;
 export interface LinkButtonProps extends AnchorButtonProps, Omit<BaseButtonProps, 'renderComponent'> {

package/dist/components/Buttons/BaseButton/LinkButton/LinkButton.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { LinkButtonProps } from '../Button.types';
 export declare const LinkButton: {
-    ({ onClick, href, target, tabIndex, anchorRef, ...props }: LinkButtonProps): JSX.Element;
+    ({ onClick, href, target, tabIndex, anchorRef, dataTestId, ...props }: LinkButtonProps): JSX.Element;
     displayName: string;
 };

package/dist/components/Buttons/ToggleButtons/IconToggleButtons/IconButton/IconButton.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconButtonProps } from './IconButton.types';
-export declare const IconButton: {
-    ({ icon, isSelected, ...props }: IconButtonProps): JSX.Element;
-    displayName: string;
-};
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Buttons/ToggleButtons/IconToggleButtons/IconToggleButtons.types.d.ts

@@ -1,6 +1,9 @@
+import { TooltipPlacement } from '../../../Tooltip';
 import { ToggleButtonsItem, ToggleButtonsProps } from '../Shared/ToggleButtonsBase';
 import { IconButtonProps } from './IconButton';
 export interface IconToggleButton extends Pick<IconButtonProps, 'icon' | 'ariaLabel'>, ToggleButtonsItem {
+    readonly tooltip?: string;
+    readonly tooltipPlacement?: TooltipPlacement;
 }
 export interface IconToggleButtonsProps extends ToggleButtonsProps<IconToggleButton> {
 }

package/dist/components/Buttons/ToggleButtons/NameToggleButtons/NameButton/NameButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NameButtonProps } from './NameButton.types';
 export declare const NameButton: {
     ({ label, isSelected, ...props }: NameButtonProps): JSX.Element;

package/dist/components/Buttons/ToggleButtons/NameToggleButtons/NameButton/NameButton.types.d.ts

@@ -1,4 +1,5 @@
 import { ToggleButtonBaseProps } from '../../Shared/ToggleButtonBase';
 export interface NameButtonProps extends Pick<ToggleButtonBaseProps, 'onClick' | 'ariaLabel' | 'isSelected'> {
     readonly label: string;
+    readonly dataTestId?: string;
 }

package/dist/components/Buttons/ToggleButtons/Shared/ToggleButtonBase/ToggleButtonBase.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToggleButtonBaseProps } from './ToggleButtonBase.types';
-export declare const ToggleButtonBase: {
-    ({ className, onClick, children, isSelected, ...props }: ToggleButtonBaseProps): JSX.Element;
-    displayName: string;
-};
+export declare const ToggleButtonBase: React.ForwardRefExoticComponent<ToggleButtonBaseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Buttons/ToggleButtons/Shared/ToggleButtonBase/ToggleButtonBase.types.d.ts

@@ -1,8 +1,14 @@
 /// <reference types="react" />
+export declare enum ToggleButtonBaseTypes {
+    Icon = "icon",
+    Name = "Name"
+}
 export interface ToggleButtonBaseProps {
     readonly onClick: () => void;
     readonly ariaLabel?: string;
     readonly children: React.ReactNode;
     readonly className?: string;
     readonly isSelected: boolean;
+    readonly type: ToggleButtonBaseTypes;
+    readonly dataTestId?: string;
 }

package/dist/components/Callout/Callout.types.d.ts

@@ -14,4 +14,5 @@ export interface CalloutProps {
     readonly placement: CalloutPlacementType;
     readonly actionButton?: React.ReactNode;
     readonly children?: React.ReactNode;
+    readonly maxWidth?: string | number;
 }

package/dist/components/Checkbox/CheckboxTickIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CheckboxTickIconProps } from './Checkbox.types';
 export declare const TickIcon: (props: CheckboxTickIconProps) => JSX.Element;

package/dist/components/ConditionBuilder/Condition/Condition.types.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { DeleteButtonProps } from '../DeleteButton/DeleteButtonTypes';
 export interface ConditionProps {
-    readonly onDelete?: () => void;
     readonly children: React.ReactNode;
+    readonly deleteButton: DeleteButtonProps;
 }

package/dist/components/ConditionBuilder/ConditionGroup/ConditionGroup.types.d.ts

@@ -4,5 +4,4 @@ export interface ConditionGroupProps {
     readonly isActionVisible?: boolean;
     readonly onActionClick?: () => void;
     readonly actionLabel: string;
-    readonly onDelete?: () => void;
 }

package/dist/components/ConditionBuilder/ConditionOperatorSelect/ConditionOperatorSelect.types.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { DeleteButtonProps } from '../DeleteButton/DeleteButtonTypes';
 export interface ConditionOperatorSelectProps {
     readonly children: React.ReactNode;
+    readonly deleteButton?: DeleteButtonProps;
 }

package/dist/components/ConditionBuilder/DeleteButton/DeleteButton.d.ts

@@ -0,0 +1,5 @@
+import { DeleteButtonProps } from './DeleteButtonTypes';
+export declare const DeleteButton: {
+    ({ tooltipText, onDelete }: DeleteButtonProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/ConditionBuilder/DeleteButton/DeleteButtonTypes.d.ts

@@ -0,0 +1,4 @@
+export interface DeleteButtonProps {
+    readonly tooltipText: string;
+    readonly onDelete: () => void;
+}

package/dist/components/ConditionBuilder/storybookUtils.d.ts

@@ -54,10 +54,11 @@ export interface ConditionGroupStorybookValue {
     readonly operator: Operators;
     readonly items: ConditionGroupStorybookItem[];
 }
-interface ConditionGroupStorybookProps extends ConditionGroupProps {
+export interface ConditionGroupStorybookProps extends ConditionGroupProps {
     readonly onChange?: (value: ConditionGroupStorybookValue) => void;
     readonly value?: ConditionGroupStorybookValue;
+    readonly onDelete: () => void;
 }
-export declare const ConditionGroupStorybook: ({ onChange, value, ...args }: ConditionGroupStorybookProps) => JSX.Element;
+export declare const ConditionGroupStorybook: ({ onChange, value, onDelete, ...args }: ConditionGroupStorybookProps) => JSX.Element;
 export declare const ConditionBuilderStorybook: (args: ConditionBuilderProps) => JSX.Element;
 export {};

package/dist/components/Containers/Paper/Paper.types.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { UITestProps } from '../../types';
 import { BorderRadius } from '../../../tokens';
 declare type DivBaseProps = Pick<React.HTMLProps<HTMLDivElement>, 'children'>;
-export interface PaperProps extends DivBaseProps {
+export interface PaperProps extends DivBaseProps, UITestProps {
     readonly elevation?: PaperElevation;
     readonly fullHeight?: boolean;
     readonly borderRadius?: BorderRadius;

package/dist/components/Containers/Shelf/Shelf.types.d.ts

@@ -17,4 +17,8 @@ export interface ShelfProps {
      * Stretch the height to 100% of the parent.
      */
     readonly fullHeight?: boolean;
+    /**
+     * Class name passed to the element.
+     */
+    readonly className?: string;
 }

package/dist/components/Dialog/Dialog.types.d.ts

@@ -1,5 +1,6 @@
+import { UITestProps } from '../types';
 import { DialogContentProps } from './DialogContent';
-export interface DialogProps extends DialogContentProps {
+export interface DialogProps extends DialogContentProps, UITestProps {
     /**
      * Boolean indicating if the modal is open (visible).
      */
@@ -11,11 +12,27 @@ export interface DialogProps extends DialogContentProps {
     /**
      * Modal's minimal width.
      */
-    readonly minWidth?: string;
+    readonly minWidth?: string | number;
+    /**
+     * Modal's maximal width.
+     */
+    readonly maxWidth?: string | number;
+    /**
+     * Modal's width.
+     */
+    readonly width?: string | number;
+    /**
+     * Modal's height.
+     */
+    readonly height?: string | number;
     /**
      * Modal's minimal height.
      */
-    readonly minHeight?: string;
+    readonly minHeight?: string | number;
+    /**
+     * Modal's maximal height.
+     */
+    readonly maxHeight?: string | number;
     /**
      * Boolean indicating if the modal should restore focus to the element that had focus prior to its display.
      */

package/dist/components/Dialog/DialogContent/DialogContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DialogContentProps } from './DialogContent.types';
 export declare const DialogContent: {
     ({ headline, isDismissable, headerCloseButton, onClose, confirmAction, cancelAction, secondaryAction, notificationBar, children, autofocusCancel, ...props }: DialogContentProps): JSX.Element;

package/dist/components/Dialog/DialogContent/DialogFooter/DialogFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DialogFooterProps } from './DialogFooter.types';
 export declare const DialogFooter: {
     ({ isDismissable, confirmAction, cancelAction, secondaryAction, notificationBar, autofocusCancel }: DialogFooterProps): JSX.Element;

package/dist/components/Dialog/DialogContent/DialogFooter/DialogFooter.types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ButtonProps } from '../../../Buttons';
-export interface DialogFooterActionProps extends Pick<ButtonProps, 'icon' | 'trailingIcon' | 'destructive' | 'disabled' | 'inProgress' | 'color' | 'onClick'> {
+import { UITestProps } from '../../../types';
+export interface DialogFooterActionProps extends Pick<ButtonProps, 'icon' | 'trailingIcon' | 'destructive' | 'disabled' | 'inProgress' | 'color' | 'onClick'>, UITestProps {
     readonly label: string;
 }
 export interface DialogAction extends Omit<DialogFooterActionProps, 'color'> {

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { UITestProps } from '../types';
 export declare enum DropdownPlacement {
     Bottom = "bottom",
     Top = "top",
@@ -13,7 +14,7 @@ export declare enum DropdownPlacement {
     RightStart = "right-start",
     RightEnd = "right-end"
 }
-interface DropdownProps {
+interface DropdownProps extends UITestProps {
     readonly placement?: DropdownPlacement;
     readonly offset?: {
         readonly skidding: number;
@@ -24,7 +25,7 @@ interface DropdownProps {
 }
 export interface DropdownOnClickProps extends DropdownProps {
     readonly renderTrigger: (ref: React.RefObject<HTMLElement>, onTriggerClick: () => void, isOpened: boolean) => React.ReactNode;
-    readonly onToggle?: (open: boolean) => void;
+    readonly onToggle?: (isOpen: boolean) => void;
 }
 export interface DropdownOnHoverProps extends DropdownProps {
     readonly renderTrigger: (isOpened: boolean) => React.ReactElement;

package/dist/components/Dropdown/DropdownOnClick.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { DropdownOnClickProps } from './Dropdown.types';
 export declare const DropdownOnClick: {
-    ({ renderTrigger, children, offset, placement, open, onToggle, ...props }: DropdownOnClickProps): JSX.Element;
+    ({ renderTrigger, children, dataTestId, offset, placement, open, onToggle, ...props }: DropdownOnClickProps): JSX.Element;
     displayName: string;
 };

package/dist/components/Dropdown/DropdownOnHover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownOnHoverProps } from './Dropdown.types';
 export declare const DropdownOnHover: {
     ({ renderTrigger, children, offset, placement, open, ...props }: DropdownOnHoverProps): JSX.Element;

package/dist/components/Headline/Headline.types.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Colors } from '../../tokens/colors';
 export interface HeadlineProps {
-    children?: React.ReactNode;
+    readonly children?: React.ReactNode;
     readonly size: HeadlineSize;
     readonly labelColor?: Colors;
+    readonly noSpacing?: boolean;
 }
 export declare enum HeadlineSize {
     S = "S",

package/dist/components/Icons/CustomizedIconExample.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from './Icon.types';
 export declare const CustomizedIconExample: ({ name }: IconProps) => JSX.Element;

package/dist/components/Icons/IconsLibrary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IconsLibrary: {
     (): JSX.Element;
     displayName: string;

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { InputProps } from './Input.types';
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;
+import { InputBaseProps } from './InputBase.types';
+declare const Input: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLDivElement>>;
 export { Input };

package/dist/components/Input/InputBase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputBaseProps } from './InputBase.types';
+declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLDivElement>>;
+export { InputBase };

package/dist/components/Input/{Input.types.d.ts → InputBase.types.d.ts}

@@ -1,7 +1,8 @@
 import { RefObject } from 'react';
 import { IconName } from '../Icons';
-declare type InputBaseProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled' | 'readOnly' | 'name' | 'onClick' | 'onKeyPress' | 'min' | 'max' | 'id' | 'placeholder' | 'tabIndex'>;
-interface InputProps extends InputBaseProps {
+import { UITestProps } from '../types';
+declare type NativeInputProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled' | 'readOnly' | 'name' | 'onClick' | 'onKeyPress' | 'min' | 'max' | 'id' | 'placeholder' | 'tabIndex' | 'onBlur'>;
+export interface InputBaseProps extends NativeInputProps, UITestProps {
     readonly label?: string;
     readonly invalid?: boolean;
     readonly value?: string | number;
@@ -14,5 +15,6 @@ interface InputProps extends InputBaseProps {
     readonly labelIconTooltip?: string;
     readonly markAsRequired?: boolean;
     readonly inputRef?: RefObject<HTMLInputElement>;
+    readonly isSelect?: boolean;
 }
-export type { InputProps };
+export {};

package/dist/components/Input/index.d.ts

@@ -1,2 +1,3 @@
 export { Input } from './Input';
-export type { InputProps } from './Input.types';
+export { InputBase } from './InputBase';
+export type { InputBaseProps } from './InputBase.types';

package/dist/components/Layout/Box/Box.types.d.ts

@@ -1,6 +1,7 @@
 import { Spacing } from '../../../tokens';
+import { UITestProps } from '../../types';
 import { LayoutComponentProps } from '../Layout.types';
-export interface BoxProps extends LayoutComponentProps {
+export interface BoxProps extends LayoutComponentProps, UITestProps {
     readonly spacing?: Spacing;
     readonly spacingX?: Spacing;
     readonly spacingY?: Spacing;

package/dist/components/Layout/Column/Column.types.d.ts

@@ -1,3 +1,4 @@
+import { UITestProps } from '../../types';
 import { LayoutComponentProps } from '../Layout.types';
 export declare enum Cols {
     Col1 = "1",
@@ -13,7 +14,7 @@ export declare enum Cols {
     Col11 = "11",
     Col12 = "12"
 }
-export interface ColumnProps extends LayoutComponentProps {
+export interface ColumnProps extends LayoutComponentProps, UITestProps {
     readonly width?: number;
     readonly cols?: Cols;
     readonly colsSm?: Cols;
@@ -23,4 +24,5 @@ export interface ColumnProps extends LayoutComponentProps {
     readonly orderSm?: Cols;
     readonly orderMd?: Cols;
     readonly orderLg?: Cols;
+    readonly fullHeight?: boolean;
 }

package/dist/components/Layout/Grid/Grid.types.d.ts

@@ -1,6 +1,7 @@
+import { UITestProps } from '../../types/UITests.types';
 import { Spacing } from '../../../tokens';
 import { LayoutComponentProps } from '../Layout.types';
-export interface GridProps extends LayoutComponentProps {
+export interface GridProps extends LayoutComponentProps, UITestProps {
     readonly cols?: number;
     readonly rowGap?: Spacing;
     readonly columnGap?: Spacing;

package/dist/components/Layout/Inline/Inline.types.d.ts

@@ -1,6 +1,7 @@
 import { Spacing } from '../../../tokens';
+import { UITestProps } from '../../types';
 import { LayoutComponentProps } from '../Layout.types';
-export interface InlineProps extends LayoutComponentProps {
+export interface InlineProps extends LayoutComponentProps, UITestProps {
     readonly spacing?: Spacing;
     readonly spacingX?: Spacing;
     readonly spacingY?: Spacing;

package/dist/components/Layout/Row/Row.types.d.ts

@@ -9,5 +9,7 @@ export interface RowProps extends LayoutComponentProps {
     readonly alignX?: LayoutAlignment;
     readonly alignY?: LayoutAlignment;
     readonly spacing?: Spacing;
+    readonly spacingX?: Spacing;
+    readonly spacingY?: Spacing;
     readonly wrap?: RowWrap;
 }

package/dist/components/Layout/Stack/Stack.types.d.ts

@@ -3,4 +3,5 @@ import { LayoutAlignment, LayoutComponentProps } from '../Layout.types';
 export interface StackProps extends LayoutComponentProps {
     readonly align?: LayoutAlignment;
     readonly spacing?: Spacing;
+    readonly fullHeight?: boolean;
 }

package/dist/components/MenuItem/MenuItem.types.d.ts

@@ -1,5 +1,6 @@
 import React, { KeyboardEvent, MouseEvent } from 'react';
-export interface MenuItemProps {
+import { UITestProps } from '../types';
+export interface MenuItemProps extends UITestProps {
     readonly primaryLabel: string;
     readonly secondaryLabel?: string;
     readonly destructive?: boolean;

package/dist/components/MenuItem/MenuItemWithSubmenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItemWithSubmenuProps } from './MenuItem.types';
 declare const MenuItemWithSubmenu: {
     ({ submenuContent, onClick, ...restProps }: MenuItemWithSubmenuProps): JSX.Element;

package/dist/components/OptionTile/OptionTile.types.d.ts

@@ -6,4 +6,5 @@ export interface OptionTileProps extends Pick<React.ButtonHTMLAttributes<HTMLBut
     readonly endIcon?: IconName;
     readonly block?: boolean;
     readonly maxWidth?: string | number;
+    readonly dataTestId?: string;
 }

package/dist/components/RadioGroup/RadioButton/RadioCircle/RadioCircle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioCircleProps } from './RadioCircle.types';
 export declare const RadioCircle: {
     ({ selected, disabled, hovered, alert }: RadioCircleProps): JSX.Element;

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -3,4 +3,7 @@ import { RichTextEditorProps } from './RichTextEditor.types';
 import 'froala-editor/css/froala_style.min.css';
 import 'froala-editor/css/froala_editor.pkgd.min.css';
 import 'froala-editor/js/plugins.pkgd.min.js';
+/**
+ * Rich text editor component.
+ */
 export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;