@gooddata/sdk-ui-kit 11.41.0 → 11.42.0-alpha.0

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

@@ -76,6 +76,7 @@ import type { MetricType } from '@gooddata/sdk-model';
 import { Middleware } from '@floating-ui/react';
 import { ModifierKey } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { MouseEventHandler } from 'react';
 import { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { ObjRef } from '@gooddata/sdk-model';
@@ -6295,6 +6296,8 @@ export declare interface ITypographyProps {
  * @internal
  */
 export declare interface IUiAddGranteeDialogProps {
+    /** Whether the dialog is shown. */
+    isOpen: boolean;
     /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
     objectTitle: string;
     /** Current search query. */
@@ -6310,7 +6313,7 @@ export declare interface IUiAddGranteeDialogProps {
     selectedGrantee?: ReactNode;
     /** Fires when the user clicks the header back-arrow button. */
     onBack: () => void;
-    /** Fires when the user clicks the header X close button. */
+    /** Fires when the user clicks the header X close button or dismisses the modal. */
     onClose: () => void;
     /** Fires when the user clicks Cancel in the footer. */
     onCancel: () => void;
@@ -6318,7 +6321,7 @@ export declare interface IUiAddGranteeDialogProps {
     onAdd: () => void;
     /** When true, the primary Add button is disabled. */
     isAddDisabled?: boolean;
-    /** Test id forwarded to the root element. */
+    /** Test id forwarded to the modal overlay. */
     dataTestId?: string;
 }
 
@@ -6737,7 +6740,7 @@ export declare interface IUiComboboxState {
 /**
  * @internal
  */
-export declare interface IUiConfirmDialogProps {
+export declare interface IUiConfirmDialogCardProps {
     /** Dialog title rendered inside the header. */
     title: string;
     /** Body content — typically a sentence or two of description. */
@@ -6752,10 +6755,18 @@ export declare interface IUiConfirmDialogProps {
     onCancel: () => void;
     /** Fires when the user clicks the footer confirm button. */
     onConfirm: () => void;
-    /** Test id forwarded to the root element. */
+    /** Test id forwarded to the root of the card composition. */
     dataTestId?: string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiConfirmDialogProps extends IUiConfirmDialogCardProps {
+    /** Whether the dialog is shown. */
+    isOpen: boolean;
+}
+
 /**
  * @internal
  */
@@ -6818,6 +6829,14 @@ export declare interface IUiDateProps {
     allowRelative?: boolean;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiDialogBodyProps {
+    /** Description content — typically a sentence or two of body text. */
+    children: ReactNode;
+}
+
 /**
  * @internal
  */
@@ -6846,48 +6865,6 @@ export declare interface IUiDialogHeaderProps {
     leading?: ReactNode;
 }
 
-/**
- * Accessibility config for a dialog. By default the shell wires
- * `aria-labelledby` to the `UiDialogHeader` title via
- * context — no config is needed when a header is present. For headerless
- * dialogs, pass `ariaLabel`; to point at an external title
- * element, pass `ariaLabelledBy`.
- *
- * @internal
- */
-export declare interface IUiDialogShellAccessibilityConfig {
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
-}
-
-/**
- * @internal
- */
-export declare interface IUiDialogShellProps {
-    /** Header / body / footer composed by the caller. */
-    children: ReactNode;
-    /** Dialog width in px. Defaults to 540. */
-    width?: number;
-    /**
-     * When true, the dialog acts as a modal: focus is trapped inside,
-     * autofocus + return-focus-on-unmount apply, ESC fires `onClose`,
-     * and `aria-modal="true"` is set. Leave off for inline
-     * non-blocking dialog cards.
-     */
-    isModal?: boolean;
-    /** Fires when the user dismisses via ESC. Only active when `isModal`. */
-    onClose?: () => void;
-    /**
-     * Accessibility config. Usually unnecessary — when `UiDialogHeader`
-     * is used as a child the shell auto-wires `aria-labelledby` to
-     * the header's title.
-     */
-    accessibilityConfig?: IUiDialogShellAccessibilityConfig;
-    /** Test id forwarded to the root element. */
-    dataTestId?: string;
-}
-
 /**
  * @internal
  */
@@ -7774,6 +7751,30 @@ export declare interface IUiMenuSubview {
     payload?: Record<string, unknown>;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiModalDialogProps {
+    /** Dialog content composed by the caller — typically `UiDialogHeader`,
+     *  an optional `UiDialogBody`, and `UiDialogFooter`. */
+    children: ReactNode;
+    /** Whether the modal is shown. */
+    isOpen: boolean;
+    /** Fires when the user dismisses via Esc, backdrop click, or `onClose` from inside. */
+    onClose: () => void;
+    /** Card width in px. Defaults to 540. */
+    width?: number;
+    /**
+     * Overrides for the dialog landmark's accessible name. Usually unnecessary —
+     * the landmark auto-wires `aria-labelledby` to the `UiDialogHeader` title
+     * via context. For headerless dialogs, pass `ariaLabel`; to point at an
+     * external title, pass `ariaLabelledBy`.
+     */
+    accessibilityConfig?: Pick<IAccessibilityConfigBase, "ariaLabel" | "ariaLabelledBy">;
+    /** Test id forwarded to the overlay element. */
+    dataTestId?: string;
+}
+
 /**
  * @internal
  */
@@ -7794,6 +7795,32 @@ export declare interface IUiNavigationItem {
     tabIndex?: number;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiObjectShareDialogCardProps {
+    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
+    objectTitle: string;
+    /** Fires when the user clicks the header X button OR the footer Close button. */
+    onClose: () => void;
+    /** Grantee rows shown inside the SHARED WITH section, in render order. */
+    grantees: IUiObjectShareDialogGrantee[];
+    /** Fires when the user clicks the + Add link in the SHARED WITH heading. */
+    onAddClick: () => void;
+    /** Selected general-access option. */
+    generalAccess: GeneralAccessValue;
+    /** Fires when the user picks a different general-access option. */
+    onGeneralAccessChange: (value: GeneralAccessValue) => void;
+    /**
+     * Optional slot rendered next to the "All workspace members" row — typically a
+     * `UiGranteeRowControls` pair for the workspace-wide labels picker
+     * and permission level.
+     */
+    workspaceControls?: ReactNode;
+    /** Test id forwarded to the root element. */
+    dataTestId?: string;
+}
+
 /**
  * Visual data for a single grantee row inside the dialog. The `controls`
  * slot lets the caller plug in the per-row controls (typically
@@ -7819,27 +7846,9 @@ export declare interface IUiObjectShareDialogGrantee {
 /**
  * @internal
  */
-export declare interface IUiObjectShareDialogProps {
-    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
-    objectTitle: string;
-    /** Fires when the user clicks the header X button OR the footer Close button. */
-    onClose: () => void;
-    /** Grantee rows shown inside the SHARED WITH section, in render order. */
-    grantees: IUiObjectShareDialogGrantee[];
-    /** Fires when the user clicks the + Add link in the SHARED WITH heading. */
-    onAddClick: () => void;
-    /** Selected general-access option. */
-    generalAccess: GeneralAccessValue;
-    /** Fires when the user picks a different general-access option. */
-    onGeneralAccessChange: (value: GeneralAccessValue) => void;
-    /**
-     * Optional slot rendered next to the "All workspace members" row — typically a
-     * `UiGranteeRowControls` pair for the workspace-wide labels picker
-     * and permission level.
-     */
-    workspaceControls?: ReactNode;
-    /** Test id forwarded to the root element. */
-    dataTestId?: string;
+export declare interface IUiObjectShareDialogProps extends IUiObjectShareDialogCardProps {
+    /** Whether the dialog is shown. */
+    isOpen: boolean;
 }
 
 /**
@@ -8434,6 +8443,14 @@ export declare interface IUiTextInputProps {
     accessibilityConfig?: IAccessibilityConfigBase;
     disabled?: boolean;
     autoFocus?: boolean;
+    /** Forwarded to the input element. Use for autocomplete / combobox patterns. */
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /** Forwarded to the input element. */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /** Forwarded to the input element. */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /** Forwarded to the input element. */
+    onClick?: MouseEventHandler<HTMLInputElement>;
     /** Test id forwarded to the input element. */
     dataTestId?: string;
 }
@@ -9945,13 +9962,13 @@ export declare function Typography({ tagName: Tag, children, className, title, i
 export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
 
 /**
- * Standalone dialog for adding a grantee, opened from the share dialog's
+ * Modal dialog for adding a grantee, opened from the share dialog's
  * "+ Add" action. Lets the author search for a user or group, preview the
  * grantee they picked, and confirm adding them with the footer Add button.
  *
  * @internal
  */
-export declare function UiAddGranteeDialog({ objectTitle, searchQuery, onSearchQueryChange, selectedGrantee, onBack, onClose, onCancel, onAdd, isAddDisabled, dataTestId }: IUiAddGranteeDialogProps): JSX.Element;
+export declare function UiAddGranteeDialog({ isOpen, objectTitle, searchQuery, onSearchQueryChange, selectedGrantee, onBack, onClose, onCancel, onAdd, isAddDisabled, dataTestId }: IUiAddGranteeDialogProps): JSX.Element;
 
 /**
  * @internal
@@ -10172,14 +10189,26 @@ export declare function UiComboboxPopup({ style, className, children, ...htmlPro
 export declare type UiComboboxPopupProps = HTMLAttributes<HTMLDivElement>;
 
 /**
- * Compact modal confirm dialog used by the OLP share flow for actions that
- * need explicit user confirmation (granting workspace access, restricting
- * access, removing a grantee, transferring ownership). Always modal — focus
- * is trapped inside, autofocus + return-focus apply, and ESC fires onClose.
+ * Modal confirm dialog used for actions that need explicit user confirmation
+ * (granting workspace access, restricting access, removing a grantee,
+ * transferring ownership). Wraps `UiConfirmDialogCard` in `UiModalDialog`
+ * for the full modal contract — portal, dimmed backdrop, focus trap,
+ * Esc and backdrop dismiss.
  *
  * @internal
  */
-export declare function UiConfirmDialog({ title, description, confirmLabel, confirmVariant, onClose, onCancel, onConfirm, dataTestId }: IUiConfirmDialogProps): JSX.Element;
+export declare function UiConfirmDialog({ isOpen, ...cardProps }: IUiConfirmDialogProps): JSX.Element;
+
+/**
+ * Confirm dialog composition — header, description body, footer with Cancel
+ * and Confirm buttons. Designed to be rendered inside `UiModalDialog`, which
+ * provides the modal chrome (portal, backdrop, card surface, focus trap,
+ * dismiss). `UiConfirmDialog` wraps this composition in `UiModalDialog`
+ * with the right width and exposes the combined surface to callers.
+ *
+ * @internal
+ */
+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
@@ -10204,29 +10233,28 @@ export declare function UiCopyButton({ label, clipboardContent, successMessage,
 export declare function UiDate({ date, locale, relativeThresholdMs, absoluteOptions, allowRelative }: IUiDateProps): JSX.Element;
 
 /**
- * Dialog footer: right-aligned cluster of action buttons. Optionally renders
- * a 1px divider above the actions.
+ * Dialog description body — slot for cards whose meaning lives in a single
+ * block of text (confirm dialogs). Carries the dialog's `descriptionId` so
+ * the modal landmark's `aria-describedby` resolves to this element.
  *
  * @internal
  */
-export declare function UiDialogFooter({ children, divider }: IUiDialogFooterProps): JSX.Element;
+export declare function UiDialogBody({ children }: IUiDialogBodyProps): JSX.Element;
 
 /**
- * Dialog header: optional leading slot + title + optional close X.
+ * Dialog footer: right-aligned cluster of action buttons. Optionally renders
+ * a 1px divider above the actions.
  *
  * @internal
  */
-export declare function UiDialogHeader({ title, titleSize, onClose, leading }: IUiDialogHeaderProps): JSX.Element;
+export declare function UiDialogFooter({ children, divider }: IUiDialogFooterProps): JSX.Element;
 
 /**
- * Plain dialog card chrome — 4px radius, soft shadow, complementary-0 fill,
- * 20px padding. Holds whatever the caller composes inside. Set
- * `isModal` for blocking dialogs (adds focus trap, autofocus,
- * return-focus, ESC handling and `aria-modal`).
+ * Dialog header: optional leading slot + title + optional close X.
  *
  * @internal
  */
-export declare function UiDialogShell({ children, width, isModal, onClose, accessibilityConfig, dataTestId }: IUiDialogShellProps): JSX.Element;
+export declare function UiDialogHeader({ title, titleSize, onClose, leading }: IUiDialogHeaderProps): JSX.Element;
 
 /**
  * @internal
@@ -10445,19 +10473,39 @@ export declare type UiListboxAriaAttributes = Omit<IDropdownBodyRenderProps["ari
  */
 export declare function UiMenu<T extends IUiMenuItemData = object, M extends object = object>(props: IUiMenuProps<T, M>): ReactNode;
 
+/**
+ * Modal dialog — portal, dimmed backdrop, card chrome (radius, shadow, fill,
+ * padding), focus management, dismiss-on-outside / Esc, and the dialog
+ * landmark (`role="dialog"`, `aria-modal="true"`). Compose `UiDialogHeader`,
+ * an optional `UiDialogBody`, and `UiDialogFooter` as children.
+ *
+ * @internal
+ */
+export declare function UiModalDialog({ children, isOpen, onClose, width, accessibilityConfig, dataTestId }: IUiModalDialogProps): JSX.Element | null;
+
 /**
  * @internal
  */
 export declare function UiNavigationBypass({ label, items, onItemClick, style }: IUiNavigationBypassProps): JSX.Element;
 
 /**
- * Root component for the OLP share dialog — composes the header, the grantee
- * list (with its `+ Add` action), the general-access radio, and the
- * footer Close button.
+ * Object share dialog — wraps `UiObjectShareDialogCard` in `UiModalDialog`
+ * for the full modal contract (portal, dimmed backdrop, focus trap, Esc
+ * and backdrop dismiss).
+ *
+ * @internal
+ */
+export declare function UiObjectShareDialog({ isOpen, ...cardProps }: IUiObjectShareDialogProps): JSX.Element;
+
+/**
+ * Object share dialog card — header, grantee list, general-access radio,
+ * footer Close button. Renders inline as a plain card. For modal behavior
+ * (portal, backdrop, focus trap, dismiss), use `UiObjectShareDialog`
+ * which wraps this in `UiModalDialog`.
  *
  * @internal
  */
-export declare function UiObjectShareDialog({ objectTitle, onClose, grantees, onAddClick, generalAccess, onGeneralAccessChange, workspaceControls, dataTestId }: IUiObjectShareDialogProps): JSX.Element;
+export declare function UiObjectShareDialogCard({ objectTitle, onClose, grantees, onAddClick, generalAccess, onGeneralAccessChange, workspaceControls, dataTestId }: IUiObjectShareDialogCardProps): JSX.Element;
 
 /**
  * @internal
@@ -10636,7 +10684,7 @@ export declare function UiTags({ tags, tagOptions, addLabel, nameLabel, cancelLa
  *
  * @internal
  */
-export declare function UiTextInput({ type, value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled, autoFocus, dataTestId }: IUiTextInputProps): JSX.Element;
+export declare function UiTextInput({ type, value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled, autoFocus, onKeyDown, onFocus, onBlur, onClick, dataTestId }: IUiTextInputProps): JSX.Element;
 
 /**
  * Interpolation values accepted by `react-intl`'s `formatMessage`, **narrowed
@@ -11077,7 +11125,7 @@ export declare const useOverlayZIndex: (uuid: string) => number | undefined;
  *
  * @internal
  */
-export declare function useOverlayZIndexWithRegister(): number | undefined;
+export declare function useOverlayZIndexWithRegister(): number;
 
 /**
  * Hook to consume responsive context.

package/esm/typings/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/typings/utilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnE;;;GAGG;AACH,oBAAY,aAAa;IACrB,cAAc,KAAK;IACnB,eAAe,KAAK;CACvB;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC3C,mBAAmB,CAAC,EAAE,wBAAwB,GAC/C,cAAc,CAAC,WAAW,CAAC,CAe7B"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/typings/utilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnE;;;GAGG;AACH,oBAAY,aAAa;IACrB,cAAc,KAAK;IACnB,eAAe,KAAK;CACvB;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC3C,mBAAmB,CAAC,EAAE,wBAAwB,GAC/C,cAAc,CAAC,WAAW,CAAC,CAiB7B"}

package/esm/typings/utilities.js

@@ -1,4 +1,4 @@
-// (C) 2020-2025 GoodData Corporation
+// (C) 2020-2026 GoodData Corporation
 export { ENUM_KEY_CODE };
 /**
  * @deprecated use `event.key` or `event.code`. See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
@@ -25,5 +25,7 @@ export function accessibilityConfigToAttributes(accessibilityConfig) {
         "aria-controls": accessibilityConfig.ariaControls,
         "aria-haspopup": accessibilityConfig.ariaHaspopup,
         "aria-pressed": accessibilityConfig.ariaPressed,
+        "aria-autocomplete": accessibilityConfig.ariaAutocomplete,
+        "aria-activedescendant": accessibilityConfig.ariaActiveDescendant,
     };
 }

package/package.json

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

package/src/@ui/UiConfirmDialog/UiConfirmDialog.scss

@@ -3,11 +3,4 @@
 .gd-ui-kit-confirm-dialog {
     display: flex;
     flex-direction: column;
-
-    &__body {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--gd-palette-complementary-7);
-        margin-bottom: var(--gd-spacing-20px);
-    }
 }

package/src/@ui/{UiDialogShell/UiDialogShell.scss → UiModalDialog/UiModalDialog.scss}

@@ -1,12 +1,22 @@
 // (C) 2026 GoodData Corporation
 
-.gd-ui-kit-dialog-shell {
+.gd-ui-kit-modal-dialog {
     display: flex;
-    flex-direction: column;
-    padding: var(--gd-spacing-20px);
-    background-color: var(--gd-palette-complementary-0);
-    border-radius: var(--gd-modal-borderRadius);
-    box-shadow: 0 2px 8px var(--gd-shadow-color);
+    align-items: center;
+    justify-content: center;
+    background: var(--gd-modal-outsideBackgroundColor);
+
+    &__card {
+        display: flex;
+        flex-direction: column;
+        max-height: calc(100vh - 80px);
+        overflow-y: auto;
+        overscroll-behavior: contain;
+        padding: var(--gd-spacing-20px);
+        background-color: var(--gd-palette-complementary-0);
+        border-radius: var(--gd-modal-borderRadius);
+        box-shadow: 0 2px 8px var(--gd-shadow-color);
+    }
 }
 
 .gd-ui-kit-dialog-header {
@@ -43,6 +53,13 @@
     }
 }
 
+.gd-ui-kit-dialog-body {
+    font-size: 14px;
+    line-height: 20px;
+    color: var(--gd-palette-complementary-7);
+    margin-bottom: var(--gd-spacing-20px);
+}
+
 .gd-ui-kit-dialog-footer {
     display: flex;
     justify-content: flex-end;

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

@@ -24,6 +24,14 @@
     &__item-row {
         display: flex;
         align-items: stretch;
+
+        // Hover/focus highlight covers the full row (label button + adjacent
+        // tooltip-icon button), not just the label button. The two buttons
+        // are siblings — a partial highlight would look broken.
+        &:hover,
+        &:focus-within {
+            background: var(--gd-palette-complementary-2);
+        }
     }
 
     &__item {
@@ -40,11 +48,16 @@
         font: inherit;
         color: var(--gd-palette-complementary-8);
 
-        &:hover,
         &:focus-visible {
-            background: var(--gd-palette-complementary-2);
             outline: none;
         }
+
+        // Selected radio item — same convention as the legacy share dialog,
+        // which renders the active permission level in primary-base.
+        &[aria-checked="true"] {
+            color: var(--gd-palette-primary-base);
+            font-weight: 700;
+        }
     }
 
     &__item-label {

package/src/@ui/index.scss

@@ -31,13 +31,13 @@
 @use "./UiInlineTextGenerator/UiInlineTextGenerator.scss";
 @use "./UiErrorPage/UiErrorPage.scss";
 @use "./UiSectionHeading/UiSectionHeading.scss";
-@use "./UiDialogShell/UiDialogShell.scss";
 @use "./UiConfirmDialog/UiConfirmDialog.scss";
 @use "./UiTextInput/UiTextInput.scss";
 @use "./UiRadio/UiRadio.scss";
 @use "./UiRadioRow/UiRadioRow.scss";
 @use "./UiAvatar/UiAvatar.scss";
 @use "./UiGranteeRow/UiGranteeRow.scss";
+@use "./UiModalDialog/UiModalDialog.scss";
 @use "./UiObjectShareDialog/UiObjectShareDialog.scss";
 @use "./UiAddGranteeDialog/UiAddGranteeDialog.scss";
 @use "./UiGeneralAccessRadio/UiGeneralAccessRadio.scss";