@coopdigital/react 0.19.0 → 0.19.2

package/src/index.ts

@@ -9,4 +9,5 @@ export * from "./components/RootSVG"
 export * from "./components/SearchBox"
 export * from "./components/Signpost"
 export * from "./components/SkipNav"
+export * from "./components/Squircle"
 export * from "./components/Tag"

package/src/types/colors.ts

@@ -0,0 +1,41 @@
+export type Darks =
+  | "dark-blue"
+  | "dark-yellow"
+  | "dark-green"
+  | "dark-lilac"
+  | "dark-orange"
+  | "dark-pink"
+  | "dark-purple"
+  | "dark-red"
+
+export type Tints =
+  | "tint-blue"
+  | "tint-brown"
+  | "tint-yellow"
+  | "tint-green"
+  | "tint-grey"
+  | "tint-lilac"
+  | "tint-orange"
+  | "tint-pink"
+  | "tint-purple"
+  | "tint-red"
+
+export type Lights =
+  | "light-blue"
+  | "light-yellow"
+  | "light-green"
+  | "light-lilac"
+  | "light-orange"
+  | "light-pink"
+  | "light-purple"
+  | "light-red"
+
+export type Greys = "dark-grey" | "mid-dark-grey" | "mid-grey" | "mid-light-grey" | "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 Green = "green"
+export type Blue = "blue"

package/src/types/react.d.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/consistent-indexed-object-style */
+declare module "react" {
+  interface CSSProperties {
+    [key: `--${string}`]: string | number | undefined;
+  }
+}
+
+export {};

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export const bgPropToClass = (color: string, userClasses?: string) =>
+  userClasses?.includes("bg-") ? "" : `bg-${color}`