@geotab/zenith 2.0.0 → 3.0.0-beta.1

package/esm/combobox/combobox.js

@@ -1,163 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { SearchableField, TRANSLATIONS as InputTranslations } from "../searchableField/searchableField";
-import SearchSingleList, { EmptyList, WaitingList, TRANSLATIONS as ListTranslations } from "../searchList/searchList";
-import { Absolute } from "../absolute/absolute";
-import { useClickOutside, useComboboxNavigation } from "./comboboxNavigation";
-import { classNames } from "../commonHelpers/classNames/classNames";
-/**
- * @deprecated - will be removed in future releases
-*/
-export const Combobox = ({ getData, inputId, placeholder, dialogAriaLabel, title, disabled, onSelect, width, className, selection, inline = true, fullWidth }) => {
-    const ariaComboboxId = "listbox";
-    const ariaControlId = React.useId();
-    const listId = React.useId();
-    const [newListData, setNewListData] = useState([]);
-    const [showWaiting, setShowWaiting] = useState(false);
-    const [showList, setShowList] = useState(() => false);
-    const [showEmptyList, setShowEmptyList] = useState(false);
-    const [value, setInputValue] = useState("");
-    const abortToken = useRef(new AbortController());
-    const triggerRef = useRef(null);
-    const comboboxRef = useRef(null);
-    const inputRef = useRef(null);
-    const searchListParentRef = useRef(null);
-    const handleHighLevelKeyboardNavigation = useCallback((key, e) => {
-        if (key === "Escape") {
-            !showList && setInputValue("");
-            setShowList(false);
-            setShowWaiting(false);
-            setShowEmptyList(false);
-            return;
-        }
-        if (key === "Tab") {
-            setShowList(false);
-            setShowWaiting(false);
-            setShowEmptyList(false);
-            return;
-        }
-        if (key === "ArrowDown" && showList && !showWaiting && !showEmptyList) {
-            e.preventDefault();
-            return;
-        }
-        if (key === "ArrowUp" && showList && !showWaiting && !showEmptyList) {
-            e.preventDefault();
-            return;
-        }
-    }, [showList, showWaiting, showEmptyList]);
-    const showListPopup = (newVal) => {
-        setShowList(newVal);
-    };
-    const showWaitingPopup = (newVal) => {
-        setShowWaiting(newVal);
-    };
-    const showEmptyPopup = (newVal) => {
-        setShowEmptyList(newVal);
-    };
-    const controlData = useCallback((signal, searchValue) => {
-        showWaitingPopup(true);
-        showEmptyPopup(false);
-        showListPopup(false);
-        getData(signal, searchValue).then(data => {
-            setNewListData(data);
-            showWaitingPopup(false);
-            data.length ? showListPopup(true) : showEmptyPopup(true);
-        }).catch(() => {
-            showListPopup(false);
-            showEmptyPopup(false);
-            showWaitingPopup(false);
-        });
-    }, [getData]);
-    const onOpenSearch = useCallback(() => {
-        const currentAbort = abortToken.current;
-        if (showList) {
-            showListPopup(false);
-            return;
-        }
-        controlData(currentAbort.signal, value);
-    }, [controlData, showList, value]);
-    const onSingleChange = useCallback((selected, unselect) => {
-        var _a;
-        const newSetSelection = new Set(selection);
-        const action = newSetSelection.has(selected) ? "delete" : "add";
-        unselect && unselect.forEach(item => newSetSelection.delete(item));
-        newSetSelection[action](selected);
-        onSelect([...newSetSelection]);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [onSelect, selection]);
-    const subscriptionCondition = (trigger) => trigger.current !== null;
-    const onFocus = () => {
-        !showWaiting && !showList && !showEmptyList && controlData(undefined, value);
-    };
-    const onInput = (val) => {
-        abortToken.current.abort();
-        abortToken.current = new AbortController();
-        controlData(abortToken.current.signal, val);
-        setInputValue(val);
-    };
-    const containerClassName = classNames([
-        "zen-combobox",
-        "zen-combobox__container",
-        className || ""
-    ]);
-    useComboboxNavigation(handleHighLevelKeyboardNavigation, comboboxRef, subscriptionCondition);
-    useClickOutside(comboboxRef, () => {
-        if (inline) {
-            showListPopup(false);
-        }
-    });
-    useClickOutside(searchListParentRef, () => {
-        if (!inline) {
-            showListPopup(false);
-        }
-    });
-    useEffect(() => {
-        const disableKeyCode = ["ArrowDown", "ArrowUp"];
-        const input = inputRef.current;
-        const handler = (e) => {
-            if (disableKeyCode.some(key => e.key === key)) {
-                e.preventDefault();
-            }
-        };
-        input === null || input === void 0 ? void 0 : input.addEventListener("keydown", handler);
-        return () => {
-            input === null || input === void 0 ? void 0 : input.removeEventListener("keydown", handler);
-        };
-    }, []);
-    useEffect(() => {
-        var _a;
-        if (showList) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [showList]);
-    const popupAlignment = inline ? undefined : "bottom-right";
-    const openChange = useCallback(() => {
-        if (showWaiting) {
-            return setShowWaiting;
-        }
-        if (showEmptyList) {
-            return setShowEmptyList;
-        }
-        if (showList) {
-            return setShowList;
-        }
-        return () => { };
-    }, [showWaiting, showEmptyList, showList]);
-    const getPopupContent = useMemo(() => {
-        if (showWaiting) {
-            return _jsx(WaitingList, {});
-        }
-        if (showEmptyList) {
-            return _jsx(EmptyList, {});
-        }
-        if (showList) {
-            return _jsx("div", { ref: searchListParentRef, children: _jsx(SearchSingleList, { selected: selection, parentRef: comboboxRef, listId: listId, listData: newListData, onChange: onSingleChange }) });
-        }
-        return null;
-    }, [showWaiting, showEmptyList, showList, selection, newListData, onSingleChange, listId]);
-    return _jsxs("div", { className: containerClassName, ref: comboboxRef, children: [_jsx(SearchableField, { width: width, inputId: inputId, inputRef: inputRef, title: title, placeholder: placeholder, onChange: onInput, onOpenSearch: onOpenSearch, onFocus: onFocus, openSearch: showList || showWaiting || showEmptyList, disabled: disabled, ariaAutocomplete: "list", ariaControls: ariaControlId, ariaOwns: ariaComboboxId, triggerRef: inline ? undefined : triggerRef, fullWidth: fullWidth, value: value }), _jsx(Absolute, { alignment: popupAlignment, onOpenChange: openChange, className: "zen-combobox-popup zen-shadow-dropdown-default", stateFullChilds: showList, inline: inline, isOpen: true, id: ariaControlId, triggerRef: triggerRef, ariaLabel: dialogAriaLabel || placeholder, role: "region", children: getPopupContent })] });
-};
-export const TRANSLATIONS = [
-    ...InputTranslations,
-    ...ListTranslations
-];

package/esm/combobox/comboboxNavigation.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from "react";
-export declare const useComboboxNavigation: <T extends HTMLElement>(callback: (event: string, e: KeyboardEvent) => void, subscriptionTrigger: RefObject<T>, condition?: (_) => boolean) => void;
-export declare const useClickOutside: (ref: any, callback: any) => void;

package/esm/combobox/comboboxNavigation.js

@@ -1,21 +0,0 @@
-import { useCallback, useEffect } from "react";
-import { useKeydown } from "../commonHelpers/hooks/useKeydown";
-export const useComboboxNavigation = (callback, subscriptionTrigger, condition) => {
-    const handleKeyDown = useCallback((e) => {
-        callback(e.key, e);
-    }, [callback]);
-    useKeydown(handleKeyDown, subscriptionTrigger, condition);
-};
-export const useClickOutside = (ref, callback) => {
-    useEffect(() => {
-        const handleClick = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.body.addEventListener("click", handleClick, true);
-        return () => {
-            document.body.removeEventListener("click", handleClick, true);
-        };
-    }, [ref, callback]);
-};

package/esm/commonHelpers/translatable.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-export interface ITranslatable {
-    /**
-    * @deprecated
-    * @param translate - will be removed in the next major release
-    */
-    translate?: (key: string) => string;
-}
-export interface IZenTranslatableComponent<Props = object> extends FC<Props> {
-    translations: string[];
-}

package/esm/dropdownOld/dropdownOld.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import "./dropdownOld.less";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { ISelectListItem } from "../selectList/selectListItem";
-export interface IDropdownOld extends IZenComponentProps {
-    onChange: (selectedIds: string[]) => void;
-    items: ISelectListItem[];
-    selectedOption: string[];
-    title: string;
-    placeholder: string;
-    id?: string;
-    disabled?: boolean;
-    multiselect?: boolean;
-    footer?: JSX.Element;
-    fullWidth?: boolean;
-}
-export declare const DropdownOld: React.FC<IDropdownOld>;

package/esm/dropdownOld/dropdownOld.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useCallback, useMemo, useRef, useState } from "react";
-import { FilterButton } from "../filterButton/filterButton";
-import { SelectList } from "../selectList/selectList";
-import { CheckboxState } from "../checkbox/checkboxState";
-import { ControlledPopup } from "../controlledPopup/controlledPopup";
-import { getSelectValue } from "../selectRaw/select.helpers";
-import { isDropdownStateTheSame } from "./dropdownOldHelpers/isDropdownStateTheSame";
-import { useUniqueId } from "../commonHelpers/useUniqueId";
-// get default active item (based on items array)
-const getItemById = (items, id) => items.find(item => item.id === id);
-export const DropdownOld = (props) => {
-    var _a;
-    const { fullWidth, footer, multiselect, disabled, placeholder, title, id, className, selectedOption, items: outerItems, onChange } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const innerTriggerRef = useRef(null);
-    // items IDs
-    const buttonReactId = useUniqueId();
-    const selectListId = useUniqueId();
-    const popupId = useUniqueId();
-    // memoized items
-    const items = useMemo(() => outerItems, [outerItems]);
-    const itemsMap = useMemo(() => items.reduce((acc, obj) => acc.set(obj.id, selectedOption.includes(obj.id) ? CheckboxState.On : CheckboxState.Off), new Map()), [items, selectedOption]);
-    // trigger button text value
-    const value = getSelectValue(itemsMap, items);
-    const triggerValue = value ? (_a = getItemById(items, value)) === null || _a === void 0 ? void 0 : _a.children : placeholder;
-    const onOptionsToggle = (isCurrentlyOpen) => {
-        setIsOpen(isCurrentlyOpen);
-    };
-    const onOptionChange = useCallback((newItemState) => {
-        const newSelection = [...newItemState].reduce((res, [selectedId, checkedState]) => {
-            if (checkedState === CheckboxState.On) {
-                res.push(selectedId);
-            }
-            return res;
-        }, []);
-        if (!isDropdownStateTheSame(newSelection, selectedOption)) {
-            onChange(newSelection);
-        }
-    }, [onChange, selectedOption]);
-    return _jsxs(Fragment, { children: [_jsx(FilterButton, { ref: innerTriggerRef, id: id || buttonReactId, className: className, onClick: () => {
-                    setIsOpen(!isOpen);
-                }, disabled: disabled, isActive: isOpen, fullWidth: fullWidth, quantity: multiselect && selectedOption.length > 0 ? selectedOption.length : undefined, children: triggerValue }), _jsx(ControlledPopup, { id: popupId, useTrapFocusWithTrigger: "withTrigger", alignment: "bottom-left", onOpenChange: (isCurrentlyOpen) => {
-                    onOptionsToggle(isCurrentlyOpen);
-                }, isOpen: isOpen, triggerRef: innerTriggerRef, children: _jsxs("div", { className: "zen-dropdown-old", children: [title ? _jsx("div", { className: "zen-dropdown-old__header", children: title }) : null, _jsx(SelectList, { id: selectListId, title: title, showCheckbox: multiselect, value: itemsMap, multiselect: multiselect, items: [
-                                ...items.reduce((acc, obj) => acc.set(obj.id, Object.assign(Object.assign({}, obj), { state: selectedOption.includes(obj.id) ? CheckboxState.On : CheckboxState.Off })), new Map()).values()
-                            ], onChange: onOptionChange }), footer
-                            ? _jsx("div", { className: "zen-dropdown-old__footer", children: footer })
-                            : null] }) })] });
-};

package/esm/dropdownOld/dropdownOldHelpers/isDropdownStateTheSame.d.ts

@@ -1 +0,0 @@
-export declare const isDropdownStateTheSame: (newState: string[], oldState: string[]) => boolean;

package/esm/dropdownOld/dropdownOldHelpers/isDropdownStateTheSame.js

@@ -1,6 +0,0 @@
-export const isDropdownStateTheSame = (newState, oldState) => {
-    if (newState.length !== oldState.length) {
-        return false;
-    }
-    return newState.sort().join(",") === oldState.sort().join(",");
-};

package/esm/icons/deprecated/iconActivity.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconActivity: React.FC<IIcon>;

package/esm/icons/deprecated/iconActivity.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconActivity = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "null", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconActivity", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M9 2.87a1 1 0 01.949.683L15 18.707l2.051-6.154A1 1 0 0118 11.87h4a1 1 0 110 2h-3.28l-2.771 8.316a1 1 0 01-1.898 0L9 7.032l-2.051 6.154A1 1 0 016 13.87H2a1 1 0 110-2h3.28L8.05 3.553A1 1 0 019 2.87z" })] });
-};

package/esm/icons/deprecated/iconArchive.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArchive: React.FC<IIcon>;

package/esm/icons/deprecated/iconArchive.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconArchive = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArchive", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M5 3a1 1 0 011-1h4.5a1 1 0 01.707.293L12.914 4H18a1 1 0 011 1v3h1a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1h1V3zm2 5h10V6h-4.5a1 1 0 01-.707-.293L10.086 4H7v4zm-2 2v9h14v-9H5zm2 3a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
-};

package/esm/icons/deprecated/iconArrowBottom.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowBottom: React.FC<IIcon>;

package/esm/icons/deprecated/iconArrowBottom.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconArrowBottom = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowBottom", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 10.5a.5.5 0 01-.354-.146l-3-3a.5.5 0 11.708-.708L5.5 8.793V2a.5.5 0 011 0v6.793l2.146-2.147a.5.5 0 11.708.708l-3 3A.5.5 0 016 10.5z" })] });
-};

package/esm/icons/deprecated/iconArrowDown.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowDown: React.FC<IIcon>;

package/esm/icons/deprecated/iconArrowDown.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconArrowDown = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowDown", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M31.649 1.217C31.166.465 30.257 0 29.272 0H2.728C1.22.001-.002 1.072 0 2.393c0 .435.136.862.393 1.235l13.272 19.219c.78 1.13 2.459 1.49 3.748.807.377-.2.694-.477.922-.807L31.607 3.628a2.14 2.14 0 00.042-2.41z" })] });
-};

package/esm/icons/deprecated/iconArrowTop.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowTop: React.FC<IIcon>;

package/esm/icons/deprecated/iconArrowTop.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconArrowTop = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowTop", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 1.5a.5.5 0 01.354.146l3 3a.5.5 0 11-.708.708L6.5 3.207V10a.5.5 0 01-1 0V3.207L3.354 5.354a.5.5 0 11-.708-.708l3-3A.5.5 0 016 1.5z" })] });
-};

package/esm/icons/deprecated/iconAssetInactive.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconAssetInactive: React.FC<IIcon>;

package/esm/icons/deprecated/iconAssetInactive.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconAssetInactive = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 42 42", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconAssetInactive", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("circle", { cx: "21", cy: "21", r: "14" }), _jsx("circle", { cx: "21", cy: "21", r: "13.5" }), _jsx("path", { d: "M22.91 18.076c.482.339.861.803 1.096 1.342a.557.557 0 00.542.318 2.198 2.198 0 012.285 2.207 2.065 2.065 0 01-.547 1.476.58.58 0 10.838.806l.014-.015A3.164 3.164 0 0028 22.035a3.363 3.363 0 00-3.043-3.452.147.147 0 01-.112-.07A4.51 4.51 0 0021 16.333c-.444 0-.885.067-1.31.198-.379.117-.47.493-.22.875.135.21.396.3.632.218a3.432 3.432 0 012.809.452zm-6.104 6.069a2.06 2.06 0 01-1.267-.467c-.264-.281-.4-.66-.373-1.045a1.51 1.51 0 011.821-1.477.583.583 0 00.7-.536c.009-.131.012-.295.01-.423-.006-.292.012-.428-.153-.593a.552.552 0 00-.93.274v.01a.09.09 0 01-.084.072 2.71 2.71 0 00-2.166 1.314A2.606 2.606 0 0014 22.702a2.498 2.498 0 00.72 1.808 3.19 3.19 0 002.083.804h5.037a.584.584 0 000-1.167l-5.034-.002zm10.198 3.684a.583.583 0 00.825-.825L14.996 14.171a.583.583 0 00-.825.825l12.833 12.833z" })] });
-};

package/esm/icons/deprecated/iconBookmark.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconBookmark: React.FC<IIcon>;

package/esm/icons/deprecated/iconBookmark.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconBookmark = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBookmark", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M15.666 17.707V3.357c0-.698-.236-1.065-.475-1.276-.273-.241-.694-.402-1.191-.402H4c-1.03 0-1.667.786-1.667 1.678v14.307l.177-.119c.585-.39 1.325-.87 2.054-1.344l.176-.114c.672-.437 1.325-.86 1.844-1.204.283-.188.517-.345.688-.464.143-.1.195-.14.196-.14.475-.442 1.155-.758 1.943-.6.495.099.852.362 1.039.525l5.216 3.503zm-6.25-2.18c-.163-.158-.44-.38-.833 0-.188.184-1.539 1.06-2.939 1.97-1.518.986-3.094 2.009-3.31 2.227-.417.42-1.667.42-1.667-.42V3.358C.667 1.68 1.917 0 4 0h10c1.666 0 3.333 1.068 3.333 3.357v15.948c0 .839-1.25.839-1.666.42l-6.25-4.197z" })] });
-};

package/esm/icons/deprecated/iconBookmarkFill.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconBookmarkFill: React.FC<IIcon>;

package/esm/icons/deprecated/iconBookmarkFill.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconBookmarkFill = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBookmarkFill", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M9.416 15.528c-.163-.16-.44-.382-.833 0-.188.183-1.539 1.06-2.939 1.969-1.518.986-3.094 2.009-3.31 2.227-.417.42-1.667.42-1.667-.42V3.358C.667 1.68 1.917 0 4 0h10c1.667 0 3.333 1.068 3.333 3.357v15.948c0 .839-1.25.839-1.666.42z" })] });
-};

package/esm/icons/deprecated/iconCalendar.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconCalendar: React.FC<IIcon>;

package/esm/icons/deprecated/iconCalendar.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconCalendar = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCalendar", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M4 10.87h16m-12-5v-2m8 2v-2m-12 2h16v15H4v-15z" })] });
-};

package/esm/icons/deprecated/iconChevronDownSmall.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconChevronDownSmall: React.FC<IIcon>;

package/esm/icons/deprecated/iconChevronDownSmall.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconChevronDownSmall = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconChevronDownSmall", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M9.411 12.256a.833.833 0 001.179 0l3.333-3.333a.833.833 0 10-1.178-1.179L10 10.488 7.257 7.744a.833.833 0 10-1.179 1.179l3.333 3.333z" })] });
-};

package/esm/icons/deprecated/iconChevronLeftSmall.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconChevronLeftSmall: React.FC<IIcon>;

package/esm/icons/deprecated/iconChevronLeftSmall.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconChevronLeftSmall = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconChevronLeftSmall", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M9.293 7.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12 9.293 8.707a1 1 0 010-1.414z" })] });
-};

package/esm/icons/deprecated/iconChevronRightSmall.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconChevronRightSmall: React.FC<IIcon>;

package/esm/icons/deprecated/iconChevronRightSmall.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const IconChevronRightSmall = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = useUniqueId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconChevronRightSmall", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M10 16.87l4-4-4-4" })] });
-};

package/esm/icons/deprecated/iconCircleOk.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconCircleOk: React.FC<IIcon>;