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

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

@@ -6033,11 +6033,6 @@ export declare interface ISpinnerProps {
     className?: string;
 }
 
-/**
- * @internal
- */
-export declare function isSeparator(item: unknown): item is typeof separatorStaticItem;
-
 /**
  * Checks if the given keyboard event is triggered by a Space key.
  *
@@ -6544,6 +6539,7 @@ export declare interface IUiAsyncTableProps<T extends {
     renderItem?: (item: T) => ReactNode;
     renderHeader?: () => ReactNode;
     renderEmptyState?: () => ReactNode;
+    hideHeader?: boolean;
     locale?: string;
     accessibilityConfig?: IUiAsyncTableAccessibilityConfig<T>;
 }
@@ -6715,7 +6711,7 @@ export declare interface IUiButtonAccessibilityConfig extends IAccessibilityConf
 export declare interface IUiButtonProps {
     id?: string;
     size?: SizeSmall | SizeMedium | SizeLarge;
-    variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink | VariantDropdownInline;
+    variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink | VariantLinkDimmed | VariantDropdownInline;
     disableIconAnimation?: boolean;
     iconBefore?: IconType;
     iconBeforeSize?: number;
@@ -7768,7 +7764,7 @@ export declare interface IUiListboxInteractiveItemProps<T> {
 /**
  * @internal
  */
-export declare type IUiListboxItem<InteractiveItemData, StaticItemData = ReactNode> = IUiListboxStaticItem<StaticItemData> | IUiListboxInteractiveItem<InteractiveItemData>;
+export declare type IUiListboxItem<InteractiveItemData, StaticItemData = ReactNode> = IUiListboxStaticItem<StaticItemData> | IUiListboxSeparatorItem | IUiListboxInteractiveItem<InteractiveItemData>;
 
 /**
  * @internal
@@ -7776,7 +7772,7 @@ export declare type IUiListboxItem<InteractiveItemData, StaticItemData = ReactNo
 export declare interface IUiListboxProps<InteractiveItemData, StaticItemData = ReactNode> {
     items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
     dataTestId?: string;
-    itemDataTestId?: string | ((item: IUiListboxItem<InteractiveItemData, StaticItemData>) => string | undefined);
+    itemDataTestId?: string | ((item: IUiListboxStaticItem<StaticItemData> | IUiListboxInteractiveItem<InteractiveItemData>) => string | undefined);
     width?: number;
     maxWidth?: number;
     maxHeight?: number;
@@ -7798,6 +7794,11 @@ export declare interface IUiListboxProps<InteractiveItemData, StaticItemData = R
     reference?: RefObject<HTMLUListElement | null>;
 }
 
+/**
+ * @internal
+ */
+export declare type IUiListboxSeparatorItem = IUiMenuSeparatorItem;
+
 /**
  * @internal
  */
@@ -7951,7 +7952,7 @@ export declare interface IUiMenuInteractiveItemWrapperProps<T extends IUiMenuIte
 /**
  * @internal
  */
-export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T> | IUiMenuContentItem<T>;
+export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuSeparatorItem | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T> | IUiMenuContentItem<T>;
 
 /**
  * @internal
@@ -8008,6 +8009,17 @@ export declare interface IUiMenuProps<T extends IUiMenuItemData = object, M = ob
     menuCtxData?: M;
 }
 
+/**
+ * Renders as the design-system menu divider. Dangling separators (leading, trailing, or adjacent
+ * after conditional items drop out) are collapsed automatically.
+ *
+ * @internal
+ */
+export declare type IUiMenuSeparatorItem = {
+    type: "separator";
+    id?: string;
+};
+
 /**
  * @internal
  */
@@ -8573,7 +8585,7 @@ export declare type IUiTab<TTabProps extends Record<any, any> = EmptyObject, TTa
      * When provided, used instead of `label` for the `aria-label` attribute.
      */
     ariaLabel?: string;
-    actions?: Array<IUiTabAction<TTabProps, TTabActionProps> | typeof separatorStaticItem>;
+    actions?: Array<IUiTabAction<TTabProps, TTabActionProps> | IUiMenuSeparatorItem>;
 } & TTabProps;
 
 /**
@@ -8985,6 +8997,14 @@ export declare interface IUiTooltipProps {
      * `isOpen` to drive the tooltip from the parent.
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * When true, the anchor wrapper collapses to its content and centers it
+     * (`display: inline-flex; align-items: center`). Use for inline/icon anchors that would
+     * otherwise ride high on the wrapper's block line-box. `anchorWrapperStyles` still applies
+     * on top and can override.
+     * @defaultValue false
+     */
+    inlineAnchor?: boolean;
     /**
      * Custom styles for the anchor wrapper element
      */
@@ -10045,14 +10065,6 @@ export declare type Separators = {
     decimal: string;
 };
 
-/**
- * @internal
- */
-export declare const separatorStaticItem: {
-    data: JSX.Element;
-    type: "static";
-};
-
 /**
  * @internal
  */
@@ -10960,7 +10972,7 @@ export declare function UiLink({ variant, flipUnderline, fullWidth, isDisabled,
  *
  * @internal
  */
-export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, dataTestId, itemDataTestId, width, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, isCompact, reference, ariaAttributes }: IUiListboxProps<InteractiveItemData, StaticItemData>): ReactNode;
+export declare function UiListbox<InteractiveItemData, StaticItemData>({ items: rawItems, dataTestId, itemDataTestId, width, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, isCompact, reference, ariaAttributes }: IUiListboxProps<InteractiveItemData, StaticItemData>): ReactNode;
 
 /**
  * @internal
@@ -11270,7 +11282,7 @@ export declare function UiToastsContainer({ dataTestId }: IUiToastsContainerProp
 /**
  * @internal
  */
-export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
+export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, inlineAnchor, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
 
 /**
  * Transfer-ownership dialog — wraps `UiTransferOwnershipDialogCard` in
@@ -11827,6 +11839,12 @@ export declare type VariantDropdownInline = "dropdownInline";
  */
 export declare type VariantLink = "link";
 
+/**
+ * @internal
+ * Link button variant identical to `link` but in a dimmed/gray tone instead of the primary color.
+ */
+export declare type VariantLinkDimmed = "linkDimmed";
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "11.48.0-alpha.2",
+  "version": "11.48.0-alpha.4",
   "description": "GoodData SDK - UI Building Components",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -76,11 +76,11 @@
     "tslib": "2.8.1",
     "unified": "^11.0.5",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-spi": "11.48.0-alpha.2",
-    "@gooddata/sdk-model": "11.48.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "11.48.0-alpha.2",
-    "@gooddata/util": "11.48.0-alpha.2",
-    "@gooddata/sdk-ui": "11.48.0-alpha.2"
+    "@gooddata/sdk-backend-spi": "11.48.0-alpha.4",
+    "@gooddata/sdk-model": "11.48.0-alpha.4",
+    "@gooddata/sdk-ui": "11.48.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "11.48.0-alpha.4",
+    "@gooddata/util": "11.48.0-alpha.4"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -129,11 +129,11 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.48.0-alpha.2",
-    "@gooddata/oxlint-config": "11.48.0-alpha.2",
-    "@gooddata/reference-workspace": "11.48.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "11.48.0-alpha.2",
-    "@gooddata/stylelint-config": "11.48.0-alpha.2"
+    "@gooddata/eslint-config": "11.48.0-alpha.4",
+    "@gooddata/oxlint-config": "11.48.0-alpha.4",
+    "@gooddata/reference-workspace": "11.48.0-alpha.4",
+    "@gooddata/sdk-backend-mockingbird": "11.48.0-alpha.4",
+    "@gooddata/stylelint-config": "11.48.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/@ui/UiAsyncTable/asyncTable.scss

@@ -30,6 +30,13 @@
         }
     }
 
+    // Drop the divider under the LAST row only. Rows are wrapped one-per-item by
+    // UiPagedVirtualList, so `#{$root}__row:last-child` would match every row; target the last
+    // virtual-list item wrapper instead.
+    .gd-ui-kit-paged-virtual-list__item:last-child #{$root}__cell {
+        border-bottom: none;
+    }
+
     &__header {
         display: flex;
         height: var(--gd-table-row-height-normal);

package/src/@ui/UiButton/UiButton.scss

@@ -232,6 +232,41 @@
             height: auto;
         }
 
+        // Same as `link` (underlined, no button chrome, height:auto) but in a dimmed gray tone.
+        &-linkDimmed {
+            --gd-icon-fill-color: var(--gd-palette-complementary-5);
+            color: var(--gd-palette-complementary-7);
+            text-decoration: underline;
+            border: 0;
+            padding: 0;
+            height: auto;
+            background-color: transparent;
+            border-color: transparent;
+
+            &:not(&:disabled) {
+                &:hover,
+                &:focus-visible,
+                &:active,
+                &[aria-expanded="true"],
+                &#{$root}--isSelected {
+                    --gd-icon-fill-color: var(--gd-palette-complementary-6);
+
+                    color: var(--gd-palette-complementary-8);
+                }
+            }
+
+            &:disabled {
+                color: var(--gd-palette-complementary-5);
+            }
+
+            &#{$root}--hasIconAfter {
+                padding-right: 0;
+            }
+            &#{$root}--hasIconBefore {
+                padding-left: 0;
+            }
+        }
+
         &-danger {
             --gd-icon-fill-color: var(--gd-palette-complementary-0);
             color: var(--gd-palette-complementary-0);

package/src/@ui/UiMenu/UiMenu.scss

@@ -18,6 +18,7 @@
             --item-padding-vertical: 4px;
             --item-padding-horizontal: 10px;
             --item-font-size: 12px;
+            --item-line-height: 18px;
             --item-height: 26px;
         }
 
@@ -25,6 +26,7 @@
             --item-padding-vertical: 8px;
             --item-padding-horizontal: 10px;
             --item-font-size: 14px;
+            --item-line-height: 20px;
             --item-height: 36px;
         }
     }
@@ -152,7 +154,7 @@
         display: flex;
         align-items: center;
         font-size: var(--item-font-size);
-        line-height: 20px;
+        line-height: var(--item-line-height, 20px);
         color: var(--gd-palette-complementary-8);
         transition: background-color 0.2s;
         box-sizing: border-box;

package/src/@ui/UiTooltip/UiTooltip.scss

@@ -35,6 +35,12 @@
 
     &__anchor {
         width: fit-content;
+
+        // Collapse to the anchor and center it (for inline/icon anchors) — opt-in via `inlineAnchor`.
+        &--inline {
+            display: inline-flex;
+            align-items: center;
+        }
     }
 
     &__arrow {

package/styles/css/main.css

@@ -480,6 +480,29 @@
   padding: 0;
   height: auto;
 }
+.gd-ui-kit-button--variant-linkDimmed {
+  --gd-icon-fill-color: var(--gd-palette-complementary-5);
+  color: var(--gd-palette-complementary-7);
+  text-decoration: underline;
+  border: 0;
+  padding: 0;
+  height: auto;
+  background-color: transparent;
+  border-color: transparent;
+}
+.gd-ui-kit-button--variant-linkDimmed:not(.gd-ui-kit-button--variant-linkDimmed:disabled):hover, .gd-ui-kit-button--variant-linkDimmed:not(.gd-ui-kit-button--variant-linkDimmed:disabled):focus-visible, .gd-ui-kit-button--variant-linkDimmed:not(.gd-ui-kit-button--variant-linkDimmed:disabled):active, .gd-ui-kit-button--variant-linkDimmed:not(.gd-ui-kit-button--variant-linkDimmed:disabled)[aria-expanded=true], .gd-ui-kit-button--variant-linkDimmed:not(.gd-ui-kit-button--variant-linkDimmed:disabled).gd-ui-kit-button--isSelected {
+  --gd-icon-fill-color: var(--gd-palette-complementary-6);
+  color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-button--variant-linkDimmed:disabled {
+  color: var(--gd-palette-complementary-5);
+}
+.gd-ui-kit-button--variant-linkDimmed.gd-ui-kit-button--hasIconAfter {
+  padding-right: 0;
+}
+.gd-ui-kit-button--variant-linkDimmed.gd-ui-kit-button--hasIconBefore {
+  padding-left: 0;
+}
 .gd-ui-kit-button--variant-danger {
   --gd-icon-fill-color: var(--gd-palette-complementary-0);
   color: var(--gd-palette-complementary-0);
@@ -1822,12 +1845,14 @@
   --item-padding-vertical: 4px;
   --item-padding-horizontal: 10px;
   --item-font-size: 12px;
+  --item-line-height: 18px;
   --item-height: 26px;
 }
 .gd-ui-kit-menu--size-medium {
   --item-padding-vertical: 8px;
   --item-padding-horizontal: 10px;
   --item-font-size: 14px;
+  --item-line-height: 20px;
   --item-height: 36px;
 }
 .gd-ui-kit-menu__content-container {
@@ -1932,7 +1957,7 @@
   display: flex;
   align-items: center;
   font-size: var(--item-font-size);
-  line-height: 20px;
+  line-height: var(--item-line-height, 20px);
   color: var(--gd-palette-complementary-8);
   transition: background-color 0.2s;
   box-sizing: border-box;
@@ -2246,6 +2271,10 @@
 .gd-ui-kit-tooltip__anchor {
   width: fit-content;
 }
+.gd-ui-kit-tooltip__anchor--inline {
+  display: inline-flex;
+  align-items: center;
+}
 .gd-ui-kit-tooltip__arrow {
   fill: var(--bg-color);
 }
@@ -2527,6 +2556,9 @@
 .gd-ui-kit-async-table__row:hover .gd-ui-kit-async-table__cell {
   background-color: var(--gd-palette-complementary-2);
 }
+.gd-ui-kit-async-table .gd-ui-kit-paged-virtual-list__item:last-child .gd-ui-kit-async-table__cell {
+  border-bottom: none;
+}
 .gd-ui-kit-async-table__header {
   display: flex;
   height: var(--gd-table-row-height-normal);
@@ -13461,6 +13493,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .gd-separator {
+  box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;