@coopdigital/react 0.53.0 → 0.55.0

package/dist/components/icons/StarIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const StarIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "star",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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.097 3.392c.595-1.85 3.212-1.85 3.807 0l2.23 6.933h7.323c1.936 0 2.742 2.477 1.177 3.616l-5.951 4.333 2.202 6.881c.588 1.839-1.513 3.362-3.077 2.23l-5.81-4.205-5.858 4.184c-1.572 1.122-3.664-.414-3.064-2.249l2.24-6.845-5.93-4.33c-1.563-1.14-.756-3.615 1.178-3.615h7.302zm-.326 7.545a2 2 0 0 1-1.905 1.388H4.564l5.93 4.33a2 2 0 0 1 .722 2.236l-2.238 6.845 5.856-4.183a2 2 0 0 1 2.335.007l5.81 4.205-2.202-6.881a2 2 0 0 1 .729-2.227l5.951-4.332h-7.322a2 2 0 0 1-1.905-1.388l-2.229-6.931z" })] }));
+};
+
+export { StarIcon };

package/dist/components/icons/TickAltFilledIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const TickAltFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/TickAltFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const TickAltFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "tick-alt-filled",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { clipRule: "evenodd", d: "M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.707-17.707a1 1 0 0 0-1.414 0L14 18.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 0 0 0-1.414", fillRule: "evenodd" })] }));
+};
+
+export { TickAltFilledIcon };

package/dist/components/icons/TickAltIcon.js

@@ -8,13 +8,13 @@ const TickAltIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "tick-alt",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
         id: uid,
         role: alt ? "img" : undefined,
         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.7 22a1 1 0 0 1-.71-.29L8.3 18a1 1 0 0 1 0-1.42 1 1 0 0 1 1.41 0l3 3 9.41-9.38a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41L13.4 21.69a1 1 0 0 1-.7.31", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16 2A14 14 0 1 1 2 16 14 14 0 0 1 16 2m0-2a16 16 0 1 0 16 16A16 16 0 0 0 16 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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 4m4.293 8.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L14 18.586z" })] }));
 };
 
 export { TickAltIcon };

package/dist/components/icons/TickIcon.js

@@ -8,13 +8,13 @@ const TickIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "tick",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
         id: uid,
         role: alt ? "img" : undefined,
         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: "M10.41 26a1 1 0 0 1-.71-.3l-6.42-6.59a1 1 0 0 1 1.44-1.39l5.69 5.85L27.28 6.3a1 1 0 1 1 1.44 1.4l-17.59 18a1 1 0 0 1-.72.3", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M28.293 6.293a1 1 0 0 1 1.414 1.414l-18 18a1 1 0 0 1-1.414 0l-8-8a1 1 0 1 1 1.414-1.414L11 23.586z" })] }));
 };
 
 export { TickIcon };

package/dist/components/icons/TruckIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const TruckIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/TruckIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const TruckIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "truck",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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 6a2 2 0 0 1 2 2h4.29l.19.009a2 2 0 0 1 1.8 1.792l.5 5q.017.181.002.358A2 2 0 0 1 30 17v7a2 2 0 0 1-2 2h-1.258a4.5 4.5 0 0 1-8.484 0h-4.516a4.5 4.5 0 0 1-8.484 0H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM9.5 22a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-4.483 2.89q0 .022.003.043a5 5 0 0 1-.014-.202zM4 24h1.028a4.5 4.5 0 0 1 8.944 0h4.056a4.5 4.5 0 0 1 8.944 0H28v-7h-6a2 2 0 0 1-.39-.04q-.038-.008-.077-.018-.05-.011-.1-.025-.042-.013-.083-.027a2 2 0 0 1-.266-.114l-.066-.035-.094-.057-.063-.04q-.038-.028-.075-.057a2 2 0 0 1-.374-.374q-.022-.028-.043-.056l-.027-.039q-.014-.022-.027-.043-.03-.045-.057-.094l-.035-.066a2 2 0 0 1-.114-.266q-.015-.04-.027-.083-.015-.054-.027-.109l-.017-.067a2 2 0 0 1-.027-.186L20 15V8H4zm18-9h4.79l-.5-5H22zm-8.021 9.933" })] }));
+};
+
+export { TruckIcon };

package/dist/components/icons/UserWipeIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const UserWipeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/UserWipeIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const UserWipeIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "user-wipe",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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.26-.126l22.2 22.2a1 1 0 0 1-1.54 1.26L24.398 27.2a14 14 0 0 1-4.497 2.248l-.03.01q-.447.127-.904.227l-.038.007q-.126.027-.251.051l-.099.02a14 14 0 0 1-.558.091l-.09.013a13 13 0 0 1-.559.067l-.203.017-.115.01q-.153.011-.306.02l-.033.001a14 14 0 0 1-1.43 0q-.018 0-.034-.002l-.306-.019-.115-.01q-.102-.007-.203-.017l-.225-.025-.087-.01-.245-.03-.093-.014-.236-.037-.1-.016a15 15 0 0 1-.57-.109l-.039-.008a14 14 0 0 1-.903-.227l-.032-.01C6.264 27.757 2 22.377 2 16c0-3.152 1.042-6.06 2.8-8.4L3.707 6.507a1 1 0 0 1 0-1.414M16.001 20a9.99 9.99 0 0 0-8.397 4.57A11.95 11.95 0 0 0 16 28c2.599 0 5-.83 6.964-2.235L17.28 20.08a10 10 0 0 0-1.28-.081M16 2c7.732 0 14 6.268 14 14 0 3.145-1.04 6.045-2.791 8.38l-1.434-1.433c.435-.61.817-1.26 1.132-1.947A11.95 11.95 0 0 0 28 16c0-6.627-5.373-12-12-12-2.592 0-4.99.823-6.952 2.22L7.615 4.787A13.94 13.94 0 0 1 16 2M6.232 9.032A11.94 11.94 0 0 0 4 16a11.95 11.95 0 0 0 2.256 6.997 12.03 12.03 0 0 1 5.92-4.374 5.99 5.99 0 0 1-2.074-5.72zm5.872 5.871a4 4 0 0 0 2.99 2.992zM16 8a6 6 0 0 1 4.636 9.808l-1.424-1.424a4 4 0 0 0-5.597-5.597l-1.424-1.424A5.98 5.98 0 0 1 16 8" })] }));
+};
+
+export { UserWipeIcon };

package/dist/components/icons/VoucherFilledIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const VoucherFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/VoucherFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const VoucherFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "voucher-filled",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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 2v3.05c0 .88-.62 1.619-1.291 2.188A3.61 3.61 0 0 0 27.429 16c0 1.106.497 2.096 1.28 2.76.67.57 1.291 1.308 1.291 2.188V24a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM7 17a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2zm0-4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z" })] }));
+};
+
+export { VoucherFilledIcon };

package/dist/components/icons/VoucherIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const VoucherIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/VoucherIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const VoucherIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "voucher",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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 8v3.05c0 .88-.62 1.619-1.291 2.188l-.144.128A3.61 3.61 0 0 0 27.43 16c0 1.106.496 2.096 1.279 2.76.67.57 1.291 1.308 1.291 2.188V24l-.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 24h24v-3.038a.6.6 0 0 0-.068-.13 2.8 2.8 0 0 0-.517-.546A5.61 5.61 0 0 1 25.43 16c0-1.719.774-3.258 1.984-4.286.255-.217.423-.402.518-.547.088-.135.068-.165.068-.116V8H4zm13-7a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm-4-4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2z" })] }));
+};
+
+export { VoucherIcon };

package/dist/components/icons/WarningFilledIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const WarningFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/WarningFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const WarningFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "warning-filled",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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.239 5.27c.755-1.402 2.767-1.402 3.522 0l10.652 19.782C29.13 26.384 28.165 28 26.652 28H5.348c-1.513 0-2.478-1.616-1.76-2.948zM16 21a1 1 0 1 0 0 2 1 1 0 0 0 0-2M16 13a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5c0-.552-.448-1-1-1" })] }));
+};
+
+export { WarningFilledIcon };

package/dist/components/icons/WarningIcon.js

@@ -8,13 +8,13 @@ const WarningIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "warning",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
         id: uid,
         role: alt ? "img" : undefined,
         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: "M2.35 28.08 16.06 4.46l13.71 23.62Zm29.32-.7L17.56 3.07A1.73 1.73 0 0 0 16.06 2a1.94 1.94 0 0 0-1.5 1.1L.35 27.38C-.45 28.77.15 30 1.85 30h28.32a1.6 1.6 0 0 0 1.5-2.62", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M14.52 24.19A1.44 1.44 0 0 1 15 23.1a1.54 1.54 0 0 1 1.13-.46 1.63 1.63 0 0 1 1.12.44 1.39 1.39 0 0 1 .48 1.07 1.48 1.48 0 0 1-.47 1.1 1.62 1.62 0 0 1-1.74.34 1.6 1.6 0 0 1-.51-.32 1.3 1.3 0 0 1-.35-.48 1.3 1.3 0 0 1-.14-.6m2.8-3h-2.4v-9.71h2.4Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M14.239 5.27c.755-1.402 2.766-1.402 3.521 0l10.652 19.782c.717 1.332-.248 2.948-1.76 2.948H5.347l-.14-.005a2 2 0 0 1-1.683-2.817l.063-.126zM5.349 26H26.65L16 6.219zm10.65-5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-8a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1" })] }));
 };
 
 export { WarningIcon };

package/dist/components/icons/WifiIcon.d.ts

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/WifiIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const WifiIcon = ({ alt, className, fill, id, ref, ...props }) => {
+    const uid = useId(id);
+    const componentProps = {
+        "aria-labelledby": alt ? uid + "-title" : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "wifi",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
+        id: uid,
+        role: alt ? "img" : undefined,
+        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-4m-7.987-4.836c4.419-4.418 11.583-4.418 16.001 0a1.5 1.5 0 0 1-2.12 2.121 8.316 8.316 0 0 0-11.76 0 1.5 1.5 0 1 1-2.12-2.12m-5.552-5.55c7.485-7.485 19.621-7.485 27.106 0a1.5 1.5 0 0 1-2.122 2.12c-6.314-6.313-16.55-6.313-22.863 0a1.5 1.5 0 0 1-2.121-2.12" })] }));
+};
+
+export { WifiIcon };

package/dist/components/icons/WriteIcon.js

@@ -8,13 +8,13 @@ const WriteIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "write",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
         id: uid,
         role: alt ? "img" : undefined,
         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: "M19.67 10.13 17.9 11.9H7a1 1 0 0 1 0-2h12a1 1 0 0 1 .67.23M14.9 14.9l-2 2H7a1 1 0 0 1 0-2ZM20 15.9a1 1 0 0 1-1 1h-1.87l2-2a1 1 0 0 1 .82.59.85.85 0 0 1 .05.41M19 21.9H7a1 1 0 0 1 0-2h12a1 1 0 1 1 0 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M24.08 10v20h-22V6h21.73l1.54-1.54a1.9 1.9 0 0 0-1-.44H2.07a2 2 0 0 0-2 2V30a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V8Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M30.62 3.41 28.5 1.29a1 1 0 0 0-1.42 0L22.38 6l-3.9 3.9-5 5-1.33 1.33a1 1 0 0 0-.27.48v.19l-.6 2.57a.8.8 0 0 0 0 .43 1 1 0 0 0 1.19.77l2.74-.67a.64.64 0 0 0 .29-.13.6.6 0 0 0 .19-.14l2.85-2.86 1.4-1.39L30.62 4.82a1 1 0 0 0 0-1.41M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M31.33 2.7 29.21.58a2.06 2.06 0 0 0-2.83 0L11.44 15.52a2.1 2.1 0 0 0-.54 1l-.09.41-.54 2.34a2.18 2.18 0 0 0 .54 1.87 2 2 0 0 0 1.4.58 1.8 1.8 0 0 0 .46-.05l2.75-.67a2.1 2.1 0 0 0 1-.54L31.33 5.53a2 2 0 0 0 0-2.83M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M19.67 10.13 17.9 11.9H7a1 1 0 0 1 0-2h12a1 1 0 0 1 .67.23M14.9 14.9l-2 2H7a1 1 0 0 1 0-2ZM20 15.9a1 1 0 0 1-1 1h-1.87l2-2a1 1 0 0 1 .82.59.85.85 0 0 1 .05.41M19 21.9H7a1 1 0 0 1 0-2h12a1 1 0 1 1 0 2" }), jsx("path", { d: "M24.08 10v20h-22V6h21.73l1.54-1.54a1.9 1.9 0 0 0-1-.44H2.07a2 2 0 0 0-2 2V30a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V8Z" }), jsx("path", { d: "M30.62 3.41 28.5 1.29a1 1 0 0 0-1.42 0L22.38 6l-3.9 3.9-5 5-1.33 1.33a1 1 0 0 0-.27.48v.19l-.6 2.57a.8.8 0 0 0 0 .43 1 1 0 0 0 1.19.77l2.74-.67a.64.64 0 0 0 .29-.13.6.6 0 0 0 .19-.14l2.85-2.86 1.4-1.39L30.62 4.82a1 1 0 0 0 0-1.41M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z" }), jsx("path", { d: "M31.33 2.7 29.21.58a2.06 2.06 0 0 0-2.83 0L11.44 15.52a2.1 2.1 0 0 0-.54 1l-.09.41-.54 2.34a2.18 2.18 0 0 0 .54 1.87 2 2 0 0 0 1.4.58 1.8 1.8 0 0 0 .46-.05l2.75-.67a2.1 2.1 0 0 0 1-.54L31.33 5.53a2 2 0 0 0 0-2.83M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z" })] }));
 };
 
 export { WriteIcon };

package/dist/components/icons/index.d.ts

@@ -1,40 +1,107 @@
+export { AccountCircleFilledIcon } from "./AccountCircleFilledIcon";
+export { AccountCircleIcon } from "./AccountCircleIcon";
+export { AccountFilledIcon } from "./AccountFilledIcon";
+export { AccountIcon } from "./AccountIcon";
 export { AddIcon } from "./AddIcon";
+export { AppsFilledIcon } from "./AppsFilledIcon";
+export { AppsIcon } from "./AppsIcon";
 export { ArrowDownIcon } from "./ArrowDownIcon";
 export { ArrowLeftIcon } from "./ArrowLeftIcon";
 export { ArrowRightIcon } from "./ArrowRightIcon";
 export { ArrowUpIcon } from "./ArrowUpIcon";
-export { AvatarAltIcon } from "./AvatarAltIcon";
-export { AvatarIcon } from "./AvatarIcon";
+export { BackspaceFilledIcon } from "./BackspaceFilledIcon";
+export { BackspaceIcon } from "./BackspaceIcon";
+export { BasketFilledIcon } from "./BasketFilledIcon";
 export { BasketIcon } from "./BasketIcon";
+export { BellFilledIcon } from "./BellFilledIcon";
+export { BellIcon } from "./BellIcon";
+export { BroomIcon } from "./BroomIcon";
+export { CalendarFilledIcon } from "./CalendarFilledIcon";
 export { CalendarIcon } from "./CalendarIcon";
+export { CashFilledIcon } from "./CashFilledIcon";
+export { CashIcon } from "./CashIcon";
 export { ChevronDownIcon } from "./ChevronDownIcon";
 export { ChevronLeftIcon } from "./ChevronLeftIcon";
 export { ChevronRightIcon } from "./ChevronRightIcon";
 export { ChevronUpIcon } from "./ChevronUpIcon";
+export { CircleBurgerFilledIcon } from "./CircleBurgerFilledIcon";
+export { CircleBurgerIcon } from "./CircleBurgerIcon";
+export { ClipboardFilledIcon } from "./ClipboardFilledIcon";
+export { ClipboardIcon } from "./ClipboardIcon";
+export { ClockFilledIcon } from "./ClockFilledIcon";
 export { ClockIcon } from "./ClockIcon";
+export { CloseAltFilledIcon } from "./CloseAltFilledIcon";
 export { CloseAltIcon } from "./CloseAltIcon";
-export { CloseIcon } from "./CloseIcon";
-export { CoopCardIcon } from "./CoopCardIcon";
-export { CoopIcon } from "./CoopIcon";
-export { CoopLocationIcon } from "./CoopLocationIcon";
+export { CogIcon } from "./CogIcon";
+export { CommunityFilledIcon } from "./CommunityFilledIcon";
+export { CommunityIcon } from "./CommunityIcon";
+export { ComputerIcon } from "./ComputerIcon";
+export { ContactFilledIcon } from "./ContactFilledIcon";
+export { ContactIcon } from "./ContactIcon";
+export { ContactlessFilledIcon } from "./ContactlessFilledIcon";
+export { ContactlessIcon } from "./ContactlessIcon";
+export { CoopLiveIcon } from "./CoopLiveIcon";
+export { CoopLocationFilledIcon } from "./CoopLocationFilledIcon";
+export { CoopLogoIcon } from "./CoopLogoIcon";
+export { CoopMembershipCardFilledIcon } from "./CoopMembershipCardFilledIcon";
+export { CreditCardFilledIcon } from "./CreditCardFilledIcon";
+export { CreditCardIcon } from "./CreditCardIcon";
+export { CrossIcon } from "./CrossIcon";
+export { DocumentIcon } from "./DocumentIcon";
 export { DownloadIcon } from "./DownloadIcon";
+export { EnterStoreIcon } from "./EnterStoreIcon";
+export { ExitStoreIcon } from "./ExitStoreIcon";
+export { EyeFilledIcon } from "./EyeFilledIcon";
+export { EyeIcon } from "./EyeIcon";
+export { EyeStrikeFilledIcon } from "./EyeStrikeFilledIcon";
+export { EyeStrikeIcon } from "./EyeStrikeIcon";
+export { FeedbackFilledIcon } from "./FeedbackFilledIcon";
+export { FeedbackIcon } from "./FeedbackIcon";
+export { FilterIcon } from "./FilterIcon";
+export { GiftCardFilledIcon } from "./GiftCardFilledIcon";
+export { GiftCardIcon } from "./GiftCardIcon";
+export { GiftFilledIcon } from "./GiftFilledIcon";
+export { GiftIcon } from "./GiftIcon";
+export { HelpFilledIcon } from "./HelpFilledIcon";
+export { HelpIcon } from "./HelpIcon";
+export { HomeFilledIcon } from "./HomeFilledIcon";
 export { HomeIcon } from "./HomeIcon";
-export { InformationIcon } from "./InformationIcon";
+export { HowDoIAssistantIcon } from "./HowDoIAssistantIcon";
+export { InfoIcon } from "./InfoIcon";
+export { KebabIcon } from "./KebabIcon";
 export { LoadingIcon } from "./LoadingIcon";
+export { LocationFilledIcon } from "./LocationFilledIcon";
 export { LocationIcon } from "./LocationIcon";
+export { LogoutIcon } from "./LogoutIcon";
 export { MailIcon } from "./MailIcon";
 export { MenuIcon } from "./MenuIcon";
 export { MessageIcon } from "./MessageIcon";
 export { MinusIcon } from "./MinusIcon";
+export { NotesFilledIcon } from "./NotesFilledIcon";
+export { NotesIcon } from "./NotesIcon";
 export { OpenNewIcon } from "./OpenNewIcon";
+export { OwnBagIcon } from "./OwnBagIcon";
+export { PadlockIcon } from "./PadlockIcon";
 export { PencilIcon } from "./PencilIcon";
 export { PhoneIcon } from "./PhoneIcon";
-export { QuestionIcon } from "./QuestionIcon";
+export { PowerIcon } from "./PowerIcon";
+export { SaveFilledIcon } from "./SaveFilledIcon";
+export { SaveIcon } from "./SaveIcon";
 export { ScooterIcon } from "./ScooterIcon";
+export { SearchFilledIcon } from "./SearchFilledIcon";
 export { SearchIcon } from "./SearchIcon";
-export { SettingsIcon } from "./SettingsIcon";
+export { SendIcon } from "./SendIcon";
+export { SpannerIcon } from "./SpannerIcon";
+export { StarFilledIcon } from "./StarFilledIcon";
+export { StarIcon } from "./StarIcon";
+export { TickAltFilledIcon } from "./TickAltFilledIcon";
 export { TickAltIcon } from "./TickAltIcon";
 export { TickIcon } from "./TickIcon";
-export { VanIcon } from "./VanIcon";
+export { TruckIcon } from "./TruckIcon";
+export { UserWipeIcon } from "./UserWipeIcon";
+export { VoucherFilledIcon } from "./VoucherFilledIcon";
+export { VoucherIcon } from "./VoucherIcon";
+export { WarningFilledIcon } from "./WarningFilledIcon";
 export { WarningIcon } from "./WarningIcon";
+export { WifiIcon } from "./WifiIcon";
 export { WriteIcon } from "./WriteIcon";

package/dist/components/icons/index.js

@@ -1,40 +1,107 @@
+export { AccountCircleFilledIcon } from './AccountCircleFilledIcon.js';
+export { AccountCircleIcon } from './AccountCircleIcon.js';
+export { AccountFilledIcon } from './AccountFilledIcon.js';
+export { AccountIcon } from './AccountIcon.js';
 export { AddIcon } from './AddIcon.js';
+export { AppsFilledIcon } from './AppsFilledIcon.js';
+export { AppsIcon } from './AppsIcon.js';
 export { ArrowDownIcon } from './ArrowDownIcon.js';
 export { ArrowLeftIcon } from './ArrowLeftIcon.js';
 export { ArrowRightIcon } from './ArrowRightIcon.js';
 export { ArrowUpIcon } from './ArrowUpIcon.js';
-export { AvatarAltIcon } from './AvatarAltIcon.js';
-export { AvatarIcon } from './AvatarIcon.js';
+export { BackspaceFilledIcon } from './BackspaceFilledIcon.js';
+export { BackspaceIcon } from './BackspaceIcon.js';
+export { BasketFilledIcon } from './BasketFilledIcon.js';
 export { BasketIcon } from './BasketIcon.js';
+export { BellFilledIcon } from './BellFilledIcon.js';
+export { BellIcon } from './BellIcon.js';
+export { BroomIcon } from './BroomIcon.js';
+export { CalendarFilledIcon } from './CalendarFilledIcon.js';
 export { CalendarIcon } from './CalendarIcon.js';
+export { CashFilledIcon } from './CashFilledIcon.js';
+export { CashIcon } from './CashIcon.js';
 export { ChevronDownIcon } from './ChevronDownIcon.js';
 export { ChevronLeftIcon } from './ChevronLeftIcon.js';
 export { ChevronRightIcon } from './ChevronRightIcon.js';
 export { ChevronUpIcon } from './ChevronUpIcon.js';
+export { CircleBurgerFilledIcon } from './CircleBurgerFilledIcon.js';
+export { CircleBurgerIcon } from './CircleBurgerIcon.js';
+export { ClipboardFilledIcon } from './ClipboardFilledIcon.js';
+export { ClipboardIcon } from './ClipboardIcon.js';
+export { ClockFilledIcon } from './ClockFilledIcon.js';
 export { ClockIcon } from './ClockIcon.js';
+export { CloseAltFilledIcon } from './CloseAltFilledIcon.js';
 export { CloseAltIcon } from './CloseAltIcon.js';
-export { CloseIcon } from './CloseIcon.js';
-export { CoopCardIcon } from './CoopCardIcon.js';
-export { CoopIcon } from './CoopIcon.js';
-export { CoopLocationIcon } from './CoopLocationIcon.js';
+export { CogIcon } from './CogIcon.js';
+export { CommunityFilledIcon } from './CommunityFilledIcon.js';
+export { CommunityIcon } from './CommunityIcon.js';
+export { ComputerIcon } from './ComputerIcon.js';
+export { ContactFilledIcon } from './ContactFilledIcon.js';
+export { ContactIcon } from './ContactIcon.js';
+export { ContactlessFilledIcon } from './ContactlessFilledIcon.js';
+export { ContactlessIcon } from './ContactlessIcon.js';
+export { CoopLiveIcon } from './CoopLiveIcon.js';
+export { CoopLocationFilledIcon } from './CoopLocationFilledIcon.js';
+export { CoopLogoIcon } from './CoopLogoIcon.js';
+export { CoopMembershipCardFilledIcon } from './CoopMembershipCardFilledIcon.js';
+export { CreditCardFilledIcon } from './CreditCardFilledIcon.js';
+export { CreditCardIcon } from './CreditCardIcon.js';
+export { CrossIcon } from './CrossIcon.js';
+export { DocumentIcon } from './DocumentIcon.js';
 export { DownloadIcon } from './DownloadIcon.js';
+export { EnterStoreIcon } from './EnterStoreIcon.js';
+export { ExitStoreIcon } from './ExitStoreIcon.js';
+export { EyeFilledIcon } from './EyeFilledIcon.js';
+export { EyeIcon } from './EyeIcon.js';
+export { EyeStrikeFilledIcon } from './EyeStrikeFilledIcon.js';
+export { EyeStrikeIcon } from './EyeStrikeIcon.js';
+export { FeedbackFilledIcon } from './FeedbackFilledIcon.js';
+export { FeedbackIcon } from './FeedbackIcon.js';
+export { FilterIcon } from './FilterIcon.js';
+export { GiftCardFilledIcon } from './GiftCardFilledIcon.js';
+export { GiftCardIcon } from './GiftCardIcon.js';
+export { GiftFilledIcon } from './GiftFilledIcon.js';
+export { GiftIcon } from './GiftIcon.js';
+export { HelpFilledIcon } from './HelpFilledIcon.js';
+export { HelpIcon } from './HelpIcon.js';
+export { HomeFilledIcon } from './HomeFilledIcon.js';
 export { HomeIcon } from './HomeIcon.js';
-export { InformationIcon } from './InformationIcon.js';
+export { HowDoIAssistantIcon } from './HowDoIAssistantIcon.js';
+export { InfoIcon } from './InfoIcon.js';
+export { KebabIcon } from './KebabIcon.js';
 export { LoadingIcon } from './LoadingIcon.js';
+export { LocationFilledIcon } from './LocationFilledIcon.js';
 export { LocationIcon } from './LocationIcon.js';
+export { LogoutIcon } from './LogoutIcon.js';
 export { MailIcon } from './MailIcon.js';
 export { MenuIcon } from './MenuIcon.js';
 export { MessageIcon } from './MessageIcon.js';
 export { MinusIcon } from './MinusIcon.js';
+export { NotesFilledIcon } from './NotesFilledIcon.js';
+export { NotesIcon } from './NotesIcon.js';
 export { OpenNewIcon } from './OpenNewIcon.js';
+export { OwnBagIcon } from './OwnBagIcon.js';
+export { PadlockIcon } from './PadlockIcon.js';
 export { PencilIcon } from './PencilIcon.js';
 export { PhoneIcon } from './PhoneIcon.js';
-export { QuestionIcon } from './QuestionIcon.js';
+export { PowerIcon } from './PowerIcon.js';
+export { SaveFilledIcon } from './SaveFilledIcon.js';
+export { SaveIcon } from './SaveIcon.js';
 export { ScooterIcon } from './ScooterIcon.js';
+export { SearchFilledIcon } from './SearchFilledIcon.js';
 export { SearchIcon } from './SearchIcon.js';
-export { SettingsIcon } from './SettingsIcon.js';
+export { SendIcon } from './SendIcon.js';
+export { SpannerIcon } from './SpannerIcon.js';
+export { StarFilledIcon } from './StarFilledIcon.js';
+export { StarIcon } from './StarIcon.js';
+export { TickAltFilledIcon } from './TickAltFilledIcon.js';
 export { TickAltIcon } from './TickAltIcon.js';
 export { TickIcon } from './TickIcon.js';
-export { VanIcon } from './VanIcon.js';
+export { TruckIcon } from './TruckIcon.js';
+export { UserWipeIcon } from './UserWipeIcon.js';
+export { VoucherFilledIcon } from './VoucherFilledIcon.js';
+export { VoucherIcon } from './VoucherIcon.js';
+export { WarningFilledIcon } from './WarningFilledIcon.js';
 export { WarningIcon } from './WarningIcon.js';
+export { WifiIcon } from './WifiIcon.js';
 export { WriteIcon } from './WriteIcon.js';

package/dist/types/colors.d.ts

@@ -1,11 +1,10 @@
 export type Darks = "dark-blue" | "dark-yellow" | "dark-green" | "dark-lilac" | "dark-orange" | "dark-pink" | "dark-purple" | "dark-red";
 export type Tints = "tint-blue" | "tint-brown" | "tint-yellow" | "tint-green" | "tint-grey" | "tint-lilac" | "tint-orange" | "tint-pink" | "tint-purple" | "tint-red";
 export type Lights = "light-blue" | "light-yellow" | "light-green" | "light-lilac" | "light-orange" | "light-pink" | "light-purple" | "light-red";
-export type Greys = "dark-grey" | "mid-dark-grey" | "mid-grey" | "mid-light-grey" | "light-grey";
 export type White = "white";
 export type Black = "black";
 export type None = "none";
 export type BrandBlue = "brand-blue";
-export type OfferRed = "offer-red";
+export type OfferRed = "offer";
 export type Green = "green";
 export type Blue = "blue";

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare const bgPropToClass: (color: string, userClasses?: string) => string;
 export declare const hasUserBg: (userClasses?: string) => boolean;
+export declare const hasUserBorder: (userClasses?: string) => boolean;
 export declare const bgClassToColor: (userClasses: string) => string | null;

package/dist/utils/index.js

@@ -1,6 +1,9 @@
 const hasUserBg = (userClasses) => {
     return typeof userClasses === "string" && (userClasses === null || userClasses === void 0 ? void 0 : userClasses.includes("bg-")) ? true : false;
 };
+const hasUserBorder = (userClasses) => {
+    return typeof userClasses === "string" && (userClasses === null || userClasses === void 0 ? void 0 : userClasses.includes("border-")) ? true : false;
+};
 const bgClassToColor = (userClasses) => {
     var _a, _b;
     return (_b = (_a = /bg-([^\s]+)/.exec(userClasses)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null;
@@ -12,4 +15,4 @@ const bgClassToColor = (userClasses) => {
     // )
 };
 
-export { bgClassToColor, hasUserBg };
+export { bgClassToColor, hasUserBg, hasUserBorder };