@coopdigital/react 1.24.0 → 1.25.0

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -10,7 +10,7 @@ export interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
   /** Specify the component variant. */
-  variant?: "black" | "default";
+  variant?: "black" | "grey" | "default";
 }
 interface AlertBannerHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
   /** Content inside the component. */

package/dist/components/Fieldset/Fieldset.d.ts

@@ -1,4 +1,3 @@
-import { StandardSizes } from "../../types/index.js";
 import { ErrorProps } from "../FieldMarkers/Error.js";
 import { HintProps } from "../FieldMarkers/Hint.js";
 import { LegendProps } from "../FieldMarkers/Legend.js";
@@ -19,11 +18,9 @@ export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElemen
   hideErrorBar?: boolean;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLFieldSetElement>;
-  /** Specify the size of the component. Applies to all descendants. */
-  size?: StandardSizes;
 }
 declare const Fieldset: {
-  ({ children, className, disabled, error, hideErrorBar, ref, size, ...props }: FieldsetProps): JSX.Element;
+  ({ children, className, disabled, error, hideErrorBar, ref, ...props }: FieldsetProps): JSX.Element;
   slot: {
     name: string;
   };
@@ -34,7 +31,7 @@ declare const Fieldset: {
     };
   };
   Fields: {
-    ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
+    ({ children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
     slot: {
       name: string;
     };
@@ -53,8 +50,6 @@ declare const Fieldset: {
   };
 };
 interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
-  /** Specify whether all descendant Fields should render inside a box. */
-  boxed?: boolean;
   /** Content inside the component. */
   children?: React.ReactNode;
   /** Specify additional CSS classes. */
@@ -63,7 +58,7 @@ interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
   orientation?: "horizontal" | "vertical";
 }
 declare const FieldsetFields: {
-  ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
+  ({ children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
   slot: {
     name: string;
   };

package/dist/components/Fieldset/Fieldset.js

@@ -4,13 +4,12 @@ import { Legend } from "../FieldMarkers/Legend.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Fieldset/Fieldset.tsx
-const Fieldset = ({ children, className, disabled, error = false, hideErrorBar = false, ref, size, ...props }) => {
+const Fieldset = ({ children, className, disabled, error = false, hideErrorBar = false, ref, ...props }) => {
 	const componentProps = {
 		"aria-disabled": disabled,
 		className: clsx("coop-fieldset", className),
 		"data-error": error || void 0,
 		"data-hide-error": hideErrorBar || void 0,
-		"data-size": size ?? void 0,
 		disabled,
 		...props
 	};
@@ -20,10 +19,9 @@ const Fieldset = ({ children, className, disabled, error = false, hideErrorBar =
 		children
 	});
 };
-const FieldsetFields = ({ boxed = false, children, className, orientation = "vertical", ...props }) => {
+const FieldsetFields = ({ children, className, orientation = "vertical", ...props }) => {
 	const componentProps = {
 		className: clsx("coop-fieldset-fields", className),
-		"data-boxed": boxed || void 0,
 		"data-orientation": orientation !== "vertical" ? orientation : void 0,
 		...props
 	};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.24.0",
+  "version": "1.25.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -71,6 +71,7 @@
     "@playwright/test": "^1.63.0",
     "@storybook/addon-a11y": "^10.6.0",
     "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
     "@storybook/addon-onboarding": "^10.6.0",
     "@storybook/react-vite": "^10.6.0",
     "@testing-library/jest-dom": "^7.0.1",
@@ -106,7 +107,7 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.17.0",
+    "@coopdigital/styles": "^1.18.0",
     "@radix-ui/react-popover": "^1.1.23",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
@@ -115,5 +116,5 @@
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.1"
   },
-  "gitHead": "74c62ece6c7a4f0770bf52b466ccd98b36550233"
+  "gitHead": "f6b4f40d340e6382403d2d69a399b0a913e658c8"
 }

package/src/components/AlertBanner/AlertBanner.tsx

@@ -12,7 +12,7 @@ export interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>
   /** Specify the component variant. */
-  variant?: "black" | "default"
+  variant?: "black" | "grey" | "default"
 }
 
 interface AlertBannerHeadingProps extends HTMLAttributes<HTMLHeadingElement> {

package/src/components/Fieldset/Fieldset.tsx

@@ -4,7 +4,6 @@ import { type FieldsetHTMLAttributes, HTMLAttributes, type JSX, Ref } from "reac
 import { Error as BaseError, type ErrorProps } from "@/components/FieldMarkers/Error"
 import { Hint as BaseHint, type HintProps } from "@/components/FieldMarkers/Hint"
 import { Legend as BaseLegend, type LegendProps } from "@/components/FieldMarkers/Legend"
-import { StandardSizes } from "@/types"
 
 export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
   /** Content inside the component.
@@ -21,8 +20,6 @@ export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElemen
   hideErrorBar?: boolean
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLFieldSetElement>
-  /** Specify the size of the component. Applies to all descendants. */
-  size?: StandardSizes
 }
 const Fieldset = ({
   children,
@@ -31,7 +28,6 @@ const Fieldset = ({
   error = false,
   hideErrorBar = false,
   ref,
-  size,
   ...props
 }: FieldsetProps): JSX.Element => {
   const componentProps = {
@@ -39,7 +35,6 @@ const Fieldset = ({
     className: clsx("coop-fieldset", className),
     "data-error": error || undefined,
     "data-hide-error": hideErrorBar || undefined,
-    "data-size": size ?? undefined,
     disabled,
     ...props,
   }
@@ -52,8 +47,6 @@ const Fieldset = ({
 }
 
 interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
-  /** Specify whether all descendant Fields should render inside a box. */
-  boxed?: boolean
   /** Content inside the component. */
   children?: React.ReactNode
   /** Specify additional CSS classes. */
@@ -63,7 +56,6 @@ interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 const FieldsetFields = ({
-  boxed = false,
   children,
   className,
   orientation = "vertical",
@@ -71,7 +63,6 @@ const FieldsetFields = ({
 }: FieldsetFieldsProps): JSX.Element => {
   const componentProps = {
     className: clsx("coop-fieldset-fields", className),
-    "data-boxed": boxed || undefined,
     "data-orientation": orientation !== "vertical" ? orientation : undefined,
     ...props,
   }