@geotab/zenith 1.22.2 → 1.22.3

package/dist/card/card.d.ts

@@ -1,6 +1,7 @@
-import { FC, ReactNode } from "react";
+import { FC, FunctionComponent, ReactNode } from "react";
 import { IAbsoluteSize, TContainerSize } from "../cardContainer/cardContainer";
 import { TCardStatus } from "./components/status";
+import { TIconType } from "./components/title";
 import { IActions } from "./components/actions";
 import { IContent } from "./components/content";
 import "./card.less";
@@ -8,15 +9,29 @@ import { TAlignment } from "../absolute/absolute";
 import { TooltipSize } from "../tooltip/tooltip";
 import { IZenComponentProps, IZenGridItem } from "../commonHelpers/zenComponent";
 import { ICardButton } from "./components/cardButton/cardButton";
+import { IIcon } from "../icons/icon";
 export declare const DEFAULT_CARD_SIZE: TContainerSize;
 export interface ICard extends IZenComponentProps, IZenGridItem {
     size?: TContainerSize | IAbsoluteSize;
+    /**
+    * @deprecated
+    * @param status - will be removed in the next major release
+    */
     status?: TCardStatus;
     title: string;
+    icon?: FunctionComponent<IIcon>;
+    iconType?: TIconType;
+    secondary?: string;
     tooltip?: ReactNode;
     titleIconClasses?: string;
     link?: string;
+    /**
+    * @deprecated
+    * @param date - will be removed in the next major release
+    */
     date?: string;
+    isFavorite?: boolean;
+    onFavoriteChange?: (isFavorite: boolean) => void;
     cardContentClasses?: string;
     tooltipAlignment?: TAlignment;
     tooltipSize?: TooltipSize;

package/dist/card/card.js

@@ -31,7 +31,6 @@ const react_1 = __importStar(require("react"));
 const cardContainer_1 = require("../cardContainer/cardContainer");
 const deviceType_1 = require("../commonHelpers/hooks/deviceType");
 const useDeviceType_1 = require("../commonHelpers/hooks/useDeviceType");
-const titleLink_1 = require("./components/titleLink");
 const status_1 = require("./components/status");
 const title_1 = require("./components/title");
 const actions_1 = require("./components/actions");
@@ -42,7 +41,6 @@ const isAbsoluteSize_1 = require("../cardContainer/helpers/isAbsoluteSize");
 const getContainerSize_1 = require("../cardContainer/helpers/getContainerSize");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const menu_1 = require("../menu/menu");
-const textIconButton_1 = require("../textIconButton/textIconButton");
 const svgIconSize_1 = require("../svgIcon/svgIconSize");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const cardButton_1 = require("./components/cardButton/cardButton");
@@ -51,17 +49,20 @@ const useDrive_1 = require("../utils/theme/useDrive");
 const getDefaultFullWidthValue_1 = require("./helpers/getDefaultFullWidthValue");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const iconDotVertical_1 = require("../icons/iconDotVertical");
+const button_1 = require("../button/button");
+const favoriteButton_1 = require("../favoriteButton/favoriteButton");
+const getIconFromStatus_1 = require("./helpers/getIconFromStatus");
+const getIconTypeFromStatus_1 = require("./helpers/getIconTypeFromStatus");
 exports.DEFAULT_CARD_SIZE = "S";
 // eslint-disable-next-line @typescript-eslint/naming-convention, react/prop-types
 const Card = (props) => {
-    const { size, children, title, status, titleIconClasses, date, tooltip, className = "", link, cardContentClasses = "", tooltipAlignment, tooltipSize, fullWidth, scrollableContent = true, autoHeight = false, fullHeight = false } = props;
+    const { size, children, title, icon, iconType, secondary, status, date, tooltip, className = "", link, cardContentClasses = "", tooltipAlignment, tooltipSize, fullWidth, scrollableContent = true, autoHeight = false, fullHeight = false } = props;
     const { translate } = (0, useLanguage_1.useLanguage)();
     const [deviceType, setDeviceType] = (0, react_1.useState)(deviceType_1.DeviceType.Mobile);
     const [cardSize, setCardSize] = (0, react_1.useState)((0, isAbsoluteSize_1.isAbsoluteSize)(size) ? (0, getContainerSize_1.getContainerSize)(size.width) : (size || exports.DEFAULT_CARD_SIZE));
     const isMobile = deviceType === deviceType_1.DeviceType.Mobile;
     const containerRef = (0, react_1.useRef)(null);
     const headerRef = (0, react_1.useRef)(null);
-    const footerRef = (0, react_1.useRef)(null);
     const titleId = (0, react_1.useId)();
     const isDrive = (0, useDrive_1.useDrive)();
     const dateDriveClasses = (0, useDriveClassName_1.useDriveClassName)("zen-card__date");
@@ -70,33 +71,53 @@ const Card = (props) => {
     const { isAutoHeight, isScrollable, isFullWidth, isFullHeight } = (0, useCardSizeState_1.useCardSizeState)(deviceType, scrollableContent, fullWidthValue, fullHeight, autoHeight, size || "S");
     (0, useDeviceType_1.useDeviceType)(setDeviceType);
     (0, useCardSize_1.useCardSize)(setCardSize, containerRef, (0, isAbsoluteSize_1.isAbsoluteSize)(size) ? (0, getContainerSize_1.getContainerSize)(size.width) : (size || "S"));
-    const actions = [];
-    const content = [];
-    react_1.default.Children.forEach(children, (el) => {
-        if (!el) {
-            return;
+    const { actions, content } = (0, react_1.useMemo)(() => {
+        if (!children) {
+            return { actions: [], content: [] };
         }
-        if (el.type === exports.Card.Actions) {
-            const actionChildren = el.props.children;
-            if (!actionChildren) {
-                return;
-            }
-            if (Array.isArray(actionChildren)) {
-                actions.push(...actionChildren.filter((child) => (child === null || child === void 0 ? void 0 : child.type) === exports.Card.Button));
-                return;
+        if (Array.isArray(children)) {
+            const acts = [];
+            const cnt = [];
+            react_1.default.Children.forEach(children, (el) => {
+                if (!el) {
+                    return;
+                }
+                if (el.type === exports.Card.Actions) {
+                    const actionChildren = el.props.children;
+                    if (!actionChildren) {
+                        return;
+                    }
+                    if (Array.isArray(actionChildren)) {
+                        acts.push(...actionChildren.filter((child) => (child === null || child === void 0 ? void 0 : child.type) === exports.Card.Button));
+                        return;
+                    }
+                    if (typeof actionChildren === "object" && actionChildren.type === exports.Card.Button) {
+                        acts.push(actionChildren);
+                    }
+                }
+                if (el.type === exports.Card.Content) {
+                    cnt.push(el);
+                }
+            });
+            return { actions: acts, content: cnt };
+        }
+        return { actions: [], content: [children] };
+    }, [children]);
+    const maxNumberOfActions = (0, getMaxNumberOfActions_1.getMaxNumberOfActions)(cardSize);
+    const { headerActions, menuActions } = (0, react_1.useMemo)(() => {
+        const hActions = [];
+        const mActions = [];
+        for (let i = 0; i < actions.length; i++) {
+            if (actions[i].props.inContextMenu || hActions.length >= maxNumberOfActions || isMobile) {
+                mActions.push(actions[i]);
             }
-            if (typeof actionChildren === "object" && actionChildren.type === exports.Card.Button) {
-                actions.push(actionChildren);
+            else {
+                hActions.push(actions[i]);
             }
         }
-        if (el.type === exports.Card.Content) {
-            content.push(el);
-        }
-    });
-    const maxNumberOfActions = (0, getMaxNumberOfActions_1.getMaxNumberOfActions)(cardSize);
-    const headerActions = isMobile ? [] : actions.slice(0, maxNumberOfActions);
-    const menuActions = isMobile ? actions : actions.slice(maxNumberOfActions);
-    const menuTrigger = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: (0, classNames_1.classNames)(["zen-card__menu-trigger", menuTriggerDriveClasses || ""]), iconPosition: textIconButton_1.ButtonIconPosition.Start, type: "tertiary-black", iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, icon: iconDotVertical_1.IconDotVertical, "aria-label": translate("Actions"), htmlType: "button" });
+        return { headerActions: hActions, menuActions: mActions };
+    }, [actions, isMobile, maxNumberOfActions]);
+    const menuTrigger = (0, jsx_runtime_1.jsx)(button_1.Button, { className: (0, classNames_1.classNames)(["zen-card__menu-trigger", menuTriggerDriveClasses || ""]), type: "tertiary-black", "aria-label": translate("Actions"), htmlType: "button", children: (0, jsx_runtime_1.jsx)(iconDotVertical_1.IconDotVertical, { size: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large }) });
     (0, react_1.useEffect)(() => {
         if (containerRef.current) {
             containerRef.current.setAttribute("role", "region");
@@ -109,8 +130,25 @@ const Card = (props) => {
         cardContentClasses
     ]), [cardContentClasses, isScrollable]);
     const dateClassName = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-card__date", (isMobile && !isDrive) ? "zen-card__date--mobile" : "", dateDriveClasses !== null && dateDriveClasses !== void 0 ? dateDriveClasses : ""]), [isMobile, isDrive, dateDriveClasses]);
-    return (0, jsx_runtime_1.jsxs)(cardContainer_1.CardContainer, { isMobile: isMobile, fullWidth: isFullWidth, fullHeight: isFullHeight, autoHeight: isAutoHeight, scrollable: isScrollable, ref: containerRef, size: size || "S", className: (0, classNames_1.classNames)(["zen-card", className]), children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header", ref: headerRef, children: [(0, jsx_runtime_1.jsx)(title_1.Title, { id: titleId, link: link, isMobile: isMobile, title: title }), status && (0, jsx_runtime_1.jsx)(status_1.Status, { title: title, status: status, isMobile: isMobile, tooltip: tooltip, tooltipAlignment: tooltipAlignment, tooltipSize: tooltipSize }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-right", children: [!!headerActions.length && headerActions, (0, jsx_runtime_1.jsx)("span", { className: dateClassName, children: date }), !!menuActions.length && (0, jsx_runtime_1.jsx)(menu_1.Menu, { trigger: menuTrigger, title: title, children: menuActions.map(action => (0, react_1.createElement)(menu_1.Menu.Item, Object.assign({ key: action.props.id }, action.props))) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: cardContentClassName, children: content }), (link && isMobile) ?
-                (0, jsx_runtime_1.jsx)("div", { className: "zen-card__footer", ref: footerRef, children: (0, jsx_runtime_1.jsx)(titleLink_1.TitleLink, { id: titleId, link: link, titleIconClasses: titleIconClasses, ariaLabel: title }) }) : ""] });
+    const favoriteButton = (0, react_1.useMemo)(() => {
+        if (props.onFavoriteChange === undefined) {
+            return null;
+        }
+        return (0, jsx_runtime_1.jsx)(favoriteButton_1.FavoriteButton, { isFavorite: props.isFavorite || false, onChange: props.onFavoriteChange, className: "zen-card__favorite-button" });
+    }, [props.isFavorite, props.onFavoriteChange]);
+    const { titleIcon, titleIconType } = (0, react_1.useMemo)(() => {
+        if (status) {
+            return {
+                titleIcon: icon || (0, getIconFromStatus_1.getIconFromStatus)(status),
+                titleIconType: iconType || (0, getIconTypeFromStatus_1.getIconTypeFromStatus)(status)
+            };
+        }
+        return {
+            titleIcon: icon,
+            titleIconType: iconType
+        };
+    }, [icon, iconType, status]);
+    return (0, jsx_runtime_1.jsxs)(cardContainer_1.CardContainer, { isMobile: isMobile, fullWidth: isFullWidth, fullHeight: isFullHeight, autoHeight: isAutoHeight, scrollable: isScrollable, ref: containerRef, size: size || "S", className: (0, classNames_1.classNames)(["zen-card", className]), children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header", ref: headerRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-primary", children: [(0, jsx_runtime_1.jsx)(title_1.Title, { id: titleId, link: link, isMobile: isMobile, title: title, icon: titleIcon, iconType: titleIconType }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-right", children: [!!headerActions.length && headerActions, date ? (0, jsx_runtime_1.jsx)("span", { className: dateClassName, children: date }) : null, favoriteButton, tooltip && (0, jsx_runtime_1.jsx)(status_1.Status, { title: title, status: status, isMobile: isMobile, tooltip: tooltip, tooltipAlignment: tooltipAlignment, tooltipSize: tooltipSize }), !!menuActions.length && (0, jsx_runtime_1.jsx)(menu_1.Menu, { trigger: menuTrigger, title: title, children: menuActions.map(action => (0, react_1.createElement)(menu_1.Menu.Item, Object.assign({ key: action.props.id }, action.props))) })] })] }), secondary ? (0, jsx_runtime_1.jsx)("div", { className: "zen-card__secondary", children: secondary }) : null] }), (0, jsx_runtime_1.jsx)("div", { className: cardContentClassName, children: content })] });
 };
 exports.Card = Card;
 exports.TRANSLATIONS = [

package/dist/card/components/cardButton/cardButton.d.ts

@@ -8,5 +8,6 @@ export interface ICardButton extends IZenIdComponentProps {
     link?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
+    inContextMenu?: boolean;
 }
 export declare const CardButton: FC<ICardButton>;

package/dist/card/components/cardFavorite.js

@@ -0,0 +1 @@
+"use strict";

package/dist/card/components/status.js

@@ -5,29 +5,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const svgIconSize_1 = require("../../svgIcon/svgIconSize");
-const getIconFromStatus_1 = require("../helpers/getIconFromStatus");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
 const tooltip_1 = require("../../tooltip/tooltip");
 const useDrive_1 = require("../../utils/theme/useDrive");
+const iconInfoCircle_1 = require("../../icons/iconInfoCircle");
 const Status = ({ status, isMobile, tooltip, className = "", tooltipAlignment, tooltipSize, title }) => {
     const ref = (0, react_1.useRef)(null);
     const isDrive = (0, useDrive_1.useDrive)();
     const renderButton = () => {
-        if (!tooltip || !status) {
+        if (!tooltip) {
             return "";
         }
-        const statusButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, iconPosition: textIconButton_1.ButtonIconPosition.Start, className: (0, classNames_1.classNames)(["zen-card-status", isMobile ? "zen-card-status--mobile" : "", "zen-card-status-button", `zen-card-status--${status}`, className]), icon: (0, getIconFromStatus_1.getIconFromStatus)(status), iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, "aria-label": tooltip, htmlType: "button" });
+        const statusButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, iconPosition: textIconButton_1.ButtonIconPosition.Start, className: (0, classNames_1.classNames)(["zen-card-status", isMobile ? "zen-card-status--mobile" : "", "zen-card-status-button", status ? `zen-card-status--${status}` : "", className]), icon: iconInfoCircle_1.IconInfoCircle, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, "aria-label": tooltip, htmlType: "button" });
         return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { mobileView: "mobileSheet", mobileSheetTitle: title, size: tooltipSize, alignment: tooltipAlignment, trigger: statusButton, children: tooltip });
     };
-    const renderIcon = () => {
-        if (!status) {
-            return "";
-        }
-        return (0, react_1.createElement)((0, getIconFromStatus_1.getIconFromStatus)(status), {
-            size: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large,
-            className: (0, classNames_1.classNames)(["zen-card-status", "zen-card-status-icon", `zen-card-status--${status}`, className])
-        });
-    };
-    return status === "info" ? renderButton() : renderIcon();
+    return tooltip ? renderButton() : null;
 };
 exports.Status = Status;

package/dist/card/components/title.d.ts

@@ -1,11 +1,15 @@
-import { FC } from "react";
+import { FC, FunctionComponent } from "react";
 import "./title.less";
+import { IIcon } from "../../icons/icon";
+export type TIconType = "info" | "warning" | "error" | "success" | "default";
 interface ITitle {
     isMobile: boolean;
     title: string;
     id: string;
     className?: string;
     link?: string;
+    icon?: FunctionComponent<IIcon>;
+    iconType?: TIconType;
 }
 export declare const Title: FC<ITitle>;
 export {};

package/dist/card/components/title.js

@@ -2,15 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const titleLink_1 = require("./titleLink");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useDrive_1 = require("../../utils/theme/useDrive");
-const Title = ({ isMobile, link, title, id, className = "" }) => {
-    const driveClassNames = (0, useDriveClassName_1.useDriveClassName)("zen-title__text");
+const iconChevronRightSmall_1 = require("../../icons/iconChevronRightSmall");
+const Title = ({ isMobile, link, title, id, icon, iconType, className = "" }) => {
+    const driveClassNames = (0, useDriveClassName_1.useDriveClassName)("zen-card-title");
     const isDrive = (0, useDrive_1.useDrive)();
-    return (link && !isMobile) ?
-        (0, jsx_runtime_1.jsx)(titleLink_1.TitleLink, { id: id, link: link, children: title }) :
-        (0, jsx_runtime_1.jsx)("span", { id: id, className: (0, classNames_1.classNames)(["zen-title__text", (isMobile && !isDrive) ? "zen-title__text--mobile" : "", driveClassNames !== null && driveClassNames !== void 0 ? driveClassNames : "", className]), children: title });
+    const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
+    const iconSize = (0, react_1.useMemo)(() => isDrive ? "huge" : "large", [isDrive]);
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-card-title", driveClassNames || ""]), children: [icon
+                ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-card-title__icon", iconClassName]), children: (0, react_1.createElement)(icon, { size: iconSize }) })
+                : null, link
+                ? (0, jsx_runtime_1.jsxs)("a", { id: id, className: (0, classNames_1.classNames)(["zen-card-title__link"]), href: link, children: [(0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-card-title__link-text"]), children: title }), (0, jsx_runtime_1.jsx)("div", { className: "zen-card-title__link-chevron", children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })] })
+                : (0, jsx_runtime_1.jsx)("span", { id: id, className: (0, classNames_1.classNames)(["zen-card-title__text", (isMobile && !isDrive) ? "zen-card-title__text--mobile" : "", className]), children: title })] });
 };
 exports.Title = Title;

package/dist/card/helpers/getIconFromStatus.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIconFromStatus = void 0;
-const iconInfoCircle_1 = require("../../icons/iconInfoCircle");
 const iconCheckRadio_1 = require("../../icons/iconCheckRadio");
 const iconException_1 = require("../../icons/iconException");
 const iconWarning_1 = require("../../icons/iconWarning");
 const iconByStatus = {
     error: iconWarning_1.IconWarning,
     warning: iconException_1.IconException,
-    ok: iconCheckRadio_1.IconCheckRadio,
-    info: iconInfoCircle_1.IconInfoCircle
+    ok: iconCheckRadio_1.IconCheckRadio
 };
 const getIconFromStatus = (status) => iconByStatus[status];
 exports.getIconFromStatus = getIconFromStatus;

package/dist/card/helpers/getIconTypeFromStatus.d.ts

@@ -0,0 +1,3 @@
+import { TCardStatus } from "../components/status";
+import { TIconType } from "../components/title";
+export declare const getIconTypeFromStatus: (status: TCardStatus) => TIconType | undefined;

package/dist/card/helpers/getIconTypeFromStatus.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconTypeFromStatus = void 0;
+const getIconTypeFromStatus = (status) => {
+    switch (status) {
+        case "error":
+            return "error";
+        case "warning":
+            return "warning";
+        case "ok":
+            return "success";
+        default:
+            return undefined;
+    }
+};
+exports.getIconTypeFromStatus = getIconTypeFromStatus;

package/dist/dropdown/dropdown.js

@@ -190,7 +190,7 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
         }
     }, [state.selectedIds, state.groupsMap, state.groupsMapSelected, state.isAllSelected, handleClose, onChange, isFullSelectionMode]);
     const customGetData = (0, react_1.useCallback)((str) => (str && dataItems
-        ? Promise.resolve(dataItems.filter(el => { var _a; return (((_a = el.name) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "").indexOf(str.toLocaleLowerCase()) > -1; }))
+        ? Promise.resolve(dataItems.filter(el => { var _a; return (((_a = el.name) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "").indexOf(str.trim().toLocaleLowerCase()) > -1; }))
         : Promise.resolve(dataItems || [])), [dataItems]);
     const handleData = (0, react_1.useCallback)((data, searchVal) => {
         if (data.length && !searchVal && (getData || dataItems)) {

package/dist/favoriteButton/favoriteButton.d.ts

@@ -0,0 +1,7 @@
+import "./favoriteButton.less";
+import { IZenComponentProps } from "../commonHelpers/zenComponent";
+export interface IFavoriteButton extends IZenComponentProps {
+    isFavorite: boolean;
+    onChange: (isFavorite: boolean) => void;
+}
+export declare const FavoriteButton: ({ isFavorite, onChange, className }: IFavoriteButton) => import("react/jsx-runtime").JSX.Element;

package/dist/favoriteButton/favoriteButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoriteButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const iconStar_1 = require("../icons/iconStar");
+const iconStarFilled_1 = require("../icons/iconStarFilled");
+const useLanguage_1 = require("../utils/localization/useLanguage");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+const useDrive_1 = require("../utils/theme/useDrive");
+const FavoriteButton = ({ isFavorite, onChange, className }) => {
+    const { translate } = (0, useLanguage_1.useLanguage)();
+    const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-favorite-button");
+    const isDrive = (0, useDrive_1.useDrive)();
+    const iconSize = (0, react_1.useMemo)(() => isDrive ? "huge" : "large", [isDrive]);
+    const filledClassName = isFavorite ? "zen-favorite-button--filled" : "";
+    const onClick = (0, react_1.useCallback)(() => onChange(!isFavorite), [isFavorite, onChange]);
+    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, className: (0, classNames_1.classNames)(["zen-favorite-button", driveClassName || "", filledClassName, className || ""]), title: translate("Favorite"), "aria-label": translate("Favorite"), "aria-pressed": isFavorite, children: [(0, jsx_runtime_1.jsx)(iconStar_1.IconStar, { size: iconSize, className: "zen-favorite-button__empty" }), (0, jsx_runtime_1.jsx)(iconStarFilled_1.IconStarFilled, { size: iconSize, className: "zen-favorite-button__filled" })] }));
+};
+exports.FavoriteButton = FavoriteButton;

package/dist/gridLayout/utils/convertCardSizeToState.js

@@ -22,14 +22,12 @@ const convertCardSizeToState = (card) => {
         }
         case "M": {
             return {
-                lg: 4
+                lg: 5
             };
         }
-        default:
-        case "S":
-        case "XS": {
+        case "S": {
             return {
-                lg: 3
+                lg: 4
             };
         }
         case "XXS": {
@@ -37,6 +35,12 @@ const convertCardSizeToState = (card) => {
                 lg: 2
             };
         }
+        default:
+        case "XS": {
+            return {
+                lg: 3
+            };
+        }
     }
 };
 exports.convertCardSizeToState = convertCardSizeToState;

package/dist/index.css

@@ -3979,6 +3979,7 @@
 }
 .zen-tooltip__mobile-sheet-content {
   padding: 24px 16px 32px;
+  color: var(--text-primary);
 }
 .zen-advanced-groups-filter-section-tooltip__trigger {
   cursor: pointer;
@@ -5959,119 +5960,6 @@
     max-width: unset;
   }
 }
-.zen-title-text {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 16px;
-  text-transform: none;
-  max-width: 520px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: start;
-}
-.zen-title-text--mobile {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0;
-  line-height: 24px;
-  text-transform: none;
-}
-.zen-title-text--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 22px;
-  text-transform: none;
-}
-.zen-title-text--drive {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 20px;
-  text-transform: none;
-}
-.zen-title-link {
-  box-sizing: border-box;
-  display: flex;
-  gap: 4px;
-  align-items: center;
-}
-.zen-title-link * {
-  box-sizing: border-box;
-}
-.zen-title-link:not(.zen-title-link:hover) {
-  color: var(--action-primary--default);
-  text-decoration: unset;
-}
-.zen-title-link__text {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 16px;
-  text-transform: none;
-  max-width: 520px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: start;
-}
-.zen-title-link__text--mobile {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0;
-  line-height: 24px;
-  text-transform: none;
-}
-.zen-title-link__text--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 22px;
-  text-transform: none;
-}
-.zen-title-link__text--drive {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 20px;
-  text-transform: none;
-}
-.zen-title-link:hover {
-  color: var(--action-primary--active);
-  fill: var(--action-primary--active);
-}
-.zen-title-link:hover .zen-title-link__icon {
-  color: var(--action-primary--active);
-  fill: var(--action-primary--active);
-}
-.zen-title-link__icon {
-  flex-shrink: 0;
-}
-.zen-title-link--drive {
-  padding: 11px;
-}
 .zen-card-status {
   box-sizing: border-box;
   align-self: center;
@@ -6130,13 +6018,7 @@
 .zen-card-status-tooltip-mobile * {
   box-sizing: border-box;
 }
-.zen-title {
-  box-sizing: border-box;
-}
-.zen-title * {
-  box-sizing: border-box;
-}
-.zen-title__text {
+.zen-title-text {
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -6151,9 +6033,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: start;
-  color: var(--text-primary);
 }
-.zen-title__text--mobile {
+.zen-title-text--mobile {
   font-family: var(--main-font);
   font-size: 16px;
   font-style: normal;
@@ -6162,7 +6043,7 @@
   line-height: 24px;
   text-transform: none;
 }
-.zen-title__text--drive-tablet {
+.zen-title-text--drive-tablet {
   font-family: var(--main-font);
   font-size: 18px;
   font-style: normal;
@@ -6171,7 +6052,7 @@
   line-height: 22px;
   text-transform: none;
 }
-.zen-title__text--drive {
+.zen-title-text--drive {
   font-family: var(--main-font);
   font-size: 16px;
   font-style: normal;
@@ -6180,19 +6061,162 @@
   line-height: 20px;
   text-transform: none;
 }
+.zen-card-title {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: 24px;
+}
+.zen-card-title * {
+  box-sizing: border-box;
+}
+.zen-card-title__icon {
+  height: 24px;
+  width: 24px;
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  fill: var(--accents-general--detail);
+  border-radius: 50%;
+  background-color: var(--accents-general--main);
+  box-sizing: border-box;
+}
+.zen-card-title__icon--success {
+  fill: var(--accents-success--detail);
+  background-color: var(--accents-success--main);
+}
+.zen-card-title__icon--error {
+  fill: var(--accents-error--detail);
+  background-color: var(--accents-error--main);
+}
+.zen-card-title__icon--warning {
+  fill: var(--accents-warning--detail);
+  background-color: var(--accents-warning--main);
+}
+.zen-card-title__icon--default {
+  background-color: var(--backgrounds-content-1);
+  fill: var(--text-secondary);
+}
+.zen-card-title__text {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 16px;
+  text-transform: none;
+  max-width: 520px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: start;
+  color: var(--text-primary);
+}
+.zen-card-title__link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1 1 auto;
+  gap: 4px;
+  text-decoration: none;
+}
+.zen-card-title__link-text {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-primary);
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.zen-card-title__link-chevron {
+  width: 16px;
+  height: 16px;
+  fill: var(--text-primary);
+  flex: 0 0 auto;
+}
+.zen-card-title--drive .zen-card-title__text,
+.zen-card-title--drive .zen-card-title__link-text {
+  font-family: var(--main-font);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 20px;
+  text-transform: none;
+}
+.zen-card-title--drive .zen-card-title__icon {
+  width: 32px;
+  height: 32px;
+}
+.zen-card-title--drive .zen-card-title__link-chevron {
+  width: 20px;
+  height: 20px;
+}
+.zen-card-title--drive-tablet .zen-card-title__text,
+.zen-card-title--drive-tablet .zen-card-title__link-text {
+  font-family: var(--main-font);
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 22px;
+  text-transform: none;
+}
+.zen-card-title--drive-tablet .zen-card-title__icon {
+  width: 32px;
+  height: 32px;
+}
+.zen-card-title--drive-tablet .zen-card-title__link-chevron {
+  width: 20px;
+  height: 20px;
+}
 .zen-card {
   box-sizing: border-box;
   display: grid;
   gap: 16px;
-  grid-template-rows: 20px 1fr;
+  grid-template-rows: auto 1fr;
 }
 .zen-card * {
   box-sizing: border-box;
 }
 .zen-card__header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+  box-sizing: border-box;
+}
+.zen-card__header-primary {
   display: flex;
   gap: 4px;
   align-items: center;
+  padding: 4px 0;
+  width: 100%;
+}
+.zen-card__secondary {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+  width: 100%;
 }
 .zen-card__content {
   width: 100%;
@@ -6260,11 +6284,20 @@
   line-height: 18px;
   text-transform: none;
 }
+.zen-card__menu-trigger {
+  width: 32px;
+  height: 32px;
+  box-sizing: border-box;
+}
 .zen-card__menu-trigger--drive {
-  padding: 11px;
+  width: 40px;
+  height: 40px;
+  padding: 9px;
 }
 .zen-card__menu-trigger--drive-tablet {
-  padding: 12px;
+  width: 40px;
+  height: 40px;
+  padding: 9px;
 }
 .zen-card__footer {
   display: flex;
@@ -6357,6 +6390,9 @@
 .zen-menu-button__action--drive-tablet.zen-menu-button__action--has-children {
   padding: 16px 8px 16px 16px;
 }
+.zen-menu-button__action.zen-menu-button__action {
+  outline: none;
+}
 .zen-menu-button__icon {
   flex: 0 0 auto;
 }
@@ -6416,6 +6452,43 @@
   padding-top: 11px;
   padding-bottom: 11px;
 }
+.zen-favorite-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  fill: var(--text-secondary);
+  cursor: pointer;
+  border-radius: var(--border-radius-default);
+}
+.zen-favorite-button:hover {
+  background-color: var(--backgrounds-content-1);
+}
+.zen-favorite-button__empty {
+  display: initial;
+  flex: 0 0 auto;
+}
+.zen-favorite-button__filled {
+  display: none;
+  flex: 0 0 auto;
+}
+.zen-favorite-button--filled .zen-favorite-button__filled {
+  display: initial;
+}
+.zen-favorite-button--filled .zen-favorite-button__empty {
+  display: none;
+}
+.zen-favorite-button--drive {
+  width: 40px;
+  height: 40px;
+}
+.zen-favorite-button--drive-tablet {
+  width: 40px;
+  height: 40px;
+}
 .zen-cards {
   display: flex;
   width: 100%;

package/dist/index.d.ts

@@ -58,6 +58,7 @@ export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRang
 export { type IDialog, Dialog } from "./dialog/dialog";
 export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
 export { type ISelectionItem, type IDropdownItem, type IDropdownValueFullSelection, type IDropdownFullSelectedValue, type IDropdownFullSelection, type IDropdown, Dropdown } from "./dropdown/dropdown";
+export { type IFavoriteButton, FavoriteButton } from "./favoriteButton/favoriteButton";
 export { FeedbackProvider } from "./feedbackProvider/feedbackProvider";
 export { type TFilterButton, type IFilterButton, FilterButton } from "./filterButton/filterButton";
 export { type IFiltersBarDropdownFullSelectionState } from "./filtersBar/components/filtersBarDropdown/filtersBarDropdown";

package/dist/index.js

@@ -2,20 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCardSizeState = exports.useCardSize = exports.getMaxNumberOfActions = exports.getIconFromStatus = exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.Banner = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
 exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.DateInput = exports.cutSeconds = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebounce = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.Chart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = void 0;
-exports.IconAddPeople2 = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.GridLayout = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FilterButton = exports.FeedbackProvider = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = void 0;
-exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = void 0;
-exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar2 = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = void 0;
-exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = void 0;
-exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight2 = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = void 0;
-exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = void 0;
-exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox2 = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac2 = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = void 0;
-exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle2 = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = void 0;
-exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconMyGeotab = exports.IconMyAdmin = void 0;
-exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare2 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = void 0;
-exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeOf = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = void 0;
-exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.Notification = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageNothingFound = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = void 0;
-exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.AbortablePromise = exports.Tooltip = void 0;
+exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.GridLayout = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = void 0;
+exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople2 = void 0;
+exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar2 = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = void 0;
+exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = void 0;
+exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight2 = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = void 0;
+exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = void 0;
+exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox2 = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac2 = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = void 0;
+exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle2 = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = void 0;
+exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = void 0;
+exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare2 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = void 0;
+exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeOf = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = void 0;
+exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.Notification = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageNothingFound = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = void 0;
+exports.calculateArrowPosition = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.Popup = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -179,6 +179,8 @@ Object.defineProperty(exports, "isFocusable", { enumerable: true, get: function
 Object.defineProperty(exports, "getFocusableStartInd", { enumerable: true, get: function () { return dialogHelpers_1.getFocusableStartInd; } });
 var dropdown_1 = require("./dropdown/dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
+var favoriteButton_1 = require("./favoriteButton/favoriteButton");
+Object.defineProperty(exports, "FavoriteButton", { enumerable: true, get: function () { return favoriteButton_1.FavoriteButton; } });
 var feedbackProvider_1 = require("./feedbackProvider/feedbackProvider");
 Object.defineProperty(exports, "FeedbackProvider", { enumerable: true, get: function () { return feedbackProvider_1.FeedbackProvider; } });
 var filterButton_1 = require("./filterButton/filterButton");

package/dist/utils/localization/translations/en-json.d.ts

@@ -233,4 +233,5 @@ export declare const translations: {
     "Some of the dates you selected aren\u2019t available. Please try a different range.": string;
     "Please select the dates you want to view.": string;
     Open: string;
+    Favorite: string;
 };

package/dist/utils/localization/translations/en-json.js

@@ -235,5 +235,6 @@ exports.translations = {
     "Choose your date range": "Choose your date range",
     "Some of the dates you selected aren’t available. Please try a different range.": "Some of the dates you selected aren’t available. Please try a different range.",
     "Please select the dates you want to view.": "Please select the dates you want to view.",
-    "Open": "Open"
+    "Open": "Open",
+    "Favorite": "Favorite"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "1.22.2",
+  "version": "1.22.3",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",