@jobber/components 4.2.2-pree.0 → 4.2.2-pree.4

package/dist/InputAvatar/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Avatar = require('../Avatar-99324b59.js');
-var InputFile = require('../InputFile-b794ada2.js');
-var ProgressBar = require('../ProgressBar-ef96b716.js');
-var Button = require('../Button-1063207a.js');
+var Avatar = require('../Avatar-01c5ba8b.js');
+var InputFile = require('../InputFile-e7c15211.js');
+var ProgressBar = require('../ProgressBar-d3178aa9.js');
+var Button = require('../Button-186ef2c1.js');
 require('classnames');
 require('color');
 require('../Icon-405a216c.js');
@@ -16,22 +16,23 @@ require('@jobber/design');
 require('react-dropzone');
 require('axios');
 require('uuid');
-require('../Content-373bbaee.js');
-require('../Typography-01077f8f.js');
+require('../Content-af82acba.js');
+require('../Typography-dd9717e7.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css_248z = ".inputAvatar {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.inputAvatar > *:not(:last-child) {\n  margin-right: var(--space-small);\n}\n\n.preview {\n  position: relative;\n}\n\n.centered {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 100%;\n  margin: 0 var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.overlay::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--dark);\n  opacity: 0.3;\n  mix-blend-mode: multiply;\n}\n";
+var css_248z = "._1e1D2becaB2vzZJ8QkTQFY {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._1e1D2becaB2vzZJ8QkTQFY > *:not(:last-child) {\n  margin-right: var(--space-small);\n}\n\n.TQgDlkCH4_o4LkH2hOqde {\n  position: relative;\n}\n\n.zq7uZTFFJ0aS_hIEAvVPX {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 100%;\n  margin: 0 var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._3wSTh_yNalSZ5i5bnf_clw {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n._3wSTh_yNalSZ5i5bnf_clw::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--dark);\n  opacity: 0.3;\n  mix-blend-mode: multiply;\n}\n";
+var styles = {"inputAvatar":"_1e1D2becaB2vzZJ8QkTQFY","preview":"TQgDlkCH4_o4LkH2hOqde","centered":"zq7uZTFFJ0aS_hIEAvVPX","overlay":"_3wSTh_yNalSZ5i5bnf_clw"};
 styleInject_es.styleInject(css_248z);
 
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = tslib_es6.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
     const [progress, setProgress] = React.useState(1);
-    return (React__default["default"].createElement("div", { className: css_248z.inputAvatar },
-        React__default["default"].createElement("div", { className: css_248z.preview },
+    return (React__default["default"].createElement("div", { className: styles.inputAvatar },
+        React__default["default"].createElement("div", { className: styles.preview },
             React__default["default"].createElement(Avatar.Avatar, Object.assign({ size: "large" }, avatarProps)),
             progress < 1 && (React__default["default"].createElement(Overlay, null,
                 React__default["default"].createElement(Centered, null,
@@ -57,11 +58,11 @@ function InputAvatar(_a) {
     }
 }
 function Overlay({ children }) {
-    return React__default["default"].createElement("div", { className: css_248z.overlay }, children);
+    return React__default["default"].createElement("div", { className: styles.overlay }, children);
 }
 function Centered({ children }) {
     // Note: this HIGHLY experimental Centered component is applying margin.
-    return React__default["default"].createElement("div", { className: css_248z.centered }, children);
+    return React__default["default"].createElement("div", { className: styles.centered }, children);
 }
 
 exports.InputAvatar = InputAvatar;

package/dist/InputDate/index.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
-var DatePicker = require('../DatePicker-f62e2518.js');
+var FormField = require('../FormField-e1c3af82.js');
+var DatePicker = require('../DatePicker-90d542d7.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-35cee923.js');
 require('react-datepicker');
 require('@jobber/hooks');
 

package/dist/InputEmail/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
+var FormField = require('../FormField-e1c3af82.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.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,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-b794ada2.js');
+var InputFile = require('../InputFile-e7c15211.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('classnames');
@@ -10,12 +10,12 @@ require('react-dropzone');
 require('axios');
 require('uuid');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Content-373bbaee.js');
+require('../Typography-dd9717e7.js');
+require('../Content-af82acba.js');
 
 
 

package/dist/{InputFile-b794ada2.js → InputFile-e7c15211.js}

@@ -7,9 +7,9 @@ var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-1063207a.js');
-var Content = require('./Content-373bbaee.js');
-var Typography = require('./Typography-01077f8f.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,7 +17,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
-var css_248z = ".dropZoneBase {\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.dropZoneBase:focus,\n.dropZoneBase[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.dropZoneBase:focus,\n.dropZoneBase:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.dropZone {\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.dropZone.active {\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_248z);
 
 function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }) {
@@ -33,9 +34,9 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
     }
     const { getRootProps, getInputProps, isDragActive } = reactDropzone.useDropzone(options);
     const { buttonLabel, hintText } = getLabels(providedButtonLabel, allowMultiple, allowedTypes);
-    const dropZone = classnames__default["default"](css_248z.dropZoneBase, {
-        [css_248z.dropZone]: variation === "dropzone",
-        [css_248z.active]: isDragActive,
+    const dropZone = classnames__default["default"](styles.dropZoneBase, {
+        [styles.dropZone]: variation === "dropzone",
+        [styles.active]: isDragActive,
     });
     return (React__default["default"].createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
         React__default["default"].createElement("input", Object.assign({}, getInputProps())),

package/dist/InputGroup/index.js

@@ -11,13 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".vertical > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n.horizontal {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n.horizontal > *: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.inputGroup {\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.vertical > :first-child:not(.horizontal) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n.vertical > :last-child:not(.horizontal) {\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.horizontal:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n.horizontal:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n.horizontal:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n.horizontal: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_248z);
 
 function InputGroup({ children, flowDirection = "vertical", }) {
     if (isInvalidGroupNesting(children))
         return React__default["default"].createElement(React__default["default"].Fragment, null);
-    const className = classnames__default["default"](css_248z.inputGroup, css_248z[flowDirection]);
+    const className = classnames__default["default"](styles.inputGroup, styles[flowDirection]);
     return React__default["default"].createElement("div", { className: className }, children);
 }
 function isInvalidGroupNesting(childs) {

package/dist/InputNumber/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
+var FormField = require('../FormField-e1c3af82.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.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-a62cc4de.js');
+var FormField = require('../FormField-e1c3af82.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-35cee923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-f8db1a9d.js');
+var InputText = require('../InputText-3ac6b3a9.js');
 require('react');
-require('../FormField-a62cc4de.js');
+require('../FormField-e1c3af82.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-35cee923.js');
 
 
 

package/dist/{InputText-f8db1a9d.js → InputText-3ac6b3a9.js}

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

package/dist/InputTime/InputTimeProps.d.ts

@@ -1,4 +1,4 @@
-import { CivilTime } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "description" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
     /**
@@ -6,13 +6,13 @@ export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "de
      * field with a data that is not controlled by the components state. If a
      * state is controlling the value, use the `value` prop instead.
      */
-    readonly defaultValue?: CivilTime;
+    readonly defaultValue?: Temporal.PlainTime;
     /**
      * Set the component to the given value.
      */
-    readonly value?: CivilTime;
+    readonly value?: Temporal.PlainTime;
     /**
      * Function called when user changes input value.
      */
-    onChange?(newValue?: CivilTime): void;
+    onChange?(newValue?: Temporal.PlainTime): void;
 }

package/dist/InputTime/civilTimeConversions.d.ts

@@ -1,3 +1,3 @@
-import { CivilTime } from "@std-proposal/temporal";
-export declare function civilTimeToHTMLTime(civilTime?: CivilTime): string;
-export declare function htmlTimeToCivilTime(timeString: string): CivilTime | undefined;
+import { Temporal } from "@js-temporal/polyfill";
+export declare function civilTimeToHTMLTime(civilTime?: Temporal.PlainTime): string;
+export declare function htmlTimeToCivilTime(timeString: string): Temporal.PlainTime | undefined;

package/dist/InputTime/index.js

@@ -5,21 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
-var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-a62cc4de.js');
+var polyfill = require('@js-temporal/polyfill');
+var FormField = require('../FormField-e1c3af82.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-186ef2c1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-dd9717e7.js');
+require('../Text-4c04ddc3.js');
+require('../InputValidation-e09f5d20.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-35cee923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -729,7 +729,7 @@ function civilTimeToHTMLTime(civilTime) {
 }
 function htmlTimeToCivilTime(timeString) {
     try {
-        return temporal.CivilTime.fromString(timeString + ":00.000000000");
+        return polyfill.Temporal.PlainTime.from(timeString + ":00.000000000");
     }
     catch (_a) {
         return undefined;

package/dist/InputValidation/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-96fa6b11.js');
+var InputValidation = require('../InputValidation-e09f5d20.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Text-1c12d786.js');
-require('../Typography-01077f8f.js');
+require('../Text-4c04ddc3.js');
+require('../Typography-dd9717e7.js');
 require('classnames');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{InputValidation-96fa6b11.js → InputValidation-e09f5d20.js}

@@ -3,14 +3,15 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Text = require('./Text-1c12d786.js');
+var Text = require('./Text-4c04ddc3.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css_248z = ".hasValidationMessage {\n  margin-top: var(--space-smaller);\n}\n\n.message {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  padding-left: 0;\n}\n\n.message > svg {\n  margin-right: var(--space-smaller);\n}\n\n.message:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n";
+var css_248z = "._9gFxrZogiKbS3gPLv_I79 {\n  margin-top: var(--space-smaller);\n}\n\n._3QUt88pIWZatkYLVYFlRuL {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  padding-left: 0;\n}\n\n._3QUt88pIWZatkYLVYFlRuL > svg {\n  margin-right: var(--space-smaller);\n}\n\n._3QUt88pIWZatkYLVYFlRuL:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n";
+var styles = {"hasValidationMessage":"_9gFxrZogiKbS3gPLv_I79","message":"_3QUt88pIWZatkYLVYFlRuL"};
 styleInject_es.styleInject(css_248z);
 
 function InputValidation({ message }) {
@@ -20,7 +21,7 @@ function InputValidation({ message }) {
         slideIn: { y: 0, opacity: 1 },
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { exitBeforeEnter: true }, messages.map(msg => (React__default["default"].createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
-        React__default["default"].createElement("div", { className: css_248z.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
+        React__default["default"].createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
             React__default["default"].createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
             React__default["default"].createElement(Text.Text, { size: "small", variation: "error" }, msg)))))))));
 }

package/dist/LightBox/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-44108d9c.js');
+var LightBox = require('../LightBox-8472bc9d.js');
 require('react');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
 require('@jobber/hooks');
 require('../style-inject.es-9d2f5f4e.js');
-require('../ButtonDismiss-bc13d061.js');
-require('../Button-1063207a.js');
+require('../ButtonDismiss-d2d16622.js');
+require('../Button-186ef2c1.js');
 require('classnames');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
+require('../Typography-dd9717e7.js');
 
 
 

package/dist/{LightBox-44108d9c.js → LightBox-8472bc9d.js}

@@ -6,8 +6,8 @@ var ReactDOM = require('react-dom');
 var debounce = require('lodash/debounce');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var ButtonDismiss = require('./ButtonDismiss-bc13d061.js');
-var Button = require('./Button-1063207a.js');
+var ButtonDismiss = require('./ButtonDismiss-d2d16622.js');
+var Button = require('./Button-186ef2c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +15,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-var css_248z = ".next,\n.prev {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n.next {\n  right: var(--space-base);\n}\n\n.prev {\n  left: var(--space-base);\n}\n\n.lightboxWrapper {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.toolbar {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: var(--elevation-base);\n  padding: var(--space-small) var(--space-base);\n  color: var(--color-text--reverse--secondary);\n  font-size: var(--typography--fontSize-large);\n  background-color: var(--color-surface--reverse);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.title {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.imagesWrapper {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n.overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--color-overlay);\n}\n\n.image {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
+var css_248z = "._2qgU3ylcPWUJGRthB18cb,\n._27gh3HPkx5J1Ru4Tqp_1tF {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n._2qgU3ylcPWUJGRthB18cb {\n  right: var(--space-base);\n}\n\n._27gh3HPkx5J1Ru4Tqp_1tF {\n  left: var(--space-base);\n}\n\n._3FuSx2b8rfxjzTQKeVn6MW {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._2gGRj41uQJhcl0zcSNgsOA {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: var(--elevation-base);\n  padding: var(--space-small) var(--space-base);\n  color: var(--color-text--reverse--secondary);\n  font-size: var(--typography--fontSize-large);\n  background-color: var(--color-surface--reverse);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.oyIA3-aR1Fvwn0lpp1Mgx {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._1PPDSsP7v3FAZG3DA--Oq3 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n._23IH8HE3ZATpurQqLyWj-l {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--color-overlay);\n}\n\n._2UNyNw_u8HDWIzzxcSLUU6 {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
+var styles = {"next":"_2qgU3ylcPWUJGRthB18cb","prev":"_27gh3HPkx5J1Ru4Tqp_1tF","lightboxWrapper":"_3FuSx2b8rfxjzTQKeVn6MW","toolbar":"_2gGRj41uQJhcl0zcSNgsOA","title":"oyIA3-aR1Fvwn0lpp1Mgx","imagesWrapper":"_1PPDSsP7v3FAZG3DA--Oq3","overlay":"_23IH8HE3ZATpurQqLyWj-l","image":"_2UNyNw_u8HDWIzzxcSLUU6"};
 styleInject_es.styleInject(css_248z);
 
 /* eslint-disable max-statements */
@@ -68,18 +69,18 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
     React.useEffect(() => {
         setCurrentImageIndex(imageIndex);
     }, [imageIndex, open]);
-    const template = (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", { className: css_248z.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef },
-        React__default["default"].createElement("div", { className: css_248z.toolbar },
-            React__default["default"].createElement("span", { className: css_248z.title }, images[currentImageIndex].title),
+    const template = (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef },
+        React__default["default"].createElement("div", { className: styles.toolbar },
+            React__default["default"].createElement("span", { className: styles.title }, images[currentImageIndex].title),
             React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })),
-        React__default["default"].createElement("div", { className: css_248z.imagesWrapper },
+        React__default["default"].createElement("div", { className: styles.imagesWrapper },
             React__default["default"].createElement(framerMotion.AnimatePresence, { initial: false },
-                React__default["default"].createElement(framerMotion.motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: css_248z.image, style: { y: "-50%" }, initial: "enter", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
+                React__default["default"].createElement(framerMotion.motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, style: { y: "-50%" }, initial: "enter", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
         images.length > 1 && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
             React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
-        React__default["default"].createElement("div", { className: css_248z.toolbar }, images[currentImageIndex].caption),
-        React__default["default"].createElement("div", { className: css_248z.overlay, onClick: handleRequestClose })))));
+        React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
+        React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
     return ReactDOM__default["default"].createPortal(template, document.body);
     function handleMovePrevious() {
         setDirection(-1);
@@ -103,11 +104,11 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
     }
 }
 function PreviousButton({ onClick }) {
-    return (React__default["default"].createElement("div", { className: css_248z.prev },
+    return (React__default["default"].createElement("div", { className: styles.prev },
         React__default["default"].createElement(Button.Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
 }
 function NextButton({ onClick }) {
-    return (React__default["default"].createElement("div", { className: css_248z.next },
+    return (React__default["default"].createElement("div", { className: styles.next },
         React__default["default"].createElement(Button.Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
 }