@coopdigital/react 0.19.4 → 0.19.5

package/dist/components/Pill/Pill.d.ts

@@ -1,6 +1,6 @@
 import type { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, JSX } from "react";
 import React from "react";
-import { Darks, OffersRed, Tints } from "../../types/colors";
+import { Darks, OfferRed, Tints } from "../../types/colors";
 export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
     /** **(Optional)** Specifies the custom element to override default `a` or `span`. */
     as?: React.FC<AnchorHTMLAttributes<HTMLElement>> | ForwardRefExoticComponent<any> | string;
@@ -9,7 +9,7 @@ export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
     /** **(Optional)** Specifies what text Pill should display on the badge. */
     badge?: string;
     /** **(Optional)** Specifies the badge background color from the available options. */
-    badgeBackground?: Darks | OffersRed;
+    badgeBackground?: Darks | OfferRed;
     /** **(Optional)** Represents the content inside the Pill component. It can be any valid JSX or string. */
     children?: React.ReactNode;
     /** **(Optional)** Receives any className to be applied to Pill component. */

package/dist/components/Pill/Pill.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { bgPropToClass } from '../../utils/index.js';
 
 const Pill = (_a) => {
-    var { as, background = "tint-grey", badge, badgeBackground = "offers-red", children, className = "", href, size = "md" } = _a, props = __rest(_a, ["as", "background", "badge", "badgeBackground", "children", "className", "href", "size"]);
+    var { as, background = "tint-grey", badge, badgeBackground = "offer-red", children, className = "", href, size = "md" } = _a, props = __rest(_a, ["as", "background", "badge", "badgeBackground", "children", "className", "href", "size"]);
     let element = href ? "a" : "span";
     if (as) {
         element = as;

package/dist/components/Squircle/Squircle.d.ts

@@ -1,8 +1,8 @@
 import type { HTMLAttributes, JSX } from "react";
-import { CoopBlue, Green, OffersRed } from "../../types/colors";
+import { BrandBlue, Green, OfferRed } from "../../types/colors";
 export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
     /** **(Optional)** Specifies the background color of the Squircle. */
-    background?: OffersRed | CoopBlue | Green;
+    background?: OfferRed | BrandBlue | Green;
     /** **(Optional)** Represents the content inside the Squircle component. It can be any valid JSX or string. */
     children?: React.ReactNode;
     /** **(Optional)** Receives any className to be applied to Squircle component. */

package/dist/components/Squircle/Squircle.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { bgPropToClass } from '../../utils/index.js';
 
 const Squircle = (_a) => {
-    var { background = "offers-red", children, className, size = "lg" } = _a, props = __rest(_a, ["background", "children", "className", "size"]);
+    var { background = "offer-red", children, className, size = "lg" } = _a, props = __rest(_a, ["background", "children", "className", "size"]);
     const componentProps = Object.assign({ className: `coop-squircle ${bgPropToClass(background, className)} ${className !== null && className !== void 0 ? className : ""}`, "data-size": size.length && size !== "lg" ? size : undefined }, props);
     return (jsx("figure", Object.assign({}, componentProps, { children: jsx("figcaption", { children: children }) })));
 };

package/dist/types/colors.d.ts

@@ -5,7 +5,7 @@ export type Greys = "dark-grey" | "mid-dark-grey" | "mid-grey" | "mid-light-grey
 export type White = "white";
 export type Black = "black";
 export type None = "none";
-export type CoopBlue = "coop-blue";
-export type OffersRed = "offers-red";
+export type BrandBlue = "brand-blue";
+export type OfferRed = "offer-red";
 export type Green = "green";
 export type Blue = "blue";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "0.19.4",
+  "version": "0.19.5",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -50,7 +50,7 @@
   "description": "",
   "devDependencies": {
     "@axe-core/playwright": "^4.10.1",
-    "@coopdigital/styles": "^0.16.4",
+    "@coopdigital/styles": "^0.16.5",
     "@playwright/test": "^1.52.0",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
@@ -75,5 +75,5 @@
   "dependencies": {
     "clsx": "^2.1.1"
   },
-  "gitHead": "7d7bc474a5da58c536c9579eec660106366f73ee"
+  "gitHead": "75fa676ceb3961f9de1052ebf2b80af2ab8a1663"
 }

package/src/components/Pill/Pill.tsx

@@ -4,7 +4,7 @@ import clsx from "clsx"
 import React from "react"
 
 import { bgPropToClass } from "../../../src/utils"
-import { Darks, OffersRed, Tints } from "../../types/colors"
+import { Darks, OfferRed, Tints } from "../../types/colors"
 
 export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specifies the custom element to override default `a` or `span`. */
@@ -15,7 +15,7 @@ export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specifies what text Pill should display on the badge. */
   badge?: string
   /** **(Optional)** Specifies the badge background color from the available options. */
-  badgeBackground?: Darks | OffersRed
+  badgeBackground?: Darks | OfferRed
   /** **(Optional)** Represents the content inside the Pill component. It can be any valid JSX or string. */
   children?: React.ReactNode
   /** **(Optional)** Receives any className to be applied to Pill component. */
@@ -30,7 +30,7 @@ export const Pill = ({
   as,
   background = "tint-grey",
   badge,
-  badgeBackground = "offers-red",
+  badgeBackground = "offer-red",
   children,
   className = "",
   href,

package/src/components/Squircle/Squircle.tsx

@@ -1,11 +1,11 @@
 import type { HTMLAttributes, JSX } from "react"
 
 import { bgPropToClass } from "../../../src/utils"
-import { CoopBlue, Green, OffersRed } from "../../types/colors"
+import { BrandBlue, Green, OfferRed } from "../../types/colors"
 
 export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specifies the background color of the Squircle. */
-  background?: OffersRed | CoopBlue | Green
+  background?: OfferRed | BrandBlue | Green
   /** **(Optional)** Represents the content inside the Squircle component. It can be any valid JSX or string. */
   children?: React.ReactNode
   /** **(Optional)** Receives any className to be applied to Squircle component. */
@@ -15,7 +15,7 @@ export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const Squircle = ({
-  background = "offers-red",
+  background = "offer-red",
   children,
   className,
   size = "lg",

package/src/types/colors.ts

@@ -35,7 +35,7 @@ export type Greys = "dark-grey" | "mid-dark-grey" | "mid-grey" | "mid-light-grey
 export type White = "white"
 export type Black = "black"
 export type None = "none"
-export type CoopBlue = "coop-blue"
-export type OffersRed = "offers-red"
+export type BrandBlue = "brand-blue"
+export type OfferRed = "offer-red"
 export type Green = "green"
 export type Blue = "blue"