@coopdigital/react 1.10.2 → 1.12.0

package/src/components/icons/BackspaceIcon.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 BackspaceIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BackspaceIcon = ({
+  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/BasketFilledIcon.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 BasketFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BasketFilledIcon = ({
+  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/BasketIcon.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 BasketIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BasketIcon = ({ 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/BellFilledIcon.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 BellFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BellFilledIcon = ({
+  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/BellIcon.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 BellIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BellIcon = ({ 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/BroomIcon.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 BroomIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const BroomIcon = ({ 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/CalendarFilledIcon.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 CalendarFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CalendarFilledIcon = ({
+  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/CalendarIcon.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 CalendarIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CalendarIcon = ({
+  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/CashFilledIcon.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 CashFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CashFilledIcon = ({
+  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/CashIcon.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 CashIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CashIcon = ({ 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/ChevronDownIcon.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 ChevronDownIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ChevronDownIcon = ({
+  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/ChevronLeftIcon.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 ChevronLeftIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ChevronLeftIcon = ({
+  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/ChevronRightIcon.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 ChevronRightIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ChevronRightIcon = ({
+  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/ChevronUpIcon.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 ChevronUpIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ChevronUpIcon = ({
+  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/CircleBurgerFilledIcon.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 CircleBurgerFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CircleBurgerFilledIcon = ({
+  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/CircleBurgerIcon.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 CircleBurgerIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CircleBurgerIcon = ({
+  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/ClipboardFilledIcon.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 ClipboardFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ClipboardFilledIcon = ({
+  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/ClipboardIcon.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 ClipboardIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ClipboardIcon = ({
+  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/ClockFilledIcon.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 ClockFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ClockFilledIcon = ({
+  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/ClockIcon.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 ClockIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ClockIcon = ({ 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/CloseAltFilledIcon.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 CloseAltFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CloseAltFilledIcon = ({
+  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/CloseAltIcon.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 CloseAltIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CloseAltIcon = ({
+  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/CogIcon.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 CogIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CogIcon = ({ 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/CommunityFilledIcon.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 CommunityFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CommunityFilledIcon = ({
+  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/CommunityIcon.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 CommunityIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const CommunityIcon = ({
+  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/ComputerIcon.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 ComputerIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ComputerIcon = ({
+  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/ContactFilledIcon.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 ContactFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ContactFilledIcon = ({
+  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/ContactIcon.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 ContactIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ContactIcon = ({
+  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/ContactlessFilledIcon.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 ContactlessFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ContactlessFilledIcon = ({
+  alt,
+  className,
+  fill,
+  id,
+  ref,
+  ...props
+}: IconProps): JSX.Element => {
   const uid = useId(id)
   const componentProps = {
     "aria-labelledby": alt ? uid + "__title" : undefined,