@coopdigital/react 1.10.2 → 1.12.0

package/src/components/icons/InfoIcon.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 InfoIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const InfoIcon = ({ 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/KebabIcon.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 KebabIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const KebabIcon = ({ 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/LoadingIcon.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 LoadingIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const LoadingIcon = ({
+  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/LocationFilledIcon.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 LocationFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const LocationFilledIcon = ({
+  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/LocationIcon.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 LocationIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const LocationIcon = ({
+  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/LogoutIcon.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 LogoutIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const LogoutIcon = ({ 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/MailIcon.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 MailIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const MailIcon = ({ 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/MenuIcon.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 MenuIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const MenuIcon = ({ 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/MessageIcon.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 MessageIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const MessageIcon = ({
+  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/MinusIcon.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 MinusIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const MinusIcon = ({ 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/NotesFilledIcon.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 NotesFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const NotesFilledIcon = ({
+  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/NotesIcon.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 NotesIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const NotesIcon = ({ 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/OpenNewIcon.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 OpenNewIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const OpenNewIcon = ({
+  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/OwnBagIcon.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 OwnBagIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const OwnBagIcon = ({ 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/PadlockIcon.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 PadlockIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const PadlockIcon = ({
+  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/PencilIcon.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 PencilIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const PencilIcon = ({ 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/PhoneIcon.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 PhoneIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const PhoneIcon = ({ 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/PowerIcon.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 PowerIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const PowerIcon = ({ 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/SaveFilledIcon.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 SaveFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SaveFilledIcon = ({
+  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/SaveIcon.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 SaveIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SaveIcon = ({ 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/ScooterIcon.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 ScooterIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const ScooterIcon = ({
+  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/SearchFilledIcon.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 SearchFilledIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SearchFilledIcon = ({
+  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/SearchIcon.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 SearchIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SearchIcon = ({ 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/SendIcon.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 SendIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SendIcon = ({ 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/SpannerIcon.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 SpannerIcon = ({ alt, className, fill, id, ref, ...props }: IconProps) => {
+export const SpannerIcon = ({
+  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/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,

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,

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,