@kvdbil/components 14.2.8 → 14.2.10

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/{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;

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

@@ -14,5 +14,5 @@ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     forwardRef?: RefObject<HTMLInputElement>;
 }
 /** The main text field used */
-export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, name, errors, ...props }: TextAreaProps) => JSX.Element;
+export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, name, errors, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
 export default TextArea;

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

@@ -11,5 +11,5 @@ export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     isAutoFocused?: boolean;
 }
 /** The main text field used */
-export declare const TextField: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, onBlur, onFocus, forwardRef, suffix, name, errors, isAutoFocused, ...props }: TextFieldProps) => JSX.Element;
+export declare const TextField: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, onBlur, onFocus, forwardRef, suffix, name, errors, isAutoFocused, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default TextField;

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

@@ -6,7 +6,7 @@ export interface TimeSlotProps {
     isDisabled?: boolean;
     isSelected?: boolean;
 }
-type Times = Date | Date[];
+export type Times = Date | Date[];
 export interface TimePickerProps {
     timeSlots: TimeSlotProps[];
     selectedTimes?: Times;
@@ -14,5 +14,5 @@ export interface TimePickerProps {
     onTimeSlotClick: (date: Date) => void;
     color?: ChipColor;
 }
-export declare const TimePicker: ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default TimePicker;

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

@@ -8,5 +8,5 @@ export interface ToggleProps {
     right: ReactNode;
     onChange(value: LeftOrRight): void;
 }
-export declare const Toggle: ({ onChange, ...props }: ToggleProps) => JSX.Element;
+export declare const Toggle: ({ onChange, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,5 +8,5 @@ export interface Props {
     isDisabled?: boolean;
     manualValuationText?: string;
 }
-declare const ValuationRange: ({ intervalMin, intervalMax, value, color, noApproximateSymbol, isDisabled, manualValuationText, }: Props) => JSX.Element;
+declare const ValuationRange: ({ intervalMin, intervalMax, value, color, noApproximateSymbol, isDisabled, manualValuationText, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ValuationRange;

package/{types → dist/types}/icons/components/AddIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AddIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function AddIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default AddIcon;

package/{types → dist/types}/icons/components/AlertIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AlertIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function AlertIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default AlertIcon;

package/{types → dist/types}/icons/components/ArrowDownIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowDownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function ArrowDownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default ArrowDownIcon;

package/{types → dist/types}/icons/components/ArrowLeftIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowLeftIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function ArrowLeftIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default ArrowLeftIcon;

package/{types → dist/types}/icons/components/ArrowRightIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowRightIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function ArrowRightIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default ArrowRightIcon;

package/{types → dist/types}/icons/components/ArrowUpIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowUpIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function ArrowUpIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default ArrowUpIcon;

package/{types → dist/types}/icons/components/AtvIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AtvIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function AtvIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default AtvIcon;

package/{types → dist/types}/icons/components/AuctionIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AuctionIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function AuctionIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default AuctionIcon;

package/{types → dist/types}/icons/components/BackIcon.d.ts

@@ -3,5 +3,5 @@ interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BackIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): JSX.Element;
+declare function BackIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
 export default BackIcon;