@kvdbil/components 14.2.8 → 14.2.9

package/dist/README.md

@@ -0,0 +1,46 @@
+# Kvdbil Components
+
+The purpose of this repo is to have a collection of reusable components to be used in our other repos. 
+The primary goal is to have most shared components here for both the Kvd.se and Fleet-manager-client repos (not Cargo).
+
+The component library is published in public npm repo https://www.npmjs.com/package/@kvdbil/components where we can find the lates version tag.
+
+All changes are done using conventional commits so CHANGELOG.md is generated automatically.
+
+## Explore kvdbil components, theme (e.g. colors), typography and icons
+
+We use Storybook to display all the components, icons, theme and more. This can be found here:
+
+- locally - `yarn dev` or `yarn start`
+- deployed last version - http://kvdbil-components.development.kvd.se
+
+## Work with kvdbil-components
+
+All changes that affect all shared things in this repo must be done using conventional commits (https://www.conventionalcommits.org). 
+All commit messages are validated by `commitlint` (https://github.com/conventional-changelog/commitlint). Examples for version bumping:
+
+- bugfix (e.g. styling component fix) - example: `git commit -m "fix(KDEV-1337): fixed padding issue for Button"`<br>After merge to master a version be bumped e.g. from 5.2.2 to 5.2.3
+
+- new feature (e.g adding new component or extending existing one) - example: `git commit -m "feat(KDEV-1338): Button component has been added"`<br>After merge to master a version be bumped e.g. from 5.2.2 to 5.3.0
+
+- BREAKING CHANGE (e.g removing required prop from component)<br>
+Example: `git commit -m "feat(KDEV-1339): removed onClick prop from Button"` and next add a commit message footer with `git commit --amend`
+  <br>
+  After merge to master a version be bumped e.g. from 5.2.2 to 6.0.0
+  <br>
+  Should look something like that:
+  
+  > feat(KDEV-1339): removed onClick prop from Button
+  >
+  > BREAKING CHANGE: The onClick prop in Button component has been removed
+
+
+For a changes that do not affect any shared components we can use:
+
+- `git commit -m "docs(KDEV-1222): updated readme file"`
+
+When adding new icons:
+- Add the SVG to `src/icons/svgs/`
+- Make sure all `stroke` and `fill` attributes of all the `path` are set to `"currentColor"`
+- Run `yarn build`
+- Run `yarn start` and verify that your icon has been added to the icons page and looks good

package/{cjs → dist/cjs}/ElevationCard.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react"),n=require("styled-components");function t(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var o=t(i);const l=t(n).default.div`
-  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react"),n=require("styled-components");function r(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var l=r(i);const o=r(n).default.div`
+  font-family: ${({theme:e})=>{var t;return(t=e.typography)==null?void 0:t.fontAlternativeFamily}};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   font-size: 1.25rem;
   box-shadow: ${({elevation:e})=>e};
@@ -10,4 +10,4 @@
   display: flex;
   align-items: center;
   justify-content: center;
-`;exports.ElevationCard=({children:e,value:r,as:a="div"})=>o.default.createElement(l,{as:a,elevation:r},e);
+`;exports.ElevationCard=({children:e,value:t,as:a="div"})=>l.default.createElement(o,{as:a,elevation:t},e);

package/{esm → dist/esm}/ElevationCard.js

@@ -1,5 +1,5 @@
 import i from"react";import n from"styled-components";const o=n.div`
-  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+  font-family: ${({theme:e})=>{var t;return(t=e.typography)==null?void 0:t.fontAlternativeFamily}};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   font-size: 1.25rem;
   box-shadow: ${({elevation:e})=>e};

package/dist/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@kvdbil/components",
+  "version": "14.2.9",
+  "files": ["dist"],
+  "sideEffects": false,
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    }
+  },
+  "scripts": {
+    "start": "yarn dev",
+    "dev": "yarn storybook dev -p 6006 watch-css",
+    "test": "jest --silent",
+    "test:watch": "cross-env DEBUG_PRINT_LIMIT=14000 jest --verbose --watchAll",
+    "type-check": "tsc",
+    "generateIcons": "svgr --icon 1em --template ./src/icons/template.js -d ./src/icons/components ./src/icons/svgs --typescript",
+    "build": "yarn run generateIcons && rollup -c && yarn create-declaration",
+    "build:rollup": "rollup -c && cp package.json dist/",
+    "build:storybook": "storybook build",
+    "lint": "eslint --fix --ext .js,.jsx,.ts,.tsx,.mdx src",
+    "analyze": "rollup -c rollup.config.analyze.js",
+    "create-declaration": "yarn tsc --p tsconfig.production.json --emitDeclarationOnly --noEmit false --declaration true --declarationDir dist/types",
+    "prepare": "husky install",
+    "validate-code": "yarn type-check && yarn lint && yarn test &&  echo '✅ Code is valid!'"
+  },
+  "peerDependencies": {
+    "react": ">= 17.0.0",
+    "react-collapse": ">= 5.0.1",
+    "react-day-picker": ">= 7.4.8",
+    "react-dom": ">= 17.0.0",
+    "react-select": "5.7.3",
+    "react-transition-group": ">= 4.0.0",
+    "styled-components": ">= 5.1.17"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "resolutions": {
+    "@types/react": "^17.0.2",
+    "@babel/traverse": ">=7.23.2",
+    "semver": "^7.5.2",
+    "terser": "^5.14.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.6",
+    "@commitlint/cli": "^16.2.4",
+    "@commitlint/config-conventional": "^16.2.4",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-inject": "^4.0.2",
+    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-typescript": "^8.2.5",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/addon-links": "^7.0.0",
+    "@storybook/react": "^7.0.0",
+    "@storybook/react-webpack5": "^7.0.0",
+    "@svgr/cli": "^6.0.0",
+    "@team-griffin/install-self-peers": "^1.1.1",
+    "@testing-library/dom": "8.5.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/classnames": "^2.2.11",
+    "@types/jest": "^26.0.14",
+    "@types/node": "^14.6.4",
+    "@types/react": "^17.0.2",
+    "@types/react-collapse": "^5.0.0",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-transition-group": "^4.4.0",
+    "@types/styled-components": "^5.1.34",
+    "@types/uuid": "^8.3.0",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
+    "@typescript-eslint/parser": "^4.30.0",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
+    "babel-plugin-styled-components": "^1.10.0",
+    "cross-env": "^7.0.3",
+    "esbuild": "^0.13.1",
+    "eslint": "^7.11.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-flowtype": "^5.2.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-mdx": "^1.15.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "^7.0.4",
+    "jest": "^28.0.0",
+    "jest-environment-jsdom": "^28.0.0",
+    "jest-styled-components": "^7.0.3",
+    "jest-watch-typeahead": "^0.6.1",
+    "prettier": "^1.16.4",
+    "react": "^17.0.2",
+    "react-collapse": "^5.0.1",
+    "react-day-picker": "^7.4.8",
+    "react-docgen-typescript": "^1.20.4",
+    "react-dom": "^17.0.2",
+    "react-is": "^16.13.1",
+    "react-select": "5.7.3",
+    "react-select-event": "5.3.0",
+    "react-transition-group": "^4.0.0",
+    "rollup": "^2.56.3",
+    "rollup-plugin-esbuild": "^4.5.0",
+    "rollup-plugin-import-css": "^3.0.0",
+    "rollup-plugin-inject": "^3.0.2",
+    "rollup-plugin-multi-input": "^1.3.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.5.2",
+    "standard-version": "^9.3.1",
+    "storybook": "^7.0.0",
+    "styled-components": "^5.2.0",
+    "ts-jest": "^28.0.0",
+    "tslib": "^2.0.1",
+    "typescript": "^4.6.2"
+  },
+  "description": "KVDBil components library",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/kvarndammen/kvdbil-components.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "homepage": "https://bitbucket.org/kvarndammen/kvdbil-components#readme"
+}

package/{types → dist/types}/ColorCard.d.ts

@@ -3,5 +3,5 @@ interface ColorCardProps {
     colorName: string;
     variants: Variants;
 }
-declare const ColorCard: ({ colorName, variants }: ColorCardProps) => JSX.Element;
+declare const ColorCard: ({ colorName, variants }: ColorCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ColorCard;

package/{types → dist/types}/ElevationCard.d.ts

@@ -4,4 +4,4 @@ export interface ElevationProps {
     children: ReactNode;
     as?: ComponentType | keyof JSX.IntrinsicElements;
 }
-export declare const ElevationCard: ({ children, value, as, }: ElevationProps) => JSX.Element;
+export declare const ElevationCard: ({ children, value, as, }: ElevationProps) => import("react/jsx-runtime").JSX.Element;

package/{types → dist/types}/components/Accordion/index.d.ts

@@ -8,5 +8,5 @@ interface Item {
 export interface AccordionProps {
     items: Item[];
 }
-export declare const Accordion: ({ items, ...props }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ items, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/{types → dist/types}/components/Badge/index.d.ts

@@ -2,5 +2,5 @@ export interface BadgeProps {
     notificationAmount?: number;
     withNumber?: boolean;
 }
-export declare const Badge: ({ notificationAmount, withNumber, ...rest }: BadgeProps) => JSX.Element | null;
+export declare const Badge: ({ notificationAmount, withNumber, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Badge;

package/{types → dist/types}/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -5,5 +5,5 @@ interface Props {
     separator?: ReactNode;
     isLast: boolean;
 }
-declare const BreadcrumbsItem: ({ link, separator, isLast }: Props) => JSX.Element;
+declare const BreadcrumbsItem: ({ link, separator, isLast }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbsItem;

package/{types → dist/types}/components/Breadcrumbs/index.d.ts

@@ -7,5 +7,5 @@ export interface Props {
     links: BreadcrumbLink[];
     separator?: ReactNode;
 }
-declare const Breadcrumbs: ({ links, separator }: Props) => JSX.Element;
+declare const Breadcrumbs: ({ links, separator }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

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

@@ -0,0 +1,20 @@
+import React, { ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';
+import { Color, Variant, Size, ColorShade } from '../../Types';
+interface Props {
+    size?: Size;
+    color?: Color;
+    colorShade?: ColorShade;
+    variant?: Variant;
+    fullWidth?: boolean;
+    style?: CSSProperties;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    children: ReactNode;
+    prefixIcon?: ReactNode;
+    sufixIcon?: ReactNode;
+    minWidth?: string;
+    as?: keyof JSX.IntrinsicElements;
+}
+export type ButtonProps = ComponentPropsWithRef<'button'> & Props;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Button;

package/{types → dist/types}/components/Card/index.d.ts

@@ -6,5 +6,5 @@ export interface CardProps {
     lineBorder?: boolean;
     as?: keyof JSX.IntrinsicElements;
 }
-export declare const Card: ({ children, topBorder, noFrame, lineBorder, as: element, }: CardProps) => JSX.Element;
+export declare const Card: ({ children, topBorder, noFrame, lineBorder, as: element, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/{types → dist/types}/components/CheckBox/index.d.ts

@@ -9,5 +9,5 @@ export interface CheckBoxProps extends ComponentPropsWithoutSize {
     isDisabled?: boolean;
     label?: ReactNode;
 }
-export declare const CheckBox: ({ name, isDisabled, size, checked, color, label, ...rest }: CheckBoxProps) => JSX.Element;
+export declare const CheckBox: ({ name, isDisabled, size, checked, color, label, ...rest }: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckBox;

package/{types → dist/types}/components/Chip/index.d.ts

@@ -27,5 +27,5 @@ export interface ItemProps {
     tabIndex?: number;
     onClick?: (e: MouseEvent) => void;
 }
-export declare const Chip: ({ color, children, component, isDisabled, onClick, size, prefix, onDelete, variant, ...props }: ChipProps) => JSX.Element;
+export declare const Chip: ({ color, children, component, isDisabled, onClick, size, prefix, onDelete, variant, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/{types → dist/types}/components/DayPicker/DayPickerNavBar.d.ts

@@ -5,5 +5,5 @@ interface NavBarProps {
     onNextClick(callback?: () => void): void;
     locale: Locale;
 }
-declare const DayPickerNavBar: ({ month, onPreviousClick, onNextClick, locale, }: NavBarProps) => JSX.Element;
+declare const DayPickerNavBar: ({ month, onPreviousClick, onNextClick, locale, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
 export default DayPickerNavBar;

package/{types → dist/types}/components/DayPicker/index.d.ts

@@ -5,5 +5,5 @@ export interface DayPickerProps extends ReactDayPickerProps {
     locale?: Locale;
     color?: Color;
 }
-export declare const DayPicker: ({ locale, color, ...props }: DayPickerProps) => JSX.Element;
+export declare const DayPicker: ({ locale, color, ...props }: DayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DayPicker;

package/{types → dist/types}/components/Dialog/index.d.ts

@@ -8,5 +8,5 @@ export interface DialogProps {
     withCloseIcon?: boolean;
     onClose(): void;
 }
-export declare const Dialog: ({ isOpen, title, children, actions, onClose, withPortal, withCloseIcon, ...props }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ isOpen, title, children, actions, onClose, withPortal, withCloseIcon, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/{types → dist/types}/components/EditRow/index.d.ts

@@ -17,5 +17,5 @@ export interface EditRowProps<T> {
     onEdit?(isEditing: boolean): void;
     formatterFunc?(value: string): string;
 }
-declare const EditRow: <T extends string | string[]>({ value: initialValue, label, onChange, onEdit, options, inputProps, isClearable, isEditionDisabled, editText, saveText, cancelText, noValueText, formatterFunc, isSingleSelect, color, }: EditRowProps<T>) => JSX.Element;
+declare const EditRow: <T extends string | string[]>({ value: initialValue, label, onChange, onEdit, options, inputProps, isClearable, isEditionDisabled, editText, saveText, cancelText, noValueText, formatterFunc, isSingleSelect, color, }: EditRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default EditRow;

package/{types → dist/types}/components/ErrorMessage/index.d.ts

@@ -4,5 +4,5 @@ export interface ErrorMessageProps {
     style?: CSSProperties;
     children: ReactNode;
 }
-export declare const ErrorMessage: ({ children, centered, ...props }: ErrorMessageProps) => JSX.Element;
+export declare const ErrorMessage: ({ children, centered, ...props }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default ErrorMessage;

package/{types → dist/types}/components/Flex/index.d.ts

@@ -23,5 +23,5 @@ export interface FlexProps {
     shrink?: CSSPropertyWithResponsive<'flexShrink'>;
 }
 export type Props = FlexProps & HTMLAttributes<HTMLDivElement>;
-declare const Flex: ({ direction, justify, align, gap, rowGap, wrap, basis, grow, shrink, ...props }: Props) => JSX.Element;
+declare const Flex: ({ direction, justify, align, gap, rowGap, wrap, basis, grow, shrink, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Flex;

package/{types → dist/types}/components/Hero/index.d.ts

@@ -49,5 +49,5 @@ export interface HeroProps {
     contentCentered?: boolean;
     elementShadow?: boolean;
 }
-declare const Hero: ({ imageProps, imageElement, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, button, dynamicGutter, isLoading, contentCentered, containerStyle, elementShadow, }: HeroProps) => JSX.Element;
+declare const Hero: ({ imageProps, imageElement, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, button, dynamicGutter, isLoading, contentCentered, containerStyle, elementShadow, }: HeroProps) => import("react/jsx-runtime").JSX.Element;
 export default Hero;

package/{types → dist/types}/components/Icon/index.d.ts

@@ -5,5 +5,5 @@ export interface IconsProps {
     icons: IconModule[];
     size: string;
 }
-declare const Icons: ({ background, color, icons, size, }: IconsProps) => JSX.Element;
+declare const Icons: ({ background, color, icons, size, }: IconsProps) => import("react/jsx-runtime").JSX.Element;
 export default Icons;

package/{types → dist/types}/components/IconButton.d.ts

@@ -12,5 +12,5 @@ interface Props {
     noTabIndex?: boolean;
     onClick?(event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
 }
-declare const IconButton: ({ children, isActive, isDisabled, onClick, noTabIndex, color, }: Props) => JSX.Element;
+declare const IconButton: ({ children, isActive, isDisabled, onClick, noTabIndex, color, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

package/dist/types/components/Icons/Arrow.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const Arrow: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/types/components/Icons/CheckCircle.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const CheckCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CheckCircle;

package/dist/types/components/Icons/CheckIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    className?: string;
+}
+declare const CheckIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CheckIcon;

package/dist/types/components/Icons/Close.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const Close: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Close;

package/dist/types/components/Icons/ErrorCircle.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const ErrorCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ErrorCircle;

package/dist/types/components/Icons/InfoCircle.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const InfoCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default InfoCircle;

package/{types → dist/types}/components/ListItem/Bacon.d.ts

@@ -1,4 +1,4 @@
 declare const Bacon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Bacon;

package/{types → dist/types}/components/ListItem/index.d.ts

@@ -6,5 +6,5 @@ export interface ListItemProps {
     children?: ReactNode;
     component?: ComponentType | keyof JSX.IntrinsicElements;
 }
-declare const ListItem: ({ title, text, icon, component: Component, children, ...props }: ListItemProps) => JSX.Element;
+declare const ListItem: ({ title, text, icon, component: Component, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/{types → dist/types}/components/Logo/LogoEn.d.ts

@@ -1,4 +1,4 @@
 declare const LogoEn: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LogoEn;

package/{types → dist/types}/components/Logo/LogoSv.d.ts

@@ -1,4 +1,4 @@
 declare const LogoSv: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LogoSv;

package/{types → dist/types}/components/Logo/index.d.ts

@@ -4,5 +4,5 @@ export interface LogoProps {
     width?: number;
     color?: string;
 }
-export declare const Logo: ({ locale, width, color }: LogoProps) => JSX.Element;
+export declare const Logo: ({ locale, width, color }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export default Logo;

package/{types → dist/types}/components/MenuItem/index.d.ts

@@ -27,5 +27,5 @@ declare const fontSizes: {
     };
 };
 type Level = keyof typeof fontSizes;
-export declare const MenuItem: ({ preamble, title, level, component: Component, children, ...props }: MenuItemProps) => JSX.Element;
+export declare const MenuItem: ({ preamble, title, level, component: Component, children, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/{types → dist/types}/components/Message/index.d.ts

@@ -9,5 +9,5 @@ export type Props = {
     inverted?: boolean;
     textCenter?: boolean;
 } & ComponentPropsWithoutRef<'div'>;
-declare const Message: ({ children, type, withIcon, isDeletable, fullWidth, inverted, textCenter, ...props }: Props) => JSX.Element;
+declare const Message: ({ children, type, withIcon, isDeletable, fullWidth, inverted, textCenter, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Message;

package/{types → dist/types}/components/Modal/index.d.ts

@@ -8,5 +8,5 @@ export interface ModalProps {
     contentStyles?: {};
     withCloseIcon?: boolean;
 }
-export declare const Modal: ({ children, isOpen, contentStyles, withPortal, withCloseIcon, onClose, ...props }: ModalProps) => JSX.Element;
+export declare const Modal: ({ children, isOpen, contentStyles, withPortal, withCloseIcon, onClose, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/{types → dist/types}/components/NotificationButton/index.d.ts

@@ -6,4 +6,4 @@ export interface NotificationButtonProps {
     badgeProps: BadgeProps;
     children: ReactNode;
 }
-export declare const NotificationButton: (props: NotificationButtonProps) => JSX.Element;
+export declare const NotificationButton: (props: NotificationButtonProps) => import("react/jsx-runtime").JSX.Element;

package/{types → dist/types}/components/OffCanvas/Overlay.d.ts

@@ -5,5 +5,5 @@ interface Props {
     onClick?: CallableFunction;
     transitionProps?: TransitionProps;
 }
-declare const Overlay: ({ className, isOpen, onClick, transitionProps, }: Props) => JSX.Element;
+declare const Overlay: ({ className, isOpen, onClick, transitionProps, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Overlay;

package/{types → dist/types}/components/OffCanvas/index.d.ts

@@ -15,5 +15,5 @@ export interface OffCanvasProps {
     withPortal?: boolean;
     transitionProps?: TransitionProps;
 }
-export declare const OffCanvas: ({ animationName, animationDuration, backgroundColor, backgroundOverlay, children, from, isOpen, onClickOutside, width, withPortal, transitionProps, }: OffCanvasProps) => JSX.Element;
+export declare const OffCanvas: ({ animationName, animationDuration, backgroundColor, backgroundOverlay, children, from, isOpen, onClickOutside, width, withPortal, transitionProps, }: OffCanvasProps) => import("react/jsx-runtime").JSX.Element;
 export default OffCanvas;

package/{types → dist/types}/components/RadioButton/index.d.ts

@@ -9,5 +9,5 @@ export interface RadioButtonProps {
     onChange?(): void;
     label?: ReactNode;
 }
-export declare const RadioButton: ({ name, size, checked, isDisabled, color, onChange, label, ...props }: RadioButtonProps) => JSX.Element;
+export declare const RadioButton: ({ name, size, checked, isDisabled, color, onChange, label, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/{types → dist/types}/components/RegistrationPlate/EuFlagIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface IconProps extends React.SVGProps<SVGSVGElement> {
     color?: string;
 }
-export default function EuFlagIcon({ color, ...rest }: IconProps): JSX.Element;
+export default function EuFlagIcon({ color, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/RegistrationPlate/index.d.ts

@@ -0,0 +1,5 @@
+export interface Props {
+    regNumber: string;
+}
+declare const RegistrationPlate: ({ regNumber }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RegistrationPlate;

package/dist/types/components/Select/components/test-icon.d.ts

@@ -0,0 +1 @@
+export declare const TestIcon: () => import("react/jsx-runtime").JSX.Element;

package/{types → dist/types}/components/Select/index.d.ts

@@ -48,5 +48,5 @@ export interface SelectProps<Option = OptionType, IsMulti extends boolean = fals
  *  );
  * };
  */
-export declare function Select<Option = OptionType, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ className, color, forwardRef, hasError, height, helperText, isDisabled, onBlur, onFocus, onInputChange, placeholder, name, ...props }: SelectProps<Option, IsMulti, Group>): JSX.Element;
+export declare function Select<Option = OptionType, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ className, color, forwardRef, hasError, height, helperText, isDisabled, onBlur, onFocus, onInputChange, placeholder, name, ...props }: SelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export default Select;

package/{types → dist/types}/components/Snackbar/index.d.ts

@@ -11,5 +11,5 @@ export type SnackbarProps = {
     autoHideDuration?: number;
     origin?: Partial<Origin>;
 } & ComponentPropsWithoutRef<'div'>;
-export declare const Snackbar: ({ message, color, type, action, isOpen, origin, onClose, onExited, autoHideDuration, ...props }: SnackbarProps) => JSX.Element;
+export declare const Snackbar: ({ message, color, type, action, isOpen, origin, onClose, onExited, autoHideDuration, ...props }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Snackbar;

package/{types → dist/types}/components/Spinner/index.d.ts

@@ -7,5 +7,5 @@ interface SpinnerBaseProps {
 }
 export interface SpinnerProps extends ComponentPropsWithoutRef<'div'>, Partial<SpinnerBaseProps> {
 }
-declare const Spinner: ({ size, color, speed, ...props }: SpinnerProps) => JSX.Element;
+declare const Spinner: ({ size, color, speed, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/{types → dist/types}/components/SpinnerThin/index.d.ts

@@ -9,5 +9,5 @@ export interface SpinnerThinProps {
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpinnerThinProps & {
     size: number;
 }, never>;
-export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ...rest }: SpinnerThinProps) => JSX.Element;
+export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ...rest }: SpinnerThinProps) => import("react/jsx-runtime").JSX.Element;
 export default SpinnerThin;

package/{types → dist/types}/components/Stack/index.d.ts

@@ -2,5 +2,5 @@ import { Props as FlexProps } from '../Flex';
 export type StackProps = Omit<FlexProps, 'gap'> & {
     spacing?: FlexProps['gap'];
 };
-declare const Stack: ({ ...props }: StackProps) => JSX.Element;
+declare const Stack: ({ ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
 export default Stack;

package/{types → dist/types}/components/Stamp/index.d.ts

@@ -6,5 +6,5 @@ export interface Props {
     type: StampType;
     size?: number;
 }
-declare const Stamp: ({ color, appearance, locale, type, size }: Props) => JSX.Element;
+declare const Stamp: ({ color, appearance, locale, type, size }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Stamp;

package/{types → dist/types}/components/Stepper/index.d.ts

@@ -8,4 +8,4 @@ export interface StepperProps extends ComponentPropsWithoutRef<'div'> {
     size?: number;
     activeStep?: number;
 }
-export declare const Stepper: ({ children, orientation, variant, color, size, activeStep, ...props }: StepperProps) => JSX.Element;
+export declare const Stepper: ({ children, orientation, variant, color, size, activeStep, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/{types → dist/types}/components/StepperAccordion/index.d.ts

@@ -10,5 +10,5 @@ export interface StepperAccordionProps extends ComponentProps<'div'> {
     closedChildren?: ReactNode;
     ref?: RefObject<HTMLDivElement>;
 }
-export declare const StepperAccordion: (props: StepperAccordionProps) => JSX.Element;
+export declare const StepperAccordion: (props: StepperAccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default StepperAccordion;

package/{types → dist/types}/components/Table/index.d.ts

@@ -3,5 +3,5 @@ export interface TableProps {
     columns?: Column[];
     data?: Record<Column, string>[];
 }
-declare const Table: ({ columns, data }: TableProps) => JSX.Element;
+declare const Table: ({ columns, data }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/{types → dist/types}/components/Tabs/Tabs.d.ts

@@ -17,5 +17,5 @@ export interface TabsProps {
     borderColor?: keyof typeof theme.colors.gray;
     headline?: string;
 }
-export declare const Tabs: ({ activeColor, justify, activeIndex, initalActive, children, kbNavAutoOpen, onTabClick, fullWidthBorder, borderColor, headline, }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ activeColor, justify, activeIndex, initalActive, children, kbNavAutoOpen, onTabClick, fullWidthBorder, borderColor, headline, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;