@citygross/components 0.14.7 → 0.14.9

package/build/@types/components/Accordion/Accordion.d.ts

@@ -1,8 +1,9 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 export declare type TAccordion = {
     defaultOpen?: boolean;
+    hideBottomBorder?: boolean;
     id: string;
     onToggle?: (isOpen: boolean) => void;
     title: string;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Accordion: ({ children, defaultOpen, id, onToggle, title }: TAccordion) => JSX.Element;
+export declare const Accordion: ({ children, defaultOpen, hideBottomBorder, id, onToggle, title }: TAccordion) => React.JSX.Element;

package/build/@types/components/Accordion/Accordion.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import type { TAccordion } from './Accordion';
+declare type TContainer = Pick<TAccordion, 'hideBottomBorder'>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TContainer, never>;
 export declare const Header: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const Chevron: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 declare type TContent = {

package/build/@types/components/AddressBlock/AddressBlock.d.ts

@@ -14,4 +14,4 @@ export declare type TAddressBlock = {
     xsSpacing?: keyof Spacings;
     lgSpacing?: keyof Spacings;
 };
-export declare function AddressBlock({ deliverOption, icon, storeName, customerName, street, zipCode, city, doorCode, floor, deliveryInstructions, xsSpacing, lgSpacing }: TAddressBlock): JSX.Element;
+export declare function AddressBlock({ deliverOption, icon, storeName, customerName, street, zipCode, city, doorCode, floor, deliveryInstructions, xsSpacing, lgSpacing }: TAddressBlock): React.JSX.Element;

package/build/@types/components/AlertBox/AlertBox.d.ts

@@ -10,4 +10,4 @@ export declare type TAlertBox = {
     text?: string;
     variant?: EAlertBoxVariant;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare function AlertBox({ customElement, headLine, text, variant, ...props }: TAlertBox): JSX.Element;
+export declare function AlertBox({ customElement, headLine, text, variant, ...props }: TAlertBox): React.JSX.Element;

package/build/@types/components/BackButton/BackButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TBackButton = {
     label?: string;
     icon?: JSX.Element;
@@ -6,4 +6,4 @@ export declare type TBackButton = {
     onClick?: () => void;
     children?: JSX.Element;
 };
-export declare function BackButton({ label, color, icon, onClick, children }: TBackButton): JSX.Element;
+export declare function BackButton({ label, color, icon, onClick, children }: TBackButton): React.JSX.Element;

package/build/@types/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TBackgroundImage = {
     image?: JSX.Element;
     children?: JSX.Element;
@@ -7,4 +7,4 @@ export declare type TBackgroundImage = {
     showBackdrop?: boolean;
     onClick?: () => void;
 };
-export declare function BackgroundImage({ image, height, width, onClick, showBackdrop, children }: TBackgroundImage): JSX.Element;
+export declare function BackgroundImage({ image, height, width, onClick, showBackdrop, children }: TBackgroundImage): React.JSX.Element;

package/build/@types/components/Badge/Badge.d.ts

@@ -6,4 +6,4 @@ export declare type TBadge = styles.TBaseBadge & {
     background?: string;
     borderColor?: string;
 };
-export declare function Badge({ color, background, height, width, borderColor, children }: TBadge): JSX.Element;
+export declare function Badge({ color, background, height, width, borderColor, children }: TBadge): React.JSX.Element;

package/build/@types/components/Box/Box.d.ts

@@ -8,4 +8,4 @@ export declare type TBox = {
     rounded?: boolean;
     withArrow?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare const Box: ({ arrowPlacement, arrowSpacing, background, children, padding, paddingVertical, rounded, withArrow, ...props }: TBox) => JSX.Element;
+export declare const Box: ({ arrowPlacement, arrowSpacing, background, children, padding, paddingVertical, rounded, withArrow, ...props }: TBox) => React.JSX.Element;

package/build/@types/components/BoxArrow/BoxArrow.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 declare type TBoxArrow = {
     arrowPlacement?: 'left' | 'right';
     arrowSpacing?: number;
     background?: string;
 };
-declare const BoxArrow: ({ arrowPlacement, arrowSpacing, background }: TBoxArrow) => JSX.Element;
+declare const BoxArrow: ({ arrowPlacement, arrowSpacing, background }: TBoxArrow) => React.JSX.Element;
 export default BoxArrow;

package/build/@types/components/Button/Button.d.ts

@@ -26,4 +26,4 @@ export declare type TBaseButton = styles.TButton & {
     xsSize?: keyof typeof ButtonSize;
     tabIndex?: number;
 };
-export declare const Button: ({ ariaLabel, badgeBackground, borderRadius, buttonBadge, center, childGap, children, color, fullWidth, flexReverse, hoverBackground, icon, isDisabled, loading, noShadow, noWrap, onClick, size, selected, tabIndex, xsSize }: TBaseButton) => JSX.Element;
+export declare const Button: ({ ariaLabel, badgeBackground, borderRadius, buttonBadge, center, childGap, children, color, fullWidth, flexReverse, hoverBackground, icon, isDisabled, loading, noShadow, noWrap, onClick, size, selected, tabIndex, xsSize }: TBaseButton) => React.JSX.Element;

package/build/@types/components/Button/Button.styles.d.ts

@@ -56,7 +56,7 @@ export declare const IconWrapper: import("styled-components").StyledComponent<"d
 export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Loading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LoadingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TButtonLoadingSpinner, never>;
-export declare const LoadingSpinner: import("styled-components").StyledComponent<({ spinnerColor, borderColor, animationSpeedMs, size, ...props }: import("../../components/Spinner/Spinner").TSpinner) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const LoadingSpinner: import("styled-components").StyledComponent<({ spinnerColor, borderColor, animationSpeedMs, size, ...props }: import("../../components/Spinner/Spinner").TSpinner) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const BaseIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, TButton & Omit<TButton, "size" | "flexReverse" | "fullWidth" | "center"> & {
     width?: number | undefined;
     height?: number | undefined;

package/build/@types/components/Button/IconButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import * as styles from './Button.styles';
 import { TButtonColor } from './Button';
 export declare type TIconButton = styles.TBaseSmallButton & {
@@ -9,4 +9,4 @@ export declare type TIconButton = styles.TBaseSmallButton & {
     tabIndex?: number;
     opacity?: string;
 };
-export declare const IconButton: ({ ariaLabel, badgeBackground, border, buttonBadge, color, height, width, icon, isDisabled, loading, noWrap, onClick, opacity, shadow, tabIndex, ...props }: TIconButton) => JSX.Element;
+export declare const IconButton: ({ ariaLabel, badgeBackground, border, buttonBadge, color, height, width, icon, isDisabled, loading, noWrap, onClick, opacity, shadow, tabIndex, ...props }: TIconButton) => React.JSX.Element;

package/build/@types/components/Button/PaginationButton.d.ts

@@ -6,4 +6,4 @@ export declare type TPaginationButton = styles.TBaseSmallButton & {
     color?: TButtonColor;
     icon?: JSX.Element;
 };
-export declare const PaginationButton: ({ ariaLabel, color, children, height, width, icon, isDisabled, loading, noWrap, onClick }: TPaginationButton) => JSX.Element;
+export declare const PaginationButton: ({ ariaLabel, color, children, height, width, icon, isDisabled, loading, noWrap, onClick }: TPaginationButton) => React.JSX.Element;

package/build/@types/components/Button/SaveButton.d.ts

@@ -15,4 +15,4 @@ export declare type TSaveButton = styles.TButton & {
     onSavedColor?: string;
     xsSize?: keyof typeof ButtonSize;
 };
-export declare const SaveButton: ({ afterSaveText, ariaLabel, beforeSaveText, childGap, color, fullWidth, icon, isDisabled, loading, noWrap, onAnimationComplete, onClick, onSavedColor, saved, size, xsSize }: TSaveButton) => JSX.Element;
+export declare const SaveButton: ({ afterSaveText, ariaLabel, beforeSaveText, childGap, color, fullWidth, icon, isDisabled, loading, noWrap, onAnimationComplete, onClick, onSavedColor, saved, size, xsSize }: TSaveButton) => React.JSX.Element;

package/build/@types/components/CartCard/CartCard.d.ts

@@ -14,4 +14,4 @@ export declare type TCartCard = {
     titleLineClamp?: number;
     titleLink?: React.ReactNode;
 };
-export declare const CartCard: ({ buttonAriaLabel, description, image, imageAlt, markings, onDelete, price, quantitySelector, secondaryDescription, showDelete, title, titleLineClamp, titleLink }: TCartCard) => JSX.Element;
+export declare const CartCard: ({ buttonAriaLabel, description, image, imageAlt, markings, onDelete, price, quantitySelector, secondaryDescription, showDelete, title, titleLineClamp, titleLink }: TCartCard) => React.JSX.Element;

package/build/@types/components/CartCardLabel/CartCardLabel.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TCartCardLabel = {
     background: string;
     label: string;
 };
-export declare const CartCardLabel: ({ background, label }: TCartCardLabel) => JSX.Element;
+export declare const CartCardLabel: ({ background, label }: TCartCardLabel) => React.JSX.Element;

package/build/@types/components/CartItemSummary/CartItemSummary.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { TSummaryItem } from '../CartSummary/CartSummary';
 export declare type TCartItemSummary = {
     product: TSummaryItem;
     withParenthesis?: boolean;
     unit?: string;
 };
-export declare function CartItemSummary({ product, withParenthesis, unit }: TCartItemSummary): JSX.Element;
+export declare function CartItemSummary({ product, withParenthesis, unit }: TCartItemSummary): React.JSX.Element;

package/build/@types/components/CartItemSummary/CartItemSummary.styles.d.ts

@@ -2,4 +2,4 @@
 export declare const CartItemSummaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CancelledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AmountText: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const AmountText: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/CartSubTotal/CartSubTotal.d.ts

@@ -14,4 +14,4 @@ export declare enum ECartSubTotalTypes {
     items = "items",
     charges = "charges"
 }
-export declare const CartSubTotal: ({ children, fromPrice, info, infoOnBottom, label, priceColor, tooltipAriaLabel, type, value }: TCartSubTotal) => JSX.Element;
+export declare const CartSubTotal: ({ children, fromPrice, info, infoOnBottom, label, priceColor, tooltipAriaLabel, type, value }: TCartSubTotal) => React.JSX.Element;

package/build/@types/components/CartSummary/CartSummary.d.ts

@@ -30,4 +30,4 @@ export declare type TSummaryItem = {
     quantity: number;
     tooltipAriaLabel?: string;
 };
-export declare function CartSummary({ saveLabel, totalLabel, itemsLabel, ...cartSummary }: TCartSummary): JSX.Element;
+export declare function CartSummary({ saveLabel, totalLabel, itemsLabel, ...cartSummary }: TCartSummary): React.JSX.Element;

package/build/@types/components/CgButton/ButtonAsLink/ButtonAsLink.d.ts

@@ -3,4 +3,4 @@ export declare type TButtonAsLink = {
     children: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const ButtonAsLink: ({ children, type, ...props }: TButtonAsLink) => JSX.Element;
+export declare const ButtonAsLink: ({ children, type, ...props }: TButtonAsLink) => React.JSX.Element;

package/build/@types/components/CgButton/DivAsButton/DivAsButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TCgButtonRoot } from '../CgButton.types';
-export declare const DivAsButton: ({ boxShadow, children, circle, fullWidth, rounded, size, variant, ...props }: TCgButtonRoot) => JSX.Element;
+export declare const DivAsButton: ({ boxShadow, children, circle, fullWidth, rounded, size, variant, ...props }: TCgButtonRoot) => React.JSX.Element;

package/build/@types/components/Chips/Chip.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import * as styles from './Chip.styles';
-export declare function Chip({ label, checked, onClick, background, activeBackground, loading }: styles.TChip): JSX.Element;
+export declare function Chip({ label, checked, onClick, background, activeBackground, loading }: styles.TChip): React.JSX.Element;

package/build/@types/components/Chips/Chip.styles.d.ts

@@ -9,4 +9,4 @@ export declare type TChip = {
 };
 export declare const BaseChip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
 export declare const ChipCheckbox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChipLabel: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ChipLabel: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/CouponCode/CouponCode.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare enum ECouponCodeStatus {
     Empty = "Empty",
     Error = "Error",
@@ -21,5 +21,5 @@ export declare type TCouponCode = {
     status?: TSubmitResult;
     value: string;
 };
-export declare const CouponCode: ({ buttonText, inputLabel, loading, onReset, onSubmit, resetLabel, placeholder, setValue, status, value }: TCouponCode) => JSX.Element;
+export declare const CouponCode: ({ buttonText, inputLabel, loading, onReset, onSubmit, resetLabel, placeholder, setValue, status, value }: TCouponCode) => React.JSX.Element;
 export {};

package/build/@types/components/CustomerInfoBlock/CustomerInfoBlock.d.ts

@@ -5,4 +5,4 @@ export declare type TCustomerInfoBlock = {
     background?: string;
     children: React.ReactNode;
 };
-export declare function CustomerInfoBlock({ title, boldTitle, children }: TCustomerInfoBlock): JSX.Element;
+export declare function CustomerInfoBlock({ title, boldTitle, children }: TCustomerInfoBlock): React.JSX.Element;

package/build/@types/components/DateBox/DateBox.d.ts

@@ -4,4 +4,4 @@ export declare type TDateBox = {
     children?: React.ReactNode;
     labelBackground?: string;
 };
-export declare function DateBox({ dateHeader, labelBackground, children }: TDateBox): JSX.Element;
+export declare function DateBox({ dateHeader, labelBackground, children }: TDateBox): React.JSX.Element;

package/build/@types/components/DeliverySlotItem/DeliverySlotItem.d.ts

@@ -6,4 +6,4 @@ export declare type TDeliverySlotItem = {
     onSelect: () => void;
     icon?: React.ReactNode;
 };
-export declare function DeliverySlotItem({ date, selected, children, onSelect, icon }: TDeliverySlotItem): JSX.Element;
+export declare function DeliverySlotItem({ date, selected, children, onSelect, icon }: TDeliverySlotItem): React.JSX.Element;

package/build/@types/components/DeliveryTimeBlock/DeliveryTimeBlock.d.ts

@@ -8,4 +8,4 @@ export declare type TDeliveryTimeBlock = {
     localTimeVar?: string;
     children?: React.ReactNode;
 };
-export declare function DeliveryTimeBlock({ deliveryDate, deliveryFromTime, deliveryToTime, icon, localTimeVar, deliverOption, children }: TDeliveryTimeBlock): JSX.Element;
+export declare function DeliveryTimeBlock({ deliveryDate, deliveryFromTime, deliveryToTime, icon, localTimeVar, deliverOption, children }: TDeliveryTimeBlock): React.JSX.Element;

package/build/@types/components/DotIndicator/DotIndicator.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TDot = {
     color?: string;
     shadow?: string;
     size?: number;
 };
-export declare const Dot: ({ color, shadow, size }: TDot) => JSX.Element;
+export declare const Dot: ({ color, shadow, size }: TDot) => React.JSX.Element;

package/build/@types/components/Fieldset/Fieldset.d.ts

@@ -4,4 +4,4 @@ export declare type TFieldset = {
     gap?: number;
     legend?: string;
 };
-export declare const Fieldset: ({ children, gap, legend }: TFieldset) => JSX.Element;
+export declare const Fieldset: ({ children, gap, legend }: TFieldset) => React.JSX.Element;

package/build/@types/components/Flex/Flex.d.ts

@@ -6,4 +6,4 @@ export declare type TFlex = {
     justifyContent?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
     row?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare const Flex: ({ children, ...props }: TFlex) => JSX.Element;
+export declare const Flex: ({ children, ...props }: TFlex) => React.JSX.Element;

package/build/@types/components/Form/Form.d.ts

@@ -6,4 +6,4 @@ export declare type TForm = {
     background?: string;
     onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
 };
-export declare function Form({ title, icon, children, onSubmit, background }: TForm): JSX.Element;
+export declare function Form({ title, icon, children, onSubmit, background }: TForm): React.JSX.Element;

package/build/@types/components/FormControl/FormControl.d.ts

@@ -11,4 +11,4 @@ export declare type TFormControl = {
     isValid?: boolean;
     screenWidth?: TScreenWidth;
 };
-export declare function FormControl({ title, children, errorMessage, isValid, screenWidth }: TFormControl): JSX.Element;
+export declare function FormControl({ title, children, errorMessage, isValid, screenWidth }: TFormControl): React.JSX.Element;

package/build/@types/components/FormElements/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
-import { InputHTMLAttributes } from 'react';
+import React, { InputHTMLAttributes } from 'react';
 export declare type TCheckbox = {
     alignItems?: 'flex-start' | 'center';
     hideLabel?: boolean;
     label: string;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare const Checkbox: ({ alignItems, checked, disabled, hideLabel, label, ...props }: TCheckbox) => JSX.Element;
+export declare const Checkbox: ({ alignItems, checked, disabled, hideLabel, label, ...props }: TCheckbox) => React.JSX.Element;

package/build/@types/components/FormElements/InputOld/InputOld.d.ts

@@ -6,5 +6,5 @@ declare type TInputOld = styles.InputProps & {
 };
 export declare function InputOld({ icon, iconOnClick, flexGrow, isValid, fontSize, inputSize, inputRef, ...props }: TInputOld & {
     inputRef?: React.RefObject<HTMLInputElement>;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/build/@types/components/FormElements/Radio/Radio.d.ts

@@ -1,6 +1,6 @@
-import { InputHTMLAttributes } from 'react';
+import React, { InputHTMLAttributes } from 'react';
 export declare type TRadio = {
     label: string;
     showLabel?: boolean;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare const Radio: ({ checked, disabled, label, showLabel, ...props }: TRadio) => JSX.Element;
+export declare const Radio: ({ checked, disabled, label, showLabel, ...props }: TRadio) => React.JSX.Element;

package/build/@types/components/FormElements/Select/Select.d.ts

@@ -3,4 +3,4 @@ import { TFormElement } from '../FormElement.types';
 export declare type TSelect = {
     isOpen?: boolean;
 } & TFormElement & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>;
-export declare const Select: ({ children, error, errorLabel, hideLabel, id, isOpen, label, required, size, ...props }: TSelect) => JSX.Element;
+export declare const Select: ({ children, error, errorLabel, hideLabel, id, isOpen, label, required, size, ...props }: TSelect) => React.JSX.Element;

package/build/@types/components/FormElements/Switch/Switch.d.ts

@@ -2,4 +2,4 @@ import React, { InputHTMLAttributes } from 'react';
 export interface ISwitchProps extends InputHTMLAttributes<HTMLInputElement> {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function Switch({ onChange, ...inputProps }: ISwitchProps): JSX.Element;
+export declare function Switch({ onChange, ...inputProps }: ISwitchProps): React.JSX.Element;

package/build/@types/components/FormElements/Switch/Switch.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const SwitchWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SwitchWrapper: import("styled-components").StyledComponent<import("framer-motion/dist/types.d-CQ4vRM6h").F<HTMLDivElement, import("framer-motion/dist/types.d-CQ4vRM6h").b<"div">>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Switch: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const CustomSwitch: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SwitchInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/FormElements/TextArea/TextArea.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import * as styles from './TextArea.styles';
-export declare function TextArea({ flexGrow, fontSize, ...props }: styles.TextAreaProps): JSX.Element;
+import React from 'react';
+export declare function TextArea({ flexGrow, fontSize, ...props }: styles.TextAreaProps): React.JSX.Element;

package/build/@types/components/FormGroup/FormGroup.d.ts

@@ -3,4 +3,4 @@ export declare type TFormGroup = {
     children: React.ReactNode;
     justifyContent?: string;
 };
-export declare function FormGroup({ children, justifyContent }: TFormGroup): JSX.Element;
+export declare function FormGroup({ children, justifyContent }: TFormGroup): React.JSX.Element;

package/build/@types/components/GridContainer/GridContainer.d.ts

@@ -3,4 +3,4 @@ import * as styles from './GridContainer.styles';
 export declare type TGridContainer = styles.TGrid & {
     children: React.ReactNode;
 };
-export declare function GridContainer({ alignItems, gap, columns, columnWidth, children }: TGridContainer): JSX.Element;
+export declare function GridContainer({ alignItems, gap, columns, columnWidth, children }: TGridContainer): React.JSX.Element;

package/build/@types/components/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type THeader = {
     children?: ReactNode;
     logoImage?: JSX.Element;
@@ -8,4 +8,4 @@ export declare type THeader = {
     topLinkHref?: string;
     topLinkLabel: string;
 };
-export declare function Header({ children, logoImage, logOut, logOutLabel, lowerContainerMaxWidth, topLinkHref, topLinkLabel }: THeader): JSX.Element;
+export declare function Header({ children, logoImage, logOut, logOutLabel, lowerContainerMaxWidth, topLinkHref, topLinkLabel }: THeader): React.JSX.Element;

package/build/@types/components/HeaderLink/HeaderLink.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type THeaderLink = {
     linkHref: string;
     linkLabel: string;
     icon: JSX.Element;
 };
-export declare function HeaderLink({ linkHref, icon, linkLabel }: THeaderLink): JSX.Element;
+export declare function HeaderLink({ linkHref, icon, linkLabel }: THeaderLink): React.JSX.Element;

package/build/@types/components/HighlightBox/HighlightBox.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import * as styles from './HighlightBox.styles';
 export declare type THighlightBox = styles.THighlightBoxContainer & {
     children: JSX.Element;
 };
-export declare function HighlightBox({ cancelled, children }: THighlightBox): JSX.Element;
+export declare function HighlightBox({ cancelled, children }: THighlightBox): React.JSX.Element;

package/build/@types/components/IconText/IconText.d.ts

@@ -5,4 +5,4 @@ export declare type TIconText = {
     showOnlyIcon?: boolean;
     spacing?: number;
 };
-export declare const IconText: ({ icon, spacing, children, showOnlyIcon }: TIconText) => JSX.Element;
+export declare const IconText: ({ icon, spacing, children, showOnlyIcon }: TIconText) => React.JSX.Element;

package/build/@types/components/IconToolTip/IconToolTip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TIconToolTip = {
     icon?: JSX.Element;
     header?: JSX.Element;
@@ -6,4 +6,4 @@ export declare type TIconToolTip = {
     right?: number;
     left?: number;
 };
-export declare function IconToolTip({ icon, header, right, left, children }: TIconToolTip): JSX.Element;
+export declare function IconToolTip({ icon, header, right, left, children }: TIconToolTip): React.JSX.Element;

package/build/@types/components/InfoTextBlock/InfoTextBlock.d.ts

@@ -14,4 +14,4 @@ export declare type TInfoWithButtonBlock = {
     imageWidth?: number;
     imageHeight?: number;
 };
-export declare function InfoWithButtonBlock({ background, image, buttonText, buttonColor, imageHeight, imageWidth, handleClick, children }: TInfoWithButtonBlock): JSX.Element;
+export declare function InfoWithButtonBlock({ background, image, buttonText, buttonColor, imageHeight, imageWidth, handleClick, children }: TInfoWithButtonBlock): React.JSX.Element;

package/build/@types/components/Links/Link.d.ts

@@ -29,4 +29,4 @@ export declare type TLink = {
     tabIndex?: number;
     variant?: ELinkVariant;
 };
-export declare function Link({ asButton, borderRadius, children, hrefPath, icon, inverted, isDisabled, noWrap, onClick, size, target, tabIndex, variant, ...props }: TLink): JSX.Element;
+export declare function Link({ asButton, borderRadius, children, hrefPath, icon, inverted, isDisabled, noWrap, onClick, size, target, tabIndex, variant, ...props }: TLink): React.JSX.Element;

package/build/@types/components/ListItemWithRadio/ListItemWithRadio.d.ts

@@ -15,4 +15,4 @@ export declare type TListItemWithRadio = {
     rightChildren?: React.ReactNode;
     radioChildren?: React.ReactNode;
 };
-export declare function ListItemWithRadio({ item, loading, rightChildren, radioChildren }: TListItemWithRadio): JSX.Element;
+export declare function ListItemWithRadio({ item, loading, rightChildren, radioChildren }: TListItemWithRadio): React.JSX.Element;

package/build/@types/components/Logo/Logo.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TLogo = {
     logoImage?: JSX.Element;
 };
-export declare function Logo({ logoImage }: TLogo): JSX.Element;
+export declare function Logo({ logoImage }: TLogo): React.JSX.Element;

package/build/@types/components/MaxHeightText/MaxHeightText.d.ts

@@ -5,4 +5,4 @@ export declare type TMaxHeightText = {
     readLessText?: string;
     maxHeight: number;
 };
-export declare function MaxHeightText({ readMoreText, readLessText, maxHeight, children }: TMaxHeightText): JSX.Element;
+export declare function MaxHeightText({ readMoreText, readLessText, maxHeight, children }: TMaxHeightText): React.JSX.Element;

package/build/@types/components/Menu/Menu.d.ts

@@ -4,4 +4,4 @@ export declare type TMenu = {
     showFade?: boolean;
     onScroll?: React.UIEventHandler<HTMLElement>;
 };
-export declare function Menu({ showFade, onScroll, children }: TMenu): JSX.Element;
+export declare function Menu({ showFade, onScroll, children }: TMenu): React.JSX.Element;

package/build/@types/components/Menu/MenuItem.d.ts

@@ -9,4 +9,4 @@ export declare type TMenuItem = AnchorHTMLAttributes<HTMLAnchorElement> & {
     minWidth?: number;
     textAlign?: string;
 };
-export declare function MenuItem({ active, isFirstChild, isLastChild, borderColor, fontWeight, minWidth, textAlign, children, ...props }: TMenuItem): JSX.Element;
+export declare function MenuItem({ active, isFirstChild, isLastChild, borderColor, fontWeight, minWidth, textAlign, children, ...props }: TMenuItem): React.JSX.Element;

package/build/@types/components/MenuListDropdown/MenuListDropdown.d.ts

@@ -5,4 +5,4 @@ export declare type TMenuListDropdown = {
     isOpen?: boolean;
     onClick?: () => void;
 };
-export declare const MenuListDropdown: ({ children, dropdownHeader, isOpen, onClick }: TMenuListDropdown) => JSX.Element;
+export declare const MenuListDropdown: ({ children, dropdownHeader, isOpen, onClick }: TMenuListDropdown) => React.JSX.Element;

package/build/@types/components/MenuListDropdown/MenuListDropdown.styles.d.ts

@@ -1,6 +1,6 @@
 export declare type TDropdownChildContainer = {
     isOpen?: boolean;
 };
-export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DropdownHeader: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DropdownChildContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TDropdownChildContainer, never>;
+export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion/dist/types.d-CQ4vRM6h").F<HTMLDivElement, import("framer-motion/dist/types.d-CQ4vRM6h").b<"div">>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownHeader: import("styled-components").StyledComponent<import("framer-motion/dist/types.d-CQ4vRM6h").F<HTMLDivElement, import("framer-motion/dist/types.d-CQ4vRM6h").b<"div">>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownChildContainer: import("styled-components").StyledComponent<import("framer-motion/dist/types.d-CQ4vRM6h").F<HTMLDivElement, import("framer-motion/dist/types.d-CQ4vRM6h").b<"div">>, import("styled-components").DefaultTheme, TDropdownChildContainer, never>;

package/build/@types/components/NavMainLink/NavMainLink.d.ts

@@ -7,4 +7,4 @@ export declare type TNavMainLink = {
     borderColor?: string;
     component?: React.ReactNode;
 };
-export declare const NavMainLink: ({ text, href, target, active, borderColor }: TNavMainLink) => JSX.Element;
+export declare const NavMainLink: ({ text, href, target, active, borderColor }: TNavMainLink) => React.JSX.Element;

package/build/@types/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TPagination = {
     fetchItems: (page: number) => void;
     currentPage: number;
@@ -8,4 +8,4 @@ export declare type TPagination = {
     pageLabel?: string;
     onPageChange?: (page: number) => void;
 };
-export declare function Pagination({ totalItems, currentPage, fetchItems, itemsPerPage, setPage, pageLabel, onPageChange }: TPagination): JSX.Element | null;
+export declare function Pagination({ totalItems, currentPage, fetchItems, itemsPerPage, setPage, pageLabel, onPageChange }: TPagination): React.JSX.Element | null;

package/build/@types/components/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TProgressBar = {
     maxValue: number;
     currentValue: number;
@@ -6,4 +6,4 @@ export declare type TProgressBar = {
     color?: string;
     small?: boolean;
 };
-export declare function ProgressBar({ maxValue, currentValue, background, color, small }: TProgressBar): JSX.Element;
+export declare function ProgressBar({ maxValue, currentValue, background, color, small }: TProgressBar): React.JSX.Element;

package/build/@types/components/QuantitySelector/QuantitySelector.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TQuantitySelector } from './QuantitySelector.types';
-export declare const QuantitySelector: ({ id, label, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => JSX.Element;
+export declare const QuantitySelector: ({ id, label, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => React.JSX.Element;

package/build/@types/components/RadioBox/RadioBoxItem.d.ts

@@ -10,4 +10,4 @@ export declare type TRadioBox = styles.TBaseRadioBox & {
     padding?: number;
     setActive?: () => void;
 };
-export declare const RadioBoxItem: ({ align, background, border, boxShadow, checked, children, hideRadioButton, flexDirection, isDisabled, name, padding, setActive }: TRadioBox) => JSX.Element;
+export declare const RadioBoxItem: ({ align, background, border, boxShadow, checked, children, hideRadioButton, flexDirection, isDisabled, name, padding, setActive }: TRadioBox) => React.JSX.Element;

package/build/@types/components/RadioBox/RadioBoxList.d.ts

@@ -7,4 +7,4 @@ export declare type TRadioBoxList = TBaseRadioBox & {
     text: string;
     setActive: () => void;
 };
-export declare function RadioBoxList({ isDisabled, name, align, setActive, title, text, checked, children }: TRadioBoxList): JSX.Element;
+export declare function RadioBoxList({ isDisabled, name, align, setActive, title, text, checked, children }: TRadioBoxList): React.JSX.Element;

package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts

@@ -3,4 +3,4 @@ import { TBaseRadioBox } from './RadioBoxItem.styles';
 export declare const BaseRadioBoxList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
 export declare const RadioBoxListChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
 export declare const DividerPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/RadioGroup/RadioGroup.d.ts

@@ -3,4 +3,4 @@ import * as styles from './RadioGroup.styles';
 export declare type TRadioGroup = styles.TBaseRadioGroup & {
     children: React.ReactNode;
 };
-export declare function RadioGroup({ header, children }: TRadioGroup): JSX.Element;
+export declare function RadioGroup({ header, children }: TRadioGroup): React.JSX.Element;