@geotab/zenith 3.11.1 → 3.12.0

package/esm/notification/notification.js

@@ -37,7 +37,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 export const Notification = ({
   id,
   isCollapsible = true,

package/esm/pagination/paginationArrow.js

@@ -1,13 +1,15 @@
 import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "../commonHelpers/classNames/classNames";
 import { SvgIconSize } from "../svgIcon/svgIconSize";
 import { PaginationType } from "./paginationType";
 import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
 import { ButtonType } from "../button/buttonType";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { IconChevronRight } from "../icons/iconChevronRight";
+import { IconChevronLeft } from "../icons/iconChevronLeft";
 import { IconArrowRight } from "../icons/iconArrowRight";
+import { IconArrowLeft } from "../icons/iconArrowLeft";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 injectString("cs", "Previous page", "P\u0159edchoz\xED str\xE1nka");
 injectString("da-DK", "Previous page", "Forrige side");
 injectString("de", "Previous page", "Vorherige Seite");
@@ -34,7 +36,7 @@ injectString("tr", "Previous page", "\xD6nceki sayfa");
 injectString("zh-Hans", "Previous page", "\u4E0A\u4E00\u9875");
 injectString("zh-TW", "Previous page", "\u4E0A\u4E00\u9801");
 injectString("ro-RO", "Previous page", "Pagina anterioar\u0103");
-injectString("ar-SA", "Previous page", "\u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629");
+injectString("ar", "Previous page", "\u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629");
 injectString("cs", "Next page", "Dal\u0161\xED str\xE1nka");
 injectString("da-DK", "Next page", "N\xE6ste side");
 injectString("de", "Next page", "N\xE4chste Seite");
@@ -61,7 +63,7 @@ injectString("tr", "Next page", "Sonraki sayfa");
 injectString("zh-Hans", "Next page", "\u4E0B\u4E00\u9875");
 injectString("zh-TW", "Next page", "\u4E0B\u4E00\u9801");
 injectString("ro-RO", "Next page", "Pagina urm\u0103toare");
-injectString("ar-SA", "Next page", "\u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629");
+injectString("ar", "Next page", "\u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629");
 export const PaginationArrow = ({
   value,
   disabled,
@@ -71,6 +73,11 @@ export const PaginationArrow = ({
   const {
     translate
   } = useLanguage();
+  const isPrevious = value === "previous";
+  const [ltrCompact, rtlCompact] = isPrevious ? [IconChevronLeft, IconChevronRight] : [IconChevronRight, IconChevronLeft];
+  const [ltrNormal, rtlNormal] = isPrevious ? [IconArrowLeft, IconArrowRight] : [IconArrowRight, IconArrowLeft];
+  const CompactIcon = useDirectionalIcon(ltrCompact, rtlCompact);
+  const NormalIcon = useDirectionalIcon(ltrNormal, rtlNormal);
   const previousButtonTitle = translate("Previous page");
   const nextButtonTitle = translate("Next page");
   const buttonTitle = value === "next" ? nextButtonTitle : previousButtonTitle;
@@ -82,10 +89,10 @@ export const PaginationArrow = ({
     disabled: disabled,
     onClick: arrowButtonHandler,
     type: type === PaginationType.Compact ? ButtonType.TertiaryBlack : ButtonType.Secondary,
-    icon: type === PaginationType.Compact ? IconChevronRight : IconArrowRight,
+    icon: type === PaginationType.Compact ? CompactIcon : NormalIcon,
     iconSize: type === PaginationType.Compact ? SvgIconSize.Big : SvgIconSize.Large,
     iconPosition: ButtonIconPosition.Start,
-    iconClasses: classNames(["zen-pagination__arrow-navigation-button-icon", value === "previous" ? "zen-pagination__arrow-navigation-button-icon--rotate" : ""])
+    iconClasses: "zen-pagination__arrow-navigation-button-icon"
   });
 };
 export const TRANSLATIONS = ["Previous page", "Next page"];

package/esm/pagination/paginationText/paginationText.js

@@ -27,7 +27,7 @@ injectString("tr", "Showing {from} - {to} of {total}", "{from} - {to} / {total}
 injectString("zh-Hans", "Showing {from} - {to} of {total}", "\u663E\u793A {from} - {to} \u9875\uFF0C\u5171 {total} \u9875");
 injectString("zh-TW", "Showing {from} - {to} of {total}", "\u986F\u793A {from} - {to} (\u5171 {total})");
 injectString("ro-RO", "Showing {from} - {to} of {total}", "Se afi\u0219eaz\u0103 {from}-{to} din {total}");
-injectString("ar-SA", "Showing {from} - {to} of {total}", "\u0639\u0631\u0636 {from} - {to} \u0645\u0646 {total}");
+injectString("ar", "Showing {from} - {to} of {total}", "\u0639\u0631\u0636 {from} - {to} \u0645\u0646 {total}");
 export const PaginationText = ({
   amount,
   from,

package/esm/pill/components/pillNonActionable/pillNonActionable.js

@@ -34,7 +34,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 export const NonActionablePill = ({
   icon,
   type = "default",

package/esm/pillBox/components/pillBoxItem.js

@@ -30,7 +30,7 @@ injectString("tr", "Remove selection", "Se\xE7imi kald\u0131r");
 injectString("zh-Hans", "Remove selection", "\u5220\u9664\u6240\u9009\u5185\u5BB9");
 injectString("zh-TW", "Remove selection", "\u79FB\u9664\u9078\u53D6\u9805\u76EE");
 injectString("ro-RO", "Remove selection", "Elimina\u021Bi selec\u021Bia");
-injectString("ar-SA", "Remove selection", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
+injectString("ar", "Remove selection", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
 export const PillBoxItem = memo(function innerPillItem({
   item,
   onRemove,

package/esm/pillBox/pillBox.js

@@ -34,7 +34,7 @@ injectString("tr", "and {0} more", "ve {0} tane daha");
 injectString("zh-Hans", "and {0} more", "\u548C\u53E6\u5916 {0} \u9879");
 injectString("zh-TW", "and {0} more", "\u9084\u6709 {0} \u500B");
 injectString("ro-RO", "and {0} more", "\u0219i {0} \xEEn plus");
-injectString("ar-SA", "and {0} more", "\u0648 {0} \u0623\u062E\u0631\u0649");
+injectString("ar", "and {0} more", "\u0648 {0} \u0623\u062E\u0631\u0649");
 injectString("cs", "Selected:", "Vybr\xE1no:");
 injectString("da-DK", "Selected:", "Valgte:");
 injectString("de", "Selected:", "Ausgew\xE4hlte Fahrer");
@@ -61,7 +61,7 @@ injectString("tr", "Selected:", "Se\xE7ilen:");
 injectString("zh-Hans", "Selected:", "\u5DF2\u9009\uFF1A");
 injectString("zh-TW", "Selected:", "\u5DF2\u9078\u53D6\uFF1A");
 injectString("ro-RO", "Selected:", "Selec\u021Bie:");
-injectString("ar-SA", "Selected:", "\u0627\u0644\u0645\u062D\u062F\u062F:");
+injectString("ar", "Selected:", "\u0627\u0644\u0645\u062D\u062F\u062F:");
 injectString("cs", "All", "V\u0161e");
 injectString("da-DK", "All", "Alle");
 injectString("de", "All", "Alle");
@@ -88,7 +88,7 @@ injectString("tr", "All", "T\xFCm\xFC");
 injectString("zh-Hans", "All", "\u5168\u90E8");
 injectString("zh-TW", "All", "\u5168\u90E8");
 injectString("ro-RO", "All", "Toate");
-injectString("ar-SA", "All", "\u0627\u0644\u0643\u0644");
+injectString("ar", "All", "\u0627\u0644\u0643\u0644");
 export const DEFAULT_MAX_PILLS = 5;
 export const PillBox = ({
   className = "",

package/esm/pillExpandable/pillContent.js

@@ -19,9 +19,18 @@ export const PillContent = ({ date, count, descriptionText, mainAction, secondar
         onClick && onClick();
         onActionClick();
     }, [onActionClick]);
-    const renderMainButton = useCallback(data => (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: mainActionClick(data.onClick), type: "primary", children: data.text }))), [mainActionClick]);
-    const renderSecondaryButton = useCallback(data => (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: secondaryActionClick(data.onClick), type: "secondary", children: data.text }))), [secondaryActionClick]);
-    const renderTertiaryButton = useCallback(data => (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: tertiaryActionClick(data.onClick), type: "tertiary", children: data.text }))), [tertiaryActionClick]);
+    const renderMainButton = useCallback(data => {
+        var _a, _b;
+        return (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: mainActionClick(data.onClick), type: "primary", dataAnalyticsId: (_a = data.dataAnalyticsId) !== null && _a !== void 0 ? _a : (_b = data.linkOptions) === null || _b === void 0 ? void 0 : _b.dataAnalyticsId, children: data.text })));
+    }, [mainActionClick]);
+    const renderSecondaryButton = useCallback(data => {
+        var _a, _b;
+        return (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: secondaryActionClick(data.onClick), type: "secondary", dataAnalyticsId: (_a = data.dataAnalyticsId) !== null && _a !== void 0 ? _a : (_b = data.linkOptions) === null || _b === void 0 ? void 0 : _b.dataAnalyticsId, children: data.text })));
+    }, [secondaryActionClick]);
+    const renderTertiaryButton = useCallback(data => {
+        var _a, _b;
+        return (_jsx(Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: tertiaryActionClick(data.onClick), type: "tertiary", dataAnalyticsId: (_a = data.dataAnalyticsId) !== null && _a !== void 0 ? _a : (_b = data.linkOptions) === null || _b === void 0 ? void 0 : _b.dataAnalyticsId, children: data.text })));
+    }, [tertiaryActionClick]);
     const renderDescription = useCallback(data => (_jsx("div", { id: descriptionId, className: classNames(["zen-status-pill-popup__description", descriptionDriveClassName || ""]), children: data })), [descriptionDriveClassName, descriptionId]);
     const renderCount = useCallback(data => data ? (_jsx("div", { className: classNames([
             "zen-status-pill-popup__header-text zen-status-pill-popup__header-text--left",

package/esm/pillExpandable/pillExpandable.d.ts

@@ -14,6 +14,7 @@ export interface IPillExpandableAction {
     onClick?: () => void;
     link?: string;
     linkOptions?: ILinkOptions;
+    dataAnalyticsId?: string;
 }
 export interface IBaseData {
     description?: TLazyContent<ReactNode>;
@@ -57,6 +58,8 @@ export interface IPillExpandableBase extends IZenComponentProps {
     popoverSize?: TPopoverSize;
     /** Title displayed in the popover title bar. If provided, the title bar will be shown. */
     title?: string;
+    /** Analytics identifier applied as `data-analytics-id` on the pill trigger button. */
+    dataAnalyticsId?: string;
 }
 /** Props for standard PillExpandable (non-upsell) */
 interface IPillExpandableStandard extends IPillExpandableBase {
@@ -72,6 +75,6 @@ interface IPillExpandableUpsell extends IPillExpandableBase {
 /** Combined type using Exclusive to prevent mixing upsell with standard props */
 export type IPillExpandable = Exclusive<IPillExpandableStandard, IPillExpandableUpsell>;
 type TPillExpandable = IPillExpandable & TProps;
-export declare const PillExpandable: React.MemoExoticComponent<({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, tertiaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon, secondaryIcon, isBeta, loadingWidth, hideCounterNumber, autoExpandChildren, popoverSize, title }: TPillExpandable) => import("react/jsx-runtime").JSX.Element>;
+export declare const PillExpandable: React.MemoExoticComponent<({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, tertiaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon, secondaryIcon, isBeta, loadingWidth, hideCounterNumber, autoExpandChildren, popoverSize, title, dataAnalyticsId }: TPillExpandable) => import("react/jsx-runtime").JSX.Element>;
 export declare const TRANSLATIONS: string[];
 export {};

package/esm/pillExpandable/pillExpandable.js

@@ -45,7 +45,7 @@ injectString("tr", "View all", "T\xFCm\xFCn\xFC g\xF6r\xFCnt\xFCle");
 injectString("zh-Hans", "View all", "\u67E5\u770B\u5168\u90E8");
 injectString("zh-TW", "View all", "\u6AA2\u8996\u5168\u90E8");
 injectString("ro-RO", "View all", "Vezi tot");
-injectString("ar-SA", "View all", "\u0639\u0631\u0636 \u0627\u0644\u0643\u0644");
+injectString("ar", "View all", "\u0639\u0631\u0636 \u0627\u0644\u0643\u0644");
 const MAX_PILLS_TO_DISPLAY_IN_POPUP = 2;
 const PillContext = createContext({
   level: 0,
@@ -396,7 +396,8 @@ const PillExpandableBase = ({
   hideCounterNumber,
   autoExpandChildren,
   popoverSize = "medium",
-  title
+  title,
+  dataAnalyticsId
 }) => {
   const popupId = useId();
   const descriptionId = useId();
@@ -565,7 +566,8 @@ const PillExpandableBase = ({
           type: type,
           errorHandler: errorHandler,
           isBeta: isBeta,
-          isMobile: isMobile
+          isMobile: isMobile,
+          dataAnalyticsId: dataAnalyticsId
         }), uniqueChildren && _jsx(PillExpandableSimple, {
           icon: secondaryIcon || effectiveIcon,
           text: hideCounterNumber ? "" : counterText,

package/esm/pillExpandable/pillExpandableSimple.d.ts

@@ -13,7 +13,7 @@ interface IPillExpandableSimple extends IPillExpandableBase {
     type?: TPillType;
 }
 export declare const PillExpandableSimple: {
-    ({ onExpand, text, expanded, includeExpandIcon, type, icon, isBeta, isMobile, ref, className, descriptionId }: IPillExpandableSimple): import("react/jsx-runtime").JSX.Element;
+    ({ onExpand, text, expanded, includeExpandIcon, type, icon, isBeta, isMobile, ref, className, descriptionId, dataAnalyticsId }: IPillExpandableSimple): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/esm/pillExpandable/pillExpandableSimple.js

@@ -5,7 +5,7 @@ import { IconChevronTop } from "../icons/iconChevronTop";
 import { IconChevronBottom } from "../icons/iconChevronBottom";
 import { IconException } from "../icons/iconException";
 import { classNames } from "../commonHelpers/classNames/classNames";
-export const PillExpandableSimple = ({ onExpand, text, expanded, includeExpandIcon = true, type = "warning", icon = IconException, isBeta, isMobile, ref, className, descriptionId
+export const PillExpandableSimple = ({ onExpand, text, expanded, includeExpandIcon = true, type = "warning", icon = IconException, isBeta, isMobile, ref, className, descriptionId, dataAnalyticsId
 // eslint-disable-next-line complexity
  }) => {
     const iconDriveClassName = useDriveClassName("icon");
@@ -18,13 +18,13 @@ export const PillExpandableSimple = ({ onExpand, text, expanded, includeExpandIc
     const iconSize = isBeta ? "big" : isLargeIcon ? "large" : "big";
     const hasText = (text || "").trim().length > 0;
     const isTextCentered = icon === false && !includeExpandIcon;
-    return (_jsxs("button", { type: "button", className: classNames([
+    return (_jsxs("button", Object.assign({ type: "button", className: classNames([
             "zen-status-pill__container",
             `zen-status-pill__container--${type}`,
             containerDriveClassName || "",
             className || "",
             "zen-ellipsis"
-        ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, "aria-expanded": includeExpandIcon ? (expanded !== null && expanded !== void 0 ? expanded : false) : undefined, "aria-describedby": descriptionId, children: [icon !== false && (_jsx("div", { className: classNames([
+        ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, "aria-expanded": includeExpandIcon ? (expanded !== null && expanded !== void 0 ? expanded : false) : undefined, "aria-describedby": descriptionId }, (dataAnalyticsId ? { "data-analytics-id": dataAnalyticsId } : {}), { children: [icon !== false && (_jsx("div", { className: classNames([
                     "zen-status-pill__icon",
                     `zen-status-pill__icon--${type}`,
                     isLargeIcon ? "zen-status-pill__icon--large" : "",
@@ -38,6 +38,6 @@ export const PillExpandableSimple = ({ onExpand, text, expanded, includeExpandIc
                     isTextCentered ? "zen-status-pill__text--centered" : ""
                 ]), children: text })), includeExpandIcon && (_jsx("div", { className: `zen-status-pill__expand-button zen-status-pill__expand-button--${type}`, children: _jsx("div", { className: "zen-status-pill__icon", children: createElement(ChevronIcon, {
                         size: iconSize
-                    }) }) }))] }));
+                    }) }) }))] })));
 };
 PillExpandableSimple.displayName = "PillExpandableSimple";

package/esm/radioGroupRaw/radioGroupRaw.js

@@ -63,6 +63,7 @@ export const RadioGroupRaw = (props) => {
                         "zen-radio-group__item",
                         wrappedInLabel ? "zen-radio-group__item--no-paddings" : "",
                         type === "interactive" ? "zen-radio--interactive" : "",
-                        size === "small" ? "zen-radio-group__item--small" : ""
+                        size === "small" ? "zen-radio-group__item--small" : "",
+                        direction === "horizontal" ? "zen-radio--align-start" : ""
                     ]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChangeInner, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : ind === focusedIndex ? 0 : -1, ref: selectItemOnFocus ? undefined : ind === focusedIndex ? focusElementRef : undefined, role: itemRole }), item.children) }, `${ind}-li`))) })) }));
 };

package/esm/rangeRaw/rangeRaw.js

@@ -48,7 +48,7 @@ injectString("tr", "Min", "Min.");
 injectString("zh-Hans", "Min", "\u6700\u5C0F");
 injectString("zh-TW", "Min", "\u6700\u5C0F");
 injectString("ro-RO", "Min", "Min.");
-injectString("ar-SA", "Min", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
+injectString("ar", "Min", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 injectString("cs", "Max", "Max.");
 injectString("da-DK", "Max", "Maks");
 injectString("de", "Max", "Max");
@@ -75,7 +75,7 @@ injectString("tr", "Max", "Maks.");
 injectString("zh-Hans", "Max", "\u6700\u5927");
 injectString("zh-TW", "Max", "\u6700\u5927");
 injectString("ro-RO", "Max", "Max.");
-injectString("ar-SA", "Max", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
+injectString("ar", "Max", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Range Filter popup", "Vyskakovac\xED okno Filtr rozmez\xED");
 injectString("da-DK", "Range Filter popup", "Pop op-vindue med omr\xE5defilter");
 injectString("de", "Range Filter popup", "Bereichsfilter-Popup");
@@ -102,7 +102,7 @@ injectString("tr", "Range Filter popup", "Aral\u0131k Filtresi a\xE7\u0131l\u013
 injectString("zh-Hans", "Range Filter popup", "\u201C\u8303\u56F4\u7B5B\u9009\u6761\u4EF6\u201D\u5F39\u51FA\u7A97\u53E3");
 injectString("zh-TW", "Range Filter popup", "\u7BC4\u570D\u7BE9\u9078\u5F48\u51FA\u8996\u7A97");
 injectString("ro-RO", "Range Filter popup", "Pop-up filtru interval");
-injectString("ar-SA", "Range Filter popup", "\u0646\u0627\u0641\u0630\u0629 \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0646\u0637\u0627\u0642");
+injectString("ar", "Range Filter popup", "\u0646\u0627\u0641\u0630\u0629 \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0646\u0637\u0627\u0642");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -129,7 +129,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -156,7 +156,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
-injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -183,7 +183,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "{rangeName} values {values}", "{rangeName} v hodnot\u011B {values}");
 injectString("da-DK", "{rangeName} values {values}", "{rangeName} v\xE6rdier {values}");
 injectString("de", "{rangeName} values {values}", "{rangeName}-Werte {values}");
@@ -210,7 +210,7 @@ injectString("tr", "{rangeName} values {values}", "{rangeName} de\u011Ferleri {v
 injectString("zh-Hans", "{rangeName} values {values}", "{rangeName} \u503C {values}");
 injectString("zh-TW", "{rangeName} values {values}", "{rangeName} \u7684\u503C\u70BA {values}");
 injectString("ro-RO", "{rangeName} values {values}", "Valori {rangeName} {values}");
-injectString("ar-SA", "{rangeName} values {values}", "\u0642\u064A\u0645 {rangeName} {values}");
+injectString("ar", "{rangeName} values {values}", "\u0642\u064A\u0645 {rangeName} {values}");
 export const RangeRaw = props => {
   var _a;
   const {
@@ -419,7 +419,6 @@ export const RangeRaw = props => {
     className: classNames(["zen-range-popup zen-shadow-dropdown-default", className ? className : ""]),
     onOpenChange: handleTriggerClick,
     useTrapFocusWithTrigger: "on",
-    alignment: "bottom-left",
     shouldHoldScroll: true,
     triggerRef: triggerRef,
     ariaLabel: translate("Range Filter popup"),

package/esm/rangeRaw/utils/rangeHelper.js

@@ -25,7 +25,7 @@ injectString("tr", "Must be in range {min} - {max}", "{min} - {max} aral\u0131\u
 injectString("zh-Hans", "Must be in range {min} - {max}", "\u5FC5\u987B\u5904\u4E8E {min} \u81F3 {max} \u8303\u56F4\u5185");
 injectString("zh-TW", "Must be in range {min} - {max}", "\u5FC5\u9808\u5728 {min} - {max} \u7BC4\u570D\u5167");
 injectString("ro-RO", "Must be in range {min} - {max}", "Trebuie s\u0103 fie \xEEn intervalul {min}-{max}");
-injectString("ar-SA", "Must be in range {min} - {max}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0641\u064A \u0627\u0644\u0646\u0637\u0627\u0642 {min} - {max}");
+injectString("ar", "Must be in range {min} - {max}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0641\u064A \u0627\u0644\u0646\u0637\u0627\u0642 {min} - {max}");
 injectString("cs", "Must be more than {value}", "Mus\xED b\xFDt v\u011Bt\u0161\xED ne\u017E {value}");
 injectString("da-DK", "Must be more than {value}", "Skal v\xE6re mere end {value}");
 injectString("de", "Must be more than {value}", "Muss gr\xF6\xDFer sein als {value}");
@@ -52,7 +52,7 @@ injectString("tr", "Must be more than {value}", "{value} de\u011Ferinden fazla o
 injectString("zh-Hans", "Must be more than {value}", "\u5FC5\u987B\u5927\u4E8E {value}");
 injectString("zh-TW", "Must be more than {value}", "\u5FC5\u9808\u5927\u65BC {value}");
 injectString("ro-RO", "Must be more than {value}", "Trebuie s\u0103 fie mai mult de {value}");
-injectString("ar-SA", "Must be more than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 {value}");
+injectString("ar", "Must be more than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 {value}");
 injectString("cs", "Must be less than {value}", "Mus\xED b\xFDt men\u0161\xED ne\u017E {value}");
 injectString("da-DK", "Must be less than {value}", "Skal v\xE6re mindre end {value}");
 injectString("de", "Must be less than {value}", "Muss kleiner sein als {value}");
@@ -79,7 +79,7 @@ injectString("tr", "Must be less than {value}", "{value} de\u011Ferinden az olma
 injectString("zh-Hans", "Must be less than {value}", "\u5FC5\u987B\u5C0F\u4E8E {value}");
 injectString("zh-TW", "Must be less than {value}", "\u5FC5\u9808\u5C0F\u65BC {value}");
 injectString("ro-RO", "Must be less than {value}", "Trebuie s\u0103 fie mai pu\u021Bin de {value}");
-injectString("ar-SA", "Must be less than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 {value}");
+injectString("ar", "Must be less than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 {value}");
 injectString("cs", "The min value must be set", "Mus\xED b\xFDt nastavena minim\xE1ln\xED hodnota");
 injectString("da-DK", "The min value must be set", "Den mindste v\xE6rdi skal indstilles.");
 injectString("de", "The min value must be set", "Mindestwert muss angegeben werden");
@@ -106,7 +106,7 @@ injectString("tr", "The min value must be set", "Min. de\u011Fer ayarlanmal\u013
 injectString("zh-Hans", "The min value must be set", "\u5FC5\u987B\u8BBE\u7F6E\u6700\u5C0F\u503C");
 injectString("zh-TW", "The min value must be set", "\u5FC5\u9808\u8A2D\u5B9A\u6700\u5C0F\u503C");
 injectString("ro-RO", "The min value must be set", "Trebuie setat\u0103 valoarea min.");
-injectString("ar-SA", "The min value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
+injectString("ar", "The min value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 injectString("cs", "The max value must be set", "Mus\xED b\xFDt nastavena maxim\xE1ln\xED hodnota");
 injectString("da-DK", "The max value must be set", "Den maksimale v\xE6rdi skal indstilles");
 injectString("de", "The max value must be set", "H\xF6chstwert muss angegeben werden");
@@ -133,7 +133,7 @@ injectString("tr", "The max value must be set", "Maks. de\u011Fer ayarlanmal\u01
 injectString("zh-Hans", "The max value must be set", "\u5FC5\u987B\u8BBE\u7F6E\u6700\u5927\u503C");
 injectString("zh-TW", "The max value must be set", "\u5FC5\u9808\u8A2D\u5B9A\u6700\u5927\u503C");
 injectString("ro-RO", "The max value must be set", "Trebuie setat\u0103 valoarea max.");
-injectString("ar-SA", "The max value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
+injectString("ar", "The max value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Must be less than the max", "Mus\xED b\xFDt men\u0161\xED ne\u017E max.");
 injectString("da-DK", "Must be less than the max", "Skal v\xE6re mindre end maks.");
 injectString("de", "Must be less than the max", "Muss kleiner als Max. sein");
@@ -160,7 +160,7 @@ injectString("tr", "Must be less than the max", "Maks. de\u011Ferden az olmal\u0
 injectString("zh-Hans", "Must be less than the max", "\u5FC5\u987B\u5C0F\u4E8E\u6700\u5927\u503C");
 injectString("zh-TW", "Must be less than the max", "\u5FC5\u9808\u5C0F\u65BC\u6700\u5927\u503C");
 injectString("ro-RO", "Must be less than the max", "Trebuie s\u0103 fie sub max.");
-injectString("ar-SA", "Must be less than the max", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
+injectString("ar", "Must be less than the max", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Must be more than the min", "Mus\xED b\xFDt v\u011Bt\u0161\xED ne\u017E min.");
 injectString("da-DK", "Must be more than the min", "Skal v\xE6re mere end minimum.");
 injectString("de", "Must be more than the min", "Muss gr\xF6\xDFer als Min. sein");
@@ -187,7 +187,7 @@ injectString("tr", "Must be more than the min", "Min. de\u011Ferden fazla olmal\
 injectString("zh-Hans", "Must be more than the min", "\u5FC5\u987B\u5927\u4E8E\u6700\u5C0F\u503C");
 injectString("zh-TW", "Must be more than the min", "\u5FC5\u9808\u5927\u65BC\u6700\u5C0F\u503C");
 injectString("ro-RO", "Must be more than the min", "Trebuie s\u0103 fie peste min.");
-injectString("ar-SA", "Must be more than the min", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
+injectString("ar", "Must be more than the min", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 export const getRangeError = (translateFn, currentVal, defMin, defMax) => {
   if (defMin !== undefined && defMax !== undefined && currentVal !== null && (currentVal < defMin || currentVal > defMax)) {
     return translateFn("Must be in range {min} - {max}").replace("{min}", defMin.toString()).replace("{max}", defMax.toString());

package/esm/searchInputRaw/searchInputRaw.js

@@ -39,7 +39,7 @@ injectString("tr", "Search", "Ara");
 injectString("zh-Hans", "Search", "\u641C\u7D22");
 injectString("zh-TW", "Search", "\u641C\u5C0B");
 injectString("ro-RO", "Search", "C\u0103uta\u021Bi");
-injectString("ar-SA", "Search", "\u0628\u062D\u062B");
+injectString("ar", "Search", "\u0628\u062D\u062B");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -66,7 +66,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 export const SearchInputRaw = props => {
   const {
     className = "",
@@ -113,11 +113,15 @@ export const SearchInputRaw = props => {
   const handleChange = event => {
     onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value);
   };
+  const innerRef = React.useRef(null);
   let closeButton = null;
   if (!withDefaultCloseIcon) {
     const closeButtonClassName = ["zen-search-input__close-button", value.length ? "zen-search-input__close-button--visible" : "", isMobile && !isDrive ? "zen-search-input__close-button--mobile" : "", driveCloseButtonClassName || ""];
     const onClick = () => {
+      var _a;
       onChange === null || onChange === void 0 ? void 0 : onChange("");
+      // Return focus to the input after clearing so keyboard users don't lose their place (WCAG 2.1 SC 2.1.1)
+      (_a = ref ? ref.current : innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     closeButton = _jsx("button", {
       type: "button",
@@ -131,7 +135,6 @@ export const SearchInputRaw = props => {
       })
     });
   }
-  const innerRef = React.useRef(null);
   const onClickHandler = useCallback(() => {
     var _a, _b;
     if (ref) {

package/esm/selectList/selectList.js

@@ -49,7 +49,7 @@ injectString("tr", "Checked", "\u0130\u015Faretlendi");
 injectString("zh-Hans", "Checked", "\u5DF2\u9009\u4E2D");
 injectString("zh-TW", "Checked", "\u5DF2\u52FE\u9078");
 injectString("ro-RO", "Checked", "Bifat");
-injectString("ar-SA", "Checked", "\u0645\u062D\u062F\u062F");
+injectString("ar", "Checked", "\u0645\u062D\u062F\u062F");
 injectString("cs", "Unchecked", "Neza\u0161krtnuto");
 injectString("da-DK", "Unchecked", "Ikke markeret");
 injectString("de", "Unchecked", "Deaktiviert");
@@ -76,7 +76,7 @@ injectString("tr", "Unchecked", "\u0130\u015Faretlenmedi");
 injectString("zh-Hans", "Unchecked", "\u672A\u9009\u4E2D");
 injectString("zh-TW", "Unchecked", "\u672A\u52FE\u9078");
 injectString("ro-RO", "Unchecked", "Nebifat");
-injectString("ar-SA", "Unchecked", "\u063A\u064A\u0631 \u0645\u062D\u062F\u062F");
+injectString("ar", "Unchecked", "\u063A\u064A\u0631 \u0645\u062D\u062F\u062F");
 export const defaultListItemHeight = 40;
 const MemoizedSelectListItem = memo(SelectListItem);
 const SelectListInnerComp = ({

package/esm/selectList/selectListItem.js

@@ -3,6 +3,8 @@ import { CheckboxState } from "../checkbox/checkboxState";
 import { CheckboxNonInteractive } from "../checkboxNonInteractive/checkboxNonInteractive";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { IconChevronRight } from "../icons/iconChevronRight";
+import { IconChevronLeft } from "../icons/iconChevronLeft";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { useDriveClassName } from "../utils/theme/useDriveClassName";
 const getAriaChecked = (showCheckbox, state) => {
     if (!showCheckbox) {
@@ -23,6 +25,7 @@ const getTabIndex = (showCheckbox, focused, disabled) => {
 };
 export const SelectListItem = ({ id, disabled = false, state = CheckboxState.Off, showCheckbox = false, focused = false, onChange, onClick, onFocusItem, multiLevel, className = "", children }) => {
     const driveClassName = useDriveClassName("zen-select-item");
+    const ChevronIcon = useDirectionalIcon(IconChevronRight, IconChevronLeft);
     const onClickFunc = () => {
         if (disabled) {
             return;
@@ -44,5 +47,5 @@ export const SelectListItem = ({ id, disabled = false, state = CheckboxState.Off
                 "zen-select-item__wrapper",
                 "zen-ellipsis",
                 multiLevel ? "zen-select-item__wrapper--with-arrow" : ""
-            ]), children: [showCheckbox ? (_jsx(CheckboxNonInteractive, { className: "zen-select-item__control-view", checked: state === CheckboxState.On, indeterminate: state === CheckboxState.Indeterminate, disabled: disabled, children: children })) : (children), multiLevel && !showCheckbox ? _jsx(IconChevronRight, { size: "large" }) : null] }) }));
+            ]), children: [showCheckbox ? (_jsx(CheckboxNonInteractive, { className: "zen-select-item__control-view", checked: state === CheckboxState.On, indeterminate: state === CheckboxState.Indeterminate, disabled: disabled, children: children })) : (children), multiLevel && !showCheckbox ? _jsx(ChevronIcon, { size: "large" }) : null] }) }));
 };

package/esm/skeleton/skeleton.js

@@ -28,7 +28,7 @@ injectString("tr", "Loading", "Y\xFCkleniyor");
 injectString("zh-Hans", "Loading", "\u6B63\u5728\u52A0\u8F7D");
 injectString("zh-TW", "Loading", "\u8F09\u5165\u4E2D");
 injectString("ro-RO", "Loading", "Se \xEEncarc\u0103");
-injectString("ar-SA", "Loading", "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644");
+injectString("ar", "Loading", "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644");
 export const Skeleton = ({
   type = "text",
   height,

package/esm/sortControl/sortControl.js

@@ -37,7 +37,7 @@ injectString("tr", "Sort by", "S\u0131ralama \xF6l\xE7\xFCt\xFC");
 injectString("zh-Hans", "Sort by", "\u6392\u5E8F\u4F9D\u636E");
 injectString("zh-TW", "Sort by", "\u6392\u5E8F\u4F9D\u64DA");
 injectString("ro-RO", "Sort by", "Sorta\u021Bi dup\u0103");
-injectString("ar-SA", "Sort by", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628");
+injectString("ar", "Sort by", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628");
 injectString("cs", "Change sort direction", "Zm\u011Bnit sm\u011Br \u0159azen\xED");
 injectString("da-DK", "Change sort direction", "Skift sorteringsretning");
 injectString("de", "Change sort direction", "Sortierrichtung \xE4ndern");
@@ -64,7 +64,7 @@ injectString("tr", "Change sort direction", "S\u0131ralama y\xF6n\xFCn\xFC de\u0
 injectString("zh-Hans", "Change sort direction", "\u66F4\u6539\u6392\u5E8F");
 injectString("zh-TW", "Change sort direction", "\u8B8A\u66F4\u6392\u5E8F\u65B9\u5411");
 injectString("ro-RO", "Change sort direction", "Schimba\u021Bi direc\u021Bia sort\u0103rii");
-injectString("ar-SA", "Change sort direction", "\u062A\u063A\u064A\u064A\u0631 \u0627\u062A\u062C\u0627\u0647 \u0627\u0644\u062A\u0631\u062A\u064A\u0628");
+injectString("ar", "Change sort direction", "\u062A\u063A\u064A\u064A\u0631 \u0627\u062A\u062C\u0627\u0647 \u0627\u0644\u062A\u0631\u062A\u064A\u0628");
 injectString("cs", "Ascending", "Vzestupn\u011B");
 injectString("da-DK", "Ascending", "Stigende");
 injectString("de", "Ascending", "Aufsteigend");
@@ -91,7 +91,7 @@ injectString("tr", "Ascending", "Artan");
 injectString("zh-Hans", "Ascending", "\u5347\u5E8F");
 injectString("zh-TW", "Ascending", "\u905E\u589E");
 injectString("ro-RO", "Ascending", "Ascensiune");
-injectString("ar-SA", "Ascending", "\u062A\u0635\u0627\u0639\u062F\u064A");
+injectString("ar", "Ascending", "\u062A\u0635\u0627\u0639\u062F\u064A");
 injectString("cs", "Descending", "Sestupn\u011B");
 injectString("da-DK", "Descending", "Faldende");
 injectString("de", "Descending", "Absteigend");
@@ -118,7 +118,7 @@ injectString("tr", "Descending", "Azalan");
 injectString("zh-Hans", "Descending", "\u964D\u5E8F");
 injectString("zh-TW", "Descending", "\u905E\u6E1B");
 injectString("ro-RO", "Descending", "Cobor\xE2re");
-injectString("ar-SA", "Descending", "\u062A\u0646\u0627\u0632\u0644\u064A");
+injectString("ar", "Descending", "\u062A\u0646\u0627\u0632\u0644\u064A");
 injectString("cs", "Sort Options", "Sort Options");
 injectString("da-DK", "Sort Options", "Sorteringsmuligheder");
 injectString("de", "Sort Options", "Sort Options");
@@ -145,8 +145,7 @@ injectString("tr", "Sort Options", "Sort Options");
 injectString("zh-Hans", "Sort Options", "Sort Options");
 injectString("zh-TW", "Sort Options", "\u6392\u5E8F\u9078\u9805");
 injectString("ro-RO", "Sort Options", "Op\u021Biuni de sortare");
-injectString("ar-SA", "Sort Options", "\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u0631\u062A\u064A\u0628");
-const MENU_POSITION = "bottom-left";
+injectString("ar", "Sort Options", "\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u0631\u062A\u064A\u0628");
 const BUTTON_TEXT_DEFAULT = "Sort by";
 export var SortDirections;
 (function (SortDirections) {
@@ -231,7 +230,7 @@ export const SortControl = ({
           size: isDrive ? "huge" : "large"
         })
       }),
-      alignment: MENU_POSITION,
+      alignment: "bottom-left",
       onOpenChange: isCurrentlyOpen => onOptionsToggle(isCurrentlyOpen),
       children: _jsx(SelectList, {
         id: "sortControlSelectList",

package/esm/stepperRaw/stepperRaw.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
@@ -19,6 +20,8 @@ import { useFormFieldValues } from "../commonHelpers/hooks/useFormFieldValues/us
 import { useMobile } from "../commonHelpers/hooks/useMobile";
 import { useMobileClassName } from "../utils/theme/useMobileClassName";
 // according to design
+injectString("en", "Increase value", "Increase value");
+injectString("en", "Decrease value", "Decrease value");
 export const INPUT_DEFAULT_WIDTH = 47;
 export const INPUT_DEFAULT_WIDTH_DRIVE = 56;
 // eslint-disable-next-line complexity

package/esm/summary/summary.js

@@ -31,7 +31,7 @@ injectString("tr", "Summary color", "\xD6zet rengi");
 injectString("zh-Hans", "Summary color", "\u6458\u8981\u989C\u8272");
 injectString("zh-TW", "Summary color", "\u6458\u8981\u8272\u5F69");
 injectString("ro-RO", "Summary color", "Culoare sumar");
-injectString("ar-SA", "Summary color", "\u0644\u0648\u0646 \u0627\u0644\u0645\u0644\u062E\u0635");
+injectString("ar", "Summary color", "\u0644\u0648\u0646 \u0627\u0644\u0645\u0644\u062E\u0635");
 injectString("cs", "Information", "Informace");
 injectString("da-DK", "Information", "Information");
 injectString("de", "Information", "Information");
@@ -58,7 +58,7 @@ injectString("tr", "Information", "Bilgi");
 injectString("zh-Hans", "Information", "\u4FE1\u606F");
 injectString("zh-TW", "Information", "\u8CC7\u8A0A");
 injectString("ro-RO", "Information", "Informa\u021Bii");
-injectString("ar-SA", "Information", "\u0645\u0639\u0644\u0648\u0645\u0627\u062A");
+injectString("ar", "Information", "\u0645\u0639\u0644\u0648\u0645\u0627\u062A");
 export const Summary = ({
   color,
   title,

package/esm/summaryTile/summaryTile.d.ts

@@ -19,7 +19,9 @@ export declare enum SummaryTileSize {
     Small = "small",
     Medium = "medium"
 }
-export interface ISummaryTile extends IZenComponentProps, IZenGridItem {
+export interface ISummaryTile extends IZenComponentProps, IZenGridItem, Pick<React.AriaAttributes, "aria-selected" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-busy"> {
+    /** ARIA role forwarded to the root element. */
+    role?: React.AriaRole;
     /**
      * Reflects the state or mood of the tile. Defaults to `SummaryTileType.Default`.
      *
@@ -75,6 +77,6 @@ export declare const SummaryTileDisplayName = "SummaryTile";
  * Use inside `SummaryTileBar` to group multiple tiles in a scrollable row.
  */
 export declare const SummaryTile: {
-    ({ className, children, size, title, tileType, id, onClick, tooltipText, tooltipAlignment, tooltipAriaLabel, isLoading, dataAnalyticsId }: ISummaryTile): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, size, title, tileType, id, onClick, tooltipText, tooltipAlignment, tooltipAriaLabel, tooltipSize: _tooltipSize, isLoading, dataAnalyticsId, grid: _grid, gridStart: _gridStart, gridLg: _gridLg, gridLgStart: _gridLgStart, gridMd: _gridMd, gridMdStart: _gridMdStart, gridSm: _gridSm, gridSmStart: _gridSmStart, gridFitContent: _gridFitContent, ...ariaProps }: ISummaryTile): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };