@coopdigital/react 1.9.0 → 1.10.0

package/dist/components/Pill/Pill.js

@@ -8,12 +8,12 @@ const componentSlots = {
     Children: null,
     PillBadge: null,
 };
-const Pill = ({ as, children, className, href, ref, size = "md", ...props }) => {
+const Pill = ({ as, children, className, href, ref, size, ...props }) => {
     const element = as !== null && as !== void 0 ? as : (href ? "a" : "span");
     const slots = useSlots(componentSlots, children);
     const componentProps = {
         className: clsx("coop-pill", !hasUserBg(className) && "bg-tint-grey", className),
-        "data-size": size.length && size !== "md" ? size : undefined,
+        "data-size": (size === null || size === void 0 ? void 0 : size.length) ? size : undefined,
         href,
         ...props,
     };

package/dist/components/Tag/Tag.js

@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import React from 'react';
 import { hasUserBg } from '../../utils/index.js';
 
-const Tag = ({ as, children, className, href, ref, size = "md", ...props }) => {
+const Tag = ({ as, children, className, href, ref, size, ...props }) => {
     const element = as !== null && as !== void 0 ? as : (href ? "a" : "span");
     const componentProps = {
         className: clsx("coop-tag", !hasUserBg(className) && "bg-tint-grey", className),
-        "data-size": size.length && size !== "md" ? size : undefined,
+        "data-size": (size === null || size === void 0 ? void 0 : size.length) ? size : undefined,
         href,
         ...props,
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -100,11 +100,11 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.6.0",
+    "@coopdigital/styles": "^1.7.0",
     "@radix-ui/react-popover": "^1.1.17",
     "clsx": "^2.1.1",
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.1"
   },
-  "gitHead": "11857739418628c781dd2df457cc7365505e25f8"
+  "gitHead": "9617cab1d149ce04be999b407f9128204dfc7edd"
 }

package/src/components/Pill/Pill.tsx

@@ -9,7 +9,7 @@ import { hasUserBg } from "../../utils"
 
 export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specify a custom element to override default `a` or `span`. */
-  // oxlint-disable-next-line typecscript/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   as?: React.FC<any> | ForwardRefExoticComponent<any> | string
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
   children?: React.ReactNode
@@ -35,22 +35,14 @@ const componentSlots = {
   PillBadge: null,
 }
 
-const Pill = ({
-  as,
-  children,
-  className,
-  href,
-  ref,
-  size = "md",
-  ...props
-}: PillProps): JSX.Element => {
+const Pill = ({ as, children, className, href, ref, size, ...props }: PillProps): JSX.Element => {
   const element: PillProps["as"] = as ?? (href ? "a" : "span")
 
   const slots = useSlots(componentSlots, children)
 
   const componentProps = {
     className: clsx("coop-pill", !hasUserBg(className) && "bg-tint-grey", className),
-    "data-size": size.length && size !== "md" ? size : undefined,
+    "data-size": size?.length ? size : undefined,
     href,
     ...props,
   }

package/src/components/Tag/Tag.tsx

@@ -21,20 +21,12 @@ export interface TagProps extends HTMLAttributes<HTMLAnchorElement> {
   size?: "sm" | "md"
 }
 
-const Tag = ({
-  as,
-  children,
-  className,
-  href,
-  ref,
-  size = "md",
-  ...props
-}: TagProps): JSX.Element => {
+const Tag = ({ as, children, className, href, ref, size, ...props }: TagProps): JSX.Element => {
   const element: TagProps["as"] = as ?? (href ? "a" : "span")
 
   const componentProps = {
     className: clsx("coop-tag", !hasUserBg(className) && "bg-tint-grey", className),
-    "data-size": size.length && size !== "md" ? size : undefined,
+    "data-size": size?.length ? size : undefined,
     href,
     ...props,
   }