@gooddata/sdk-ui-kit 11.41.0-alpha.3 → 11.41.0-alpha.5

package/esm/typings/utilities.d.ts

@@ -12,3 +12,4 @@ export declare enum ENUM_KEY_CODE {
  * @internal
  */
 export declare function accessibilityConfigToAttributes(accessibilityConfig?: IAccessibilityConfigBase): HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +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"}

package/esm/utils/constants.d.ts

@@ -18,3 +18,4 @@ export declare const GD_COLOR_STATE_HOVER = "#94a1ad";
  * @internal
  */
 export declare const GD_COLOR_STATE_BLANK = "#6d7680";
+//# sourceMappingURL=constants.d.ts.map

package/esm/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C;;GAEG;AAEH,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC;;GAEG;AAEH,eAAO,MAAM,eAAe,YAAY,CAAC;AAEzC;;GAEG;AAEH,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C;;GAEG;AAEH,eAAO,MAAM,oBAAoB,YAAY,CAAC"}

package/esm/utils/dateTimeConfig.d.ts

@@ -28,3 +28,4 @@ export interface IDateConfig {
  * @internal
  */
 export declare function getDateTimeConfig(date: string, options?: IDateTimeConfigOptions): IDateConfig;
+//# sourceMappingURL=dateTimeConfig.d.ts.map

package/esm/utils/dateTimeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeConfig.d.ts","sourceRoot":"","sources":["../../src/utils/dateTimeConfig.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,IAAI,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;CACd;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,sBAA2B,GAAG,WAAW,CAgBjG"}

package/esm/utils/domUtilities.d.ts

@@ -66,3 +66,4 @@ export declare const findFocusableElementInSibling: (sibling: Element, direction
  * @returns The next/previous focusable element, or null if none found
  */
 export declare const findFocusableElementOutsideContainer: (container: HTMLElement, direction?: NavigationDirection) => HTMLElement | null;
+//# sourceMappingURL=domUtilities.d.ts.map

package/esm/utils/domUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,aAAa,uCAIzB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,yHAmBlB,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,4CAe3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sGA0CzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oEAc9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAIjC,CAAC;AAmDF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB;;;;CAShC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,4FAE9B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,2EAgBzC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,iFA8BhD,CAAC"}

package/esm/utils/drag.d.ts

@@ -11,3 +11,4 @@ export declare const GOODSTRAP_DRAG_EVENT = "goodstrap.drag";
  * @internal
  */
 export declare const handleOnGoodstrapDragEvent: DebouncedFunc<() => void>;
+//# sourceMappingURL=drag.d.ts.map

package/esm/utils/drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/utils/drag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,WAAW,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAiBrD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,aAAa,CAAC,MAAM,IAAI,CAGhE,CAAC"}

package/esm/utils/events.d.ts

@@ -81,3 +81,4 @@ export declare const isCopyKey: (event: KeyboardEvent<Element>) => boolean;
  * @internal
  */
 export declare const isTabKey: (event: KeyboardEvent<Element>) => boolean;
+//# sourceMappingURL=events.d.ts.map

package/esm/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,4CAEvB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,4CAEtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,4CAEtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,4CAEtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4CAE1B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,4CASvB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,4CAEvB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,4CAErB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,4CAEpB,CAAC"}

package/esm/utils/featureFlags.d.ts

@@ -11,3 +11,4 @@ export declare function isFreemiumEdition(platformEdition: string | undefined):
  * @internal
  */
 export declare function generateSupportUrl(projectId?: string, sessionId?: string, userEmail?: string, url?: string): string;
+//# sourceMappingURL=featureFlags.d.ts.map

package/esm/utils/featureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featureFlags.d.ts","sourceRoot":"","sources":["../../src/utils/featureFlags.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKrD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,CAExE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAE9E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,SAAK,EAAE,SAAS,SAAK,EAAE,SAAS,SAAK,EAAE,GAAG,SAAK,GAAG,MAAM,CASnG"}

package/esm/utils/overlay.d.ts

@@ -29,3 +29,4 @@ export declare function getOverlayStyles(): {
         height: string;
     };
 };
+//# sourceMappingURL=overlay.d.ts.map

package/esm/utils/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/utils/overlay.ts"],"names":[],"mappings":"AAKA,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,EAEjC,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAsB/B,eAAO,MAAM,oBAAoB;;;;;;GAQhC,CAAC;AAsKF;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EACzC,cAAc,EACd,YAAY,EACZ,UAAU,EACV,WAAW,EACd,EAAE,4BAA4B,GAAG,iBAAiB,CAoClD;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,iBAA4C,EAC5C,iBAA4C,EAC/C,EAAE,mBAAmB,GAAG,iBAAiB,CAkBzC;AAED,wBAAgB,gBAAgB;;;;;;;;;EAsB/B"}

package/esm/utils/positioning.d.ts

@@ -1,2 +1,3 @@
 import { type IAlignPoint, type IPositioning } from "../typings/positioning.js";
 export declare const positioningToAlignPoints: (positioning: IPositioning[]) => IAlignPoint[];
+//# sourceMappingURL=positioning.d.ts.map

package/esm/utils/positioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positioning.d.ts","sourceRoot":"","sources":["../../src/utils/positioning.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEhF,eAAO,MAAM,wBAAwB,gDAI9B,CAAC"}

package/esm/utils/scroll.d.ts

@@ -11,3 +11,4 @@ export declare const GOODSTRAP_SCROLLED_EVENT = "goodstrap.scrolled";
  * @internal
  */
 export declare const handleOnScrollEvent: DebouncedFunc<(node: HTMLElement) => void>;
+//# sourceMappingURL=scroll.d.ts.map

package/esm/utils/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/utils/scroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,WAAW,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAiB7D;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAG1E,CAAC"}

package/esm/utils/useId.d.ts

@@ -10,3 +10,4 @@ export declare const useId: () => string;
  * @internal
  */
 export declare const useIdPrefixed: (prefix?: string | undefined) => string;
+//# sourceMappingURL=useId.d.ts.map

package/esm/utils/useId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../src/utils/useId.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,KAAK,cAGjB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,yCAGzB,CAAC"}

package/package.json

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

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

@@ -115,6 +115,73 @@ $drag-handle-icon: "data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0
         }
     }
 
+    // Single full-width line, flat (no border/gradient), chevron pinned right.
+    // Declared after the state modifiers so its flat `::after` wins.
+    &--layout-row {
+        width: 100%;
+        max-width: none;
+        box-sizing: border-box;
+        font-size: 14px;
+        border-radius: 0;
+        padding-top: 15px;
+        padding-bottom: 15px;
+        // Room for the pinned chevron
+        padding-right: 28px;
+
+        // Flat: no chip border or open-state gradient.
+        &::after {
+            display: none;
+        }
+
+        #{$root}__icon {
+            display: flex;
+            height: 100%;
+            align-items: center;
+        }
+
+        // One left-aligned line; chevron is taken out of flow.
+        #{$root}__content {
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+        }
+
+        // min-width: 0 lets a long label ellipsise instead of overflowing.
+        #{$root}__title-row {
+            flex: 0 1 auto;
+            min-width: 0;
+            max-width: 100%;
+            margin-right: 5px;
+        }
+
+        #{$root}__title--withColon::after {
+            content: ":";
+        }
+
+        #{$root}__subtitle-row {
+            flex: 1 1 auto;
+            min-width: 0;
+            max-width: none;
+
+            // Chevron
+            &::after {
+                position: absolute;
+                top: 50%;
+                // `content` is inset by padding-right lands it 12px from the button edge.
+                right: -16px;
+                margin-left: 0;
+                font-size: 18px;
+                transform: translateY(-50%);
+            }
+        }
+    }
+
+    &--hideChevron {
+        #{$root}__subtitle-row::after {
+            display: none;
+        }
+    }
+
     &__icon {
         position: relative;
         z-index: 1;

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

@@ -4,6 +4,7 @@
 
 $tags_line_height: 20px;
 $tags_tooltip_max_width: 280px;
+$tags_tooltip_viewport_margin: 160px;
 
 @mixin tag($margin-right: 5px) {
     .gd-ui-kit-tags__tag {
@@ -135,6 +136,10 @@ $tags_tooltip_max_width: 280px;
     display: flex;
     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;

package/styles/css/UiControlButton.css

@@ -81,6 +81,54 @@
   border-color: transparent;
   text-decoration: none;
 }
+.gd-ui-kit-control-button--layout-row {
+  width: 100%;
+  max-width: none;
+  box-sizing: border-box;
+  font-size: 14px;
+  border-radius: 0;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  padding-right: 28px;
+}
+.gd-ui-kit-control-button--layout-row::after {
+  display: none;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__icon {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__content {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__title-row {
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+  margin-right: 5px;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__title--withColon::after {
+  content: ":";
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__subtitle-row {
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: none;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__subtitle-row::after {
+  position: absolute;
+  top: 50%;
+  right: -16px;
+  margin-left: 0;
+  font-size: 18px;
+  transform: translateY(-50%);
+}
+.gd-ui-kit-control-button--hideChevron .gd-ui-kit-control-button__subtitle-row::after {
+  display: none;
+}
 .gd-ui-kit-control-button__icon {
   position: relative;
   z-index: 1;

package/styles/css/UiControlButton.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/@ui/UiControlButton/UiControlButton.scss"],"names":[],"mappings":"AAIA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI,YACI;;AAGJ;EACI;;AAMR;EACI;EACA;;AAMJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EAGI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI","file":"UiControlButton.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/@ui/UiControlButton/UiControlButton.scss"],"names":[],"mappings":"AAIA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI,YACI;;AAGJ;EACI;;AAMR;EACI;EACA;;AAMJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EAGI;EACA;EACA;EACA;EACA;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGA;EACI;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGA;EACI;EACA;EAEA;EACA;EACA;EACA;;AAMR;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI","file":"UiControlButton.css"}

package/styles/css/main.css

@@ -1356,6 +1356,54 @@
   border-color: transparent;
   text-decoration: none;
 }
+.gd-ui-kit-control-button--layout-row {
+  width: 100%;
+  max-width: none;
+  box-sizing: border-box;
+  font-size: 14px;
+  border-radius: 0;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  padding-right: 28px;
+}
+.gd-ui-kit-control-button--layout-row::after {
+  display: none;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__icon {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__content {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__title-row {
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+  margin-right: 5px;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__title--withColon::after {
+  content: ":";
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__subtitle-row {
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: none;
+}
+.gd-ui-kit-control-button--layout-row .gd-ui-kit-control-button__subtitle-row::after {
+  position: absolute;
+  top: 50%;
+  right: -16px;
+  margin-left: 0;
+  font-size: 18px;
+  transform: translateY(-50%);
+}
+.gd-ui-kit-control-button--hideChevron .gd-ui-kit-control-button__subtitle-row::after {
+  display: none;
+}
 .gd-ui-kit-control-button__icon {
   position: relative;
   z-index: 1;
@@ -2848,6 +2896,10 @@
   display: flex;
   max-width: 280px;
   width: 280px;
+  max-height: calc(100vh - 160px);
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 5px;