@coopdigital/react 1.19.0 → 1.20.0

package/src/components/Radio/Radio.tsx

@@ -2,8 +2,8 @@
 import clsx from "clsx"
 import { type InputHTMLAttributes, type JSX, Ref } from "react"
 
-import { StandardSizes } from "../../types"
-import { useField } from "../Field/Field.context"
+import { useField } from "@/components/Field/Field.context"
+import { StandardSizes } from "@/types"
 
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */

package/src/components/Searchbox/Searchbox.context.tsx

@@ -1,6 +1,6 @@
 import { createContext, RefObject, useContext } from "react"
 
-import { StandardSizes } from "../../types"
+import { StandardSizes } from "@/types"
 
 interface SearchboxContextValue {
   buttonId?: string

package/src/components/Searchbox/Searchbox.tsx

@@ -5,16 +5,15 @@ import type { FormHTMLAttributes, JSX, RefObject } from "react"
 import clsx from "clsx"
 import React, { useCallback, useState } from "react"
 
-import { useId } from "../../hooks/useId"
-import { useSlots } from "../../hooks/useSlots"
-import { StandardSizes } from "../../types"
-import { getSlotProp, hasUserBorder } from "../../utils"
-import { Button, type ButtonProps } from "../Button"
-import Field from "../Field"
-import { FieldLabel } from "../Field/Field"
-import { SearchIcon } from "../icons"
-import TextInput, { TextInputProps } from "../TextInput"
-import { SearchboxContext, useSearchbox } from "./Searchbox.context"
+import { Button, type ButtonProps } from "@/components/Button"
+import { Field, FieldLabel } from "@/components/Field"
+import { SearchIcon } from "@/components/icons"
+import { SearchboxContext, useSearchbox } from "@/components/Searchbox/Searchbox.context"
+import TextInput, { TextInputProps } from "@/components/TextInput"
+import { useId } from "@/hooks/useId"
+import { useSlots } from "@/hooks/useSlots"
+import { StandardSizes } from "@/types"
+import { getSlotProp, hasUserBorder } from "@/utils"
 
 export interface SearchboxProps extends FormHTMLAttributes<HTMLFormElement> {
   /** **(Optional)** Specify a server endpoint to submit the form. Will be ignored if onSubmit is also set. */

package/src/components/Select/Select.tsx

@@ -10,8 +10,8 @@ import type {
 
 import clsx from "clsx"
 
-import { StandardSizes } from "../../../src/types"
-import { useField } from "../Field/Field.context"
+import { useField } from "@/components/Field/Field.context"
+import { StandardSizes } from "@/types"
 
 export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
   /** **(Optional)** Options inside the Select. This should be a set of `Select.Option` or `Select.OptionGroup` components.  */

package/src/components/Signpost/Signpost.tsx

@@ -3,8 +3,8 @@ import type { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react"
 import clsx from "clsx"
 import React from "react"
 
-import { ChevronRightIcon } from "../icons"
-import { Image, ImageProps } from "../Image"
+import { ChevronRightIcon } from "@/components/icons"
+import { Image, ImageProps } from "@/components/Image"
 
 export interface SignpostProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify a custom element to override default `a`. */
@@ -46,7 +46,7 @@ const Signpost = ({
 
   return (
     <div {...componentProps} ref={ref}>
-      {image && <Image crop="wide" {...image} />}
+      {image && <Image {...image} />}
       {React.createElement(
         element,
         { href },

package/src/components/Squircle/Squircle.tsx

@@ -2,7 +2,8 @@ import type { HTMLAttributes, JSX, Ref } from "react"
 
 import clsx from "clsx"
 
-import { hasUserBg } from "../../../src/utils"
+import { hasUserBg } from "@/utils"
+
 export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
   children?: React.ReactNode

package/src/components/Tag/Tag.tsx

@@ -3,7 +3,7 @@ import type { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react"
 import clsx from "clsx"
 import React from "react"
 
-import { hasUserBg } from "../../../src/utils"
+import { hasUserBg } from "@/utils"
 
 export interface TagProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specify a custom element to override default `a` or `span`. */

package/src/components/TextInput/TextInput.tsx

@@ -3,8 +3,8 @@ import type { InputHTMLAttributes, JSX, Ref } from "react"
 
 import clsx from "clsx"
 
-import { StandardSizes } from "../../../src/types"
-import { useField } from "../Field/Field.context"
+import { useField } from "@/components/Field/Field.context"
+import { StandardSizes } from "@/types"
 
 export interface TextInputProps extends Omit<
   InputHTMLAttributes<HTMLInputElement>,

package/src/components/Textarea/Textarea.tsx

@@ -5,9 +5,9 @@ import type { ChangeEvent, JSX, Ref, TextareaHTMLAttributes } from "react"
 import clsx from "clsx"
 import { useState } from "react"
 
-import { useDebounce } from "../../hooks/useDebounce"
-import { StandardSizes } from "../../types"
-import { useField } from "../Field/Field.context"
+import { useField } from "@/components/Field/Field.context"
+import { useDebounce } from "@/hooks/useDebounce"
+import { StandardSizes } from "@/types"
 
 const DEBOUNCE_DELAY = 750
 

package/src/components/ValidationSummary/ValidationSummary.tsx

@@ -7,8 +7,11 @@ import clsx from "clsx"
 import mergeRefs from "merge-refs"
 import React, { useEffect, useRef } from "react"
 
-import { useSlots } from "../../hooks/useSlots"
-import { getFieldElement, sanitizeFieldId } from "./validationsummary-utils"
+import {
+  getFieldElement,
+  sanitizeFieldId,
+} from "@/components/ValidationSummary/validationsummary-utils"
+import { useSlots } from "@/hooks/useSlots"
 
 export interface ValidationSummaryProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify if the summary should be focused and the parent form scrolled into view if there are errors.

package/src/components/icons/AccountCircleFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AccountCircleIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AccountFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AccountIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AddIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AppsFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/AppsIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ArrowDownIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ArrowLeftIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ArrowRightIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ArrowUpIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BackspaceFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BackspaceIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BasketFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BasketIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BellFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BellIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/BroomIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CalendarFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CalendarIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CashFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CashIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ChevronDownIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ChevronLeftIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ChevronRightIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ChevronUpIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CircleBurgerFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CircleBurgerIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ClipboardFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ClipboardIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ClockFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ClockIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CloseAltFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CloseAltIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CogIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CommunityFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CommunityIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ComputerIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ContactFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ContactIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ContactlessFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ContactlessIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CoopLiveIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CoopLocationFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CoopLogoIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CoopMembershipCardFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/CreditCardFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string