@gooddata/sdk-ui-kit 11.42.0 → 11.43.0-alpha.1

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

@@ -4444,6 +4444,7 @@ export declare interface IItemProps {
     children: ReactNode;
     className?: string;
     style?: CSSProperties;
+    testId?: string;
     onClick?: (e: MouseEvent_2<HTMLDivElement>) => void;
 }
 
@@ -5961,14 +5962,12 @@ export declare interface ISingleSelectListItemProps {
 }
 
 /**
- * Predicate the picker uses to decide whether an item is effectively selected:
- * locked items always count as selected, otherwise membership in the staged
- * `selected` set. Exported so consumers (e.g. the grantee row counter) can
- * apply the same rule without re-encoding it.
+ * Whether an item counts as selected: locked items always do, otherwise
+ * membership in `selectedIds`. Exported so callers apply the same rule.
  *
  * @internal
  */
-export declare const isLabelsPickerItemChecked: (item: IUiLabelsPickerItem, selectedIds: readonly string[]) => boolean;
+export declare const isLabelsChecklistItemChecked: (item: IUiLabelsChecklistItem, selectedIds: readonly string[]) => boolean;
 
 /**
  * @internal
@@ -6185,7 +6184,7 @@ export declare interface ITabsState {
 /**
  * @internal
  */
-export declare function Item({ checked, subMenu, disabled, className, children, style, onClick }: IItemProps): JSX.Element;
+export declare function Item({ checked, subMenu, disabled, className, children, style, testId, onClick }: IItemProps): JSX.Element;
 
 /**
  * Base template definition without localized name.
@@ -7367,21 +7366,21 @@ export declare interface IUiGranteeAvatarProps {
  * @internal
  */
 export declare interface IUiGranteeRowControlsProps {
-    /** All labels available on the parent attribute. */
-    labels: ReadonlyArray<IUiLabelsPickerItem>;
-    /** Currently selected label ids. Locked items are always treated as selected. */
+    /** Locked items are always treated as selected. */
+    labels: ReadonlyArray<IUiLabelsChecklistItem>;
     selectedLabelIds: ReadonlyArray<string>;
-    /** Current permission level for the grantee. */
     permissionLevel: PermissionMenuLevel;
-    /** Fires when the labels picker commits a new selection. */
+    /**
+     * Set only when the grantee inherits a higher permission than `permissionLevel`
+     * (e.g. from a group); drives the warning badge. Undefined when not elevated.
+     */
+    effectivePermission?: PermissionMenuLevel;
     onLabelsChange: (selectedIds: string[]) => void;
-    /** Fires when the user picks a new permission level. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
-    /** Fires when the user picks Transfer ownership in the permission menu. */
     onTransferOwnership?: () => void;
-    /** Fires when the user picks Remove access in the permission menu. */
     onRemoveAccess?: () => void;
-    /** Test id forwarded to the root element. */
+    /** Disables both triggers, e.g. while the row's change is saving. */
+    isDisabled?: boolean;
     dataTestId?: string;
 }
 
@@ -7397,6 +7396,8 @@ export declare interface IUiGranteeRowProps {
     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. */
     controls?: ReactNode;
     /** Test id forwarded to the root element. */
@@ -7539,71 +7540,55 @@ export declare interface IUiLabelRowProps {
 }
 
 /**
- * One label entry in the list.
+ * One label entry in the checklist.
  *
  * @internal
  */
-export declare interface IUiLabelsListItem {
-    /** Stable identifier for React keys. */
+export declare interface IUiLabelsChecklistItem {
     id: string;
-    /** Label text. */
     label: string;
-    /** Drives the icon + suffix. Omit for a regular label. */
     kind?: LabelRowKind;
+    /** Locked rows render checked + disabled and are always included (the primary key). */
+    locked?: boolean;
 }
 
 /**
  * @internal
  */
-export declare interface IUiLabelsListProps {
-    /** Label items to render in source order. */
-    items: ReadonlyArray<IUiLabelsListItem>;
-    /** Test id forwarded to the root element. */
+export declare interface IUiLabelsChecklistProps {
+    items: ReadonlyArray<IUiLabelsChecklistItem>;
+    /** Locked items are always selected regardless of this. */
+    defaultSelectedIds: ReadonlyArray<string>;
+    /** Fires on Apply with the locked-augmented selection (staged internally until then). */
+    onApply: (selectedIds: string[]) => void;
+    /** Back arrow — returns to the parent view. */
+    onBack: () => void;
+    /** Dismisses the menu; Cancel and (post-commit) Apply both call it. */
+    onClose: () => void;
     dataTestId?: string;
 }
 
 /**
- * One label entry in the picker.
+ * One label entry in the list.
  *
  * @internal
  */
-export declare interface IUiLabelsPickerItem {
-    /** Stable identifier — used as the React key and in selection state. */
+export declare interface IUiLabelsListItem {
+    /** Stable identifier for React keys. */
     id: string;
     /** Label text. */
     label: string;
     /** Drives the icon + suffix. Omit for a regular label. */
     kind?: LabelRowKind;
-    /**
-     * When true the item is rendered locked (checked + disabled). Used for
-     * the primary-key row, which is always included.
-     */
-    locked?: boolean;
 }
 
 /**
  * @internal
  */
-export declare interface IUiLabelsPickerProps {
-    /** Element that opens the picker on click. */
-    anchor: ReactElement<any>;
-    /** All available label items, in source order. */
-    items: ReadonlyArray<IUiLabelsPickerItem>;
-    /**
-     * Initial set of selected item ids. Locked items are always treated as
-     * selected regardless of what's passed here. Consumers that need to
-     * reset the staged state when switching contexts (e.g. picking labels
-     * for a different grantee) should pass `key={contextId}` so React
-     * remounts the picker body.
-     */
-    defaultSelectedIds: ReadonlyArray<string>;
-    /**
-     * Fires when the user clicks Apply with the (locked-augmented) set of
-     * selected ids. The picker keeps its own staged state — the caller is
-     * notified only on commit.
-     */
-    onApply: (selectedIds: string[]) => void;
-    /** Test id forwarded to the picker body. */
+export declare interface IUiLabelsListProps {
+    /** Label items to render in source order. */
+    items: ReadonlyArray<IUiLabelsListItem>;
+    /** Test id forwarded to the root element. */
     dataTestId?: string;
 }
 
@@ -7972,6 +7957,21 @@ export declare interface IUiModalDialogProps {
     dataTestId?: string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiMoreOptionsMenuProps {
+    /** Empty/omitted hides the "Manage labels access" row (e.g. facts have no labels). */
+    labels?: ReadonlyArray<IUiLabelsChecklistItem>;
+    /** 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;
+    isDisabled?: boolean;
+    dataTestId?: string;
+}
+
 /**
  * @internal
  */
@@ -8036,6 +8036,8 @@ export declare interface IUiObjectShareDialogGrantee {
     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. */
     controls?: ReactNode;
 }
@@ -8180,18 +8182,6 @@ export declare interface IUiPermissionMenuProps {
     selectedLevel?: PermissionMenuLevel;
     /** Fires when the user picks a permission level. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
-    /** Fires when the user picks Transfer ownership. */
-    onTransferOwnership?: () => void;
-    /**
-     * Fires when the user picks the Labels entry. Display the count via
-     * `labelsCounter`.
-     */
-    onLabelsClick?: () => void;
-    /**
-     * Counter shown next to the Labels row (e.g. `"4/4"`). Hidden
-     * if omitted.
-     */
-    labelsCounter?: string;
     /** Fires when the user picks Remove access. */
     onRemoveAccess?: () => void;
     /** Test id forwarded to the menu body. */
@@ -8253,6 +8243,15 @@ export declare interface IUiPopoverProps {
      * When true, uses UiFocusManager's focus trap instead of tabOutHandler
      */
     enableFocusTrap?: boolean;
+    /**
+     * Controls the open state. When set, the popover ignores anchor clicks and
+     * opens/closes purely from this prop; pair with `onOpenChange` to
+     * react to outside-click / Escape. When omitted the popover stays
+     * uncontrolled and opens on anchor click as before.
+     */
+    isOpen?: boolean;
+    /** Fires when an interaction (outside-click, Escape) requests an open-state change. */
+    onOpenChange?: (open: boolean) => void;
     onOpen?: () => void;
     onClose?: () => void;
 }
@@ -8823,9 +8822,18 @@ export declare interface IUiTooltipProps {
      */
     onClose?: () => void;
     /**
-     * Controls the open state of the tooltip, overrides the triggerBy prop if set
+     * Controls the open state of the tooltip, overrides the triggerBy prop if set.
+     * In controlled mode the anchor's own hover/focus/click triggers are
+     * suppressed — open state is driven solely by this prop — but outside-click
+     * and Escape still request a close via `onOpenChange`.
      */
     isOpen?: boolean;
+    /**
+     * Fires whenever an interaction requests an open-state change (anchor
+     * triggers when uncontrolled, outside-click / Escape always). Pair with
+     * `isOpen` to drive the tooltip from the parent.
+     */
+    onOpenChange?: (open: boolean) => void;
     /**
      * Custom styles for the anchor wrapper element
      */
@@ -10615,17 +10623,17 @@ export declare function UiGranteeAvatar({ kind, decorative, dataTestId }: IUiGra
  *
  * @internal
  */
-export declare function UiGranteeRow({ kind, name, email, isOwner, controls, dataTestId }: IUiGranteeRowProps): JSX.Element;
+export declare function UiGranteeRow({ kind, name, email, isOwner, isPending, controls, dataTestId }: IUiGranteeRowProps): JSX.Element;
 
 /**
- * Pair of controls shown on every grantee row in the OLP share dialog:
- * a labels-picker trigger and a permission-menu trigger. Both triggers are
- * Tertiary `small` `UiButton`s with `chevronDown`
- * and open their respective popovers on click.
+ * 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.
  *
  * @internal
  */
-export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, dataTestId }: IUiGranteeRowControlsProps): JSX.Element;
+export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, isDisabled, dataTestId }: IUiGranteeRowControlsProps): JSX.Element;
 
 /**
  * @internal
@@ -10668,22 +10676,21 @@ export declare function UiLabelChecklistRow({ label, kind, suffix, checked, disa
 export declare function UiLabelRow({ label, kind, suffix, leading, labelId, onClick, dataTestId }: IUiLabelRowProps): JSX.Element;
 
 /**
- * Read-only list of labels — uppercase heading + N `UiLabelRow`s.
- * Renders only the panel content; whoever needs a popover wraps it.
+ * Per-label checklist drill-in for the grantee "⋯" menu. Stages selection
+ * internally, commits via `onApply`, and renders its own back-only header so it
+ * slots into {@link UiMenu} as a `showComponentOnly` content item.
  *
  * @internal
  */
-export declare function UiLabelsList({ items, dataTestId }: IUiLabelsListProps): JSX.Element;
+export declare function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, dataTestId }: IUiLabelsChecklistProps): JSX.Element;
 
 /**
- * Per-label picker popover. Anchored on a click target; stages selection
- * internally and commits via `onApply`. Locked items are always included
- * — at render time via {@link isLabelsPickerItemChecked} and again at
- * commit via the locked-aware filter.
+ * Read-only list of labels — uppercase heading + N `UiLabelRow`s.
+ * Renders only the panel content; whoever needs a popover wraps it.
  *
  * @internal
  */
-export declare function UiLabelsPicker({ anchor, items, defaultSelectedIds, onApply, dataTestId }: IUiLabelsPickerProps): JSX.Element;
+export declare function UiLabelsList({ items, dataTestId }: IUiLabelsListProps): JSX.Element;
 
 /**
  * @internal
@@ -10740,6 +10747,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})
+ * and "Transfer ownership". Each row shows only when its data/handler is given.
+ *
+ * @internal
+ */
+export declare function UiMoreOptionsMenu({ labels, selectedLabelIds, onLabelsChange, onTransferOwnership, isDisabled, dataTestId }: IUiMoreOptionsMenuProps): JSX.Element;
+
 /**
  * @internal
  */
@@ -10797,17 +10812,18 @@ 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 optional Transfer ownership / Labels / Remove access action rows.
- * Each level row carries an `infoCircle` tooltip.
+ * and an optional Remove access action row. Each level row carries an
+ * `infoCircle` tooltip. Labels and Transfer ownership live in the separate
+ * {@link UiMoreOptionsMenu}.
  *
  * @internal
  */
-export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onTransferOwnership, onLabelsClick, labelsCounter, onRemoveAccess, dataTestId }: IUiPermissionMenuProps): JSX.Element;
+export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onRemoveAccess, dataTestId }: IUiPermissionMenuProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function UiPopover({ id, accessibilityConfig, anchor, anchorAccessibilityConfig, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, onOpen, onClose }: IUiPopoverProps): JSX.Element;
+export declare function UiPopover({ id, accessibilityConfig, anchor, anchorAccessibilityConfig, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, isOpen, onOpenChange, onOpen, onClose }: IUiPopoverProps): JSX.Element;
 
 /**
  * Standalone radio control — renders a native `<input type="radio">` for
@@ -10927,6 +10943,7 @@ export declare type UiTagProps = {
     onDeleteKeyDown?: (event: KeyboardEvent_2<HTMLButtonElement>) => void;
     tabIndex?: number;
     deleteTabIndex?: number;
+    labelAs?: "button" | "span";
 };
 
 /**
@@ -11010,7 +11027,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, variant, disabled, isOpen: isOpenProp, onOpen, onClose, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
+export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
 
 /**
  * @internal

package/esm/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.58.7"
+      "packageVersion": "7.58.9"
     }
   ]
 }

package/package.json

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

package/src/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.scss

@@ -3,6 +3,18 @@
     flex-direction: column;
     gap: 12px;
 
+    &__field {
+        display: flex;
+        flex-direction: column;
+        gap: var(--gd-spacing-5px);
+    }
+
+    &__field-label {
+        font-size: 14px;
+        line-height: 21px;
+        color: var(--gd-palette-complementary-7);
+    }
+
     &__empty-state {
         min-height: 50px;
         display: flex;

package/src/@ui/UiGranteeRow/UiGranteeRow.scss

@@ -9,6 +9,11 @@
     padding: var(--gd-spacing-5px) 0;
     box-sizing: border-box;
 
+    // Muted while a change for this row is being saved (its controls are disabled too).
+    &--pending {
+        opacity: 0.6;
+    }
+
     &__text {
         flex: 1 1 auto;
         min-width: 0;

package/src/@ui/UiGranteeRowControls/UiGranteeRowControls.scss

@@ -5,4 +5,11 @@
     align-items: center;
     gap: var(--gd-spacing-10px);
     flex-shrink: 0;
+
+    // Warning badge shown when the effective permission exceeds the assigned one.
+    &__effective-warning {
+        display: inline-flex;
+        align-items: center;
+        cursor: default;
+    }
 }

package/src/@ui/{UiLabelsPicker/UiLabelsPicker.scss → UiLabelsChecklist/UiLabelsChecklist.scss}

@@ -1,16 +1,11 @@
 // (C) 2026 GoodData Corporation
 
-// Rendered inside UiPopover.__content (which adds 10px padding + 20px gap).
-// Pull the padding back so the rows stretch edge-to-edge of the popover and
-// disable the gap. The actions strip sits flush at the bottom with its own
-// top border.
+// Cancel UiPopover.__content's 10px padding so rows reach edge-to-edge.
 
-.gd-ui-kit-labels-picker {
+.gd-ui-kit-labels-checklist {
     align-self: stretch;
     display: flex;
     flex-direction: column;
-    // UiPopover's __content adds 10px padding all around. Pull it back so rows
-    // reach edge-to-edge of the popover; the popover sets its own width.
     margin: calc(-1 * var(--gd-spacing-10px));
 
     &__items {

package/src/@ui/UiModalDialog/UiModalDialog.scss

@@ -4,9 +4,19 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--gd-modal-outsideBackgroundColor);
+
+    // Dimmed backdrop on a pseudo-element so the overlay tint never bleeds onto
+    // the card. Matches the legacy `.modalityPlugin-mask` (outside colour at 0.9).
+    &::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: var(--gd-modal-outsideBackgroundColor);
+        opacity: 0.9;
+    }
 
     &__card {
+        position: relative;
         display: flex;
         flex-direction: column;
         max-height: calc(100vh - 80px);

package/src/@ui/UiMoreOptionsMenu/UiMoreOptionsMenu.scss

@@ -0,0 +1,10 @@
+// (C) 2026 GoodData Corporation
+
+// Cancel UiPopover.__content's 10px padding so the menu spans edge-to-edge.
+
+.gd-ui-kit-more-options-menu {
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    margin: calc(-1 * var(--gd-spacing-10px));
+}

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

@@ -69,11 +69,4 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-
-    &__item-counter {
-        flex-shrink: 0;
-        font-size: 12px;
-        line-height: 18px;
-        color: var(--gd-palette-complementary-6);
-    }
 }

package/src/@ui/UiTabs/UiTabs.scss

@@ -3,7 +3,6 @@
 .gd-ui-kit-tabs {
     $root: &;
 
-    background: var(--gd-palette-complementary-0);
     font-family: var(--gd-font-family);
     display: flex;
     align-items: flex-end;

package/src/@ui/UiTag/UiTag.scss

@@ -32,6 +32,10 @@ $tag_large_gap: 5px;
     overflow: hidden;
     text-overflow: ellipsis;
 
+    &:focus {
+        outline: 2px solid variables.$gd-input-text-border-outline;
+    }
+
     .gd-ui-kit-tooltip__anchor {
         display: inline-flex;
         overflow: hidden;

package/src/@ui/UiTags/UiTags.scss

@@ -137,12 +137,12 @@ $tags_tooltip_viewport_margin: 160px;
     max-width: $tags_tooltip_max_width;
     width: $tags_tooltip_max_width;
     max-height: calc(100vh - #{$tags_tooltip_viewport_margin});
-    overflow-x: hidden;
     overflow-y: auto;
     overscroll-behavior: contain;
     flex-direction: row;
     flex-wrap: wrap;
     gap: 5px;
+    padding: 2px;
 
     @include tag(0);
 
@@ -152,3 +152,7 @@ $tags_tooltip_viewport_margin: 160px;
         @include tagFocused();
     }
 }
+
+.gd-ui-kit-tags__hidden-tags button:focus-visible {
+    outline: 2px solid variables.$gd-input-text-border-outline;
+}

package/src/@ui/index.scss

@@ -44,9 +44,10 @@
 @use "./UiAddGranteeDialog/UiAddGranteeDialog.scss";
 @use "./UiGranteeAsyncPicker/UiGranteeAsyncPicker.scss";
 @use "./UiGeneralAccessRadio/UiGeneralAccessRadio.scss";
+@use "./UiLabelsChecklist/UiLabelsChecklist.scss";
 @use "./UiLabelRow/UiLabelRow.scss";
 @use "./UiLabelsList/UiLabelsList.scss";
-@use "./UiLabelsPicker/UiLabelsPicker.scss";
+@use "./UiMoreOptionsMenu/UiMoreOptionsMenu.scss";
 @use "./UiPermissionMenu/UiPermissionMenu.scss";
 @use "./UiGranteeRowControls/UiGranteeRowControls.scss";
 @use "./UiToast/UiToast.scss";