@kvdbil/components 6.7.2 → 8.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "6.7.2",
+  "version": "8.0.1",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -10,7 +10,7 @@
     "test": "CI=true react-scripts test",
     "type-check": "tsc",
     "test:watch": "react-scripts test",
-    "generateIcons": "npx @svgr/cli --icon ./.prettierrc --template ./src/icons/template.js -d ./src/icons/components ./src/icons/svgs --typescript",
+    "generateIcons": "svgr --icon 1em --template ./src/icons/template.js -d ./src/icons/components ./src/icons/svgs --typescript",
     "build:rollup": "rollup -c && cp package.json dist/",
     "build": "yarn run generateIcons && yarn lint && yarn test && rollup -c && yarn create-declaration",
     "lint": "eslint --fix --ext .js,.jsx,.ts,.tsx,.mdx src",
@@ -19,7 +19,7 @@
     "build-storybook": "build-storybook -s ./public",
     "updateSnapshots": "yarn test -u",
     "analyze": "rollup -c rollup.config.analyze.js",
-    "create-declaration": "yarn tsc --emitDeclarationOnly --noEmit false --declaration true --declarationDir dist/types"
+    "create-declaration": "yarn tsc --p tsconfig.production.json --emitDeclarationOnly --noEmit false --declaration true --declarationDir dist/types "
   },
   "peerDependencies": {
     "react": ">= 17.0.0",
@@ -50,7 +50,7 @@
     "@storybook/addon-essentials": "^6.3.12",
     "@storybook/addon-links": "^6.3.12",
     "@storybook/react": "^6.3.12",
-    "@svgr/cli": "^5.5.0",
+    "@svgr/cli": "^6.0.0",
     "@team-griffin/install-self-peers": "^1.1.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.0",

package/types/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentProps, CSSProperties, ReactNode } from 'react';
+import React, { ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';
 import { Color, Variant, Size } from '../../Types';
 interface Props {
     size?: Size;
@@ -14,6 +14,6 @@ interface Props {
     minWidth?: string;
     as?: keyof JSX.IntrinsicElements;
 }
-export declare type ButtonProps = ComponentProps<'button'> & Props;
+export declare type ButtonProps = ComponentPropsWithRef<'button'> & Props;
 export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "type" | "name" | "key" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "disabled" | "as" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "fullWidth" | "sufixIcon" | "prefixIcon" | "isLoading" | "minWidth" | "variant" | "isDisabled"> & React.RefAttributes<HTMLElement>>;
 export default Button;

package/types/components/CheckBox/index.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { CheckboxSize, Color } from '../../Types';
 export interface CheckBoxProps {
     name?: string;
@@ -7,7 +8,7 @@ export interface CheckBoxProps {
     checked: boolean;
     isDisabled?: boolean;
     onClick?(): void;
-    label?: string;
+    label?: ReactNode;
 }
 export declare const CheckBox: ({ name, isDisabled, size, checked, color, onClick, label, ...rest }: CheckBoxProps) => JSX.Element;
 export default CheckBox;

package/types/components/OffCanvas/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export declare type DIRECTION = 'left' | 'right';
-declare type TransitionProps = Partial<Pick<CSSTransitionProps, 'timeout' | 'classNames' | 'addEndListener'>>;
+declare type TransitionProps = Partial<Pick<CSSTransitionProps, 'timeout' | 'classNames' | 'addEndListener' | 'appear' | 'mountOnEnter'>>;
 export interface OffCanvasProps {
     animationName?: string;
     animationDuration?: number;

package/types/icons/components/AddIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function AddIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default AddIcon;

package/types/icons/components/AlertIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function AlertIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default AlertIcon;

package/types/icons/components/ArrowDownIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ArrowDownIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ArrowDownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ArrowDownIcon;

package/types/icons/components/ArrowLeftIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ArrowLeftIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ArrowLeftIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ArrowLeftIcon;

package/types/icons/components/ArrowRightIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ArrowRightIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ArrowRightIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ArrowRightIcon;

package/types/icons/components/ArrowUpIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ArrowUpIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ArrowUpIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ArrowUpIcon;

package/types/icons/components/AtvIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function AtvIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default AtvIcon;

package/types/icons/components/AuctionIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function AuctionIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function AuctionIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default AuctionIcon;

package/types/icons/components/BackIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function BackIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default BackIcon;

package/types/icons/components/BankidIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function BankidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default BankidIcon;

package/types/icons/components/BidIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function BidIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function BidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default BidIcon;

package/types/icons/components/BodyIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function BodyIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default BodyIcon;

package/types/icons/components/BreaksIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function BreaksIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function BreaksIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default BreaksIcon;

package/types/icons/components/CabIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CabIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CabIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CabIcon;

package/types/icons/components/CalendarIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CalendarIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CalendarIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CalendarIcon;

package/types/icons/components/CameraIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CameraIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CameraIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CameraIcon;

package/types/icons/components/CancelIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CancelIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CancelIcon;

package/types/icons/components/CarIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CarIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CarIcon;

package/types/icons/components/CarServiceIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CarServiceIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CarServiceIcon;

package/types/icons/components/CaravanIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CaravanIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CaravanIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CaravanIcon;

package/types/icons/components/CertifiedIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CertifiedIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CertifiedIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CertifiedIcon;

package/types/icons/components/ChatIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ChatIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ChatIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ChatIcon;

package/types/icons/components/CheckCircleIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CheckCircleIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CheckCircleIcon;

package/types/icons/components/CheckFilledIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CheckFilledIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CheckFilledIcon;

package/types/icons/components/CheckIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CheckIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CheckIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CheckIcon;

package/types/icons/components/CheckmarkIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CheckmarkIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CheckmarkIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CheckmarkIcon;

package/types/icons/components/ClockIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ClockIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ClockIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ClockIcon;

package/types/icons/components/CloseIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CloseIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CloseIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CloseIcon;

package/types/icons/components/CommentFilledIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CommentFilledIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CommentFilledIcon;

package/types/icons/components/CommentIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CommentIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CommentIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CommentIcon;

package/types/icons/components/ConditioningIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ConditioningIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default ConditioningIcon;

package/types/icons/components/ContactIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function ContactIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ContactIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default ContactIcon;

package/types/icons/components/ControlNumberIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ControlNumberIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default ControlNumberIcon;

package/types/icons/components/CopyIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CopyIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CopyIcon;

package/types/icons/components/CountdownIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CountdownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CountdownIcon;

package/types/icons/components/CoupeIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function CoupeIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CoupeIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default CoupeIcon;

package/types/icons/components/CraneIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CraneIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CraneIcon;

package/types/icons/components/CupIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function CupIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default CupIcon;

package/types/icons/components/DeleteIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function DeleteIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default DeleteIcon;

package/types/icons/components/DisplayIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function DisplayIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default DisplayIcon;

package/types/icons/components/DocumentIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function DocumentIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default DocumentIcon;

package/types/icons/components/EcoIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function EcoIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default EcoIcon;

package/types/icons/components/EditIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function EditIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function EditIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default EditIcon;

package/types/icons/components/EngineIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function EngineIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function EngineIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default EngineIcon;

package/types/icons/components/ErrorFilledIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ErrorFilledIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default ErrorFilledIcon;

package/types/icons/components/ErrorIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ErrorIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default ErrorIcon;

package/types/icons/components/ExportIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function ExportIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default ExportIcon;

package/types/icons/components/FacebookIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function FacebookIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FacebookIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default FacebookIcon;

package/types/icons/components/FacilityIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FacilityIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default FacilityIcon;

package/types/icons/components/FavouriteFilledIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FavouriteFilledIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default FavouriteFilledIcon;

package/types/icons/components/FavouriteIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function FavouriteIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FavouriteIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default FavouriteIcon;

package/types/icons/components/FigmaIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FigmaIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+export default FigmaIcon;

package/types/icons/components/FilterIcon.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-declare function FilterIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare function FilterIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
 export default FilterIcon;