@jobber/components 3.5.4 → 3.5.6-pre.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.5](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.4...@jobber/components@3.5.5) (2023-03-15)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
 ## [3.5.4](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.3...@jobber/components@3.5.4) (2023-03-15)
 
 **Note:** Version bump only for package @jobber/components

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { XOR } from "ts-xor";
 import { GroupOption, Option } from "./Option";
 import { FormFieldProps } from "../FormField";

package/dist/Autocomplete/Menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from "./Option";
 interface MenuProps {
     readonly visible: boolean;

package/dist/Autocomplete/index.js

@@ -11,17 +11,17 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Heading = require('../Heading-a9a66964.js');
-var InputText = require('../InputText-e14d01db.js');
+var InputText = require('../InputText-f8000c6c.js');
 require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-58711fc7.js');
+require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { XOR } from "ts-xor";
 declare type AvatarSize = "base" | "large" | "small";
 interface AvatarFoundationProps {

package/dist/Card/CardHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from "./types";
 /**
  * Intended to be used in the Card component.

package/dist/Chips/Chip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InternalChipProps } from "./ChipTypes";
 export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" | "disabled" | "invalid"> {
     /**

package/dist/Chips/Chips.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ChipsProps } from "./ChipsTypes";
 export declare function Chips(props: ChipsProps): JSX.Element;

package/dist/Chips/InternalChip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InternalChipProps } from "./ChipTypes";
 export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissible.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InternalChipDismissibleProps } from "./InternalChipDismissibleTypes";
 export declare function InternalChipDismissible(props: InternalChipDismissibleProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissibleInput.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ChipDismissibleInputProps } from "./InternalChipDismissibleTypes";
 export declare function InternalChipDismissibleInput(props: ChipDismissibleInputProps): JSX.Element;

package/dist/Chips/InternalChipMultiSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipMultiSelectProps } from "./ChipsTypes";
 declare type InternalChipChoiceMultipleProps = Pick<ChipMultiSelectProps, "selected" | "onChange" | "children" | "onClick">;
 export declare function InternalChipMultiSelect({ children, selected, onChange, onClick, }: InternalChipChoiceMultipleProps): JSX.Element;

package/dist/Chips/InternalChipSingleSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipSingleSelectProps } from "./ChipsTypes";
 declare type InternalChipChoiceProps = Pick<ChipSingleSelectProps, "selected" | "onChange" | "children" | "onClick" | "name">;
 export declare function InternalChipSingleSelect({ children, selected, name, onChange, onClick, }: InternalChipChoiceProps): JSX.Element;

package/dist/Chips/index.js

@@ -16,7 +16,7 @@ var lodash = require('lodash');
 var reactPopper = require('react-popper');
 var Text = require('../Text-e012fb46.js');
 var Button = require('../Button-cd30df0f.js');
-var Spinner = require('../Spinner-18d3dee6.js');
+var Spinner = require('../Spinner-e4e9c8eb.js');
 require('@jobber/design');
 require('color');
 require('react-dom');

package/dist/ConfirmationModal/ConfirmationModal.d.ts

@@ -74,5 +74,5 @@ interface StringMessage extends BaseConfirmationModalProps {
     message: string;
     children?: never;
 }
-export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (SimpleConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>) | (Pick<ComplexConfirmationModalProps & ChildrenMessage, "children" | "size" | "title" | "variation" | "message" | "open" | "onRequestClose" | "onCancel" | "confirmLabel" | "cancelLabel" | "onConfirm"> & React.RefAttributes<ConfirmationModalRef>) | (Pick<ComplexConfirmationModalProps & StringMessage, "children" | "size" | "title" | "variation" | "message" | "open" | "onRequestClose" | "onCancel" | "confirmLabel" | "cancelLabel" | "onConfirm"> & React.RefAttributes<ConfirmationModalRef>)>;
+export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (SimpleConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>)>;
 export {};

package/dist/Countdown/Countdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CivilDate } from "@std-proposal/temporal";
 /**
  * Options for deciding how much information is shown to the user

package/dist/DataDump/DataDump.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DataDebuggerProps {
     /**
      * Label for the DataDump

package/dist/DataTable/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Table } from "@tanstack/react-table";
 export declare type ViewType = "desktop" | "handheld";
 export interface FooterProps<T> {

package/dist/DataTable/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row, Table } from "@tanstack/react-table";
 import { SortingType } from "./types";
 interface HeaderProps<T> {

package/dist/DataTable/Pagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Table } from "@tanstack/react-table";
 interface PaginationProps<T> {
     table: Table<T>;

package/dist/DataTable/SortIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum SortDirection {
     ascending = 0,
     descending = 1,

package/dist/DataTable/index.js

@@ -8,17 +8,17 @@ var classnames = require('classnames');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Option = require('../Option-e7855759.js');
+var Option = require('../Option-93ff948a.js');
 var Button = require('../Button-cd30df0f.js');
 var Text = require('../Text-e012fb46.js');
-require('../FormField-58711fc7.js');
+require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 require('react-router-dom');
 require('../Typography-fbe0ed6e.js');
 

package/dist/DatePicker/DatePickerCustomHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from "react-datepicker";
 export declare function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps): JSX.Element;

package/dist/Divider/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DividerProps {
     /**
      * The weight of the divider.

package/dist/FormField/FormField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormFieldProps } from "./FormFieldTypes";
 export declare function FormField(props: FormFieldProps): JSX.Element;

package/dist/FormField/FormFieldDescription.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FormFieldDescriptionProps {
     readonly id: string;
     readonly description: string;

package/dist/FormField/FormFieldPostFix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FormFieldPostFixProps {
     readonly variation: "select" | "spinner";
 }

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

package/dist/{FormField-58711fc7.js → FormField-4280f5e9.js}

@@ -10,7 +10,7 @@ var Button = require('./Button-cd30df0f.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 var Text = require('./Text-e012fb46.js');
 var InputValidation = require('./InputValidation-06a8a7ba.js');
-var Spinner = require('./Spinner-18d3dee6.js');
+var Spinner = require('./Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/FormatDate/FormatDate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CivilDate } from "@std-proposal/temporal";
 interface FormatDateProps {
     /**

package/dist/FormatEmail/FormatEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FormatEmailProps {
     /**
      * Email address to format

package/dist/FormatFile/FormatFileDeleteButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DeleteButtonProps {
     size?: "base" | "large";
     onDelete?: () => void;

package/dist/FormatFile/InternalThumbnail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileUpload } from "../InputFile";
 interface InternalThumbnailProps {
     readonly name?: string;

package/dist/FormatRelativeDateTime/FormatRelativeDateTime.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CivilDateTime } from "@std-proposal/temporal";
 interface FormatRelativeDateTimeProps {
     /**

package/dist/FormatTime/FormatTime.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CivilTime } from "@std-proposal/temporal";
 interface FormatTimeProps {
     /**

package/dist/Gallery/Gallery.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { GalleryProps } from "./GalleryTypes";
 export declare function Gallery({ files, size, max, onDelete }: GalleryProps): JSX.Element;

package/dist/Icon/Icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconColorNames, IconNames, IconSizes } from "@jobber/design";
 export { IconColorNames, IconNames } from "@jobber/design";
 export interface IconProps {

package/dist/InputAvatar/InputAvatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps } from "../Avatar";
 import { FileUpload, UploadParams } from "../InputFile";
 interface InputAvatarProps extends Omit<AvatarProps, "size"> {

package/dist/InputDate/InputDate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputDateProps extends CommonFormFieldProps, Pick<FormFieldProps, "readonly" | "disabled" | "onEnter" | "onFocus" | "inputRef" | "validations" | "placeholder" | "onChange" | "onBlur"> {
     /**

package/dist/InputDate/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 var DatePicker = require('../DatePicker-7c67e8d2.js');
 require('uuid');
 require('react-hook-form');
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 require('react-datepicker');
 require('@jobber/hooks');
 

package/dist/InputEmail/InputEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 declare type InputEmailProps = CommonFormFieldProps & Pick<FormFieldProps, "maxLength" | "readonly" | "validations" | "defaultValue">;
 export declare const validationMessage = "Please enter a valid email";

package/dist/InputEmail/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputFile/InputFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FileUpload {
     /**
      * File Identifier

package/dist/InputNumber/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputPassword/InputPassword.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
     value?: string;

package/dist/InputPassword/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-e14d01db.js');
+var InputText = require('../InputText-f8000c6c.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-58711fc7.js');
+require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

package/dist/{InputText-e14d01db.js → InputText-f8000c6c.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-58711fc7.js');
+var FormField = require('./FormField-4280f5e9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputTime/InputTime.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InputTimeProps } from "./InputTimeProps";
 export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;

package/dist/InputTime/InputTimeSafari.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InputTimeProps } from "./InputTimeProps";
 export declare function InputTimeSafari({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;

package/dist/InputTime/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-58711fc7.js');
+var FormField = require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputValidation/InputValidation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface InputValidationProps {
     /**
      * Validation message to be displayed

package/dist/List/List.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListItemProps } from "./ListItem";
 interface ListProps {
     /**

package/dist/List/List.stories.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ListItemProps } from "./ListItem";
 export declare const StorybookListPropsInterface: (_: ListItemProps) => JSX.Element;

package/dist/Markdown/Markdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MarkdownProps {
     /**
      * Rich text content.

package/dist/Menu/Menu.stories.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SectionProps } from ".";
 export declare const StorybookMenuSectionShape: (_: SectionProps) => JSX.Element;

package/dist/{Option-e7855759.js → Option-93ff948a.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-58711fc7.js');
+var FormField = require('./FormField-4280f5e9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import sizes from "./Sizes.css";
 interface ProgressBarProps {
     /**

package/dist/RecurringSelect/CurrentRecurrenceComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RecurrenceRule } from "./types";
 interface RecurringSelectProps {
     disabled?: boolean;

package/dist/RecurringSelect/RecurringSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RecurrenceRule } from "./types";
 interface RecurringSelectProps {
     readonly disabled?: boolean;

package/dist/RecurringSelect/components/DayOfMonthSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DayOfMonth } from "../types";
 interface DayOfMonthSelectProps {
     selectedDays: Set<DayOfMonth>;

package/dist/RecurringSelect/components/MonthlyDayOfWeekSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WeekDay } from "../types";
 interface MonthlyDayOfWeekSelectProps {
     disabled: boolean;

package/dist/RecurringSelect/components/MonthlySelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DurationPeriod } from "../types";
 interface MonthlySelectProps {
     disabled: boolean;

package/dist/RecurringSelect/components/WeeklySelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WeekDay } from "../types";
 interface WeeklySelectProps {
     disabled: boolean;

package/dist/Select/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from "../FormField";
 /**
  * The following is the same as:

package/dist/Select/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-e7855759.js');
+var Option = require('../Option-93ff948a.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-58711fc7.js');
+require('../FormField-4280f5e9.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

package/dist/Spinner/Spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SpinnerProps {
     /**
      * Specifies the size of the spinner

package/dist/Spinner/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Spinner = require('../Spinner-18d3dee6.js');
+var Spinner = require('../Spinner-e4e9c8eb.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Spinner-18d3dee6.js → Spinner-e4e9c8eb.js}

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: 1s;\n          animation-duration: 1s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _3bn_eCsItKh7HS1dEQIERv;\n          animation-name: _3bn_eCsItKh7HS1dEQIERv;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n._3uMtJrFH9VsqhWvHLkG1SQ {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n._20N4X28gVsanpe8jhUzYxj {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
+var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: calc(var(--timing-slowest) * 2);\n          animation-duration: calc(var(--timing-slowest) * 2);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _3bn_eCsItKh7HS1dEQIERv;\n          animation-name: _3bn_eCsItKh7HS1dEQIERv;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n._3uMtJrFH9VsqhWvHLkG1SQ {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n._20N4X28gVsanpe8jhUzYxj {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
 var styles = {"spinner":"_2Vxgrs4a5osOKmp9b0i7ud","animationSpin":"_3bn_eCsItKh7HS1dEQIERv","small":"_3uMtJrFH9VsqhWvHLkG1SQ","inline-left":"_20N4X28gVsanpe8jhUzYxj","inline-right":"_20N4X28gVsanpe8jhUzYxj","inline":"_20N4X28gVsanpe8jhUzYxj"};
 styleInject_es.styleInject(css);
 

package/dist/StatusLabel/StatusLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type StatusType = "success" | "warning" | "critical" | "inactive" | "informative";
 export interface StatusLabelType {
     readonly statusLabel: string;

package/dist/Switch/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SwitchProps {
     readonly value?: boolean;
     /**

package/dist/Table/Cells/CellCurrency.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CurrencyType } from "@jobber/formatters";
 import { CellNumericProps } from "./CellNumeric";
 interface CellCurrencyProps extends CellNumericProps {

package/dist/Table/Cells/CellNumeric.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CellNumericProps {
     value: number | string;
 }

package/dist/Toast/Toast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { XOR } from "ts-xor";
 interface BaseToastProps {
     readonly variation?: "info" | "success" | "error";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.5.4",
+  "version": "3.5.6-pre.0+03511639",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,7 +17,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.29.3",
+    "@jobber/design": "^0.29.4-pre.49+03511639",
     "@jobber/formatters": "^0.2.1",
     "@jobber/hooks": "^1.13.2",
     "@popperjs/core": "^2.0.6",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "78933b291a33d8cf5bee0061574298eba16278de"
+  "gitHead": "03511639f4c392a6a1cef792f26bce19bd95b4a6"
 }