@jobber/components 4.1.1 → 4.1.3-pre.14

package/dist/InputEmail/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
-require('../tslib.es6-efe27175.js');
+var FormField = require('../FormField-aff52a1d.js');
+require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
-require('../style-inject.es-dcee06b6.js');
+require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-16e043ec.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-9262511f.js');
-require('../Text-7ce00adb.js');
-require('../InputValidation-97dd0dcf.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-ae4c8a85.js');
+require('../Spinner-35cee923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputFile/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-5e0ed2b5.js');
-require('../tslib.es6-efe27175.js');
+var InputFile = require('../InputFile-e7c15211.js');
+require('../tslib.es6-5b8768b7.js');
 require('react');
 require('classnames');
 require('react-dropzone');
 require('axios');
 require('uuid');
-require('../style-inject.es-dcee06b6.js');
-require('../Button-16e043ec.js');
+require('../style-inject.es-9d2f5f4e.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-9262511f.js');
-require('../Content-05df8f7f.js');
+require('../Typography-dd9717e7.js');
+require('../Content-af82acba.js');
 
 
 

package/dist/{InputFile-5e0ed2b5.js → InputFile-e7c15211.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efe27175.js');
+var tslib_es6 = require('./tslib.es6-5b8768b7.js');
 var React = require('react');
 var classnames = require('classnames');
 var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var uuid = require('uuid');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Button = require('./Button-16e043ec.js');
-var Content = require('./Content-05df8f7f.js');
-var Typography = require('./Typography-9262511f.js');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var Button = require('./Button-186ef2c1.js');
+var Content = require('./Content-af82acba.js');
+var Typography = require('./Typography-dd9717e7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,9 +17,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
-var css = "._2CgKZHQp30gXtQyW8h2Ex_ {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._3nre5MPe67v_oDs44x2IDC {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n._3nre5MPe67v_oDs44x2IDC._1wLTm5Es7oqZzzwFiOySeN {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
+var css_248z = "._2CgKZHQp30gXtQyW8h2Ex_ {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._3nre5MPe67v_oDs44x2IDC {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n._3nre5MPe67v_oDs44x2IDC._1wLTm5Es7oqZzzwFiOySeN {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
 var styles = {"dropZoneBase":"_2CgKZHQp30gXtQyW8h2Ex_","dropZone":"_3nre5MPe67v_oDs44x2IDC","active":"_1wLTm5Es7oqZzzwFiOySeN"};
-styleInject_es.styleInject(css);
+styleInject_es.styleInject(css_248z);
 
 function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }) {
     const options = {

package/dist/InputGroup/index.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = "._1UKIybTcnyfJQlTx901rF5 > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr > *:not(:last-child) {\n  margin-bottom: auto;\n  margin-right: -1px;\n}\n\n/* Border corners are rounded on the outside edges of the group  */\n\n._3kywSyvvwSdmNSTOqX-AQA {\n  --public-field--top-left-radius: 0;\n  --public-field--top-right-radius: 0;\n  --public-field--bottom-left-radius: 0;\n  --public-field--bottom-right-radius: 0;\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :first-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :last-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--bottom-left-radius: var(--radius-base);\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n\n/* First Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :last-child {\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n";
+var css_248z = "._1UKIybTcnyfJQlTx901rF5 > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr > *:not(:last-child) {\n  margin-bottom: auto;\n  margin-right: -1px;\n}\n\n/* Border corners are rounded on the outside edges of the group  */\n\n._3kywSyvvwSdmNSTOqX-AQA {\n  --public-field--top-left-radius: 0;\n  --public-field--top-right-radius: 0;\n  --public-field--bottom-left-radius: 0;\n  --public-field--bottom-right-radius: 0;\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :first-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :last-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--bottom-left-radius: var(--radius-base);\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n\n/* First Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :last-child {\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n";
 var styles = {"vertical":"_1UKIybTcnyfJQlTx901rF5","horizontal":"_26qQBed5Rzu9i2ZIDEaESr","inputGroup":"_3kywSyvvwSdmNSTOqX-AQA"};
-styleInject_es.styleInject(css);
+styleInject_es.styleInject(css_248z);
 
 function InputGroup({ children, flowDirection = "vertical", }) {
     if (isInvalidGroupNesting(children))

package/dist/InputNumber/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
-require('../tslib.es6-efe27175.js');
+var FormField = require('../FormField-aff52a1d.js');
+require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
-require('../style-inject.es-dcee06b6.js');
+require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-16e043ec.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-9262511f.js');
-require('../Text-7ce00adb.js');
-require('../InputValidation-97dd0dcf.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-ae4c8a85.js');
+require('../Spinner-35cee923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputPassword/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
-require('../tslib.es6-efe27175.js');
+var FormField = require('../FormField-aff52a1d.js');
+require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
-require('../style-inject.es-dcee06b6.js');
+require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-16e043ec.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-9262511f.js');
-require('../Text-7ce00adb.js');
-require('../InputValidation-97dd0dcf.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-ae4c8a85.js');
+require('../Spinner-35cee923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/InputText.d.ts

@@ -1,29 +1,86 @@
 import React from "react";
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface RowRange {
     min: number;
     max: number;
 }
-interface BaseProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "keyboard" | "onEnter" | "onFocus" | "onBlur" | "onChange" | "inputRef" | "validations" | "defaultValue" | "prefix" | "suffix"> {
-    multiline?: boolean;
-}
 export interface InputTextRef {
     insert(text: string): void;
     blur(): void;
     focus(): void;
 }
-interface MultilineProps extends BaseProps {
-    /**
-     * Use this when you're expecting a long answer.
-     */
+export declare const InputText: React.ForwardRefExoticComponent<({
     readonly multiline: true;
-    /**
-     * Specifies the visible height of a long answer form field. Can be in the
-     * form of a single number to set a static height, or an object with a min
-     * and max keys indicating the minimum number of visible rows, and the
-     * maximum number of visible rows.
-     */
-    readonly rows?: number | RowRange;
-}
-export declare const InputText: React.ForwardRefExoticComponent<((import("ts-xor/dist/types/Without.type").Without<BaseProps, MultilineProps> & MultilineProps) | (import("ts-xor/dist/types/Without.type").Without<MultilineProps, BaseProps> & BaseProps)) & React.RefAttributes<InputTextRef>>;
+    readonly rows?: number | RowRange | undefined;
+    readonly align?: "center" | "right" | undefined;
+    readonly description?: string | undefined;
+    readonly disabled?: boolean | undefined;
+    readonly invalid?: boolean | undefined;
+    readonly inline?: boolean | undefined;
+    loading?: boolean | undefined;
+    readonly name?: string | undefined;
+    onChange?: ((newValue: string | number | boolean | Date, event?: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | undefined) => void) | undefined;
+    onValidation?: ((message: string) => void) | undefined;
+    readonly placeholder?: string | undefined;
+    readonly size?: "large" | "small" | undefined;
+    readonly value?: string | number | Date | undefined;
+    readonly defaultValue?: string | Date | undefined;
+    readonly prefix?: import("../FormField").Affix | undefined;
+    onFocus?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
+    inputRef?: React.RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | undefined;
+    readonly keyboard?: "numeric" | "decimal" | undefined;
+    readonly maxLength?: number | undefined;
+    readonly suffix?: {
+        onClick: () => void;
+        readonly ariaLabel: string;
+        readonly icon: import("@jobber/design").IconNames;
+        readonly label?: string | undefined;
+    } | {
+        onClick?: undefined;
+        ariaLabel?: undefined;
+        readonly label?: string | undefined;
+        readonly icon?: import("@jobber/design").IconNames | undefined;
+    } | undefined;
+    onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
+    readonly readonly?: boolean | undefined;
+    readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+} | {
+    rows?: undefined;
+    multiline?: boolean | undefined;
+    readonly align?: "center" | "right" | undefined;
+    readonly description?: string | undefined;
+    readonly disabled?: boolean | undefined;
+    readonly invalid?: boolean | undefined;
+    readonly inline?: boolean | undefined;
+    loading?: boolean | undefined;
+    readonly name?: string | undefined;
+    onChange?: ((newValue: string | number | boolean | Date, event?: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | undefined) => void) | undefined;
+    onValidation?: ((message: string) => void) | undefined;
+    readonly placeholder?: string | undefined;
+    readonly size?: "large" | "small" | undefined;
+    readonly value?: string | number | Date | undefined;
+    readonly defaultValue?: string | Date | undefined;
+    readonly prefix?: import("../FormField").Affix | undefined;
+    onFocus?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
+    inputRef?: React.RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | undefined;
+    readonly keyboard?: "numeric" | "decimal" | undefined;
+    readonly maxLength?: number | undefined;
+    readonly suffix?: {
+        onClick: () => void;
+        readonly ariaLabel: string;
+        readonly icon: import("@jobber/design").IconNames;
+        readonly label?: string | undefined;
+    } | {
+        onClick?: undefined;
+        ariaLabel?: undefined;
+        readonly label?: string | undefined;
+        readonly icon?: import("@jobber/design").IconNames | undefined;
+    } | undefined;
+    onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
+    readonly readonly?: boolean | undefined;
+    readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+}) & React.RefAttributes<InputTextRef>>;
 export {};

package/dist/InputText/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-95ea24f9.js');
+var InputText = require('../InputText-90bf6056.js');
 require('react');
-require('../FormField-79a0a375.js');
-require('../tslib.es6-efe27175.js');
+require('../FormField-aff52a1d.js');
+require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
-require('../style-inject.es-dcee06b6.js');
+require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-16e043ec.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-9262511f.js');
-require('../Text-7ce00adb.js');
-require('../InputValidation-97dd0dcf.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-ae4c8a85.js');
+require('../Spinner-35cee923.js');
 
 
 

package/dist/{InputText-95ea24f9.js → InputText-90bf6056.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-79a0a375.js');
+var FormField = require('./FormField-aff52a1d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }