@coopdigital/react 1.26.0 → 1.26.1

package/dist/components/Author/Author.js

@@ -12,7 +12,7 @@ const Author = ({ author = "Co-op team", className, date, datePrefix = "", image
 	};
 	const componentProps = {
 		className: clsx("coop-author", className),
-		"data-size": size?.length ? size : void 0,
+		"data-size": size ?? void 0,
 		...props
 	};
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,4 @@
+import { StandardSizes } from "../../types/index.js";
 import React, { ButtonHTMLAttributes, ForwardRefExoticComponent, JSX, Ref } from "react";
 //#region src/components/Button/Button.d.ts
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -25,7 +26,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLElement>;
   /** Specify the component size. */
-  size?: "sm" | "md" | "lg";
+  size?: StandardSizes;
   /** Specify the component variant. */
   variant?: "solid" | "ghost" | "text";
 }

package/dist/components/Combobox/Combobox.d.ts

@@ -1,3 +1,4 @@
+import { StandardSizes } from "../../types/index.js";
 import { ComboboxItem, ComboboxOption } from "./combobox-utils.js";
 import { TextInputProps } from "../TextInput/TextInput.js";
 import "../TextInput/index.js";
@@ -75,7 +76,7 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
   /** Specify the component size. */
-  size?: "sm" | "md" | "lg";
+  size?: StandardSizes;
 }
 export interface ComboboxControlsProps extends HTMLAttributes<HTMLDivElement> {
   /** Content inside the component.

package/dist/components/Pill/Pill.js

@@ -13,7 +13,7 @@ const Pill = ({ as, children, className, href, ref, size, ...props }) => {
 	const slots = useSlots(componentSlots, children);
 	const componentProps = {
 		className: clsx("coop-pill", !hasUserBg(className) && "bg-tint-grey", className),
-		"data-size": size?.length ? size : void 0,
+		"data-size": size ?? void 0,
 		href,
 		...props
 	};

package/dist/components/Section/Section.d.ts

@@ -6,11 +6,11 @@ export interface SectionProps extends HTMLAttributes<HTMLDivElement> {
    * Default: `<section>`
    */
   as?: React.FC<any> | string;
-  /** **(Optional)** Content inside the component. */
+  /** Content inside the component. */
   children?: ReactNode;
-  /** **(Optional)** Specify additional CSS classes. */
+  /** Specify additional CSS classes. */
   className?: string;
-  /** **(Optional)** Specify a custom React ref for this component. */
+  /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
 }
 export declare const Section: ({ as, children, className, ref, ...props }: SectionProps) => JSX.Element;

package/dist/components/Tag/Tag.js

@@ -6,7 +6,7 @@ const Tag = ({ as, children, className, href, ref, size, ...props }) => {
 	const element = as ?? (href ? "a" : "span");
 	const componentProps = {
 		className: clsx("coop-tag", !hasUserBg(className) && "bg-tint-grey", className),
-		"data-size": size?.length ? size : void 0,
+		"data-size": size ?? void 0,
 		href,
 		...props
 	};

package/dist/components/TextInput/TextInput.js

@@ -9,7 +9,7 @@ const TextInput = ({ className, disabled, error = false, fit = false, id, name,
 		className: clsx("coop-text-input", className),
 		"data-error": error || void 0,
 		"data-fit": fit || void 0,
-		"data-size": size?.length ? size : void 0,
+		"data-size": size ?? void 0,
 		disabled,
 		id: id ?? field?.id,
 		name,

package/dist/components/Wrapper/Wrapper.d.ts

@@ -6,11 +6,11 @@ export interface WrapperProps extends HTMLAttributes<HTMLDivElement> {
    * Default: `<div>`
    */
   as?: React.FC<any> | string;
-  /** **(Optional)** Content inside the component. */
+  /** Content inside the component. */
   children?: ReactNode;
-  /** **(Optional)** Specify additional CSS classes. */
+  /** Specify additional CSS classes. */
   className?: string;
-  /** **(Optional)** Specify a custom React ref for this component. */
+  /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
 }
 export declare const Wrapper: ({ as, children, className, ref, ...props }: WrapperProps) => JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.26.0",
+  "version": "1.26.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -116,5 +116,5 @@
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.1"
   },
-  "gitHead": "3835a0b5cd0562f01905240d8df20d4b042323db"
+  "gitHead": "d973a1436fe2245a6af205621b69762c3d7f7d09"
 }

package/src/components/Author/Author.tsx

@@ -43,7 +43,7 @@ const Author = ({
 
   const componentProps = {
     className: clsx("coop-author", className),
-    "data-size": size?.length ? size : undefined,
+    "data-size": size ?? undefined,
     ...props,
   }
   return (

package/src/components/Button/Button.tsx

@@ -6,6 +6,7 @@ import clsx from "clsx"
 import React, { useCallback, useState } from "react"
 
 import { LoadingSpinner } from "@/components/LoadingSpinner"
+import { StandardSizes } from "@/types"
 import { hasUserBg } from "@/utils"
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -34,7 +35,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLElement>
   /** Specify the component size. */
-  size?: "sm" | "md" | "lg"
+  size?: StandardSizes
   /** Specify the component variant. */
   variant?: "solid" | "ghost" | "text"
 }

package/src/components/Combobox/Combobox.tsx

@@ -25,6 +25,7 @@ import { useField } from "@/components/Field/Field.context"
 import { ChevronDownIcon } from "@/components/icons"
 import { TextInput, TextInputProps } from "@/components/TextInput"
 import { useSlots } from "@/hooks"
+import { StandardSizes } from "@/types"
 import { getSlotProp } from "@/utils"
 
 export interface ComboboxProps extends Omit<
@@ -101,7 +102,7 @@ export interface ComboboxProps extends Omit<
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>
   /** Specify the component size. */
-  size?: "sm" | "md" | "lg"
+  size?: StandardSizes
 }
 
 export interface ComboboxControlsProps extends HTMLAttributes<HTMLDivElement> {

package/src/components/Pill/Pill.tsx

@@ -47,7 +47,7 @@ const Pill = ({ as, children, className, href, ref, size, ...props }: PillProps)
 
   const componentProps = {
     className: clsx("coop-pill", !hasUserBg(className) && "bg-tint-grey", className),
-    "data-size": size?.length ? size : undefined,
+    "data-size": size ?? undefined,
     href,
     ...props,
   }

package/src/components/Section/Section.tsx

@@ -10,11 +10,11 @@ export interface SectionProps extends HTMLAttributes<HTMLDivElement> {
    */
   // oxlint-disable-next-line typescript/no-explicit-any
   as?: React.FC<any> | string
-  /** **(Optional)** Content inside the component. */
+  /** Content inside the component. */
   children?: ReactNode
-  /** **(Optional)** Specify additional CSS classes. */
+  /** Specify additional CSS classes. */
   className?: string
-  /** **(Optional)** Specify a custom React ref for this component. */
+  /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>
 }
 

package/src/components/Tag/Tag.tsx

@@ -29,7 +29,7 @@ const Tag = ({ as, children, className, href, ref, size, ...props }: TagProps):
 
   const componentProps = {
     className: clsx("coop-tag", !hasUserBg(className) && "bg-tint-grey", className),
-    "data-size": size?.length ? size : undefined,
+    "data-size": size ?? undefined,
     href,
     ...props,
   }

package/src/components/TextInput/TextInput.tsx

@@ -80,7 +80,7 @@ const TextInput = ({
     className: clsx("coop-text-input", className),
     "data-error": error || undefined,
     "data-fit": fit || undefined,
-    "data-size": size?.length ? size : undefined,
+    "data-size": size ?? undefined,
     disabled,
     id: id ?? field?.id,
     name,

package/src/components/Wrapper/Wrapper.tsx

@@ -10,11 +10,11 @@ export interface WrapperProps extends HTMLAttributes<HTMLDivElement> {
    */
   // oxlint-disable-next-line typescript/no-explicit-any
   as?: React.FC<any> | string
-  /** **(Optional)** Content inside the component. */
+  /** Content inside the component. */
   children?: ReactNode
-  /** **(Optional)** Specify additional CSS classes. */
+  /** Specify additional CSS classes. */
   className?: string
-  /** **(Optional)** Specify a custom React ref for this component. */
+  /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>
 }