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

package/esm/index.js

@@ -29,6 +29,7 @@ export { createTemplates, createAllTemplates, createAdvancedTemplates, STANDARD_
 export { useMetricTypePresets, useStandardPresets, useFormatTemplates, } from "./measureNumberFormat/hooks/useMetricTypePresets.js";
 export { SyntaxHighlightingInput, } from "./syntaxHighlightingInput/SyntaxHighlightingInput.js";
 export { YamlEditor } from "./syntaxHighlightingInput/YamlEditor.js";
+export { yamlPositionAt, } from "./syntaxHighlightingInput/yamlPosition.js";
 export { Button } from "./Button/Button.js";
 export { Datepicker } from "./Datepicker/Datepicker.js";
 export { Input } from "./Form/Input.js";
@@ -308,7 +309,7 @@ export { RECURRENCE_TYPES } from "./RecurrenceForm/constants.js";
 export { AddButton } from "./AddButton/AddButton.js";
 export { ZOOM_THRESHOLD, ZoomContext, ZoomProvider, useZoom, useIsZoomed, } from "./ZoomContext/ZoomContext.js";
 export { FilterGroupItem } from "./FilterGroupItem/FilterGroupItem.js";
-export { getTimezones, getTimezoneById, getTimezoneLabels, getTimezoneTitle, getTimezoneDisplayLabel, getUserTimezone, } from "./Timezone/timezones.js";
+export { getTimezones, getTimezoneById, getTimezoneLabels, getCurrentTimeByTimezoneId, getTimezoneTitle, getTimezoneDisplayLabel, getUserTimezone, } from "./Timezone/timezones.js";
 export { TimezoneSelect, } from "./Timezone/TimezoneSelect.js";
 // export * from "./Table/index.js";
 /**

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

@@ -14,6 +14,7 @@ import { AriaRole } from 'react';
 import { CertificationStatus } from '@gooddata/sdk-model';
 import { ChangeEvent } from 'react';
 import { ColorFormats } from 'tinycolor2';
+import type { CompletionContext } from '@codemirror/autocomplete';
 import { CompletionSource } from '@codemirror/autocomplete';
 import { Component } from 'react';
 import { ComponentProps } from 'react';
@@ -27,6 +28,7 @@ import { CsvDelimiterValidationError } from '@gooddata/sdk-model';
 import { DebouncedFunc } from 'lodash-es';
 import { DependencyList } from 'react';
 import { Dispatch } from 'react';
+import type { EditorState } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
 import { ElementType } from 'react';
 import { EmptyObject } from '@gooddata/util';
@@ -734,7 +736,7 @@ export declare const DefaultUiMenuHeader: FC;
 /**
  * @internal
  */
-export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused }: IUiMenuInteractiveItemProps<T>): ReactNode;
+export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, isTooltipOpen }: IUiMenuInteractiveItemProps<T>): ReactNode;
 
 /**
  * @internal
@@ -1211,6 +1213,13 @@ export declare const getColorsPreviewFromColorPalette: (colorPalette: IColorPale
  */
 export declare const getColorsPreviewFromTheme: (theme: ITheme) => string[];
 
+/**
+ * Returns the current time in the provided timezone.
+ *
+ * @internal
+ */
+export declare function getCurrentTimeByTimezoneId(id: string): string;
+
 /**
  * Build date time config for InsightListItemDate component.
  *
@@ -2672,7 +2681,7 @@ export declare function IconTreeMap({ className, width, height, color, ariaHidde
 /**
  * @internal
  */
-export declare type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart";
+export declare type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart" | "timezone";
 
 /**
  * @internal
@@ -8030,6 +8039,9 @@ export declare interface IUiMenuContext<T extends IUiMenuItemData = object, M =
     isItemFocusable: (item: IUiMenuItem<T>) => boolean;
     controlType: IUiMenuControlType;
     setControlType: Dispatch<SetStateAction<IUiMenuControlType>>;
+    /** Whether the <menu> container is real-DOM-focused with the browser's :focus-visible heuristic. */
+    isMenuFocusVisible: boolean;
+    setIsMenuFocusVisible: Dispatch<SetStateAction<boolean>>;
     scrollToView: (element: HTMLElement | null) => void;
     makeItemId: (item: IUiMenuItem<T>) => string | undefined;
     /**
@@ -8096,6 +8108,8 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
 export declare interface IUiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
     item: IUiMenuInteractiveItem<T>;
     isFocused: boolean;
+    /** Whether the item's tooltip should be visually open right now (keyboard-focused, not dismissed). */
+    isTooltipOpen?: boolean;
 }
 
 /**
@@ -9504,8 +9518,7 @@ export declare interface IYamlEditorProps {
     disabled?: boolean;
     /** Accessible name for the editor (wired to its aria-label). */
     label?: string;
-    /** Schema-aware autocompletion source supplied by the caller. */
-    completionSource?: CompletionSource;
+    completionSource?: YamlCompletionSource;
     /**
      * When set, wires the built-in YAML syntax linter with this (localized) diagnostic message.
      * Applied once when the editor mounts; later changes are not re-applied.
@@ -9519,6 +9532,14 @@ export declare interface IYamlEditorProps {
     placeholder?: string;
 }
 
+/** @internal */
+export declare interface IYamlPosition {
+    /** Keys of the mappings enclosing the position, outermost first. */
+    ancestorKeys: string[];
+    /** Block-scalar (`|`, `>`) text, whose content is not YAML structure. */
+    isInBlockScalar: boolean;
+}
+
 /**
  * @internal
  * Interface for zoom context state
@@ -11996,6 +12017,9 @@ export declare function withBubble<T>(WrappedComponent: ComponentType<T>): Forwa
  */
 export declare const WorkspacePickerHomeFooter: ComponentType<Omit<IWorkspacePickerHomeFooterProps, "theme" | "themeIsLoading" | "themeStatus">>;
 
+/** @internal */
+export declare type YamlCompletionSource = (context: CompletionContext, position: IYamlPosition) => ReturnType<CompletionSource>;
+
 /**
  * A YAML source editor: syntax highlighting, line numbers, a lint gutter, an optional syntax linter,
  * and optional schema-aware autocompletion. Generic YAML plumbing lives here; schema-specific policy
@@ -12007,6 +12031,9 @@ export declare const WorkspacePickerHomeFooter: ComponentType<Omit<IWorkspacePic
  */
 export declare function YamlEditor({ initialValue, onChange, disabled, label, completionSource, syntaxErrorMessage, extensions, placeholder }: IYamlEditorProps): JSX.Element;
 
+/** @internal */
+export declare function yamlPositionAt(state: EditorState, pos: number): IYamlPosition;
+
 /**
  * @internal
  * The threshold for determining if the window is zoomed enough to handle it explicitly in components styles

package/esm/syntaxHighlightingInput/YamlEditor.d.ts

@@ -1,5 +1,5 @@
-import { type CompletionSource } from "@codemirror/autocomplete";
 import { type Extension } from "@codemirror/state";
+import { type YamlCompletionSource } from "./yamlPosition.js";
 /**
  * @internal
  */
@@ -9,8 +9,7 @@ export interface IYamlEditorProps {
     disabled?: boolean;
     /** Accessible name for the editor (wired to its aria-label). */
     label?: string;
-    /** Schema-aware autocompletion source supplied by the caller. */
-    completionSource?: CompletionSource;
+    completionSource?: YamlCompletionSource;
     /**
      * When set, wires the built-in YAML syntax linter with this (localized) diagnostic message.
      * Applied once when the editor mounts; later changes are not re-applied.

package/esm/syntaxHighlightingInput/YamlEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YamlEditor.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/YamlEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQnD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACvB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACd,EAAE,gBAAgB,2CAqBlB"}
+{"version":3,"file":"YamlEditor.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/YamlEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,EAAE,KAAK,oBAAoB,EAAkB,MAAM,mBAAmB,CAAC;AAK9E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACvB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACd,EAAE,gBAAgB,2CA2BlB"}

package/esm/syntaxHighlightingInput/YamlEditor.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { yaml } from "@codemirror/lang-yaml";
 import { lintGutter } from "@codemirror/lint";
 import { lineNumbers } from "@codemirror/view";
 import { SyntaxHighlightingInput } from "./SyntaxHighlightingInput.js";
+import { yamlPositionAt } from "./yamlPosition.js";
 import { createYamlSyntaxLinter } from "./yamlSyntaxLinter.js";
 const noop = () => { };
 /**
@@ -18,6 +19,8 @@ const noop = () => { };
  */
 export function YamlEditor({ initialValue, onChange, disabled = false, label, completionSource, syntaxErrorMessage, extensions, placeholder, }) {
     const [seedValue] = useState(initialValue);
+    const onCompletion = useMemo(() => completionSource &&
+        ((context) => completionSource(context, yamlPositionAt(context.state, context.pos))), [completionSource]);
     const [allExtensions] = useState(() => [
         yaml(),
         lineNumbers(),
@@ -25,5 +28,5 @@ export function YamlEditor({ initialValue, onChange, disabled = false, label, co
         ...(syntaxErrorMessage ? [createYamlSyntaxLinter(syntaxErrorMessage)] : []),
         ...(extensions ?? []),
     ]);
-    return (_jsx(SyntaxHighlightingInput, { label: label, value: seedValue, onChange: onChange ?? noop, extensions: allExtensions, onCompletion: completionSource, disabled: disabled, placeholder: placeholder }));
+    return (_jsx(SyntaxHighlightingInput, { label: label, value: seedValue, onChange: onChange ?? noop, extensions: allExtensions, onCompletion: onCompletion, disabled: disabled, placeholder: placeholder }));
 }

package/esm/syntaxHighlightingInput/yamlPosition.d.ts

@@ -0,0 +1,14 @@
+import type { CompletionContext, CompletionSource } from "@codemirror/autocomplete";
+import type { EditorState } from "@codemirror/state";
+/** @internal */
+export interface IYamlPosition {
+    /** Keys of the mappings enclosing the position, outermost first. */
+    ancestorKeys: string[];
+    /** Block-scalar (`|`, `>`) text, whose content is not YAML structure. */
+    isInBlockScalar: boolean;
+}
+/** @internal */
+export type YamlCompletionSource = (context: CompletionContext, position: IYamlPosition) => ReturnType<CompletionSource>;
+/** @internal */
+export declare function yamlPositionAt(state: EditorState, pos: number): IYamlPosition;
+//# sourceMappingURL=yamlPosition.d.ts.map

package/esm/syntaxHighlightingInput/yamlPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yamlPosition.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/yamlPosition.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,gBAAgB;AAChB,MAAM,WAAW,aAAa;IAC1B,oEAAoE;IACpE,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,yEAAyE;IACzE,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,gBAAgB;AAChB,MAAM,MAAM,oBAAoB,GAAG,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,aAAa,KACtB,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAMlC,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,aAAa,CAiC7E"}

package/esm/syntaxHighlightingInput/yamlPosition.js

@@ -0,0 +1,51 @@
+// (C) 2026 GoodData Corporation
+import { syntaxTree } from "@codemirror/language";
+// Sequence-item markers count as indentation: group 1 must capture every dash with the leading whitespace,
+// or a key after them compares at the wrong depth.
+const KEY_LINE = /^(\s*(?:-\s+)*)("[^"]*"|'[^']*'|[^\s:#][^:]*?)\s*:/;
+/** @internal */
+export function yamlPositionAt(state, pos) {
+    const treeKeys = [];
+    let isInBlockScalar = false;
+    let anchored = false;
+    for (let node = syntaxTree(state).resolveInner(pos, -1); node !== null; node = node.parent) {
+        if (node.name === "BlockLiteralContent") {
+            isInBlockScalar = true;
+        }
+        if (node.name !== "Pair") {
+            continue;
+        }
+        anchored = true;
+        const key = node.getChild("Key");
+        // A pair whose own key spans the position is the entry being typed, not a mapping around it.
+        if (key !== null && (pos < key.from || pos > key.to)) {
+            treeKeys.unshift(unquote(state.sliceDoc(key.from, key.to).trim()));
+        }
+    }
+    // With only whitespace before the cursor there is no token for the tree to place: it stops short of the
+    // position, or resolves it one level out from the block the indentation continues.
+    const line = state.doc.lineAt(pos);
+    const hasTokenBefore = state.doc.sliceString(line.from, pos).trim() !== "";
+    return {
+        ancestorKeys: hasTokenBefore && anchored ? treeKeys : indentationAncestors(state, pos),
+        isInBlockScalar,
+    };
+}
+function indentationAncestors(state, pos) {
+    const line = state.doc.lineAt(pos);
+    const prefix = state.doc.sliceString(line.from, pos);
+    let expected = prefix.length - prefix.trimStart().length;
+    const keys = [];
+    for (let number = line.number - 1; number >= 1 && expected > 0; number--) {
+        const match = KEY_LINE.exec(state.doc.line(number).text);
+        if (match === null || match[1].length >= expected) {
+            continue;
+        }
+        keys.unshift(unquote(match[2]));
+        expected = match[1].length;
+    }
+    return keys;
+}
+function unquote(key) {
+    return /^(".*"|'.*')$/.test(key) ? key.slice(1, -1) : key;
+}

package/package.json

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

package/src/Timezone/TimezoneSelect.scss

@@ -2,10 +2,18 @@
 
 @use "../../styles/scss/variables";
 
+.gd-timezone-select {
+    width: 300px;
+}
+
 .gd-timezone-select__body {
     width: 300px;
 }
 
+.gd-timezone-select__button {
+    width: 100%;
+}
+
 .gd-timezone-select__search {
     padding: 10px;
 }

package/styles/css/main.css

@@ -14550,10 +14550,18 @@ input[type=search]::-webkit-search-cancel-button {
   overflow-wrap: anywhere;
 }
 
+.gd-timezone-select {
+  width: 300px;
+}
+
 .gd-timezone-select__body {
   width: 300px;
 }
 
+.gd-timezone-select__button {
+  width: 100%;
+}
+
 .gd-timezone-select__search {
   padding: 10px;
 }