@coopdigital/react 0.19.1 → 0.19.3

package/src/components/Squircle/Squircle.tsx

@@ -1,9 +1,9 @@
-import type { JSX } from "react"
+import type { HTMLAttributes, JSX } from "react"
 
 import { bgPropToClass } from "../../../src/utils"
 import { CoopBlue, Green, OffersRed } from "../../types/colors"
 
-export interface SquircleProps {
+export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specifies the background color of the Squircle. */
   background?: OffersRed | CoopBlue | Green
   /** **(Optional)** Represents the content inside the Squircle component. It can be any valid JSX or string. */
@@ -14,10 +14,6 @@ export interface SquircleProps {
   size?: "sm" | "md" | "lg"
 }
 
-/**
- * Squircle to use on components like Cards, etc.
- */
-
 export const Squircle = ({
   background = "offers-red",
   children,

package/src/components/Tag/Tag.tsx

@@ -21,17 +21,6 @@ export interface TagProps extends HTMLAttributes<HTMLAnchorElement> {
   href?: string
 }
 
-/**
- * Tag is a simple component that is meant to communicate a brief message such as categories.
- *
- * It has similarities with Pill component but also has differences such as:
- * - Tag doesn't accept a badge option
- * - Tags have more rounded corners compared to Pill
- * - Tags are more compact compared to Pill
- * - Tag components should be used as tags to communicate brief message while Pill component is more versatile and has more styling options
- *
- */
-
 export const Tag = ({
   as,
   background = "tint-grey",