@coopdigital/react 1.10.1 → 1.11.0

package/src/components/icons/StarFilledIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const StarFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const StarFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,
@@ -24,7 +32,7 @@ export const StarFilledIcon = ({ alt, className, fill, id, ref, ...props }: Icon
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
         d="M19.183 10.63a1 1 0 0 0 .951.695h7.323c.968 0 1.371 1.238.589 1.808l-5.952 4.333a1 1 0 0 0-.364 1.113l2.202 6.881c.295.92-.756 1.681-1.538 1.115l-5.811-4.204a1 1 0 0 0-1.167-.004L9.558 26.55c-.786.561-1.832-.207-1.532-1.125l2.239-6.844a1 1 0 0 0-.361-1.119l-5.93-4.33c-.781-.57-.378-1.807.59-1.807h7.302a1 1 0 0 0 .951-.694l2.23-6.932c.298-.925 1.607-.925 1.904 0z"
-        strokeWidth="2"
+        stroke-width="2"
       />
     </svg>
   )

package/src/components/icons/StarIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const StarIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const StarIcon = ({ alt, className, fill, id, ref, ...props }: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/TickAltFilledIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const TickAltFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const TickAltFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,
@@ -23,9 +31,9 @@ export const TickAltFilledIcon = ({ alt, className, fill, id, ref, ...props }: I
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clipRule="evenodd"
+        clip-rule="evenodd"
         d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.707-17.707a1 1 0 0 0-1.414 0L14 18.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 0 0 0-1.414"
-        fillRule="evenodd"
+        fill-rule="evenodd"
       />
     </svg>
   )

package/src/components/icons/TickAltIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const TickAltIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const TickAltIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/TickIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const TickIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const TickIcon = ({ alt, className, fill, id, ref, ...props }: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/TruckIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const TruckIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const TruckIcon = ({ alt, className, fill, id, ref, ...props }: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/UserWipeIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const UserWipeIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const UserWipeIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/VoucherFilledIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const VoucherFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const VoucherFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/VoucherIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const VoucherIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const VoucherIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/WarningCircleFilledIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WarningCircleFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WarningCircleFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,
@@ -23,9 +31,9 @@ export const WarningCircleFilledIcon = ({ alt, className, fill, id, ref, ...prop
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clipRule="evenodd"
+        clip-rule="evenodd"
         d="M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m0-11.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 16 8.5"
-        fillRule="evenodd"
+        fill-rule="evenodd"
       />
     </svg>
   )

package/src/components/icons/WarningCircleIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WarningCircleIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WarningCircleIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,
@@ -24,9 +32,9 @@ export const WarningCircleIcon = ({ alt, className, fill, id, ref, ...props }: I
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path d="M16 17.5a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 3 0v6a1.5 1.5 0 0 1-1.5 1.5M16 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
       <path
-        clipRule="evenodd"
+        clip-rule="evenodd"
         d="M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m0-2c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12"
-        fillRule="evenodd"
+        fill-rule="evenodd"
       />
     </svg>
   )

package/src/components/icons/WarningFilledIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WarningFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WarningFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/WarningIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,14 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WarningIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WarningIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/WifiIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WifiIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WifiIcon = ({ alt, className, fill, id, ref, ...props }: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/components/icons/WriteIcon.tsx

@@ -1,5 +1,6 @@
+import type { JSX, SVGProps } from "react"
+
 import clsx from "clsx"
-import { type SVGProps } from "react"
 
 import { useId } from "../../hooks/useId"
 
@@ -7,7 +8,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
 }
 
-export const WriteIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const WriteIcon = ({ alt, className, fill, id, ref, ...props }: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,

package/src/hooks/useSlots.ts

@@ -8,7 +8,7 @@ export function isKey<T extends object>(x: T, k: PropertyKey): k is keyof T {
   return k in x
 }
 
-// oxlint-disable-next-line typecscript/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 export function isLazy<T extends React.ComponentType<any>>(
   type: unknown
 ): type is LazyComponent<T> {

package/src/types/index.ts

@@ -13,11 +13,12 @@ export interface LazyPayload<T> {
   default: T
 }
 
-// oxlint-disable-next-line typecscript/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 export interface LazyComponent<T extends React.ComponentType<any>> {
   _init: (payload: unknown) => T
   _payload: Promise<LazyPayload<T>> | LazyPayload<T>
   $$typeof: typeof REACT_LAZY_TYPE
 }
 
-export const REACT_LAZY_TYPE = Symbol.for("react.lazy")
+// oxlint-disable-next-line typescript/no-explicit-any
+export const REACT_LAZY_TYPE: any = Symbol.for("react.lazy")

package/dist/components/Button/index.js

@@ -1,5 +0,0 @@
-import { Button } from './Button.js';
-
-
-
-export { Button, Button as default };

package/dist/components/Popover/index.js

@@ -1,6 +0,0 @@
-import { Popover } from './Popover.js';
-export { PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './Popover.js';
-
-
-
-export { Popover, Popover as default };