@gooddata/sdk-ui-kit 11.8.0-alpha.2 → 11.8.0-alpha.4

package/esm/sdk-ui-kit.d.ts

@@ -548,7 +548,7 @@ item: IUiMenuContentItem<T>;
 /**
  * @internal
  */
-export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, }: IUiMenuContentItemProps<T>): ReactNode;
+export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, size, }: IUiMenuContentItemProps<T>): ReactNode;
 
 /**
  * Default component for rendering content menu items.
@@ -1665,6 +1665,221 @@ export declare interface IComponentTableProps<TProps extends object> {
  */
 export declare const Icon: Record<string, FC<IIconProps>>;
 
+/**
+ * @internal
+ */
+export declare function IconAborted({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAlert({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAlertPaused({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowDown({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowLeft({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowRight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowUp({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttachmentClip({ className, width, height, color }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttribute({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttributeFilter({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBar({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBoldHyperlink({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBook({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBubble({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBullet({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBurgerMenu({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconChatBubble({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconClose({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumn({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumnContainer({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumns({ colorPalette, className, width, height }: IColumnsIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconCombo({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconContract({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconCopy({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDashboard({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDataset({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDataSource({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDate({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDependencyWheel({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDonut({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDragHandle({ className, color, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillDown({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillToDashboard({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillToInsight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEdit({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEllipsis({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEmail({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEmbedCode({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconError({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExpand({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExplore({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExternalLink({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconFact({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
 /**
  * @internal
  */
@@ -1696,6 +1911,151 @@ export declare interface IConfirmDialogBaseProps extends Omit<IDialogBaseProps,
     };
 }
 
+/**
+ * @internal
+ */
+export declare function IconFunction({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconFunnel({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGenAI({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGenAI2({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGeo({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHash({ color, backgroundColor, className, width, height }: IHashIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeader({ className, color, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeadlineChart({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeatMap({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHistoryBack({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHome({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHyperlink({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconImage({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInsight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInteraction({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInvite({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconKeyword({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLabel({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLeave({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLegendMenu({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLine({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLock({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLogout({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMagic({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMany({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMetric({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMinimize({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconNewVisualization({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconOrigin({ color, className, width, height }: IIconProps): JSX.Element;
+
 /**
  * @internal
  */
@@ -1704,7 +2064,187 @@ export declare const iconPaths: Record<IconType, ReactNode>;
 /**
  * @internal
  */
-export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
+export declare function IconPdf({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconPie({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconProgress({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconPyramid({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconQuestionMark({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRefresh({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRepeater({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconReset({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRichText({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRows({ colorPalette, className, width, height }: IRowsIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRun({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSankey({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSave({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconScatterPlot({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSchedule({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSearch({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSettingsGear({ className, width, height, color }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSimplifiedDashboard({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSmallDragHandle({ className, color, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconStackedArea({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSuccess({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconTable({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconThumbsDown({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconThumbsUp({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconToken({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconTrash({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconTreeMap({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
+
+/**
+ * @internal
+ */
+export declare function IconUndo({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconUser({ color, backgroundColor, className, width, height, }: IUserIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconUserGroup({ color, backgroundColor, className, width, height, }: IUserGroupIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconVisualizationSwitcher({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWarning({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWaterfall({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWebhook({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWebsite({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWidget({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
@@ -2491,6 +3031,13 @@ export declare interface IHandleActionOptions {
     shouldStopPropagation?: boolean;
 }
 
+/**
+ * @internal
+ */
+export declare interface IHashIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
 /**
  * @internal
  */
@@ -4547,6 +5094,11 @@ export declare interface ISingleSelectListItemProps {
     accessibilityConfig?: IMenuAccessibilityConfig;
     tabIndex?: number;
     elementType?: "div" | "button";
+    /**
+     * Visual variant to indicate special emphasis, e.g. "delete".
+     * Example: "default" | "delete"
+     */
+    variant?: "default" | "delete";
     iconRenderer?: (icon: string | ReactNode | FC) => ReactNode;
     infoRenderer?: (info: string | ReactNode | FC) => ReactNode;
     onClick?: (e: MouseEvent_2<HTMLElement>) => void;
@@ -4972,6 +5524,7 @@ export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
     stringTitle: string;
     isDisabled?: boolean;
     showComponentOnly?: boolean;
+    iconLeft?: ReactNode;
     data: T["content"];
     Component: ComponentType<{
         onBack: () => void;
@@ -4985,6 +5538,7 @@ export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
 export declare interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
     item: IUiMenuContentItem<T>;
     isFocused: boolean;
+    size?: SizeSmall | SizeMedium;
 }
 
 /**
@@ -5281,6 +5835,20 @@ export declare interface IUseKeyboardNavigationTargetProps {
     onFocus?: () => void;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUserGroupIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUserIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "11.8.0-alpha.2",
+  "version": "11.8.0-alpha.4",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -76,11 +76,11 @@
     "tslib": "2.8.1",
     "unified": "^11.0.5",
     "uuid": "^11.1.0",
-    "@gooddata/sdk-backend-spi": "11.8.0-alpha.2",
-    "@gooddata/util": "11.8.0-alpha.2",
-    "@gooddata/sdk-model": "11.8.0-alpha.2",
-    "@gooddata/sdk-ui": "11.8.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "11.8.0-alpha.2"
+    "@gooddata/sdk-model": "11.8.0-alpha.4",
+    "@gooddata/sdk-ui": "11.8.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "11.8.0-alpha.4",
+    "@gooddata/sdk-backend-spi": "11.8.0-alpha.4",
+    "@gooddata/util": "11.8.0-alpha.4"
   },
   "devDependencies": {
     "@gooddata/stylelint-config": "^5.0.0",
@@ -130,9 +130,9 @@
     "typescript": "5.8.3",
     "vitest": "3.2.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "11.8.0-alpha.2",
-    "@gooddata/eslint-config": "11.8.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "11.8.0-alpha.2"
+    "@gooddata/reference-workspace": "11.8.0-alpha.4",
+    "@gooddata/sdk-backend-mockingbird": "11.8.0-alpha.4",
+    "@gooddata/eslint-config": "11.8.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/list.css

@@ -1187,6 +1187,10 @@ button.gd-list-item {
   font-size: 14px;
   text-align: left;
 }
+.gd-list-item.variant-delete:hover {
+  color: var(--gd-palette-error-base, #e54d42);
+  background: var(--gd-palette-error-dimmed, #fcedec);
+}
 .gd-list-item.is-disabled {
   opacity: 0.5;
 }