@coopdigital/react 1.5.0 → 1.6.0

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

@@ -2,5 +2,5 @@ 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 declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react").JSX.Element;
 export {};

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

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

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.0",
+  "version": "1.6.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -62,19 +62,19 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.11.3",
     "@playwright/test": "^1.60.0",
-    "@storybook/addon-a11y": "^10.4.1",
-    "@storybook/addon-docs": "^10.4.1",
-    "@storybook/addon-onboarding": "^10.4.1",
-    "@storybook/react-vite": "^10.4.1",
+    "@storybook/addon-a11y": "^10.4.4",
+    "@storybook/addon-docs": "^10.4.4",
+    "@storybook/addon-onboarding": "^10.4.4",
+    "@storybook/react-vite": "^10.4.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/react": "^19.2.15",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "resize-observer-polyfill": "^1.5.1",
     "serve": "^14.2.6",
-    "storybook": "^10.4.1",
+    "storybook": "^10.4.4",
     "storybook-addon-tag-badges": "^3.1.0"
   },
   "peerDependencies": {
@@ -85,11 +85,11 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.3.2",
+    "@coopdigital/styles": "^1.3.3",
     "@radix-ui/react-popover": "^1.1.15",
     "clsx": "^2.1.1",
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.0"
   },
-  "gitHead": "15c4578e9debb09061027e27e0d6772c2c918d96"
+  "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"