@coopdigital/react 1.5.1 → 1.6.0

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

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

package/dist/components/icons/WarningCircleFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const WarningCircleFilledIcon = ({ 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-circle-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 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m0-11.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 16 8.5", fillRule: "evenodd" })] }));
+};
+
+export { WarningCircleFilledIcon };

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

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

package/dist/components/icons/WarningCircleIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const WarningCircleIcon = ({ 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-circle",
+        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 17.5a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 3 0v6a1.5 1.5 0 0 1-1.5 1.5M16 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" }), jsx("path", { clipRule: "evenodd", d: "M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m0-2c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12", fillRule: "evenodd" })] }));
+};
+
+export { WarningCircleIcon };

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

@@ -101,6 +101,8 @@ export { TruckIcon } from "./TruckIcon";
 export { UserWipeIcon } from "./UserWipeIcon";
 export { VoucherFilledIcon } from "./VoucherFilledIcon";
 export { VoucherIcon } from "./VoucherIcon";
+export { WarningCircleFilledIcon } from "./WarningCircleFilledIcon";
+export { WarningCircleIcon } from "./WarningCircleIcon";
 export { WarningFilledIcon } from "./WarningFilledIcon";
 export { WarningIcon } from "./WarningIcon";
 export { WifiIcon } from "./WifiIcon";

package/dist/components/icons/index.js

@@ -101,6 +101,8 @@ export { TruckIcon } from './TruckIcon.js';
 export { UserWipeIcon } from './UserWipeIcon.js';
 export { VoucherFilledIcon } from './VoucherFilledIcon.js';
 export { VoucherIcon } from './VoucherIcon.js';
+export { WarningCircleFilledIcon } from './WarningCircleFilledIcon.js';
+export { WarningCircleIcon } from './WarningCircleIcon.js';
 export { WarningFilledIcon } from './WarningFilledIcon.js';
 export { WarningIcon } from './WarningIcon.js';
 export { WifiIcon } from './WifiIcon.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -91,5 +91,5 @@
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.0"
   },
-  "gitHead": "002d135011d4864e286bc1f8e7f0e23a394e5e33"
+  "gitHead": "b4a030edd096225e6115ad784285b1a3003ba31b"
 }

package/src/components/icons/WarningCircleFilledIcon.tsx

@@ -0,0 +1,32 @@
+import clsx from "clsx"
+import { type SVGProps } from "react"
+
+import { useId } from "../../hooks/useId"
+
+interface IconProps extends SVGProps<SVGSVGElement> {
+  alt?: string
+}
+
+export const WarningCircleFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+  const uid = useId(id)
+  const componentProps = {
+    "aria-labelledby": alt ? uid + "__title" : undefined,
+    className: clsx("coop-icon", className),
+    "data-icon": "warning-circle-filled",
+    fill: fill ?? "currentColor",
+    id: uid,
+    role: alt ? "img" : undefined,
+    viewBox: "0 0 32 32",
+    ...props,
+  }
+  return (
+    <svg {...componentProps} ref={ref}>
+      {alt ? <title id={uid + "__title"}>{alt}</title> : null}
+      <path
+        clipRule="evenodd"
+        d="M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m0-11.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 16 8.5"
+        fillRule="evenodd"
+      />
+    </svg>
+  )
+}

package/src/components/icons/WarningCircleIcon.tsx

@@ -0,0 +1,33 @@
+import clsx from "clsx"
+import { type SVGProps } from "react"
+
+import { useId } from "../../hooks/useId"
+
+interface IconProps extends SVGProps<SVGSVGElement> {
+  alt?: string
+}
+
+export const WarningCircleIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+  const uid = useId(id)
+  const componentProps = {
+    "aria-labelledby": alt ? uid + "__title" : undefined,
+    className: clsx("coop-icon", className),
+    "data-icon": "warning-circle",
+    fill: fill ?? "currentColor",
+    id: uid,
+    role: alt ? "img" : undefined,
+    viewBox: "0 0 32 32",
+    ...props,
+  }
+  return (
+    <svg {...componentProps} ref={ref}>
+      {alt ? <title id={uid + "__title"}>{alt}</title> : null}
+      <path d="M16 17.5a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 3 0v6a1.5 1.5 0 0 1-1.5 1.5M16 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
+      <path
+        clipRule="evenodd"
+        d="M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m0-2c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12"
+        fillRule="evenodd"
+      />
+    </svg>
+  )
+}

package/src/components/icons/index.ts

@@ -101,6 +101,8 @@ export { TruckIcon } from "./TruckIcon"
 export { UserWipeIcon } from "./UserWipeIcon"
 export { VoucherFilledIcon } from "./VoucherFilledIcon"
 export { VoucherIcon } from "./VoucherIcon"
+export { WarningCircleFilledIcon } from "./WarningCircleFilledIcon"
+export { WarningCircleIcon } from "./WarningCircleIcon"
 export { WarningFilledIcon } from "./WarningFilledIcon"
 export { WarningIcon } from "./WarningIcon"
 export { WifiIcon } from "./WifiIcon"