@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/icons/iconNotificationBell.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconNotificationBell = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconNotificationBell", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.216 9.685a7.853 7.853 0 0115.568 0l1.207 9.053A1 1 0 0120 19.87h-3.354c-.904 1.747-2.607 3-4.646 3-2.039 0-3.742-1.253-4.646-3H4a1 1 0 01-.991-1.133l1.207-9.052zM9.778 19.87c.61.637 1.399 1 2.222 1s1.613-.363 2.222-1H9.778zM12 4.87a5.853 5.853 0 00-5.802 5.08l-1.056 7.92h13.716l-1.056-7.92A5.853 5.853 0 0012 4.87z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconNotificationBell", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.216 9.685a7.853 7.853 0 0115.568 0l1.207 9.053A1 1 0 0120 19.87h-3.354c-.904 1.747-2.607 3-4.646 3-2.039 0-3.742-1.253-4.646-3H4a1 1 0 01-.991-1.133l1.207-9.052zM9.778 19.87c.61.637 1.399 1 2.222 1s1.613-.363 2.222-1H9.778zM12 4.87a5.853 5.853 0 00-5.802 5.08l-1.056 7.92h13.716l-1.056-7.92A5.853 5.853 0 0012 4.87z" })] }));
 };
 exports.IconNotificationBell = IconNotificationBell;

package/dist/icons/iconNotificationOff.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconNotificationOff = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconNotificationOff", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.293 3.163a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-2.707-2.707h-.94c-.904 1.747-2.607 3-4.646 3-2.039 0-3.742-1.253-4.646-3H4a1 1 0 01-.991-1.133l1.207-9.052c.116-.87.372-1.691.743-2.442L2.293 4.577a1 1 0 010-1.414zm4.19 5.603c-.134.377-.23.773-.285 1.183l-1.056 7.92h10.444L6.483 8.767zM9.778 19.87c.61.637 1.399 1 2.222 1s1.613-.363 2.222-1H9.778zM8.834 3.535a7.853 7.853 0 0110.95 6.15l.645 4.833a1 1 0 01-1.983.264l-.644-4.833A5.853 5.853 0 009.64 5.365a1 1 0 01-.807-1.83z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconNotificationOff", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.293 3.163a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-2.707-2.707h-.94c-.904 1.747-2.607 3-4.646 3-2.039 0-3.742-1.253-4.646-3H4a1 1 0 01-.991-1.133l1.207-9.052c.116-.87.372-1.691.743-2.442L2.293 4.577a1 1 0 010-1.414zm4.19 5.603c-.134.377-.23.773-.285 1.183l-1.056 7.92h10.444L6.483 8.767zM9.778 19.87c.61.637 1.399 1 2.222 1s1.613-.363 2.222-1H9.778zM8.834 3.535a7.853 7.853 0 0110.95 6.15l.645 4.833a1 1 0 01-1.983.264l-.644-4.833A5.853 5.853 0 009.64 5.365a1 1 0 01-.807-1.83z" })] }));
 };
 exports.IconNotificationOff = IconNotificationOff;

package/dist/icons/iconNotifications.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconNotifications = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconNotifications", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.414 5.455a2 2 0 10-2.828 2.829 2 2 0 002.828-2.829zm-4.242-1.414a4 4 0 115.656 5.657 4 4 0 01-5.656-5.657zM3 4.87a1 1 0 011-1h7a1 1 0 110 2H5v14h14v-6a1 1 0 112 0v7a1 1 0 01-1 1H4a1 1 0 01-1-1v-16z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconNotifications", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.414 5.455a2 2 0 10-2.828 2.829 2 2 0 002.828-2.829zm-4.242-1.414a4 4 0 115.656 5.657 4 4 0 01-5.656-5.657zM3 4.87a1 1 0 011-1h7a1 1 0 110 2H5v14h14v-6a1 1 0 112 0v7a1 1 0 01-1 1H4a1 1 0 01-1-1v-16z" })] }));
 };
 exports.IconNotifications = IconNotifications;

package/dist/icons/iconNumberedList.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconNumberedList = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconNumberedList", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.526 3.519a1 1 0 01.474.85v5a1 1 0 01-2 0V5.989l-.553.276a1 1 0 11-.894-1.789l2-1a1 1 0 01.973.044zM10 6.869a1 1 0 011-1h9a1 1 0 110 2h-9a1 1 0 01-1-1zM4.86 17.664l-.006.004.001-.001.002-.002h.001l.002-.001zm1.405 2.707c.325-.218.696-.49 1.002-.822.402-.436.733-1.024.733-1.79 0-1.319-1.07-2.388-2.389-2.388-.574 0-1.074.196-1.392.354a4.034 4.034 0 00-.557.337l-.013.01-.005.003-.002.002s-.001.001.608.794l-.61-.793a1 1 0 001.214 1.59l.006-.004c.008-.007.025-.018.048-.033.047-.03.117-.073.201-.115.185-.092.365-.145.502-.145.215 0 .39.174.39.389 0 .134-.044.26-.205.435-.186.201-.458.394-.843.645l-.106.07c-.326.211-.74.48-1.068.793-.387.369-.779.913-.779 1.668a1 1 0 001 1h3.25a1 1 0 100-2h-.985zM10 18.87a1 1 0 011-1h9a1 1 0 110 2h-9a1 1 0 01-1-1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconNumberedList", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.526 3.519a1 1 0 01.474.85v5a1 1 0 01-2 0V5.989l-.553.276a1 1 0 11-.894-1.789l2-1a1 1 0 01.973.044zM10 6.869a1 1 0 011-1h9a1 1 0 110 2h-9a1 1 0 01-1-1zM4.86 17.664l-.006.004.001-.001.002-.002h.001l.002-.001zm1.405 2.707c.325-.218.696-.49 1.002-.822.402-.436.733-1.024.733-1.79 0-1.319-1.07-2.388-2.389-2.388-.574 0-1.074.196-1.392.354a4.034 4.034 0 00-.557.337l-.013.01-.005.003-.002.002s-.001.001.608.794l-.61-.793a1 1 0 001.214 1.59l.006-.004c.008-.007.025-.018.048-.033.047-.03.117-.073.201-.115.185-.092.365-.145.502-.145.215 0 .39.174.39.389 0 .134-.044.26-.205.435-.186.201-.458.394-.843.645l-.106.07c-.326.211-.74.48-1.068.793-.387.369-.779.913-.779 1.668a1 1 0 001 1h3.25a1 1 0 100-2h-.985zM10 18.87a1 1 0 011-1h9a1 1 0 110 2h-9a1 1 0 01-1-1z" })] }));
 };
 exports.IconNumberedList = IconNumberedList;

package/dist/icons/iconOnDuty.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconOnDuty = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconOnDuty", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M4 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 012 19V8c0-.55.196-1.02.587-1.412A1.926 1.926 0 014 6h4V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0110 2h4c.55 0 1.02.196 1.412.587C15.804 2.98 16 3.45 16 4v2h4c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0120 21H4zm6-15h4V4h-4v2zm10 9h-5v1c0 .283-.096.52-.287.712A.968.968 0 0114 17h-4a.967.967 0 01-.713-.288A.968.968 0 019 16v-1H4v4h16v-4zm-9 0h2v-2h-2v2zm-7-2h5v-1c0-.283.096-.52.287-.713A.967.967 0 0110 11h4c.283 0 .52.096.713.287.191.192.287.43.287.713v1h5V8H4v5z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconOnDuty", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M4 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 012 19V8c0-.55.196-1.02.587-1.412A1.926 1.926 0 014 6h4V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0110 2h4c.55 0 1.02.196 1.412.587C15.804 2.98 16 3.45 16 4v2h4c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0120 21H4zm6-15h4V4h-4v2zm10 9h-5v1c0 .283-.096.52-.287.712A.968.968 0 0114 17h-4a.967.967 0 01-.713-.288A.968.968 0 019 16v-1H4v4h16v-4zm-9 0h2v-2h-2v2zm-7-2h5v-1c0-.283.096-.52.287-.713A.967.967 0 0110 11h4c.283 0 .52.096.713.287.191.192.287.43.287.713v1h5V8H4v5z" })] }));
 };
 exports.IconOnDuty = IconOnDuty;

package/dist/icons/iconOpen.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconOpen = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconOpen", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 5.87a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 11-2 0V7.284l-7.293 7.293a1 1 0 11-1.414-1.415l7.293-7.292H14zm-11 1a1 1 0 011-1h5a1 1 0 110 2H5v12h12v-4a1 1 0 112 0v5a1 1 0 01-1 1H4a1 1 0 01-1-1v-14z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconOpen", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 5.87a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 11-2 0V7.284l-7.293 7.293a1 1 0 11-1.414-1.415l7.293-7.292H14zm-11 1a1 1 0 011-1h5a1 1 0 110 2H5v12h12v-4a1 1 0 112 0v5a1 1 0 01-1 1H4a1 1 0 01-1-1v-14z" })] }));
 };
 exports.IconOpen = IconOpen;

package/dist/icons/iconOpen2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconOpen2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconOpen2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h5a1 1 0 110 2H5v14h14v-4a1 1 0 112 0v5a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm11 1a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 11-2 0V7.284l-7.293 7.293a1 1 0 11-1.414-1.415l7.293-7.292H14z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconOpen2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h5a1 1 0 110 2H5v14h14v-4a1 1 0 112 0v5a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm11 1a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 11-2 0V7.284l-7.293 7.293a1 1 0 11-1.414-1.415l7.293-7.292H14z" })] }));
 };
 exports.IconOpen2 = IconOpen2;

package/dist/icons/iconOpt.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconOpt = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconOpt", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h4a1 1 0 01.868.503L16.58 18.87H20a1 1 0 110 2h-4a1 1 0 01-.868-.504L7.42 6.87H4a1 1 0 01-1-1zm12 0a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconOpt", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h4a1 1 0 01.868.503L16.58 18.87H20a1 1 0 110 2h-4a1 1 0 01-.868-.504L7.42 6.87H4a1 1 0 01-1-1zm12 0a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };
 exports.IconOpt = IconOpt;

package/dist/icons/iconOptAlt.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconOptAlt = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconOptAlt", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.132 5.373A1 1 0 0116 4.87h4a1 1 0 110 2h-3.42L8.868 20.366A1 1 0 018 20.87H4a1 1 0 110-2h3.42l7.712-13.497zM15 19.87a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconOptAlt", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.132 5.373A1 1 0 0116 4.87h4a1 1 0 110 2h-3.42L8.868 20.366A1 1 0 018 20.87H4a1 1 0 110-2h3.42l7.712-13.497zM15 19.87a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };
 exports.IconOptAlt = IconOptAlt;

package/dist/icons/iconPDF.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPDF = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPDF", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.541 2a1 1 0 0 0-1 1v7a1 1 0 1 0 2 0V4h6v5a1 1 0 0 0 1 1h5v10h-4a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1V9a1 1 0 0 0-.293-.707l-6-6A1 1 0 0 0 13.541 2zm11.586 6-2.586-2.586V8zM3.455 18.3c0 .11.09.2.2.2h.854a.2.2 0 0 0 .2-.2v-1.246h.848c1.1 0 1.812-.677 1.812-1.733v-.006c0-1.057-.711-1.747-1.812-1.747H3.655a.2.2 0 0 0-.2.2zm1.254-3.772h.547c.53 0 .844.274.844.787v.006c0 .513-.314.79-.844.79H4.71z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8.406 18.5a.2.2 0 0 1-.2-.2v-4.532c0-.11.09-.2.2-.2h1.803c1.486 0 2.365.861 2.365 2.43v.007c0 1.576-.879 2.495-2.365 2.495zm1.054-1.212c0 .11.09.2.2.2h.385c.816 0 1.254-.495 1.254-1.48v-.006c0-.923-.465-1.422-1.254-1.422H9.66a.2.2 0 0 0-.2.2z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.741 18.5a.2.2 0 0 1-.2-.2v-4.532c0-.11.09-.2.2-.2h2.957c.11 0 .2.09.2.2v.608a.2.2 0 0 1-.2.2h-1.902v1.125h1.71c.11 0 .2.09.2.2v.56a.2.2 0 0 1-.2.2h-1.71V18.3a.2.2 0 0 1-.2.2z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPDF", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.541 2a1 1 0 0 0-1 1v7a1 1 0 1 0 2 0V4h6v5a1 1 0 0 0 1 1h5v10h-4a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1V9a1 1 0 0 0-.293-.707l-6-6A1 1 0 0 0 13.541 2zm11.586 6-2.586-2.586V8zM3.455 18.3c0 .11.09.2.2.2h.854a.2.2 0 0 0 .2-.2v-1.246h.848c1.1 0 1.812-.677 1.812-1.733v-.006c0-1.057-.711-1.747-1.812-1.747H3.655a.2.2 0 0 0-.2.2zm1.254-3.772h.547c.53 0 .844.274.844.787v.006c0 .513-.314.79-.844.79H4.71z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8.406 18.5a.2.2 0 0 1-.2-.2v-4.532c0-.11.09-.2.2-.2h1.803c1.486 0 2.365.861 2.365 2.43v.007c0 1.576-.879 2.495-2.365 2.495zm1.054-1.212c0 .11.09.2.2.2h.385c.816 0 1.254-.495 1.254-1.48v-.006c0-.923-.465-1.422-1.254-1.422H9.66a.2.2 0 0 0-.2.2z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.741 18.5a.2.2 0 0 1-.2-.2v-4.532c0-.11.09-.2.2-.2h2.957c.11 0 .2.09.2.2v.608a.2.2 0 0 1-.2.2h-1.902v1.125h1.71c.11 0 .2.09.2.2v.56a.2.2 0 0 1-.2.2h-1.71V18.3a.2.2 0 0 1-.2.2z" })] }));
 };
 exports.IconPDF = IconPDF;

package/dist/icons/iconPackage.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPackage = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPackage", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v5a1 1 0 01-2 0v-4h-3v4a1 1 0 01-1 1H9a1 1 0 01-1-1v-4H5v14h7a1 1 0 110 2H4a1 1 0 01-1-1v-16zm7 1v3h4v-3h-4zm9.657 9.828a2 2 0 10-2.829 2.828l1.415 1.415 1.414-1.415a2 2 0 000-2.828zm-4.243-1.414a4 4 0 015.657 5.657l-2.121 2.121a1 1 0 01-1.414 0l-2.122-2.121a4 4 0 010-5.657z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPackage", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v5a1 1 0 01-2 0v-4h-3v4a1 1 0 01-1 1H9a1 1 0 01-1-1v-4H5v14h7a1 1 0 110 2H4a1 1 0 01-1-1v-16zm7 1v3h4v-3h-4zm9.657 9.828a2 2 0 10-2.829 2.828l1.415 1.415 1.414-1.415a2 2 0 000-2.828zm-4.243-1.414a4 4 0 015.657 5.657l-2.121 2.121a1 1 0 01-1.414 0l-2.122-2.121a4 4 0 010-5.657z" })] }));
 };
 exports.IconPackage = IconPackage;

package/dist/icons/iconPackage2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPackage2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPackage2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.87a1 1 0 011-1h12a1 1 0 011 1v11a1 1 0 01-1 1h-1.035a3.5 3.5 0 01-6.93 0h-2.07a3.5 3.5 0 01-6.93 0H3a1 1 0 01-1-1v-6a1 1 0 01.168-.555l2-3A1 1 0 015 6.87h3v-1zm0 3H5.535L4 11.172v4.698h.337A3.5 3.5 0 018 13.905V8.87zm1.95 6c.292.287.535.625.713 1h2.674a3.5 3.5 0 016.326 0H20v-9H10v8h-.05zm-2.45 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPackage2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.87a1 1 0 011-1h12a1 1 0 011 1v11a1 1 0 01-1 1h-1.035a3.5 3.5 0 01-6.93 0h-2.07a3.5 3.5 0 01-6.93 0H3a1 1 0 01-1-1v-6a1 1 0 01.168-.555l2-3A1 1 0 015 6.87h3v-1zm0 3H5.535L4 11.172v4.698h.337A3.5 3.5 0 018 13.905V8.87zm1.95 6c.292.287.535.625.713 1h2.674a3.5 3.5 0 016.326 0H20v-9H10v8h-.05zm-2.45 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })] }));
 };
 exports.IconPackage2 = IconPackage2;

package/dist/icons/iconPackage3.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPackage3 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPackage3", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h3a1 1 0 011 1v9.126a4.007 4.007 0 012.874 2.874H20a1 1 0 110 2h-9.126a4.002 4.002 0 01-7.874-1 4.002 4.002 0 013-3.874V5.87H4a1 1 0 01-1-1zm7 1a1 1 0 011-1h9a1 1 0 011 1v8a1 1 0 01-1 1h-9a1 1 0 01-1-1v-8zm2 1v6h7v-6h-2.5v2a1 1 0 11-2 0v-2H12zm-5 9a2 2 0 100 4 2 2 0 000-4z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPackage3", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h3a1 1 0 011 1v9.126a4.007 4.007 0 012.874 2.874H20a1 1 0 110 2h-9.126a4.002 4.002 0 01-7.874-1 4.002 4.002 0 013-3.874V5.87H4a1 1 0 01-1-1zm7 1a1 1 0 011-1h9a1 1 0 011 1v8a1 1 0 01-1 1h-9a1 1 0 01-1-1v-8zm2 1v6h7v-6h-2.5v2a1 1 0 11-2 0v-2H12zm-5 9a2 2 0 100 4 2 2 0 000-4z" })] }));
 };
 exports.IconPackage3 = IconPackage3;

package/dist/icons/iconPaperPlane.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPaperPlane = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPaperPlane", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.374 4.09a1 1 0 011.073-.115l16 8a1 1 0 010 1.79l-16 8a1 1 0 01-1.417-1.138l1.94-7.757-1.94-7.758a1 1 0 01.344-1.022zm3.407 9.78l-1.283 5.133 12.266-6.133L5.498 6.736 6.78 11.87H9a1 1 0 010 2H6.78z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPaperPlane", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.374 4.09a1 1 0 011.073-.115l16 8a1 1 0 010 1.79l-16 8a1 1 0 01-1.417-1.138l1.94-7.757-1.94-7.758a1 1 0 01.344-1.022zm3.407 9.78l-1.283 5.133 12.266-6.133L5.498 6.736 6.78 11.87H9a1 1 0 010 2H6.78z" })] }));
 };
 exports.IconPaperPlane = IconPaperPlane;

package/dist/icons/iconPassword.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPassword = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPassword", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v14h14v-14H5zm11 3a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0zM12.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.25 12.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm4 0a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-5.25.5a.5.5 0 100-1 .5.5 0 000 1zm4 0a.5.5 0 100-1 .5.5 0 000 1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPassword", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v14h14v-14H5zm11 3a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0zM12.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.25 12.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm4 0a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-5.25.5a.5.5 0 100-1 .5.5 0 000 1zm4 0a.5.5 0 100-1 .5.5 0 000 1z" })] }));
 };
 exports.IconPassword = IconPassword;

package/dist/icons/iconPause.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPause = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPause", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M6 4a1 1 0 0 1 2 0v16a1 1 0 1 1-2 0zM16 4a1 1 0 1 1 2 0v16a1 1 0 1 1-2 0z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPause", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M6 4a1 1 0 0 1 2 0v16a1 1 0 1 1-2 0zM16 4a1 1 0 1 1 2 0v16a1 1 0 1 1-2 0z" })] }));
 };
 exports.IconPause = IconPause;

package/dist/icons/iconPencil.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPencil = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPencil", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.793 2.663a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-3.343 3.343-1.924 5.291a1 1 0 01-.736.638l-12 2.5a1 1 0 01-1.183-1.183l2.5-12a1 1 0 01.637-.736l5.292-1.924 3.343-3.343zm-3.05 5.364L7.365 9.62l-1.702 8.172 3.236-3.236a2.836 2.836 0 111.414 1.415l-3.238 3.238 8.176-1.704 1.592-4.378-5.1-5.099zM18 11.455l2.086-2.085L15.5 4.784 13.414 6.87 18 11.455zm-7.045 2.579a.835.835 0 10-.12-.12 1.028 1.028 0 01.12.12z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPencil", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.793 2.663a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-3.343 3.343-1.924 5.291a1 1 0 01-.736.638l-12 2.5a1 1 0 01-1.183-1.183l2.5-12a1 1 0 01.637-.736l5.292-1.924 3.343-3.343zm-3.05 5.364L7.365 9.62l-1.702 8.172 3.236-3.236a2.836 2.836 0 111.414 1.415l-3.238 3.238 8.176-1.704 1.592-4.378-5.1-5.099zM18 11.455l2.086-2.085L15.5 4.784 13.414 6.87 18 11.455zm-7.045 2.579a.835.835 0 10-.12-.12 1.028 1.028 0 01.12.12z" })] }));
 };
 exports.IconPencil = IconPencil;

package/dist/icons/iconPencil2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPencil2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPencil2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M12 15.012a2 2 0 11-4 0 2 2 0 014 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.808 2.305a1 1 0 011.414 0l8.485 8.485a1 1 0 010 1.414l-2.5 2.5a1 1 0 01-1.414 0l-.411-.41-3.15 6.646a1 1 0 01-.772.563l-11.329 1.5a1 1 0 01-1.123-1.115l1.429-11.4a1 1 0 01.573-.784l6.697-3.085-.4-.4a1 1 0 010-1.414l2.5-2.5zm-.593 5.821l-6.863 3.162-.997 7.955 4.938-4.938a1 1 0 111.414 1.414l-4.914 4.915 7.865-1.042 3.222-6.8-4.665-4.666zm7.285 4.457l1.086-1.086-7.071-7.07-1.086 1.085 7.071 7.071z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPencil2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M12 15.012a2 2 0 11-4 0 2 2 0 014 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.808 2.305a1 1 0 011.414 0l8.485 8.485a1 1 0 010 1.414l-2.5 2.5a1 1 0 01-1.414 0l-.411-.41-3.15 6.646a1 1 0 01-.772.563l-11.329 1.5a1 1 0 01-1.123-1.115l1.429-11.4a1 1 0 01.573-.784l6.697-3.085-.4-.4a1 1 0 010-1.414l2.5-2.5zm-.593 5.821l-6.863 3.162-.997 7.955 4.938-4.938a1 1 0 111.414 1.414l-4.914 4.915 7.865-1.042 3.222-6.8-4.665-4.666zm7.285 4.457l1.086-1.086-7.071-7.07-1.086 1.085 7.071 7.071z" })] }));
 };
 exports.IconPencil2 = IconPencil2;

package/dist/icons/iconPeople.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPeople = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPeople", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5h12.644c-.71-2.91-3.092-5-6.322-5s-5.613 2.09-6.322 5zm-2.174.906C3.917 16.391 7.242 12.87 12 12.87c4.758 0 8.083 3.52 8.496 7.906a1 1 0 01-.996 1.094h-15a1 1 0 01-.996-1.094z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPeople", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5h12.644c-.71-2.91-3.092-5-6.322-5s-5.613 2.09-6.322 5zm-2.174.906C3.917 16.391 7.242 12.87 12 12.87c4.758 0 8.083 3.52 8.496 7.906a1 1 0 01-.996 1.094h-15a1 1 0 01-.996-1.094z" })] }));
 };
 exports.IconPeople = IconPeople;

package/dist/icons/iconPeopleGroup.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPeopleGroup = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPeopleGroup", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_1720_57770)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm9.5-3.5a1 1 0 011-1 4.5 4.5 0 110 9 1 1 0 110-2 2.5 2.5 0 000-5 1 1 0 01-1-1zm-11.901 16h13.802c-.55-2.757-3.33-5-6.901-5-3.572 0-6.351 2.243-6.901 5zM0 20.87c0-4.54 4.159-8 9-8s9 3.46 9 8a1 1 0 01-1 1H1a1 1 0 01-1-1zm17.057-6.826a1 1 0 011.277-.608C21.585 14.587 24 17.429 24 20.87a1 1 0 01-1 1h-2.5a1 1 0 110-2h1.402c-.399-2.02-1.987-3.753-4.236-4.549a1 1 0 01-.609-1.277z" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1720_57770", children: (0, jsx_runtime_1.jsx)("path", { transform: "translate(0 .87)", d: "M0 0h24v24H0z" }) }) })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPeopleGroup", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_1720_57770)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm9.5-3.5a1 1 0 011-1 4.5 4.5 0 110 9 1 1 0 110-2 2.5 2.5 0 000-5 1 1 0 01-1-1zm-11.901 16h13.802c-.55-2.757-3.33-5-6.901-5-3.572 0-6.351 2.243-6.901 5zM0 20.87c0-4.54 4.159-8 9-8s9 3.46 9 8a1 1 0 01-1 1H1a1 1 0 01-1-1zm17.057-6.826a1 1 0 011.277-.608C21.585 14.587 24 17.429 24 20.87a1 1 0 01-1 1h-2.5a1 1 0 110-2h1.402c-.399-2.02-1.987-3.753-4.236-4.549a1 1 0 01-.609-1.277z" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1720_57770", children: (0, jsx_runtime_1.jsx)("path", { transform: "translate(0 .87)", d: "M0 0h24v24H0z" }) }) })] }));
 };
 exports.IconPeopleGroup = IconPeopleGroup;

package/dist/icons/iconPeopleGroup2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPeopleGroup2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPeopleGroup2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 5.87a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm13-2a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm6.798 8.045c-1.12-.94-2.507-1.238-3.787-.926a1 1 0 01-.473-1.944c1.906-.463 3.944-.006 5.546 1.338 1.604 1.347 2.71 3.525 2.913 6.416a1 1 0 01-.997 1.07h-5a1 1 0 110-2h3.873c-.329-1.866-1.129-3.16-2.075-3.954zM2.627 19.87h9.746c-.61-3.496-2.867-5-4.873-5-2.006 0-4.263 1.504-4.873 5zm4.873-7c3.47 0 6.64 2.857 6.998 7.93a1 1 0 01-.998 1.07h-12a1 1 0 01-.998-1.07C.86 15.725 4.03 12.87 7.5 12.87z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPeopleGroup2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 5.87a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm13-2a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm6.798 8.045c-1.12-.94-2.507-1.238-3.787-.926a1 1 0 01-.473-1.944c1.906-.463 3.944-.006 5.546 1.338 1.604 1.347 2.71 3.525 2.913 6.416a1 1 0 01-.997 1.07h-5a1 1 0 110-2h3.873c-.329-1.866-1.129-3.16-2.075-3.954zM2.627 19.87h9.746c-.61-3.496-2.867-5-4.873-5-2.006 0-4.263 1.504-4.873 5zm4.873-7c3.47 0 6.64 2.857 6.998 7.93a1 1 0 01-.998 1.07h-12a1 1 0 01-.998-1.07C.86 15.725 4.03 12.87 7.5 12.87z" })] }));
 };
 exports.IconPeopleGroup2 = IconPeopleGroup2;

package/dist/icons/iconPeopleLike.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPeopleLike = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPeopleLike", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5c.71-2.91 3.092-5 6.322-5 .302 0 .595.018.879.052a1 1 0 10.242-1.985A9.214 9.214 0 0012 12.87c-4.758 0-8.083 3.52-8.496 7.906A1 1 0 004.5 21.87h7a1 1 0 100-2H5.678zm10.572-2.066c-.113.12-.25.363-.25.816 0 .488.377 1.064 1.043 1.614a5.905 5.905 0 00.957.641l.089-.047c.247-.138.562-.341.868-.594.666-.55 1.043-1.126 1.043-1.614 0-.453-.137-.696-.25-.816a.565.565 0 00-.417-.184 1.04 1.04 0 00-.625.209l-.014.01a1 1 0 01-1.402-.01 1.04 1.04 0 00-.626-.21.565.565 0 00-.416.185zm1.045.025l-.002-.002h.001v.002zm-2.504-1.393a2.565 2.565 0 011.876-.816c.549 0 1 .146 1.333.307a3.035 3.035 0 011.333-.307c.685 0 1.369.275 1.876.816.512.546.791 1.303.791 2.184 0 1.428-.998 2.519-1.77 3.156a7.902 7.902 0 01-1.17.8c-.17.094-.328.173-.465.232a2.46 2.46 0 01-.215.081h-.003a1.249 1.249 0 01-.377.064 1.25 1.25 0 01-.377-.063l-.003-.001a2.46 2.46 0 01-.215-.081 5.217 5.217 0 01-.465-.232 7.907 7.907 0 01-1.17-.8c-.772-.637-1.77-1.728-1.77-3.156 0-.881.28-1.638.791-2.184z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPeopleLike", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5c.71-2.91 3.092-5 6.322-5 .302 0 .595.018.879.052a1 1 0 10.242-1.985A9.214 9.214 0 0012 12.87c-4.758 0-8.083 3.52-8.496 7.906A1 1 0 004.5 21.87h7a1 1 0 100-2H5.678zm10.572-2.066c-.113.12-.25.363-.25.816 0 .488.377 1.064 1.043 1.614a5.905 5.905 0 00.957.641l.089-.047c.247-.138.562-.341.868-.594.666-.55 1.043-1.126 1.043-1.614 0-.453-.137-.696-.25-.816a.565.565 0 00-.417-.184 1.04 1.04 0 00-.625.209l-.014.01a1 1 0 01-1.402-.01 1.04 1.04 0 00-.626-.21.565.565 0 00-.416.185zm1.045.025l-.002-.002h.001v.002zm-2.504-1.393a2.565 2.565 0 011.876-.816c.549 0 1 .146 1.333.307a3.035 3.035 0 011.333-.307c.685 0 1.369.275 1.876.816.512.546.791 1.303.791 2.184 0 1.428-.998 2.519-1.77 3.156a7.902 7.902 0 01-1.17.8c-.17.094-.328.173-.465.232a2.46 2.46 0 01-.215.081h-.003a1.249 1.249 0 01-.377.064 1.25 1.25 0 01-.377-.063l-.003-.001a2.46 2.46 0 01-.215-.081 5.217 5.217 0 01-.465-.232 7.907 7.907 0 01-1.17-.8c-.772-.637-1.77-1.728-1.77-3.156 0-.881.28-1.638.791-2.184z" })] }));
 };
 exports.IconPeopleLike = IconPeopleLike;

package/dist/icons/iconPercent.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPercent = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPercent", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm14.207-4.207a1 1 0 010 1.414l-7 7a1 1 0 11-1.414-1.415l7-7a1 1 0 011.414 0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 9.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.25 9.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 15.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.25 15.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPercent", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm14.207-4.207a1 1 0 010 1.414l-7 7a1 1 0 11-1.414-1.415l7-7a1 1 0 011.414 0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 9.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.25 9.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 15.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.25 15.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" })] }));
 };
 exports.IconPercent = IconPercent;

package/dist/icons/iconPerformance.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPerformance = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPerformance", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 3.87a1 1 0 011-1c5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10s-10-4.478-10-10c0-1.167.2-2.29.57-3.334a1 1 0 111.885.667A8 8 0 1013 4.932v.938a1 1 0 11-2 0v-2zM5.043 5.913a1 1 0 011.414 0l3.878 3.877a3.5 3.5 0 11-1.414 1.414L5.043 7.327a1 1 0 010-1.414zM12 11.37a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPerformance", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 3.87a1 1 0 011-1c5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10s-10-4.478-10-10c0-1.167.2-2.29.57-3.334a1 1 0 111.885.667A8 8 0 1013 4.932v.938a1 1 0 11-2 0v-2zM5.043 5.913a1 1 0 011.414 0l3.878 3.877a3.5 3.5 0 11-1.414 1.414L5.043 7.327a1 1 0 010-1.414zM12 11.37a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })] }));
 };
 exports.IconPerformance = IconPerformance;

package/dist/icons/iconPhone.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPhone = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPhone", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.448 2.877a1 1 0 01.735.48l2.555 4.283a1 1 0 01-.152 1.22l-1.484 1.484a14.49 14.49 0 002.348 3.075c.94.94 1.976 1.723 3.075 2.349l1.485-1.485a1 1 0 011.22-.152l4.282 2.555a1 1 0 01.195 1.566l-4.324 4.325a1 1 0 01-.965.259A20.225 20.225 0 017.3 17.569a20.221 20.221 0 01-5.267-9.116 1 1 0 01.259-.966l4.324-4.324a1 1 0 01.83-.286zm-3.326 5.61a18.211 18.211 0 001.76 4.016 18.373 18.373 0 002.833 3.651 18.375 18.375 0 003.652 2.834 18.213 18.213 0 004.017 1.76l3-3.002-2.51-1.498-1.46 1.46a1 1 0 01-1.158.185 16.455 16.455 0 01-4.22-3.06 16.457 16.457 0 01-3.06-4.22 1 1 0 01.186-1.157l1.46-1.46-1.498-2.511-3.002 3.001z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPhone", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.448 2.877a1 1 0 01.735.48l2.555 4.283a1 1 0 01-.152 1.22l-1.484 1.484a14.49 14.49 0 002.348 3.075c.94.94 1.976 1.723 3.075 2.349l1.485-1.485a1 1 0 011.22-.152l4.282 2.555a1 1 0 01.195 1.566l-4.324 4.325a1 1 0 01-.965.259A20.225 20.225 0 017.3 17.569a20.221 20.221 0 01-5.267-9.116 1 1 0 01.259-.966l4.324-4.324a1 1 0 01.83-.286zm-3.326 5.61a18.211 18.211 0 001.76 4.016 18.373 18.373 0 002.833 3.651 18.375 18.375 0 003.652 2.834 18.213 18.213 0 004.017 1.76l3-3.002-2.51-1.498-1.46 1.46a1 1 0 01-1.158.185 16.455 16.455 0 01-4.22-3.06 16.457 16.457 0 01-3.06-4.22 1 1 0 01.186-1.157l1.46-1.46-1.498-2.511-3.002 3.001z" })] }));
 };
 exports.IconPhone = IconPhone;

package/dist/icons/iconPhoneMobile.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPhoneMobile = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPhoneMobile", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 2.87a1 1 0 011-1h12a1 1 0 011 1v20a1 1 0 01-1 1H6a1 1 0 01-1-1v-20zm2 1v18h10v-18H7zm2 16a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPhoneMobile", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 2.87a1 1 0 011-1h12a1 1 0 011 1v20a1 1 0 01-1 1H6a1 1 0 01-1-1v-20zm2 1v18h10v-18H7zm2 16a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };
 exports.IconPhoneMobile = IconPhoneMobile;

package/dist/icons/iconPin.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPin = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPin", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a6 6 0 00-6 6c0 2.56 1.548 5.076 3.255 7.044A23.974 23.974 0 0012 20.594a23.973 23.973 0 002.745-2.68C16.452 15.946 18 13.43 18 10.87a6 6 0 00-6-6zm0 17l-.592.806-.002-.002-.006-.004-.018-.014a14.107 14.107 0 01-.304-.235 25.967 25.967 0 01-3.333-3.196C5.952 17.159 4 14.175 4 10.87a8 8 0 0116 0c0 3.305-1.952 6.29-3.745 8.355a25.963 25.963 0 01-3.333 3.196 15.869 15.869 0 01-.304.235l-.018.014-.006.004-.001.001h-.001L12 21.87zm0 0l.591.806a1 1 0 01-1.182 0L12 21.87zm-.002-12.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPin", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a6 6 0 00-6 6c0 2.56 1.548 5.076 3.255 7.044A23.974 23.974 0 0012 20.594a23.973 23.973 0 002.745-2.68C16.452 15.946 18 13.43 18 10.87a6 6 0 00-6-6zm0 17l-.592.806-.002-.002-.006-.004-.018-.014a14.107 14.107 0 01-.304-.235 25.967 25.967 0 01-3.333-3.196C5.952 17.159 4 14.175 4 10.87a8 8 0 0116 0c0 3.305-1.952 6.29-3.745 8.355a25.963 25.963 0 01-3.333 3.196 15.869 15.869 0 01-.304.235l-.018.014-.006.004-.001.001h-.001L12 21.87zm0 0l.591.806a1 1 0 01-1.182 0L12 21.87zm-.002-12.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" })] }));
 };
 exports.IconPin = IconPin;

package/dist/icons/iconPin2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPin2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPin2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 3.87a1 1 0 011-1h9a1 1 0 011 1v3.997a6.25 6.25 0 001.83 4.419l.377.377a1 1 0 01.293.707v2.5a1 1 0 01-1 1h-6v5a1 1 0 11-2 0v-5H5a1 1 0 01-1-1v-2.5a1 1 0 01.293-.707l.376-.377A6.25 6.25 0 006.5 7.866V3.87zm2 1v2.997A8.25 8.25 0 016.084 13.7L6 13.784v1.086h12v-1.086l-.084-.084A8.25 8.25 0 0115.5 7.867V4.87h-7z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPin2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 3.87a1 1 0 011-1h9a1 1 0 011 1v3.997a6.25 6.25 0 001.83 4.419l.377.377a1 1 0 01.293.707v2.5a1 1 0 01-1 1h-6v5a1 1 0 11-2 0v-5H5a1 1 0 01-1-1v-2.5a1 1 0 01.293-.707l.376-.377A6.25 6.25 0 006.5 7.866V3.87zm2 1v2.997A8.25 8.25 0 016.084 13.7L6 13.784v1.086h12v-1.086l-.084-.084A8.25 8.25 0 0115.5 7.867V4.87h-7z" })] }));
 };
 exports.IconPin2 = IconPin2;

package/dist/icons/iconPinLocation.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconPinLocation = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconPinLocation", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm11.06-3.561a1.5 1.5 0 10-2.12 2.122 1.5 1.5 0 002.12-2.122zM13 13.724a3.5 3.5 0 10-2 0v4.146a1 1 0 102 0v-4.146z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconPinLocation", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm11.06-3.561a1.5 1.5 0 10-2.12 2.122 1.5 1.5 0 002.12-2.122zM13 13.724a3.5 3.5 0 10-2 0v4.146a1 1 0 102 0v-4.146z" })] }));
 };
 exports.IconPinLocation = IconPinLocation;