npm - @coopdigital/react - Versions diffs - 1.3.0 → 1.4.0 - Mend

@coopdigital/react 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (218) hide show

package/dist/components/icons/EyeStrikeFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const EyeStrikeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "eye-strike-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const EyeStrikeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414M16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-4.256-4.257a6 6 0 0 0-8.001-8.002L9.95 7.12A16.6 16.6 0 0 1 16 6m-5.406 7.393a6 6 0 0 0 8.01 8.012l-1.547-1.548a3.998 3.998 0 0 1-4.915-4.915zM16 12a4 4 0 0 1 3.863 5.035l-4.9-4.9Q15.462 12.003 16 12" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414M16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-4.256-4.257a6 6 0 0 0-8.001-8.002L9.95 7.12A16.6 16.6 0 0 1 16 6m-5.406 7.393a6 6 0 0 0 8.01 8.012l-1.547-1.548a3.998 3.998 0 0 1-4.915-4.915zM16 12a4 4 0 0 1 3.863 5.035l-4.9-4.9Q15.462 12.003 16 12" })] }));
 };
 export { EyeStrikeFilledIcon };

package/dist/components/icons/EyeStrikeIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const EyeStrikeIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "eye-strike",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const EyeStrikeIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414m3.991 5.405c-1.967 1.46-3.31 3.406-3.767 5.502.955 4.376 5.763 8.106 12.07 8.106 1.648 0 3.192-.257 4.593-.713l-1.99-1.988a6 6 0 0 1-8.01-8.012zM16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-1.352-1.353c1.958-1.46 3.294-3.4 3.75-5.49-.955-4.376-5.761-8.106-12.068-8.106-1.64 0-3.178.253-4.573.704L9.949 7.12A16.6 16.6 0 0 1 16 6m-3.858 8.942a4 4 0 0 0 4.915 4.915zM16 10a6 6 0 0 1 5.414 8.586l-1.55-1.55q.134-.498.136-1.036a4 4 0 0 0-5.036-3.864l-1.55-1.552A6 6 0 0 1 16 10" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414m3.991 5.405c-1.967 1.46-3.31 3.406-3.767 5.502.955 4.376 5.763 8.106 12.07 8.106 1.648 0 3.192-.257 4.593-.713l-1.99-1.988a6 6 0 0 1-8.01-8.012zM16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-1.352-1.353c1.958-1.46 3.294-3.4 3.75-5.49-.955-4.376-5.761-8.106-12.068-8.106-1.64 0-3.178.253-4.573.704L9.949 7.12A16.6 16.6 0 0 1 16 6m-3.858 8.942a4 4 0 0 0 4.915 4.915zM16 10a6 6 0 0 1 5.414 8.586l-1.55-1.55q.134-.498.136-1.036a4 4 0 0 0-5.036-3.864l-1.55-1.552A6 6 0 0 1 16 10" })] }));
 };
 export { EyeStrikeIcon };

package/dist/components/icons/FeedbackFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const FeedbackFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "feedback-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const FeedbackFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("mask", { id: "a", children: jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" }) }), jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" }), jsx("path", { d: "M28 6V4zm2 2h2zm0 16h2zm-2 2v2zM6 26v-2h-.828l-.586.586zm-4 4H0v4.828l3.414-3.414zM2 8H0zm2-2V4zm24 0v2h4a4 4 0 0 0-4-4zm2 2h-2v16h4V8zm0 16h-2v4a4 4 0 0 0 4-4zm-2 2v-2H6v4h22zM6 26l-1.414-1.414-4 4L2 30l1.414 1.414 4-4zm-4 4h2V8H0v22zM2 8h2V4a4 4 0 0 0-4 4zm2-2v2h24V4H4zm7 9v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1H8a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1z", mask: "url(#a)" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("mask", { id: "a", children: jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" }) }), jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" }), jsx("path", { d: "M28 6V4zm2 2h2zm0 16h2zm-2 2v2zM6 26v-2h-.828l-.586.586zm-4 4H0v4.828l3.414-3.414zM2 8H0zm2-2V4zm24 0v2h4a4 4 0 0 0-4-4zm2 2h-2v16h4V8zm0 16h-2v4a4 4 0 0 0 4-4zm-2 2v-2H6v4h22zM6 26l-1.414-1.414-4 4L2 30l1.414 1.414 4-4zm-4 4h2V8H0v22zM2 8h2V4a4 4 0 0 0-4 4zm2-2v2h24V4H4zm7 9v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1H8a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1z", mask: "url(#a)" })] }));
 };
 export { FeedbackFilledIcon };

package/dist/components/icons/FeedbackIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const FeedbackIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "feedback",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const FeedbackIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zM4 25.172 5.172 24H28V8H4zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zM4 25.172 5.172 24H28V8H4zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })] }));
 };
 export { FeedbackIcon };

package/dist/components/icons/FilterIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const FilterIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "filter",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const FilterIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M12 17a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2H15.874a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h3.126c.444-1.725 2.01-3 3.874-3m0 2a1.998 1.998 0 0 0-1.73 3 1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1m8-12a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2h-3.126a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h11.126c.444-1.725 2.01-3 3.874-3m0 2a2 2 0 0 0-1.986 1.771A1.98 1.98 0 0 0 18.27 12a1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M12 17a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2H15.874a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h3.126c.444-1.725 2.01-3 3.874-3m0 2a1.998 1.998 0 0 0-1.73 3 1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1m8-12a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2h-3.126a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h11.126c.444-1.725 2.01-3 3.874-3m0 2a2 2 0 0 0-1.986 1.771A1.98 1.98 0 0 0 18.27 12a1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1" })] }));
 };
 export { FilterIcon };

package/dist/components/icons/GiftCardFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const GiftCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "gift-card-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const GiftCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm-10.75 4.001c-.492 0-.937.203-1.255.53a1.73 1.73 0 0 0-1.245-.53c-.966 0-1.75.799-1.75 1.783l.009.182q.03.284.14.535H12a2 2 0 0 0-2 2v.5l.01.204A2 2 0 0 0 11 16.73v3.749l.008.155A1.524 1.524 0 0 0 12.523 22h6.954l.156-.008a1.524 1.524 0 0 0 1.36-1.36L21 20.48v-3.75c.597-.345 1-.989 1-1.728v-.5a2 2 0 0 0-1.796-1.99l-.204-.01h-1.17a1.75 1.75 0 0 0-1.58-2.5m-1.85 7v3.731h-2.877a.255.255 0 0 1-.254-.253V17zm4.331 0v3.477c0 .14-.114.254-.254.254h-2.876v-3.731zm-4.33-3.3v2.1H12a.8.8 0 0 1-.8-.8v-.5a.8.8 0 0 1 .8-.8zm4.599 0a.8.8 0 0 1 .8.8v.5a.8.8 0 0 1-.8.8h-3.4v-2.1zm-5.25-2.5c.283 0 .55.24.55.583a.567.567 0 0 1-.55.582.567.567 0 0 1-.55-.582c0-.343.267-.583.55-.583m2.5 0a.55.55 0 1 1 0 1.1.55.55 0 0 1 0-1.1" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm-10.75 4.001c-.492 0-.937.203-1.255.53a1.73 1.73 0 0 0-1.245-.53c-.966 0-1.75.799-1.75 1.783l.009.182q.03.284.14.535H12a2 2 0 0 0-2 2v.5l.01.204A2 2 0 0 0 11 16.73v3.749l.008.155A1.524 1.524 0 0 0 12.523 22h6.954l.156-.008a1.524 1.524 0 0 0 1.36-1.36L21 20.48v-3.75c.597-.345 1-.989 1-1.728v-.5a2 2 0 0 0-1.796-1.99l-.204-.01h-1.17a1.75 1.75 0 0 0-1.58-2.5m-1.85 7v3.731h-2.877a.255.255 0 0 1-.254-.253V17zm4.331 0v3.477c0 .14-.114.254-.254.254h-2.876v-3.731zm-4.33-3.3v2.1H12a.8.8 0 0 1-.8-.8v-.5a.8.8 0 0 1 .8-.8zm4.599 0a.8.8 0 0 1 .8.8v.5a.8.8 0 0 1-.8.8h-3.4v-2.1zm-5.25-2.5c.283 0 .55.24.55.583a.567.567 0 0 1-.55.582.567.567 0 0 1-.55-.582c0-.343.267-.583.55-.583m2.5 0a.55.55 0 1 1 0 1.1.55.55 0 0 1 0-1.1" })] }));
 };
 export { GiftCardFilledIcon };

package/dist/components/icons/GiftCardIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const GiftCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "gift-card",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const GiftCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM4 24h24V8H4zm13.25-13.999a1.75 1.75 0 0 1 1.58 2.5H20l.204.01A2 2 0 0 1 22 14.502v.5c0 .74-.403 1.383-1 1.729v3.749l-.008.155a1.524 1.524 0 0 1-1.36 1.36l-.155.007h-6.954c-.789 0-1.437-.6-1.515-1.367L11 20.479V16.73a2 2 0 0 1-.99-1.526l-.01-.204v-.5a2 2 0 0 1 2-2h1.15a1.8 1.8 0 0 1-.141-.535L13 11.784c0-.984.784-1.783 1.75-1.783.487 0 .928.203 1.245.53.318-.327.763-.53 1.255-.53m-4.981 10.478c0 .14.114.253.254.253H15.4v-3.731H12.27zm4.332.253h2.877c.14 0 .253-.114.253-.253V17h-3.13zM12 13.702a.8.8 0 0 0-.8.799v.5a.8.8 0 0 0 .8.8h3.4v-2.1zm4.6 2.099H20a.8.8 0 0 0 .8-.8v-.5a.8.8 0 0 0-.8-.8h-3.4zm-1.85-4.6c-.283 0-.55.24-.55.583.001.342.268.582.55.582s.549-.24.55-.582a.567.567 0 0 0-.55-.583m2.5 0a.55.55 0 1 0 0 1.1.55.55 0 0 0 0-1.1" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM4 24h24V8H4zm13.25-13.999a1.75 1.75 0 0 1 1.58 2.5H20l.204.01A2 2 0 0 1 22 14.502v.5c0 .74-.403 1.383-1 1.729v3.749l-.008.155a1.524 1.524 0 0 1-1.36 1.36l-.155.007h-6.954c-.789 0-1.437-.6-1.515-1.367L11 20.479V16.73a2 2 0 0 1-.99-1.526l-.01-.204v-.5a2 2 0 0 1 2-2h1.15a1.8 1.8 0 0 1-.141-.535L13 11.784c0-.984.784-1.783 1.75-1.783.487 0 .928.203 1.245.53.318-.327.763-.53 1.255-.53m-4.981 10.478c0 .14.114.253.254.253H15.4v-3.731H12.27zm4.332.253h2.877c.14 0 .253-.114.253-.253V17h-3.13zM12 13.702a.8.8 0 0 0-.8.799v.5a.8.8 0 0 0 .8.8h3.4v-2.1zm4.6 2.099H20a.8.8 0 0 0 .8-.8v-.5a.8.8 0 0 0-.8-.8h-3.4zm-1.85-4.6c-.283 0-.55.24-.55.583.001.342.268.582.55.582s.549-.24.55-.582a.567.567 0 0 0-.55-.583m2.5 0a.55.55 0 1 0 0 1.1.55.55 0 0 0 0-1.1" })] }));
 };
 export { GiftCardIcon };

package/dist/components/icons/GiftFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const GiftFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "gift-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const GiftFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M15 28H8a2 2 0 0 1-2-2V15h9zm11-2a2 2 0 0 1-2 2h-7V15h9zM18 2a3 3 0 0 1 2.826 4H26a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-9V8h-2v5H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2m-4 2a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M15 28H8a2 2 0 0 1-2-2V15h9zm11-2a2 2 0 0 1-2 2h-7V15h9zM18 2a3 3 0 0 1 2.826 4H26a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-9V8h-2v5H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2m-4 2a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2" })] }));
 };
 export { GiftFilledIcon };

package/dist/components/icons/GiftIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const GiftIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "gift",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const GiftIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M18 2a3 3 0 0 1 2.826 4H26l.204.01A2 2 0 0 1 28 8v3a2 2 0 0 1-2 2v13a2 2 0 0 1-1.796 1.99L24 28H8a2 2 0 0 1-1.99-1.796L6 26V13a2 2 0 0 1-2-2V8l.01-.204A2 2 0 0 1 5.797 6.01L6 6h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2M8 26h7V13H8zm9 0h7V13h-7zM6 11h9V8H6zm11 0h9V8h-9zm1-7a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2m-4 0a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M18 2a3 3 0 0 1 2.826 4H26l.204.01A2 2 0 0 1 28 8v3a2 2 0 0 1-2 2v13a2 2 0 0 1-1.796 1.99L24 28H8a2 2 0 0 1-1.99-1.796L6 26V13a2 2 0 0 1-2-2V8l.01-.204A2 2 0 0 1 5.797 6.01L6 6h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2M8 26h7V13H8zm9 0h7V13h-7zM6 11h9V8H6zm11 0h9V8h-9zm1-7a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2m-4 0a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1" })] }));
 };
 export { GiftIcon };

package/dist/components/icons/HelpFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const HelpFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "help-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const HelpFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m.014 17.72q-.555 0-.96.386a1.26 1.26 0 0 0-.386.925q0 .27.1.505.119.235.303.403a1.5 1.5 0 0 0 .421.27q.252.1.522.1.555 0 .941-.386.404-.387.403-.925 0-.539-.403-.908a1.35 1.35 0 0 0-.941-.37m.184-9.72q-.774 0-1.446.235a3.5 3.5 0 0 0-1.194.657q-.522.437-.858 1.076-.319.621-.42 1.428l2.069.186q.016-.336.134-.656a1.64 1.64 0 0 1 .874-.942q.32-.15.707-.151.756 0 1.16.454.42.438.42 1.093 0 .504-.235.857-.219.354-.538.64l-.757.723a6 6 0 0 0-.538.572 3.2 3.2 0 0 0-.337.555 3.5 3.5 0 0 0-.184.605q-.051.32-.051.723v.64h1.984v-.438q0-.37.051-.622t.168-.47q.135-.22.337-.438a10 10 0 0 1 .555-.505q.386-.336.69-.639a4 4 0 0 0 .537-.656q.219-.335.336-.74a3.4 3.4 0 0 0 .118-.942q0-.79-.286-1.395a2.8 2.8 0 0 0-.79-1.01 3.1 3.1 0 0 0-1.143-.621A4.2 4.2 0 0 0 16.198 10" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m.014 17.72q-.555 0-.96.386a1.26 1.26 0 0 0-.386.925q0 .27.1.505.119.235.303.403a1.5 1.5 0 0 0 .421.27q.252.1.522.1.555 0 .941-.386.404-.387.403-.925 0-.539-.403-.908a1.35 1.35 0 0 0-.941-.37m.184-9.72q-.774 0-1.446.235a3.5 3.5 0 0 0-1.194.657q-.522.437-.858 1.076-.319.621-.42 1.428l2.069.186q.016-.336.134-.656a1.64 1.64 0 0 1 .874-.942q.32-.15.707-.151.756 0 1.16.454.42.438.42 1.093 0 .504-.235.857-.219.354-.538.64l-.757.723a6 6 0 0 0-.538.572 3.2 3.2 0 0 0-.337.555 3.5 3.5 0 0 0-.184.605q-.051.32-.051.723v.64h1.984v-.438q0-.37.051-.622t.168-.47q.135-.22.337-.438a10 10 0 0 1 .555-.505q.386-.336.69-.639a4 4 0 0 0 .537-.656q.219-.335.336-.74a3.4 3.4 0 0 0 .118-.942q0-.79-.286-1.395a2.8 2.8 0 0 0-.79-1.01 3.1 3.1 0 0 0-1.143-.621A4.2 4.2 0 0 0 16.198 10" })] }));
 };
 export { HelpFilledIcon };

package/dist/components/icons/HelpIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const HelpIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "help",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const HelpIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m.013 15.72q.538 0 .942.37t.403.908q0 .538-.403.925a1.28 1.28 0 0 1-.942.387q-.27 0-.522-.101a1.5 1.5 0 0 1-.42-.27 1.4 1.4 0 0 1-.302-.403 1.3 1.3 0 0 1-.101-.505q0-.538.387-.925.403-.386.958-.386m.185-9.72q.723 0 1.362.219.656.201 1.143.622.504.403.791 1.009.285.604.285 1.395 0 .538-.117.943-.117.402-.336.739a4 4 0 0 1-.538.656q-.303.303-.69.639-.337.286-.555.505a3 3 0 0 0-.336.437 1.7 1.7 0 0 0-.168.47q-.05.253-.05.623v.437h-1.985v-.64q0-.403.05-.722a3.5 3.5 0 0 1 .185-.605q.135-.287.337-.555.219-.27.538-.572l.756-.723q.32-.285.54-.64.234-.353.235-.857 0-.655-.421-1.093-.404-.454-1.16-.454-.387 0-.707.151a1.65 1.65 0 0 0-.875.942 2.2 2.2 0 0 0-.133.656l-2.069-.186a4.3 4.3 0 0 1 .42-1.428q.336-.64.858-1.076.52-.437 1.194-.657.672-.235 1.446-.235" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m.013 15.72q.538 0 .942.37t.403.908q0 .538-.403.925a1.28 1.28 0 0 1-.942.387q-.27 0-.522-.101a1.5 1.5 0 0 1-.42-.27 1.4 1.4 0 0 1-.302-.403 1.3 1.3 0 0 1-.101-.505q0-.538.387-.925.403-.386.958-.386m.185-9.72q.723 0 1.362.219.656.201 1.143.622.504.403.791 1.009.285.604.285 1.395 0 .538-.117.943-.117.402-.336.739a4 4 0 0 1-.538.656q-.303.303-.69.639-.337.286-.555.505a3 3 0 0 0-.336.437 1.7 1.7 0 0 0-.168.47q-.05.253-.05.623v.437h-1.985v-.64q0-.403.05-.722a3.5 3.5 0 0 1 .185-.605q.135-.287.337-.555.219-.27.538-.572l.756-.723q.32-.285.54-.64.234-.353.235-.857 0-.655-.421-1.093-.404-.454-1.16-.454-.387 0-.707.151a1.65 1.65 0 0 0-.875.942 2.2 2.2 0 0 0-.133.656l-2.069-.186a4.3 4.3 0 0 1 .42-1.428q.336-.64.858-1.076.52-.437 1.194-.657.672-.235 1.446-.235" })] }));
 };
 export { HelpIcon };

package/dist/components/icons/HomeFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const HomeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "home-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const HomeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M13.9 5.139a3 3 0 0 1 4.242 0l10.171 10.17a1 1 0 0 1-1.414 1.415l-.9-.9V26a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V15.866l-.857.858a1 1 0 0 1-1.414-1.414zM14 18a1 1 0 0 0-1 1v7h6v-7a1 1 0 0 0-1-1z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M13.9 5.139a3 3 0 0 1 4.242 0l10.171 10.17a1 1 0 0 1-1.414 1.415l-.9-.9V26a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V15.866l-.857.858a1 1 0 0 1-1.414-1.414zM14 18a1 1 0 0 0-1 1v7h6v-7a1 1 0 0 0-1-1z" })] }));
 };
 export { HomeFilledIcon };

package/dist/components/icons/HomeIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const HomeIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "home",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const HomeIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M13.904 5.139a3 3 0 0 1 4.243 0l10.171 10.17a1 1 0 0 1 0 1.415l-.076.068a1 1 0 0 1-1.338-.068l-.9-.9V26l-.01.204a2 2 0 0 1-1.785 1.785l-.204.011h-16l-.206-.01a2 2 0 0 1-1.785-1.786L6.004 26V15.867l-.857.857a1 1 0 0 1-1.338.068l-.076-.068-.068-.076a1 1 0 0 1 .068-1.338zm2.83 1.414a1 1 0 0 0-1.416 0l-7.313 7.314V26h4v-6a2 2 0 0 1 2-2h4l.204.011a2 2 0 0 1 1.796 1.99v6h4V13.824zM14.003 26h4v-6h-4z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M13.904 5.139a3 3 0 0 1 4.243 0l10.171 10.17a1 1 0 0 1 0 1.415l-.076.068a1 1 0 0 1-1.338-.068l-.9-.9V26l-.01.204a2 2 0 0 1-1.785 1.785l-.204.011h-16l-.206-.01a2 2 0 0 1-1.785-1.786L6.004 26V15.867l-.857.857a1 1 0 0 1-1.338.068l-.076-.068-.068-.076a1 1 0 0 1 .068-1.338zm2.83 1.414a1 1 0 0 0-1.416 0l-7.313 7.314V26h4v-6a2 2 0 0 1 2-2h4l.204.011a2 2 0 0 1 1.796 1.99v6h4V13.824zM14.003 26h4v-6h-4z" })] }));
 };
 export { HomeIcon };

package/dist/components/icons/HowDoIAssistantIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const HowDoIAssistantIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "how-do-I-assistant",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const HowDoIAssistantIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M24.621 2.565A1 1 0 0 1 26 3.49V6h2a2 2 0 0 1 2.001 2v16c0 1.105-.897 2-2.001 2H5.994L2 29.995V16.66h.001V8a2 2 0 0 1 2-2h12.222l-.602.245zM4.001 18.66H4v6.505L5.166 24H15V8H4.001zM26 20.829l-.012.15a1 1 0 0 1-.61.775L19.889 24h8.113V8H26zM17 7.842v15.179l7-2.863V4.978zM9.49 18.317q.357 0 .626.24.27.241.27.59 0 .35-.27.602A.87.87 0 0 1 9.49 20a.95.95 0 0 1-.628-.24.9.9 0 0 1-.202-.263.8.8 0 0 1-.067-.328.8.8 0 0 1 .258-.6.9.9 0 0 1 .64-.252M9.611 12q.483 0 .909.142.436.13.761.404.336.263.528.657.19.393.19.906 0 .35-.078.612a1.8 1.8 0 0 1-.225.482 2.7 2.7 0 0 1-.358.425q-.202.197-.46.415-.225.186-.37.329-.134.142-.224.284-.079.141-.112.305-.034.165-.034.405v.284H8.816v-.415q0-.263.034-.47.044-.208.123-.393.09-.186.224-.36.146-.176.359-.373l.505-.47q.211-.185.358-.415a.96.96 0 0 0 .157-.557.97.97 0 0 0-.28-.71q-.27-.296-.774-.296a1.1 1.1 0 0 0-.47.098 1.1 1.1 0 0 0-.36.252 1.1 1.1 0 0 0-.223.36q-.08.209-.09.427L7 14.208q.067-.525.28-.93a2.3 2.3 0 0 1 1.368-1.125Q9.097 12 9.612 12" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M24.621 2.565A1 1 0 0 1 26 3.49V6h2a2 2 0 0 1 2.001 2v16c0 1.105-.897 2-2.001 2H5.994L2 29.995V16.66h.001V8a2 2 0 0 1 2-2h12.222l-.602.245zM4.001 18.66H4v6.505L5.166 24H15V8H4.001zM26 20.829l-.012.15a1 1 0 0 1-.61.775L19.889 24h8.113V8H26zM17 7.842v15.179l7-2.863V4.978zM9.49 18.317q.357 0 .626.24.27.241.27.59 0 .35-.27.602A.87.87 0 0 1 9.49 20a.95.95 0 0 1-.628-.24.9.9 0 0 1-.202-.263.8.8 0 0 1-.067-.328.8.8 0 0 1 .258-.6.9.9 0 0 1 .64-.252M9.611 12q.483 0 .909.142.436.13.761.404.336.263.528.657.19.393.19.906 0 .35-.078.612a1.8 1.8 0 0 1-.225.482 2.7 2.7 0 0 1-.358.425q-.202.197-.46.415-.225.186-.37.329-.134.142-.224.284-.079.141-.112.305-.034.165-.034.405v.284H8.816v-.415q0-.263.034-.47.044-.208.123-.393.09-.186.224-.36.146-.176.359-.373l.505-.47q.211-.185.358-.415a.96.96 0 0 0 .157-.557.97.97 0 0 0-.28-.71q-.27-.296-.774-.296a1.1 1.1 0 0 0-.47.098 1.1 1.1 0 0 0-.36.252 1.1 1.1 0 0 0-.223.36q-.08.209-.09.427L7 14.208q.067-.525.28-.93a2.3 2.3 0 0 1 1.368-1.125Q9.097 12 9.612 12" })] }));
 };
 export { HowDoIAssistantIcon };

package/dist/components/icons/InfoIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const InfoIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "info",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const InfoIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m0 10.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-3 0v-6a1.5 1.5 0 0 1 1.5-1.5M16 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m0 10.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-3 0v-6a1.5 1.5 0 0 1 1.5-1.5M16 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" })] }));
 };
 export { InfoIcon };

package/dist/components/icons/KebabIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const KebabIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "kebab",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const KebabIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 22a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0-8a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0-8a2 2 0 1 1 0 4 2 2 0 0 1 0-4" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 22a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0-8a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0-8a2 2 0 1 1 0 4 2 2 0 0 1 0-4" })] }));
 };
 export { KebabIcon };

package/dist/components/icons/LoadingIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const LoadingIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "loading",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const LoadingIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 28 28",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M13.001.002c.551-.039 1 .414 1 .966l-.005.102c-.052.504-.479.897-.995.94A12 12 0 0 0 2.915 9.375l-.162.414a11.998 11.998 0 0 0 15.425 15.425l.414-.162a12 12 0 0 0 5.131-4.055l.254-.364a12 12 0 0 0 1.98-5.667c.046-.55.49-.999 1.043-.999s1.004.448.964 1a14 14 0 0 1-2.323 6.778l-.296.425a14 14 0 0 1-5.987 4.732l-.483.19a14 14 0 0 1-14.401-2.866l-.373-.36a14 14 0 0 1-3.72-6.662l-.112-.506a14 14 0 0 1 .607-7.606l.19-.482a14 14 0 0 1 4.73-5.988l.426-.295a14 14 0 0 1 6.78-2.325" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M13.001.002c.551-.039 1 .414 1 .966l-.005.102c-.052.504-.479.897-.995.94A12 12 0 0 0 2.915 9.375l-.162.414a11.998 11.998 0 0 0 15.425 15.425l.414-.162a12 12 0 0 0 5.131-4.055l.254-.364a12 12 0 0 0 1.98-5.667c.046-.55.49-.999 1.043-.999s1.004.448.964 1a14 14 0 0 1-2.323 6.778l-.296.425a14 14 0 0 1-5.987 4.732l-.483.19a14 14 0 0 1-14.401-2.866l-.373-.36a14 14 0 0 1-3.72-6.662l-.112-.506a14 14 0 0 1 .607-7.606l.19-.482a14 14 0 0 1 4.73-5.988l.426-.295a14 14 0 0 1 6.78-2.325" })] }));
 };
 export { LoadingIcon };

package/dist/components/icons/LocationFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const LocationFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "location-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const LocationFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 2c6.627 0 12 1 12 11S16 30 16 30 4 23 4 13 9.373 2 16 2m0 6a5 5 0 1 0 0 10 5 5 0 0 0 0-10" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 2c6.627 0 12 1 12 11S16 30 16 30 4 23 4 13 9.373 2 16 2m0 6a5 5 0 1 0 0 10 5 5 0 0 0 0-10" })] }));
 };
 export { LocationFilledIcon };

package/dist/components/icons/LocationIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const LocationIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "location",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const LocationIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 2c6.627 0 12 1 12 11S16 30 16 30 4 23 4 13 9.373 2 16 2m0 2c-3.345 0-5.747.289-7.349 1.396C7.241 6.37 6 8.333 6 13c0 4.202 2.544 7.966 5.414 10.836A32.3 32.3 0 0 0 16 27.622q.316-.213.704-.493a32.3 32.3 0 0 0 3.882-3.293C23.456 20.966 26 17.202 26 13c0-4.667-1.241-6.63-2.651-7.604C21.747 4.289 19.345 4 16 4m0 3a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 2c6.627 0 12 1 12 11S16 30 16 30 4 23 4 13 9.373 2 16 2m0 2c-3.345 0-5.747.289-7.349 1.396C7.241 6.37 6 8.333 6 13c0 4.202 2.544 7.966 5.414 10.836A32.3 32.3 0 0 0 16 27.622q.316-.213.704-.493a32.3 32.3 0 0 0 3.882-3.293C23.456 20.966 26 17.202 26 13c0-4.667-1.241-6.63-2.651-7.604C21.747 4.289 19.345 4 16 4m0 3a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8" })] }));
 };
 export { LocationIcon };

package/dist/components/icons/LogoutIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const LogoutIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "logout",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const LogoutIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16.001 4a1 1 0 1 1 0 2h-10v20h10a1 1 0 1 1 0 2h-10a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm3.93 5.325a1 1 0 0 1 1.412-.064l6.168 5.63a1.5 1.5 0 0 1 0 2.215l-6.168 5.631a1 1 0 0 1-1.348-1.476l4.668-4.262H13.001a1 1 0 0 1 0-2h11.662l-4.668-4.262a1 1 0 0 1-.064-1.412" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16.001 4a1 1 0 1 1 0 2h-10v20h10a1 1 0 1 1 0 2h-10a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm3.93 5.325a1 1 0 0 1 1.412-.064l6.168 5.63a1.5 1.5 0 0 1 0 2.215l-6.168 5.631a1 1 0 0 1-1.348-1.476l4.668-4.262H13.001a1 1 0 0 1 0-2h11.662l-4.668-4.262a1 1 0 0 1-.064-1.412" })] }));
 };
 export { LogoutIcon };

package/dist/components/icons/MailIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const MailIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "mail",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const MailIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM17.11 16.463a2 2 0 0 1-2.218 0L4 9.202V24h24V9.201zM16 14.798 26.197 8H5.803z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM17.11 16.463a2 2 0 0 1-2.218 0L4 9.202V24h24V9.201zM16 14.798 26.197 8H5.803z" })] }));
 };
 export { MailIcon };

package/dist/components/icons/MenuIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const MenuIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "menu",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const MenuIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M27 26a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm0-11a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm0-11a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M27 26a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm0-11a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm0-11a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z" })] }));
 };
 export { MenuIcon };

package/dist/components/icons/MessageIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const MessageIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "message",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const MessageIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M30 31a1 1 0 0 1-.75-.34l-7.64-8.6H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h28a1 1 0 0 1 .71.29A1 1 0 0 1 31 2v28a1 1 0 0 1-.65.93.8.8 0 0 1-.35.07M3 20.06h19.06a1 1 0 0 1 .75.33l6.19 7V3H3Z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M30 31a1 1 0 0 1-.75-.34l-7.64-8.6H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h28a1 1 0 0 1 .71.29A1 1 0 0 1 31 2v28a1 1 0 0 1-.65.93.8.8 0 0 1-.35.07M3 20.06h19.06a1 1 0 0 1 .75.33l6.19 7V3H3Z" })] }));
 };
 export { MessageIcon };

package/dist/components/icons/MinusIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const MinusIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "minus",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const MinusIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M27 15a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M27 15a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2z" })] }));
 };
 export { MinusIcon };

package/dist/components/icons/NotesFilledIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const NotesFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "notes-filled",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const NotesFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M13.514 12.776a2 2 0 0 0-.555 1.023l-.736 3.625a2 2 0 0 0 2.354 2.359l3.591-.723a2 2 0 0 0 1.017-.544L28 9.73V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16.397zM24.63 3.199a1 1 0 0 1 1.41.004l2.832 2.832.068.075a1 1 0 0 1-.07 1.34L18.48 17.806l-.112.097a1 1 0 0 1-.397.176l-3.591.723-.13.018a1 1 0 0 1-1.065-1.067l.018-.13.737-3.625q.03-.15.104-.284l.014-.024.061-.093a1 1 0 0 1 .098-.111zm-8.791 11.495-.376 1.848 1.817-.365L26.75 6.74l-1.42-1.42z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M13.514 12.776a2 2 0 0 0-.555 1.023l-.736 3.625a2 2 0 0 0 2.354 2.359l3.591-.723a2 2 0 0 0 1.017-.544L28 9.73V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16.397zM24.63 3.199a1 1 0 0 1 1.41.004l2.832 2.832.068.075a1 1 0 0 1-.07 1.34L18.48 17.806l-.112.097a1 1 0 0 1-.397.176l-3.591.723-.13.018a1 1 0 0 1-1.065-1.067l.018-.13.737-3.625q.03-.15.104-.284l.014-.024.061-.093a1 1 0 0 1 .098-.111zm-8.791 11.495-.376 1.848 1.817-.365L26.75 6.74l-1.42-1.42z" })] }));
 };
 export { NotesFilledIcon };

package/dist/components/icons/NotesIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const NotesIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "notes",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const NotesIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M18.948 6H6v20h20V13.135l2-1.993v14.859a2 2 0 0 1-2 2H6l-.204-.011a2 2 0 0 1-1.785-1.785L4 26V6a2 2 0 0 1 2-2h14.973zM24.63 3.2a1 1 0 0 1 1.41.004l2.832 2.832.068.075a1 1 0 0 1-.07 1.34L18.48 17.806l-.112.097a1 1 0 0 1-.397.176l-3.591.723-.13.018a1 1 0 0 1-1.065-1.067l.018-.13.737-3.625a1 1 0 0 1 .277-.512zm-8.791 11.495-.376 1.848 1.817-.365L26.75 6.74l-1.42-1.42z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M18.948 6H6v20h20V13.135l2-1.993v14.859a2 2 0 0 1-2 2H6l-.204-.011a2 2 0 0 1-1.785-1.785L4 26V6a2 2 0 0 1 2-2h14.973zM24.63 3.2a1 1 0 0 1 1.41.004l2.832 2.832.068.075a1 1 0 0 1-.07 1.34L18.48 17.806l-.112.097a1 1 0 0 1-.397.176l-3.591.723-.13.018a1 1 0 0 1-1.065-1.067l.018-.13.737-3.625a1 1 0 0 1 .277-.512zm-8.791 11.495-.376 1.848 1.817-.365L26.75 6.74l-1.42-1.42z" })] }));
 };
 export { NotesIcon };

package/dist/components/icons/OpenNewIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const OpenNewIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "open-new",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const OpenNewIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M14.16 18.84a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L30 .59a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42L14.87 18.55a1 1 0 0 1-.71.29" }), jsx("path", { d: "M31 14a1 1 0 0 1-1-1V2H19a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1M24 32H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h11.21a1 1 0 0 1 0 2H2v22h22V18.7a1 1 0 0 1 2 0V30a2 2 0 0 1-2 2" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M14.16 18.84a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L30 .59a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42L14.87 18.55a1 1 0 0 1-.71.29" }), jsx("path", { d: "M31 14a1 1 0 0 1-1-1V2H19a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1M24 32H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h11.21a1 1 0 0 1 0 2H2v22h22V18.7a1 1 0 0 1 2 0V30a2 2 0 0 1-2 2" })] }));
 };
 export { OpenNewIcon };

package/dist/components/icons/OwnBagIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const OwnBagIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "own-bag",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const OwnBagIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M20.204 2.01A2 2 0 0 1 22 4v4h6a2 2 0 0 1 2 2v15.244a2 2 0 0 1-.698 1.519l-3.215 2.756-.14.109a2 2 0 0 1-1.162.372H7.198l-.178-.008a2 2 0 0 1-.983-.364l-.14-.11-3.199-2.742A2 2 0 0 1 2 25.258V10a2 2 0 0 1 2-2h6V4a2 2 0 0 1 2-2h8zM4 25.259 7.198 28h17.587L28 25.244V10H4zM12 8h8V4h-8z" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M20.204 2.01A2 2 0 0 1 22 4v4h6a2 2 0 0 1 2 2v15.244a2 2 0 0 1-.698 1.519l-3.215 2.756-.14.109a2 2 0 0 1-1.162.372H7.198l-.178-.008a2 2 0 0 1-.983-.364l-.14-.11-3.199-2.742A2 2 0 0 1 2 25.258V10a2 2 0 0 1 2-2h6V4a2 2 0 0 1 2-2h8zM4 25.259 7.198 28h17.587L28 25.244V10H4zM12 8h8V4h-8z" })] }));
 };
 export { OwnBagIcon };

package/dist/components/icons/PadlockIcon.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId.js';
 const PadlockIcon = ({ alt, className, fill, id, ref, ...props }) => {
     const uid = useId(id);
     const componentProps = {
-        "aria-labelledby": alt ? uid + "-title" : undefined,
+        "aria-labelledby": alt ? uid + "__title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "padlock",
         fill: fill !== null && fill !== void 0 ? fill : "currentColor",
@@ -14,7 +14,7 @@ const PadlockIcon = ({ alt, className, fill, id, ref, ...props }) => {
         viewBox: "0 0 32 32",
         ...props,
     };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M16 4a8 8 0 0 1 8 8v1h2a2 2 0 0 1 2 2v11a2 2 0 0 1-1.796 1.99L26 28H6l-.204-.01a2 2 0 0 1-1.785-1.786L4 26V15a2 2 0 0 1 2-2h2v-1a8 8 0 0 1 8-8M6 26h20V15H6zm4.5-7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5.5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5.5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M16 6a6 6 0 0 0-6 6v1h12v-1a6 6 0 0 0-6-6" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16 4a8 8 0 0 1 8 8v1h2a2 2 0 0 1 2 2v11a2 2 0 0 1-1.796 1.99L26 28H6l-.204-.01a2 2 0 0 1-1.785-1.786L4 26V15a2 2 0 0 1 2-2h2v-1a8 8 0 0 1 8-8M6 26h20V15H6zm4.5-7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5.5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5.5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M16 6a6 6 0 0 0-6 6v1h12v-1a6 6 0 0 0-6-6" })] }));
 };
 export { PadlockIcon };