@gooddata/sdk-ui-kit 11.49.0-alpha.0 → 11.49.0

package/esm/locales.js

@@ -51,9 +51,6 @@ export const olpGranteeAvatarMessages = defineMessages({
     user: { id: "shareDialog.olp.granteeAvatar.user" },
     group: { id: "shareDialog.olp.granteeAvatar.group" },
 });
-export const olpGranteeRowMessages = defineMessages({
-    ownerTag: { id: "shareDialog.olp.granteeRow.ownerTag" },
-});
 export const olpObjectShareDialogMessages = defineMessages({
     title: { id: "shareDialog.olp.objectShareDialog.title" },
     sharedWith: { id: "shareDialog.olp.objectShareDialog.sharedWith" },
@@ -67,16 +64,6 @@ export const olpAddGranteeDialogMessages = defineMessages({
     emptyState: { id: "shareDialog.olp.addGranteeDialog.emptyState" },
     add: { id: "shareDialog.olp.addGranteeDialog.add" },
 });
-export const olpTransferOwnershipDialogMessages = defineMessages({
-    title: { id: "shareDialog.olp.transferOwnershipDialog.title" },
-    back: { id: "shareDialog.olp.transferOwnershipDialog.back" },
-    userLabel: { id: "shareDialog.olp.transferOwnershipDialog.userLabel" },
-    searchPlaceholder: { id: "shareDialog.olp.transferOwnershipDialog.searchPlaceholder" },
-    alsoRemoveMyAccess: { id: "shareDialog.olp.transferOwnershipDialog.alsoRemoveMyAccess" },
-    noteKeepAccess: { id: "shareDialog.olp.transferOwnershipDialog.note.keepAccess" },
-    noteLoseAccess: { id: "shareDialog.olp.transferOwnershipDialog.note.loseAccess" },
-    transfer: { id: "shareDialog.olp.transferOwnershipDialog.transfer" },
-});
 export const olpGeneralAccessMessages = defineMessages({
     groupLabel: { id: "shareDialog.olp.generalAccess.groupLabel" },
     restrictedTitle: { id: "shareDialog.olp.generalAccess.restricted.title" },
@@ -101,7 +88,6 @@ export const olpPermissionMessages = defineMessages({
     canEdit: { id: "shareDialog.olp.permission.edit" },
     canViewAndShareTooltip: { id: "shareDialog.olp.permission.tooltip.share" },
     canViewTooltip: { id: "shareDialog.olp.permission.tooltip.view" },
-    transferOwnership: { id: "shareDialog.olp.permission.transferOwnership" },
     labels: { id: "shareDialog.olp.permission.labels" },
     removeAccess: { id: "shareDialog.olp.permission.removeAccess" },
     menuLabel: { id: "shareDialog.olp.permission.menuLabel" },

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

@@ -56,7 +56,6 @@ import { ILocale } from '@gooddata/sdk-ui';
 import { IMeasureSortTarget } from '@gooddata/sdk-model';
 import { IMetadataObjectBase } from '@gooddata/sdk-model';
 import { IntlShape } from 'react-intl';
-import { INumberParameterConstraints } from '@gooddata/sdk-model';
 import { IParameterDefinition } from '@gooddata/sdk-model';
 import { IParameterMetadataObject } from '@gooddata/sdk-model';
 import { ISeparators } from '@gooddata/sdk-ui';
@@ -64,7 +63,6 @@ import { ISeparators as ISeparators_2 } from '@gooddata/number-formatter';
 import { ISeparators as ISeparators_3 } from '@gooddata/sdk-model';
 import { ISettings } from '@gooddata/sdk-model';
 import { ISortItem } from '@gooddata/sdk-model';
-import { IStringParameterConstraints } from '@gooddata/sdk-model';
 import { ITheme } from '@gooddata/sdk-model';
 import { IThemeDefinition } from '@gooddata/sdk-model';
 import { IUser } from '@gooddata/sdk-model';
@@ -629,7 +627,12 @@ export declare function CustomizableCheckmark({ className, width, height }: ICus
 /**
  * @internal
  */
-export declare function DateDatasetsListItem({ id, title, isHeader, isSelected, isUnrelated, onClick }: IDateDatasetsListItemProps): JSX.Element;
+export declare const DATE_DATASET_LIST_ITEM_CLASSNAME = "gd-list-item gd-list-item-shortened";
+
+/**
+ * @internal
+ */
+export declare function DateDatasetsListItem({ id, title, isHeader, isSelected, isUnrelated, width, onClick }: IDateDatasetsListItemProps): JSX.Element;
 
 /**
  * @internal
@@ -2785,6 +2788,7 @@ export declare interface IDateDatasetsListItemProps {
     isHeader?: boolean;
     isSelected?: boolean;
     isUnrelated?: boolean;
+    width?: number;
     onClick: (e: MouseEvent_2<HTMLDivElement>) => void;
 }
 
@@ -5094,25 +5098,6 @@ export declare function InsightListItemTypeIcon({ type }: {
     type: string;
 }): JSX.Element;
 
-/**
- * @internal
- */
-export declare interface INumberParameterControlDropdownProps {
-    name: string;
-    value: number;
-    /**
-     * Workspace-default snapshot used by the Reset link. Reset is hidden when this is
-     * `undefined` or equals the current (valid) draft value. Reset writes this value into the
-     * draft input only; the user must click Apply to commit.
-     */
-    resetValue?: number;
-    constraints?: INumberParameterConstraints;
-    inputId?: string;
-    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
-    onApply: (value: number) => void;
-    onCancel: () => void;
-}
-
 /**
  * @internal
  */
@@ -6064,25 +6049,6 @@ export declare interface IStandardPresetDefinition {
     messageId: string;
 }
 
-/**
- * @internal
- */
-export declare interface IStringParameterControlDropdownProps {
-    name: string;
-    value: string;
-    /**
-     * Workspace-default snapshot used by the Reset link. Reset is hidden when this is
-     * `undefined` or equals the current (valid) draft value. Reset writes this value into the
-     * draft input only; the user must click Apply to commit.
-     */
-    resetValue?: string;
-    constraints?: IStringParameterConstraints;
-    inputId?: string;
-    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
-    onApply: (value: string) => void;
-    onCancel: () => void;
-}
-
 /**
  * @internal
  */
@@ -6719,6 +6685,7 @@ export declare interface IUiButtonProps {
     iconAfter?: IconType;
     iconAfterSize?: number;
     label: string;
+    type?: "button" | "submit" | "reset";
     isDisabled?: boolean;
     isLoading?: boolean;
     isSelected?: boolean;
@@ -7466,10 +7433,20 @@ export declare interface IUiGranteeRowControlsProps {
      * (e.g. from a group); drives the warning badge. Undefined when not elevated.
      */
     effectivePermission?: AccessGranularPermission;
+    /**
+     * Merge every action into the permission dropdown: the labels drill-in and
+     * Remove access render inside {@link UiPermissionMenu} (no "⋯" menu), and
+     * the level dropdown is offered even for an EDIT row. Used for the signed-in
+     * user's own row when they manage their own access.
+     */
+    mergedControls?: boolean;
+    /** Levels rendered disabled in the permission menu — see {@link UiPermissionMenu}. */
+    disabledLevels?: ReadonlyArray<PermissionMenuLevel>;
+    /** Tooltip shown on disabled level rows in place of the level's info text. */
+    disabledTooltip?: string;
     onLabelsChange: (selectedIds: string[]) => void;
     /** Fires only for selectable rows (VIEW/SHARE); EDIT rows have no level control. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
-    onTransferOwnership?: () => void;
     onRemoveAccess?: () => void;
     /** Disables both triggers, e.g. while the row's change is saving. */
     isDisabled?: boolean;
@@ -7486,8 +7463,6 @@ export declare interface IUiGranteeRowProps {
     name: string;
     /** Optional email subline shown below the name. */
     email?: string;
-    /** When true, an "Owner" tag is rendered between the text block and the controls slot. */
-    isOwner?: boolean;
     /** When true, the row is visually muted to signal an in-flight save. */
     isPending?: boolean;
     /** Trailing controls slot — typically the `UiGranteeRowControls` trigger pair. */
@@ -8079,8 +8054,6 @@ export declare interface IUiMoreOptionsMenuProps {
     /** Locked items are always treated as selected. */
     selectedLabelIds?: ReadonlyArray<string>;
     onLabelsChange?: (selectedIds: string[]) => void;
-    /** Omit to hide the row (Transfer ownership is gated until wired). */
-    onTransferOwnership?: () => void;
     /**
      * Omit to hide the row. Used for read-only permission rows (e.g. EDIT), whose
      * level control has no dropdown to host Remove access — so the action lives here.
@@ -8173,11 +8146,12 @@ export declare interface IUiObjectShareDialogGrantee {
     name: string;
     /** Optional email subline. */
     email?: string;
-    /** When true, the row is rendered with the "Owner" tag instead of controls. */
-    isOwner?: boolean;
     /** When true, the row is visually muted to signal an in-flight save. */
     isPending?: boolean;
-    /** Per-row controls — usually `UiGranteeRowControls`. Owner rows leave this empty. */
+    /**
+     * Per-row controls — usually `UiGranteeRowControls`; the caller may plug in
+     * any other trailing content (e.g. a static tag) instead.
+     */
     controls?: ReactNode;
 }
 
@@ -8316,11 +8290,27 @@ export declare interface IUiPaginationButtonProps {
  */
 export declare interface IUiPermissionMenuProps {
     /** Element that opens the menu on click. */
-    anchor: ReactElement<any>;
+    anchor: ReactElement;
     /** Currently selected permission level — drives `aria-checked`. */
     selectedLevel?: PermissionMenuLevel;
     /** Fires when the user picks a permission level. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
+    /**
+     * Levels rendered disabled (`aria-disabled`, click blocked) — e.g. levels
+     * above the caller's own when they manage their own access.
+     */
+    disabledLevels?: ReadonlyArray<PermissionMenuLevel>;
+    /** Tooltip shown on disabled level rows in place of the level's info text. */
+    disabledTooltip?: string;
+    /**
+     * Non-empty enables a labels row that drills into {@link UiLabelsChecklist}
+     * within the menu — for rows whose menu hosts every action (no "⋯" menu).
+     */
+    labels?: ReadonlyArray<IUiLabelsChecklistItem>;
+    /** Locked items are always treated as selected. */
+    selectedLabelIds?: ReadonlyArray<string>;
+    /** Fires with the applied label selection from the labels drill-in. */
+    onLabelsChange?: (selectedIds: string[]) => void;
     /** Fires when the user picks Remove access. */
     onRemoveAccess?: () => void;
     /** Test id forwarded to the menu body. */
@@ -9011,52 +9001,6 @@ export declare interface IUiTooltipProps {
     anchorWrapperStyles?: CSSProperties;
 }
 
-/**
- * @internal
- */
-export declare interface IUiTransferOwnershipDialogCardProps {
-    /** Object title shown in the header — wrapped into `Transfer ownership of "\{title\}"`. */
-    objectTitle: string;
-    /**
-     * Loader for the user search. Owner is always an individual user, so the
-     * caller returns users only — any `groups` it carries are ignored here.
-     */
-    loadOptions: (search: string) => Promise<IUiGranteeAsyncOptions>;
-    /**
-     * The picked new owner, or undefined before one is chosen. Single select:
-     * picking another user from the search replaces this one.
-     */
-    selectedOwner: IUiGranteeAsyncOption | undefined;
-    /** Fires when the user picks someone from the search dropdown. */
-    onSelectedOwnerChange: (owner: IUiGranteeAsyncOption) => void;
-    /** Whether "Also remove my access" is checked. */
-    alsoRemoveMyAccess: boolean;
-    onAlsoRemoveMyAccessChange: (next: boolean) => void;
-    /** Fires when the user clicks the header back-arrow button. */
-    onBack: () => void;
-    /** Fires when the user clicks the header X close button. */
-    onClose: () => void;
-    /** Fires when the user clicks Cancel in the footer. */
-    onCancel: () => void;
-    /**
-     * Fires when the user confirms the transfer. The Transfer button is disabled
-     * until an owner is picked, and while a transfer is in flight.
-     */
-    onTransfer: () => void;
-    /** Whether a transfer write is in flight; disables the Transfer button. */
-    isSaving?: boolean;
-    /** Test id forwarded to the root element. */
-    dataTestId?: string;
-}
-
-/**
- * @internal
- */
-export declare interface IUiTransferOwnershipDialogProps extends IUiTransferOwnershipDialogCardProps {
-    /** Whether the dialog is shown. */
-    isOpen: boolean;
-}
-
 /**
  * @internal
  */
@@ -9673,14 +9617,6 @@ export declare function NonContextToastsInterop(props: {
  */
 export declare function normalizeTime(time?: Date, date?: Date, timeAnchor?: number): Date;
 
-/**
- * Dropdown panel for editing a numeric parameter value. Owns the draft, inline validation,
- * preview, and (mode-aware) Reset via `resetValue`.
- *
- * @internal
- */
-export declare function NumberParameterControlDropdown({ name, value, resetValue, constraints, inputId, ariaAttributes, onApply, onCancel }: INumberParameterControlDropdownProps): JSX.Element;
-
 /**
  * @internal
  */
@@ -10118,6 +10054,7 @@ export declare function ShareGranteeBase({ isLoading, isLockedNow, isUnderLenien
 export declare class ShortenedText extends PureComponent<IShortenedTextProps, IShortenedTextState> {
     static defaultProps: Pick<IShortenedTextProps, "className" | "tagName" | "tooltipAlignPoints" | "tooltipVisibleOnMouseOver" | "getElement" | "displayTooltip" | "ellipsisPosition">;
     textRef: RefObject<HTMLElement | null>;
+    private naturalScrollWidth;
     constructor(props: IShortenedTextProps);
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: IShortenedTextProps): void;
@@ -10269,14 +10206,6 @@ export declare const STANDARD_PRESET_DEFINITIONS: readonly IStandardPresetDefini
  */
 export declare const STANDARD_TEMPLATE_DEFINITIONS: readonly ITemplateDefinition[];
 
-/**
- * Dropdown panel for editing a string parameter value as free text. Owns the draft, inline
- * length validation, preview, and (mode-aware) Reset via `resetValue`.
- *
- * @internal
- */
-export declare function StringParameterControlDropdown({ name, value, resetValue, constraints, inputId, ariaAttributes, onApply, onCancel }: IStringParameterControlDropdownProps): JSX.Element;
-
 /**
  * Properties for BEM modifiers.
  *
@@ -10702,8 +10631,8 @@ export declare function UiConfirmDialog({ isOpen, ...cardProps }: IUiConfirmDial
 export declare function UiConfirmDialogCard({ title, description, confirmLabel, confirmVariant, onClose, onCancel, onConfirm, dataTestId }: IUiConfirmDialogCardProps): JSX.Element;
 
 /**
- * Generic chip-shaped dropdown trigger primitive. One source of truth for filter-bar chip
- * visuals; consumed by both attribute filter chips and parameter chips.
+ * Generic dropdown trigger primitive. One source of truth for filter-bar button visuals;
+ * consumed by both attribute filter buttons and parameter controls.
  *
  * Owns: layout, visual states, keyboard activation, ARIA contract.
  *
@@ -10872,21 +10801,20 @@ export declare function UiGranteeAvatar({ kind, decorative, dataTestId }: IUiGra
 
 /**
  * Grantee row used by the OLP share dialog. Renders avatar + name + optional
- * email subline + optional "Owner" tag + trailing controls slot.
+ * email subline + trailing controls slot.
  *
  * @internal
  */
-export declare function UiGranteeRow({ kind, name, email, isOwner, isPending, controls, dataTestId }: IUiGranteeRowProps): JSX.Element;
+export declare function UiGranteeRow({ kind, name, email, isPending, controls, dataTestId }: IUiGranteeRowProps): JSX.Element;
 
 /**
  * Per-row controls in the OLP share dialog: a permission trigger
  * ({@link UiPermissionMenu}) plus a "⋯" menu ({@link UiMoreOptionsMenu}) for
- * labels access and Transfer ownership, with an optional inherited-permission
- * warning badge.
+ * labels access, with an optional inherited-permission warning badge.
  *
  * @internal
  */
-export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, isDisabled, dataTestId }: IUiGranteeRowControlsProps): JSX.Element;
+export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, mergedControls, disabledLevels, disabledTooltip, onLabelsChange, onPermissionChange, onRemoveAccess, isDisabled, dataTestId }: IUiGranteeRowControlsProps): JSX.Element;
 
 /**
  * @internal
@@ -11001,14 +10929,14 @@ export declare function UiMenu<T extends IUiMenuItemData = object, M extends obj
 export declare function UiModalDialog({ children, isOpen, onClose, width, accessibilityConfig, dataTestId }: IUiModalDialogProps): JSX.Element | null;
 
 /**
- * Per-grantee "⋯" menu: "Manage labels access" (drills into {@link UiLabelsChecklist}),
- * "Transfer ownership" and "Remove access". Each row shows only when its data/handler
- * is given. Remove access appears here for read-only permission rows whose level control
- * has no dropdown to host it.
+ * Per-grantee "⋯" menu: "Manage labels access" (drills into {@link UiLabelsChecklist})
+ * and "Remove access". Each row shows only when its data/handler is given. Remove
+ * access appears here for read-only permission rows whose level control has no
+ * dropdown to host it.
  *
  * @internal
  */
-export declare function UiMoreOptionsMenu({ labels, selectedLabelIds, onLabelsChange, onTransferOwnership, onRemoveAccess, isDisabled, dataTestId }: IUiMoreOptionsMenuProps): JSX.Element;
+export declare function UiMoreOptionsMenu({ labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isDisabled, dataTestId }: IUiMoreOptionsMenuProps): JSX.Element;
 
 /**
  * @internal
@@ -11067,13 +10995,13 @@ export declare type UiPaginationButtonSize = "small" | "large";
 /**
  * Per-grantee permission popover. Renders a fixed set of rows — two
  * permission levels (Can view & share / Can view), an optional divider,
- * and an optional Remove access action row. Each level row carries an
- * `infoCircle` tooltip. Labels and Transfer ownership live in the separate
- * {@link UiMoreOptionsMenu}.
+ * an optional labels drill-in and an optional Remove access action row.
+ * Each level row carries an `infoCircle` tooltip; disabled level rows
+ * (`disabledLevels`) swap it for `disabledTooltip`.
  *
  * @internal
  */
-export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onRemoveAccess, dataTestId }: IUiPermissionMenuProps): JSX.Element;
+export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, dataTestId }: IUiPermissionMenuProps): JSX.Element;
 
 /**
  * @internal
@@ -11284,30 +11212,6 @@ export declare function UiToastsContainer({ dataTestId }: IUiToastsContainerProp
  */
 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
- * `UiModalDialog` for the full modal contract (portal, dimmed backdrop, focus
- * trap, Esc and backdrop dismiss).
- *
- * @internal
- */
-export declare function UiTransferOwnershipDialog({ isOpen, ...cardProps }: IUiTransferOwnershipDialogProps): JSX.Element;
-
-/**
- * Transfer-ownership dialog card — header + single-user search picker + the
- * picked owner row (with an "Owner" tag) + an "Also remove my access" checkbox
- * and an informational note, then a footer with Cancel and Transfer. Renders
- * inline as a plain card; for modal behavior use `UiTransferOwnershipDialog`.
- *
- * The card owns the visual composition but no policy. The caller controls the
- * picked owner via `selectedOwner` / `onSelectedOwnerChange`, decides whether
- * that owner is already an owner, and performs the actual transfer on
- * `onTransfer`.
- *
- * @internal
- */
-export declare function UiTransferOwnershipDialogCard({ objectTitle, loadOptions, selectedOwner, onSelectedOwnerChange, alsoRemoveMyAccess, onAlsoRemoveMyAccessChange, onBack, onClose, onCancel, onTransfer, isSaving, dataTestId }: IUiTransferOwnershipDialogCardProps): JSX.Element;
-
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "11.49.0-alpha.0",
+  "version": "11.49.0",
   "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.49.0-alpha.0",
-    "@gooddata/sdk-model": "11.49.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.49.0-alpha.0",
-    "@gooddata/util": "11.49.0-alpha.0",
-    "@gooddata/sdk-ui": "11.49.0-alpha.0"
+    "@gooddata/sdk-backend-spi": "11.49.0",
+    "@gooddata/sdk-model": "11.49.0",
+    "@gooddata/sdk-ui": "11.49.0",
+    "@gooddata/sdk-ui-theme-provider": "11.49.0",
+    "@gooddata/util": "11.49.0"
   },
   "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.49.0-alpha.0",
-    "@gooddata/reference-workspace": "11.49.0-alpha.0",
-    "@gooddata/oxlint-config": "11.49.0-alpha.0",
-    "@gooddata/stylelint-config": "11.49.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.49.0-alpha.0"
+    "@gooddata/eslint-config": "11.49.0",
+    "@gooddata/oxlint-config": "11.49.0",
+    "@gooddata/reference-workspace": "11.49.0",
+    "@gooddata/sdk-backend-mockingbird": "11.49.0",
+    "@gooddata/stylelint-config": "11.49.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/@ui/UiControlButton/UiControlButton.scss

@@ -1,5 +1,9 @@
 // (C) 2026 GoodData Corporation
 
+@use "../../../styles/scss/Button/variables" as button-variables;
+@use "../../../styles/scss/Button/mixins" as button-mixins;
+@use "../../../styles/scss/variables";
+
 $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0 7 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4h2v2H0V4zm0-4h2v2H0V0zm5 4h2v2H5V4zm0-4h2v2H5V0zm0 8h2v2H5V8zM0 8h2v2H0V8zm0 4h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5-12h2v2H5v-2z' fill='%23B0BECA' fill-rule='evenodd'/%3E%3C/svg%3E";
 
 .gd-ui-kit-control-button {
@@ -8,7 +12,7 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
     position: relative;
     max-width: 230px;
     padding: 5px 10px;
-    font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
+    font-family: variables.$gd-font-primary;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px;
@@ -50,13 +54,13 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
 
     &:hover {
         &::after {
-            border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+            border-color: button-variables.$button-normal-hover-border-color;
         }
 
         &#{$root}--isDraggable {
             box-shadow:
-                0 1px 3px 0 rgba(20, 56, 93, 0.1),
-                0 2px 9px 0 rgba(20, 56, 93, 0.15);
+                0 1px 3px 0 button-variables.$button-shadow-lighter,
+                0 2px 9px 0 button-variables.$button-shadow-darker;
 
             &::before {
                 opacity: 1;
@@ -66,11 +70,13 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
 
     &--isOpen {
         &::after {
-            box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
+            box-shadow: inset 0 1px 0 0 button-variables.$button-normal-active-shadow;
             border-color: var(
                 --gd-palette-complementary-5-from-theme,
-                var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2))
+                button-variables.$button-normal-hover-border-color
             );
+
+            @include button-mixins.button-normal-active-gradient;
         }
 
         &#{$root}--isDraggable::before {
@@ -86,7 +92,7 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
         display: inline-block;
 
         &::after {
-            border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+            border-color: button-variables.$button-normal-hover-border-color;
             background: var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95));
         }
 
@@ -97,13 +103,13 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
 
     &--isError {
         font-size: 12px;
-        color: var(--gd-palette-error-base, #e54d42);
+        color: variables.$gd-palette-error-base;
         background: var(--gd-palette-error-base-t85, rgba(229, 77, 66, 0.15));
     }
 
     &--isWarning {
         font-size: 12px;
-        color: var(--gd-palette-warning-base, #f18600);
+        color: variables.$gd-palette-warning-base;
         background: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
     }
 
@@ -134,7 +140,7 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
         // Room for the pinned chevron
         padding-right: 28px;
 
-        // Flat: no chip border or open-state gradient.
+        // Flat: no border or open-state gradient.
         &::after {
             display: none;
         }
@@ -215,7 +221,7 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
 
     &__title {
         overflow: hidden;
-        color: var(--gd-palette-complementary-7, #6d7680);
+        color: variables.$gd-color-label;
         margin-right: auto;
         max-width: 100%;
         white-space: nowrap;
@@ -239,17 +245,17 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
         white-space: nowrap;
         text-overflow: ellipsis;
         font-weight: bold;
-        color: var(--gd-palette-complementary-9, #000);
+        color: variables.$gd-color-dark;
 
         &::after {
             content: "\e612";
             display: inline-block;
             margin-left: 0.5em;
-            font-family: "Indigo", sans-serif;
+            font-family: variables.$gd-font-indigo;
             font-weight: normal;
             font-size: inherit;
             vertical-align: top;
-            color: var(--gd-palette-complementary-6, #94a1ad);
+            color: variables.$gd-color-state-blank;
             transition: all 0.2s ease;
         }
     }

package/src/@ui/UiPermissionMenu/UiPermissionMenu.scss

@@ -58,6 +58,11 @@
             color: var(--gd-palette-primary-base);
             font-weight: 700;
         }
+
+        &--disabled {
+            color: var(--gd-palette-complementary-5);
+            cursor: default;
+        }
     }
 
     &__item-label {

package/src/@ui/index.scss

@@ -43,7 +43,6 @@
 @use "./UiModalDialog/UiModalDialog.scss";
 @use "./UiObjectShareDialog/UiObjectShareDialog.scss";
 @use "./UiAddGranteeDialog/UiAddGranteeDialog.scss";
-@use "./UiTransferOwnershipDialog/UiTransferOwnershipDialog.scss";
 @use "./UiGranteeAsyncPicker/UiGranteeAsyncPicker.scss";
 @use "./UiGeneralAccessRadio/UiGeneralAccessRadio.scss";
 @use "./UiLabelsChecklist/UiLabelsChecklist.scss";

package/src/ParameterControl/ParameterControl.scss

@@ -1,5 +1,7 @@
 // (C) 2026 GoodData Corporation
 
+@use "./ParameterInput.scss";
+
 .gd-ui-kit-parameter-control {
     &--dropdown {
         display: flex;
@@ -13,7 +15,7 @@
     }
 
     &__dropdown-field {
-        padding: 10px 10px 0;
+        padding: 10px;
     }
 
     &__dropdown-field-header {
@@ -21,27 +23,14 @@
         align-items: center;
         justify-content: space-between;
         padding-bottom: 5px;
+        font-size: 12px;
     }
 
     &__dropdown-label {
         color: var(--gd-palette-complementary-8);
-        font-size: 12px;
         font-weight: 400;
     }
 
-    &__dropdown-reset {
-        padding: 0;
-        background: none;
-        border: none;
-        color: var(--gd-palette-primary-base);
-        font-size: 12px;
-        cursor: pointer;
-
-        &:hover {
-            text-decoration: underline;
-        }
-    }
-
     &__dropdown-error {
         padding-top: 5px;
         color: var(--gd-palette-error-base);
@@ -50,7 +39,7 @@
 
     &__dropdown-divider {
         height: 1px;
-        margin: 10px 0;
+        margin: 10px;
         background-color: var(--gd-palette-complementary-3);
     }
 
@@ -78,7 +67,8 @@
         display: flex;
         justify-content: flex-end;
         gap: 10px;
-        padding: 10px;
+        margin: 0 10px;
+        padding: 10px 0;
         border-top: 1px solid var(--gd-palette-complementary-3);
     }
 }