@gooddata/sdk-ui-kit 10.26.0-alpha.5 → 10.26.0-alpha.50

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAKpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAKpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,6BAA6B,GAChC,MAAM,2DAA2D,CAAC"}

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

@@ -545,6 +545,11 @@ export declare const defaultColorPaletteMetadataObject: IColorPaletteDefinition;
  */
 export declare const defaultThemeMetadataObject: IThemeDefinition;
 
+/**
+ * @internal
+ */
+export declare function DefaultUiListboxItemComponent<T>({ item, isFocused, isSelected, onSelect, }: UiListboxItemProps<T>): React_2.ReactNode;
+
 /**
  * @internal
  */
@@ -1504,6 +1509,11 @@ export declare interface IConfirmDialogBaseProps extends Omit<IDialogBaseProps,
     };
 }
 
+/**
+ * @internal
+ */
+export declare const iconPaths: Record<IconType, React_2.ReactNode>;
+
 /**
  * @internal
  */
@@ -1622,6 +1632,7 @@ export declare interface IDialogBaseProps {
         closeButton?: IButtonAccessibilityConfig;
         titleElementId?: string;
         descriptionElementId?: string;
+        isModal?: boolean;
     };
     submitOnEnterKey?: boolean;
     onCancel?: (data?: any) => void;
@@ -1752,6 +1763,10 @@ export declare interface IDomNativeProps {
 export declare interface IDropdownBodyRenderProps {
     isMobile: boolean;
     closeDropdown: () => void;
+    ariaAttributes: Pick<React_2.AriaAttributes, "aria-labelledby"> & {
+        role: React_2.AriaAttributes["aria-haspopup"] & React_2.AriaRole;
+        id: string;
+    };
 }
 
 /**
@@ -1791,7 +1806,10 @@ export declare interface IDropdownButtonRenderProps {
     buttonRef: React_2.MutableRefObject<HTMLElement | null>;
     openDropdown: () => void;
     closeDropdown: () => void;
-    toggleDropdown: () => void;
+    toggleDropdown: (desiredState?: boolean | unknown) => void;
+    ariaAttributes: {
+        role: "button" | string;
+    } & Pick<React_2.AriaAttributes, "aria-haspopup" | "aria-expanded" | "aria-controls">;
 }
 
 /**
@@ -1887,6 +1905,13 @@ export declare interface IDropdownListProps<T> extends IListProps<T> {
 export declare interface IDropdownProps {
     renderBody: (props: IDropdownBodyRenderProps) => React_2.ReactNode;
     renderButton: (props: IDropdownButtonRenderProps) => React_2.ReactNode;
+    isOpen?: boolean;
+    /**
+     * Toggles the open state or sets the state to the desired value.
+     * The `desiredState` argument's type includes `unknown` to facilitate ease of use as an event handler (`onClick={onToggle}`)
+     * @param desiredState - The desired state. If not provided, the state will be toggled.
+     */
+    onToggle?: (desiredState?: boolean | unknown) => void;
     openOnInit?: boolean;
     className?: string;
     alignPoints?: IAlignPoint[];
@@ -1904,6 +1929,9 @@ export declare interface IDropdownProps {
     enableEventPropagation?: boolean;
     closeOnEscape?: boolean;
     autofocusOnOpen?: boolean;
+    accessibilityConfig?: {
+        popupRole?: "listbox" | "tree" | "grid" | "dialog";
+    };
 }
 
 /**
@@ -2809,6 +2837,19 @@ export declare interface ILegacySingleSelectListProps<T> {
     width: number;
 }
 
+/**
+ * @internal
+ */
+export declare interface IListboxContext<T> {
+    items: IUiListboxItem<T>[];
+    itemRefs: React_2.MutableRefObject<(HTMLLIElement | null)[]>;
+    onSelect: (item: IUiListboxItem<T>) => void;
+    onClose?: () => void;
+    selectedItemId?: string;
+    focusedIndex: number;
+    setFocusedIndex: React_2.Dispatch<React_2.SetStateAction<number>>;
+}
+
 /**
  * @internal
  */
@@ -4227,6 +4268,23 @@ export declare interface ITypographyProps {
     id?: string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiChipAccessibilityConfig extends IAccessibilityConfigBase, IDropdownButtonAccessibilityConfig {
+    deleteAriaLabel?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiListboxItem<T> {
+    id: string;
+    stringTitle: string;
+    isDisabled?: boolean;
+    data: T;
+}
+
 /**
  * @internal
  */
@@ -4448,6 +4506,11 @@ export declare const LoadingSpinner: React_2.FC<ILoadingSpinner>;
  */
 export declare const LocaleSetting: React_2.VFC<ILocaleSettingProps>;
 
+/**
+ * @internal
+ */
+export declare const makeSeparatorItem: () => IUiListboxItem<typeof separatorItemSymbol>;
+
 /**
  * @internal
  */
@@ -4812,6 +4875,11 @@ export declare type SelectedTime = {
  */
 export declare const Separator: React_2.FC;
 
+/**
+ * @internal
+ */
+export declare const separatorItemSymbol: unique symbol;
+
 /**
  * @internal
  */
@@ -5210,7 +5278,7 @@ export declare interface UiButtonProps {
 /**
  * @internal
  */
-export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, }: UiChipProps) => React_2.JSX.Element;
+export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, accessibilityConfig, }: UiChipProps) => React_2.JSX.Element;
 
 /**
  * @internal
@@ -5224,6 +5292,7 @@ export declare interface UiChipProps {
     iconBefore?: IconType;
     onClick?: () => void;
     onDelete?: () => void;
+    accessibilityConfig?: IUiChipAccessibilityConfig;
 }
 
 /**
@@ -5267,6 +5336,42 @@ export declare interface UiIconProps {
     ariaHidden?: boolean;
 }
 
+/**
+ * An accessible listbox component that can be navigated by keyboard.
+ * Usable in a <Dropdown /> component.
+ * Should implement https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
+ *
+ * @internal
+ */
+export declare function UiListbox<T>({ items, className, maxWidth, onSelect, onClose, selectedItemId, ariaAttributes, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, ItemComponent, onUnhandledKeyDown, }: UiListboxProps<T>): React_2.ReactNode;
+
+/**
+ * @internal
+ */
+export declare interface UiListboxItemProps<T> {
+    item: IUiListboxItem<T>;
+    isFocused: boolean;
+    isSelected: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface UiListboxProps<T> {
+    items: IUiListboxItem<T>[];
+    className?: string;
+    maxWidth?: number;
+    onSelect?: (item: IUiListboxItem<T>) => void;
+    onClose?: () => void;
+    onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IListboxContext<T>) => void;
+    selectedItemId?: string;
+    ItemComponent?: React_2.ComponentType<UiListboxItemProps<any>>;
+    shouldKeyboardActionPreventDefault?: boolean;
+    shouldKeyboardActionStopPropagation?: boolean;
+    ariaAttributes: IDropdownBodyRenderProps["ariaAttributes"];
+}
+
 /**
  * @internal
  */
@@ -5514,7 +5619,7 @@ export declare type VerticalPosition = "top" | "center" | "bottom";
 /**
  * @internal
  */
-export declare function withBubble<T>(WrappedComponent: React_2.ComponentType<T>): React_2.FC<T & IWithBubbleProps>;
+export declare function withBubble<T>(WrappedComponent: React_2.ComponentType<T>): React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<T & IWithBubbleProps> & React_2.RefAttributes<any>>;
 
 /**
  * @internal

package/esm/utils/domUtilities.d.ts

@@ -26,4 +26,6 @@ export declare const isFixedPosition: (element: HTMLElement | string) => boolean
  * coordinate space
  */
 export declare const elementRegion: (elementOrSelector: HTMLElement | string, getRegionBasedOnPosition?: boolean) => IRegion;
+export declare const isElementTextInput: (element: HTMLElement | EventTarget | null | undefined) => boolean;
+export declare const isElementSubmitButton: (event: React.KeyboardEvent) => boolean;
 //# sourceMappingURL=domUtilities.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,KAAG,IAIpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,YACN,WAAW,wBACE,OAAO,gDAE9B,OAeF,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,YAAa,WAAW,GAAG,MAAM,KAAG,OAe/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sBACH,WAAW,GAAG,MAAM,6BACZ,OAAO,KACnC,OAuCF,CAAC"}
+{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,KAAG,IAIpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,YACN,WAAW,wBACE,OAAO,gDAE9B,OAeF,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,YAAa,WAAW,GAAG,MAAM,KAAG,OAe/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sBACH,WAAW,GAAG,MAAM,6BACZ,OAAO,KACnC,OAuCF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,KAAG,OAc1F,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,mBAAmB,YAI/D,CAAC"}

package/esm/utils/domUtilities.js

@@ -1,4 +1,5 @@
-// (C) 2020-2022 GoodData Corporation
+// (C) 2020-2025 GoodData Corporation
+import { CONFIRM_DIALOG_BASE_ID } from "../Dialog/elementId.js";
 /**
  * Removes the element specified from the DOM
  */
@@ -101,4 +102,18 @@ export const elementRegion = (elementOrSelector, getRegionBasedOnPosition) => {
     elem.style.visibility = originalCss.visibility;
     return reg;
 };
+export const isElementTextInput = (element) => {
+    if (!element || !("tagName" in element)) {
+        return false;
+    }
+    const { tagName, type } = element;
+    const tagNameInLowercase = tagName.toLowerCase();
+    const typeInLowercase = type ? type.toLowerCase() : "";
+    return (tagNameInLowercase === "textarea" ||
+        (tagNameInLowercase === "input" && (typeInLowercase === "text" || typeInLowercase === "number")));
+};
+export const isElementSubmitButton = (event) => {
+    const { id } = event.target;
+    return id === CONFIRM_DIALOG_BASE_ID;
+};
 //# sourceMappingURL=domUtilities.js.map

package/esm/utils/domUtilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"domUtilities.js","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAIrC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACxD,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAClB,OAAoB,EACpB,mBAA6B,EAC7B,YAAY,GAAG,MAAM,EACd,EAAE;IACT,MAAM,YAAY,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;IAC5F,MAAM,SAAS,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC;IAC1F,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC;IACxD,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC;IAE3D,OAAO;QACH,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;QACd,KAAK;QACL,MAAM;QACN,MAAM,EAAE,SAAS,GAAG,MAAM;QAC1B,KAAK,EAAE,UAAU,GAAG,KAAK;KAC5B,CAAC;AACN,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,OAAY,EAAE,EAAE;IAC7B,IAAI,IAAI,GAAG,OAAO,CAAC;IACnB,OAAO,IAAI,EAAE,CAAC;QACV,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAA6B,EAAW,EAAE;IACtE,IAAI,IAAI,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAE,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAiB,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpG,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,EAAE,CAAC;QACV,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,UAAyB,CAAC;IAC1C,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,iBAAuC,EACvC,wBAAkC,EAC3B,EAAE;IACT,MAAM,IAAI,GACN,OAAO,iBAAiB,KAAK,QAAQ;QACjC,CAAC,CAAE,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAiB;QAC5D,CAAC,CAAC,iBAAiB,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,EAAa,CAAC;IACzB,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAChB,qEAAqE;QACrE,OAAO,MAAM,CAAC,IAAI,EAAE,wBAAwB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,wCAAwC;IACxC,uDAAuD;IACvD,yEAAyE;IACzE,yDAAyD;IACzD,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;QAC7B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;KACpC,CAAC;IAEF,yEAAyE;IACzE,kBAAkB;IAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,0BAA0B;IAC1B,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,6CAA6C;IAC7C,aAAa,CAAC,IAAI,CAAC,CAAC;IACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;IAC3C,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAE/C,OAAO,GAAG,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"domUtilities.js","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.26.0-alpha.5",
+  "version": "10.26.0-alpha.50",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -69,11 +69,11 @@
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
     "unified": "^11.0.5",
-    "@gooddata/sdk-backend-spi": "10.26.0-alpha.5",
-    "@gooddata/sdk-model": "10.26.0-alpha.5",
-    "@gooddata/sdk-ui": "10.26.0-alpha.5",
-    "@gooddata/util": "10.26.0-alpha.5",
-    "@gooddata/sdk-ui-theme-provider": "10.26.0-alpha.5"
+    "@gooddata/sdk-backend-spi": "10.26.0-alpha.50",
+    "@gooddata/sdk-model": "10.26.0-alpha.50",
+    "@gooddata/sdk-ui-theme-provider": "10.26.0-alpha.50",
+    "@gooddata/sdk-ui": "10.26.0-alpha.50",
+    "@gooddata/util": "10.26.0-alpha.50"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -132,8 +132,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.26.0-alpha.5",
-    "@gooddata/sdk-backend-mockingbird": "10.26.0-alpha.5"
+    "@gooddata/reference-workspace": "10.26.0-alpha.50",
+    "@gooddata/sdk-backend-mockingbird": "10.26.0-alpha.50"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiButton/UiButton.scss

@@ -1,7 +1,6 @@
 // (C) 2024-2025 GoodData Corporation
 
-.gd-ui-kit-button,
-%ui-button {
+.gd-ui-kit-button {
     $root: &;
 
     font-family: var(--gd-font-family);
@@ -19,90 +18,49 @@
         cursor: default;
     }
 
-    &:not(&:disabled, &--variant-tertiary, &--variant-popout) {
-        &:active {
-            #{$root}__text {
-                // Move text inside the button on :active state.
-                padding-top: 1px;
-            }
-
-            #{$root}__icon {
-                // Move icon inside the button on :active state.
-                padding-top: 1px;
-            }
-        }
-    }
-
-    &__text,
-    %ui-button__text {
-        transition: var(--gd-transition-all);
-    }
-
-    &__icon,
-    %ui-button__icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: var(--gd-transition-all);
-    }
-
-    &--isLoading {
-        #{$root}__icon {
-            // Spin icon on loading state.
-            animation: rotate 1s infinite steps(30);
-        }
-    }
-
     /**
      * Size
      */
     &--size {
         &-small {
             height: var(--gd-button-S);
-            padding: var(--gd-spacing-6px) var(--gd-spacing-10px);
+            padding: 0 var(--gd-spacing-10px);
             font-size: 12px;
-            line-height: 14px;
 
-            &#{$root}--iconPosition {
-                &-left {
-                    padding-left: var(--gd-spacing-7px);
-                }
+            &#{$root}--hasIconBefore {
+                padding-left: var(--gd-spacing-7px);
+            }
 
-                &-right {
-                    padding-right: var(--gd-spacing-7px);
-                }
+            &#{$root}--hasIconAfter {
+                padding-right: var(--gd-spacing-7px);
             }
         }
 
         &-medium {
             height: var(--gd-button-M);
-            padding: var(--gd-spacing-6px) var(--gd-spacing-15px);
+            padding: 0 var(--gd-spacing-15px);
             font-size: 14px;
-            line-height: 16px;
-            &#{$root}--iconPosition {
-                &-left {
-                    padding-left: var(--gd-spacing-10px);
-                }
 
-                &-right {
-                    padding-right: var(--gd-spacing-10px);
-                }
+            &#{$root}--hasIconBefore {
+                padding-left: var(--gd-spacing-10px);
+            }
+
+            &#{$root}--hasIconAfter {
+                padding-right: var(--gd-spacing-10px);
             }
         }
 
         &-large {
             height: var(--gd-button-L);
-            padding: var(--gd-spacing-6px) var(--gd-spacing-20px);
+            padding: 0 var(--gd-spacing-20px);
             font-size: 16px;
-            line-height: 18px;
-            &#{$root}--iconPosition {
-                &-left {
-                    padding-left: var(--gd-spacing-15px);
-                }
 
-                &-right {
-                    padding-right: var(--gd-spacing-15px);
-                }
+            &#{$root}--hasIconBefore {
+                padding-left: var(--gd-spacing-15px);
+            }
+
+            &#{$root}--hasIconAfter {
+                padding-right: var(--gd-spacing-15px);
             }
         }
     }
@@ -113,7 +71,6 @@
     &--variant {
         &-primary {
             --gd-icon-fill-color: var(--gd-palette-complementary-0);
-
             color: var(--gd-palette-complementary-0);
             background-color: var(--gd-palette-primary-base);
             border-color: var(--gd-palette-complementary-9-t90);
@@ -147,7 +104,6 @@
 
         &-secondary {
             --gd-icon-fill-color: var(--gd-palette-complementary-5);
-
             color: var(--gd-palette-complementary-7);
             border-color: var(--gd-palette-complementary-4);
             background-color: var(--gd-palette-complementary-0);
@@ -192,26 +148,17 @@
             }
         }
 
-        &-tertiary,
-        %ui-button--variant-tertiary {
+        &-tertiary {
             --gd-icon-fill-color: var(--gd-palette-complementary-5);
-
             color: var(--gd-palette-complementary-7);
+            padding: 0;
             text-decoration: underline;
             background-color: transparent;
             border-color: transparent;
 
             &:not(&:disabled) {
-                &:focus {
-                    --gd-icon-fill-color: var(--gd-palette-primary-base);
-
-                    color: var(--gd-palette-complementary-8);
-                }
-                &:hover {
-                    --gd-icon-fill-color: var(--gd-palette-primary-base);
-
-                    color: var(--gd-palette-complementary-8);
-                }
+                &:hover,
+                &:focus,
                 &:active {
                     --gd-icon-fill-color: var(--gd-palette-primary-base);
 
@@ -223,36 +170,19 @@
                 color: var(--gd-palette-complementary-5);
                 text-decoration: none;
             }
-
-            &#{$root}--size {
-                &-small,
-                &-medium,
-                &-large {
-                    padding: 0;
-                    height: auto;
-                }
-            }
         }
 
         &-popout {
             --gd-icon-fill-color: var(--gd-palette-primary-base);
-
             color: var(--gd-palette-primary-base);
+            padding: 0;
             background-color: transparent;
             border-color: transparent;
 
             &:not(&:disabled) {
-                &:focus {
-                    text-decoration: underline;
-                }
-
-                &:hover {
-                    color: var(--gd-palette-complementary-8);
-                    text-decoration: underline;
-                }
-
+                &:hover,
+                &:focus,
                 &:active {
-                    color: var(--gd-palette-primary-base);
                     text-decoration: underline;
                 }
             }
@@ -260,22 +190,12 @@
             &:disabled {
                 color: var(--gd-palette-complementary-5);
             }
-
-            &#{$root}--size {
-                &-small,
-                &-medium,
-                &-large {
-                    padding: 0;
-                    height: auto;
-                }
-            }
         }
 
         &-danger {
             --gd-icon-fill-color: var(--gd-palette-complementary-0);
-
-            background: var(--gd-palette-error-base);
             color: var(--gd-palette-complementary-0);
+            background: var(--gd-palette-error-base);
             border-color: var(--gd-palette-complementary-9-t90);
             font-weight: 700;
 
@@ -309,12 +229,3 @@
         }
     }
 }
-
-@keyframes rotate {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}