@coopdigital/react 0.22.1 → 0.23.0

package/dist/components/Icon/TickIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const TickIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const TickIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "tick", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "tick",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { TickIcon };

package/dist/components/Icon/VanIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const VanIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const VanIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "van", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M31.05 3H9.8a1 1 0 0 0-1 1v.2H3.06a1 1 0 0 0-1 .86L.89 12.64a1 1 0 0 0-.89 1v10a1 1 0 0 0 1 1h3a5 5 0 0 0 9.9 0H18a5 5 0 0 0 9.89 0h3.21a1 1 0 0 0 .72-.3 1 1 0 0 0 .18-.72V4a1 1 0 0 0-.95-1M3.91 6.24H8.8v6.38H2.93ZM8.92 27A3 3 0 0 1 6 24.71a2.9 2.9 0 0 1-.12-.83 3.1 3.1 0 0 1 .25-1.22 3 3 0 0 1 5.53 0 3.3 3.3 0 0 1 .24 1.22 3.3 3.3 0 0 1-.11.83A3 3 0 0 1 8.92 27M23 27a3 3 0 0 1-2.89-2.24 2.9 2.9 0 0 1-.12-.83 3.1 3.1 0 0 1 .25-1.22 3 3 0 0 1 5.53 0 3.3 3.3 0 0 1 .23 1.17 3.3 3.3 0 0 1-.11.83A3 3 0 0 1 23 27m4.87-4.29a5 5 0 0 0-9.74 0H13.8a5 5 0 0 0-9.75 0H2v-8h7.8a1 1 0 0 0 1-1V5.05H30v17.61Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "van",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M31.05 3H9.8a1 1 0 0 0-1 1v.2H3.06a1 1 0 0 0-1 .86L.89 12.64a1 1 0 0 0-.89 1v10a1 1 0 0 0 1 1h3a5 5 0 0 0 9.9 0H18a5 5 0 0 0 9.89 0h3.21a1 1 0 0 0 .72-.3 1 1 0 0 0 .18-.72V4a1 1 0 0 0-.95-1M3.91 6.24H8.8v6.38H2.93ZM8.92 27A3 3 0 0 1 6 24.71a2.9 2.9 0 0 1-.12-.83 3.1 3.1 0 0 1 .25-1.22 3 3 0 0 1 5.53 0 3.3 3.3 0 0 1 .24 1.22 3.3 3.3 0 0 1-.11.83A3 3 0 0 1 8.92 27M23 27a3 3 0 0 1-2.89-2.24 2.9 2.9 0 0 1-.12-.83 3.1 3.1 0 0 1 .25-1.22 3 3 0 0 1 5.53 0 3.3 3.3 0 0 1 .23 1.17 3.3 3.3 0 0 1-.11.83A3 3 0 0 1 23 27m4.87-4.29a5 5 0 0 0-9.74 0H13.8a5 5 0 0 0-9.75 0H2v-8h7.8a1 1 0 0 0 1-1V5.05H30v17.61Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { VanIcon };

package/dist/components/Icon/WarningIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const WarningIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const WarningIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "warning", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "warning",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { WarningIcon };

package/dist/components/Icon/WriteIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const WriteIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const WriteIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "write", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "write",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { WriteIcon };

package/dist/components/Image/Image.js

@@ -1,4 +1,3 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getContentfulParams = (src, width, height) => {
@@ -21,8 +20,7 @@ const getContentfulParams = (src, width, height) => {
         width: (_b = url.searchParams.get("w")) !== null && _b !== void 0 ? _b : width,
     };
 };
-const Image = (_a) => {
-    var { alt, crop, height, src, width = "640" } = _a, props = __rest(_a, ["alt", "crop", "height", "src", "width"]);
+const Image = ({ alt, crop, height, src, width = "640", ...props }) => {
     let params = { height, src, width };
     if (src.includes("images.ctfassets.net")) {
         params = getContentfulParams(src, width, height);
@@ -32,7 +30,7 @@ const Image = (_a) => {
         height: params.height,
         width: params.width,
     };
-    return (jsx("picture", { children: jsx("img", Object.assign({ alt: alt, loading: "lazy", src: params.src }, dimensions, props)) }));
+    return (jsx("picture", { children: jsx("img", { alt: alt, loading: "lazy", src: params.src, ...dimensions, ...props }) }));
 };
 
 export { Image, Image as default };

package/dist/components/Pill/Pill.js

@@ -1,18 +1,21 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React from 'react';
 import { bgPropToClass } from '../../utils/index.js';
 
-const Pill = (_a) => {
-    var { as, background = "tint-grey", badge, badgeBackground = "offer-red", children, className, href, size = "md" } = _a, props = __rest(_a, ["as", "background", "badge", "badgeBackground", "children", "className", "href", "size"]);
+const Pill = ({ as, background = "tint-grey", badge, badgeBackground = "offer-red", children, className, href, size = "md", ...props }) => {
     let element = href ? "a" : "span";
     if (as) {
         element = as;
     }
-    const componentProps = Object.assign({ className: clsx("coop-pill", bgPropToClass(background, className), className), "data-size": size.length && size !== "md" ? size : undefined, href }, props);
+    const componentProps = {
+        className: clsx("coop-pill", bgPropToClass(background, className), className),
+        "data-size": size.length && size !== "md" ? size : undefined,
+        href,
+        ...props,
+    };
     const finalChildren = badge ? (jsxs(Fragment, { children: [children, jsx("span", { className: clsx("coop-pill--badge", bgPropToClass(badgeBackground)), children: badge })] })) : (children);
-    return React.createElement(element, Object.assign({}, componentProps), finalChildren);
+    return React.createElement(element, { ...componentProps }, finalChildren);
 };
 
 export { Pill, Pill as default };

package/dist/components/SearchBox/SearchBox.js

@@ -1,4 +1,3 @@
-import { __rest, __awaiter } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React, { useState, useCallback, useId } from 'react';
@@ -9,22 +8,21 @@ const defaultButtonProps = {
     label: React.createElement(SearchIcon, { alt: "Search", stroke: "currentColor", strokeWidth: 2 }),
     loadingText: "",
 };
-const SearchBox = (_a) => {
-    var _b, _c;
-    var { action, "aria-placeholder": ariaPlaceholder, autoCapitalize = "off", autoComplete = "off", button = defaultButtonProps, className, label, labelVisible = false, name = "query", onSubmit, placeholder, size = "md", variant = "green" } = _a, props = __rest(_a, ["action", "aria-placeholder", "autoCapitalize", "autoComplete", "button", "className", "label", "labelVisible", "name", "onSubmit", "placeholder", "size", "variant"]);
+const SearchBox = ({ action, "aria-placeholder": ariaPlaceholder, autoCapitalize = "off", autoComplete = "off", button = defaultButtonProps, className, label, labelVisible = false, name = "query", onSubmit, placeholder, size = "md", variant = "green", ...props }) => {
+    var _a, _b;
     const [isPending, setIsPending] = useState(false);
-    const handleSubmit = useCallback((event) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleSubmit = useCallback(async (event) => {
         event.preventDefault();
         if (isPending || !onSubmit)
             return;
         setIsPending(true);
         try {
-            yield Promise.resolve(onSubmit(event));
+            await Promise.resolve(onSubmit(event));
         }
         finally {
             setIsPending(false);
         }
-    }), [onSubmit, isPending]);
+    }, [onSubmit, isPending]);
     const id = useId();
     const formProps = {
         action: action !== null && action !== void 0 ? action : undefined,
@@ -36,16 +34,21 @@ const SearchBox = (_a) => {
     const buttonProps = {
         className: button === null || button === void 0 ? void 0 : button.className,
         isLoading: isPending,
-        loadingText: (_b = button === null || button === void 0 ? void 0 : button.loadingText) !== null && _b !== void 0 ? _b : "",
+        loadingText: (_a = button === null || button === void 0 ? void 0 : button.loadingText) !== null && _a !== void 0 ? _a : "",
         size: size,
         variant: variant,
     };
-    const inputProps = Object.assign({ "aria-placeholder": (_c = placeholder !== null && placeholder !== void 0 ? placeholder : ariaPlaceholder) !== null && _c !== void 0 ? _c : undefined, autoCapitalize,
+    const inputProps = {
+        "aria-placeholder": (_b = placeholder !== null && placeholder !== void 0 ? placeholder : ariaPlaceholder) !== null && _b !== void 0 ? _b : undefined,
+        autoCapitalize,
         autoComplete,
         id,
         name,
-        placeholder, type: "search" }, props);
-    return (jsxs("form", Object.assign({}, formProps, { children: [jsx("label", { className: labelVisible ? "" : "sr-only", htmlFor: id, children: label }), jsxs("div", { className: "coop-search-box--inner", children: [jsx("input", Object.assign({}, inputProps)), jsx(Button, Object.assign({}, buttonProps, { children: button.label }))] })] })));
+        placeholder,
+        type: "search",
+        ...props,
+    };
+    return (jsxs("form", { ...formProps, children: [jsx("label", { className: labelVisible ? "" : "sr-only", htmlFor: id, children: label }), jsxs("div", { className: "coop-search-box--inner", children: [jsx("input", { ...inputProps }), jsx(Button, { ...buttonProps, children: button.label })] })] }));
 };
 
 export { SearchBox, SearchBox as default };

package/dist/components/Signpost/Signpost.js

@@ -1,18 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React from 'react';
 import { ChevronRightIcon } from '../Icon/ChevronRightIcon.js';
 import { Image } from '../Image/Image.js';
 
-const Signpost = (_a) => {
-    var { as, children, className, headingLevel = "h3", href, image } = _a, props = __rest(_a, ["as", "children", "className", "headingLevel", "href", "image"]);
+const Signpost = ({ as, children, className, headingLevel = "h3", href, image, ...props }) => {
     let element = "a";
     if (as) {
         element = as;
     }
-    const componentProps = Object.assign({ className: clsx("coop-signpost", className) }, props);
-    return (jsxs("div", Object.assign({}, componentProps, { children: [image && jsx(Image, Object.assign({ crop: "wide" }, image)), React.createElement(element, { href }, jsxs("div", { className: "coop-signpost--content", children: [React.createElement(headingLevel, { className: "coop-signpost--heading" }, children), jsx("span", { "aria-hidden": "true", className: "coop-signpost--icon", role: "presentation", children: jsx(ChevronRightIcon, {}) })] }))] })));
+    const componentProps = {
+        className: clsx("coop-signpost", className),
+        ...props,
+    };
+    return (jsxs("div", { ...componentProps, children: [image && jsx(Image, { crop: "wide", ...image }), React.createElement(element, { href }, jsxs("div", { className: "coop-signpost--content", children: [React.createElement(headingLevel, { className: "coop-signpost--heading" }, children), jsx("span", { "aria-hidden": "true", className: "coop-signpost--icon", role: "presentation", children: jsx(ChevronRightIcon, {}) })] }))] }));
 };
 
 export { Signpost, Signpost as default };

package/dist/components/SkipNav/SkipNav.js

@@ -1,20 +1,21 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 
 const defaultLinks = [{ href: "#main", label: "Skip to main content" }];
-const SkipNav = (_a) => {
-    var { className, isVisible = false, links = defaultLinks } = _a, props = __rest(_a, ["className", "isVisible", "links"]);
-    const componentProps = Object.assign({ className: clsx("coop-skip-nav", className) }, props);
+const SkipNav = ({ className, isVisible = false, links = defaultLinks, ...props }) => {
+    const componentProps = {
+        className: clsx("coop-skip-nav", className),
+        ...props,
+    };
     const navLinks = links.length > 0 ? links : defaultLinks;
-    return (jsx("nav", Object.assign({}, componentProps, { children: jsx("ul", { children: navLinks.map((link) => {
+    return (jsx("nav", { ...componentProps, children: jsx("ul", { children: navLinks.map((link) => {
                 const linkProps = {
                     "data-visible": isVisible,
                     href: link.href,
                     label: link.label,
                 };
-                return (jsx("li", { children: jsx("a", Object.assign({}, linkProps, { children: link.label })) }, link.href));
-            }) }) })));
+                return (jsx("li", { children: jsx("a", { ...linkProps, children: link.label }) }, link.href));
+            }) }) }));
 };
 
 export { SkipNav, SkipNav as default };

package/dist/components/Squircle/Squircle.js

@@ -1,12 +1,14 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { bgPropToClass } from '../../utils/index.js';
 
-const Squircle = (_a) => {
-    var { background = "offer-red", children, className, size = "lg" } = _a, props = __rest(_a, ["background", "children", "className", "size"]);
-    const componentProps = Object.assign({ className: clsx("coop-squircle", bgPropToClass(background, className), className), "data-size": size.length && size !== "lg" ? size : undefined }, props);
-    return (jsx("figure", Object.assign({}, componentProps, { children: jsx("figcaption", { children: children }) })));
+const Squircle = ({ background = "offer-red", children, className, size = "lg", ...props }) => {
+    const componentProps = {
+        className: clsx("coop-squircle", bgPropToClass(background, className), className),
+        "data-size": size.length && size !== "lg" ? size : undefined,
+        ...props,
+    };
+    return (jsx("figure", { ...componentProps, children: jsx("figcaption", { children: children }) }));
 };
 
 export { Squircle, Squircle as default };

package/dist/components/Tag/Tag.js

@@ -1,16 +1,18 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React from 'react';
 import { bgPropToClass } from '../../utils/index.js';
 
-const Tag = (_a) => {
-    var { as, background = "tint-grey", children, className, href } = _a, props = __rest(_a, ["as", "background", "children", "className", "href"]);
+const Tag = ({ as, background = "tint-grey", children, className, href, ...props }) => {
     let element = href ? "a" : "span";
-    const componentProps = Object.assign({ className: clsx("coop-tag", bgPropToClass(background, className), className), href }, props);
+    const componentProps = {
+        className: clsx("coop-tag", bgPropToClass(background, className), className),
+        href,
+        ...props,
+    };
     if (as) {
         element = as;
     }
-    return React.createElement(element, Object.assign({}, componentProps), children);
+    return React.createElement(element, { ...componentProps }, children);
 };
 
 export { Tag, Tag as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -78,7 +78,7 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^0.23.0"
+    "@coopdigital/styles": "^0.23.1"
   },
-  "gitHead": "47aa790f334257cc9b0316a53cb134c1b0bb602b"
+  "gitHead": "950ff3cadfa770aee2d7cde11aa8115e4720078e"
 }

package/dist/node_modules/tslib/tslib.es6.js

@@ -1,45 +0,0 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-export { __awaiter, __rest };