@jobber/components 4.87.11-JOB-91526-.5 → 4.88.0

package/dist/Autocomplete/index.js

@@ -15,11 +15,11 @@ var useIsMounted = require('@jobber/hooks/useIsMounted');
 var Text = require('../Text-fbeaaca6.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-bae3c69e.js');
-var InputText = require('../InputText-e657103e.js');
+var InputText = require('../InputText-130b0440.js');
 require('../Typography-e2a23b7e.js');
 require('@jobber/design');
 require('../useAtlantisConfig-ed0bee66.js');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Button-6b922fc1.js');

package/dist/DataList/index.js

@@ -15,7 +15,7 @@ var Tooltip = require('../Tooltip-b9de6e57.js');
 var Button = require('../Button-6b922fc1.js');
 var useInView = require('@jobber/hooks/useInView');
 var isEmpty = require('lodash/isEmpty');
-var InlineLabel = require('../InlineLabel-4d463bd6.js');
+var InlineLabel = require('../InlineLabel-c8fc28f0.js');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
@@ -30,7 +30,7 @@ var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
 var Combobox = require('../Combobox-6d864202.js');
 var Chip = require('../Chip-76f18555.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-e657103e.js');
+var InputText = require('../InputText-130b0440.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 var Typography = require('../Typography-e2a23b7e.js');
 require('../Content-e3f7b6fc.js');
@@ -43,7 +43,7 @@ require('../Flex-d490c4db.js');
 require('@jobber/hooks/useAssert');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('@jobber/hooks/useShowClear');
 require('../InputValidation-a92bb519.js');
 

package/dist/DataTable/index.js

@@ -9,11 +9,11 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-84dee1ed.js');
 var tslib_es6 = require('../tslib.es6-754e2961.js');
-var Option = require('../Option-b76d664f.js');
+var Option = require('../Option-a1dbc08a.js');
 var Button = require('../Button-6b922fc1.js');
 var Text = require('../Text-fbeaaca6.js');
 require('../Content-e3f7b6fc.js');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');

package/dist/DatePicker/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-305a5b82.js');
+var DatePicker = require('../DatePicker-dd9173c7.js');
 require('react');
 require('classnames');
 require('react-datepicker');
@@ -14,7 +14,6 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('lodash/omit');
-require('../AtlantisContext-64608897.js');
 
 
 

package/dist/{DatePicker-305a5b82.js → DatePicker-dd9173c7.js}

@@ -8,7 +8,6 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Typography = require('./Typography-e2a23b7e.js');
 var Button = require('./Button-6b922fc1.js');
 var omit = require('lodash/omit');
-var AtlantisContext = require('./AtlantisContext-64608897.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66,11 +65,9 @@ function useFocusOnSelectedDate() {
     return { ref, focusOnSelectedDate };
 }
 
-/*eslint max-statements: ["error", 13]*/
 function DatePicker({ onChange, onMonthChange, activator, inline, selected, readonly = false, disabled = false, fullWidth = false, smartAutofocus = true, maxDate, minDate, highlightDates, }) {
     const { ref, focusOnSelectedDate } = useFocusOnSelectedDate();
     const [open, setOpen] = React.useState(false);
-    const { dateFormat } = AtlantisContext.useAtlantisContext();
     const wrapperClassName = classnames__default["default"](styles.datePickerWrapper, {
         // react-datepicker uses this class name to not close the date picker when
         // the activator is clicked
@@ -91,14 +88,7 @@ function DatePicker({ onChange, onMonthChange, activator, inline, selected, read
         React.useEffect(focusOnSelectedDate, [open]);
     }
     return (React__default["default"].createElement("div", { className: wrapperClassName, ref: ref },
-        React__default["default"].createElement(ReactDatePicker__default["default"], { ref: pickerRef, calendarClassName: datePickerClassNames, showPopperArrow: false, selected: selected, inline: inline, disabled: disabled, readOnly: readonly, onChange: handleChange, maxDate: maxDate, preventOpenOnFocus: true, minDate: minDate, useWeekdaysShort: true, customInput: React__default["default"].createElement(DatePickerActivator, { activator: activator, fullWidth: fullWidth }), renderCustomHeader: props => React__default["default"].createElement(DatePickerCustomHeader, Object.assign({}, props)), onCalendarOpen: handleCalendarOpen, onCalendarClose: handleCalendarClose, dateFormat: [
-                dateFormat,
-                "P",
-                "PP",
-                "PPP",
-                "MMM dd yyyy",
-                "MMMM dd yyyy",
-            ], highlightDates: highlightDates, onMonthChange: onMonthChange })));
+        React__default["default"].createElement(ReactDatePicker__default["default"], { ref: pickerRef, calendarClassName: datePickerClassNames, showPopperArrow: false, selected: selected, inline: inline, disabled: disabled, readOnly: readonly, onChange: handleChange, maxDate: maxDate, preventOpenOnFocus: true, minDate: minDate, useWeekdaysShort: true, customInput: React__default["default"].createElement(DatePickerActivator, { activator: activator, fullWidth: fullWidth }), renderCustomHeader: props => React__default["default"].createElement(DatePickerCustomHeader, Object.assign({}, props)), onCalendarOpen: handleCalendarOpen, onCalendarClose: handleCalendarClose, dateFormat: ["P", "PP", "PPP", "MMM dd yyyy", "MMMM dd yyyy"], highlightDates: highlightDates, onMonthChange: onMonthChange })));
     /**
      * The onChange callback on ReactDatePicker returns a Date and an Event, but
      * the onChange in our interface only provides the Date. Simplifying the code

package/dist/FormField/FormFieldTypes.d.ts

@@ -165,6 +165,5 @@ export interface FormFieldProps extends CommonFormFieldProps {
      * highlights the the field red if an error message shows up.
      */
     readonly validations?: RegisterOptions;
-    readonly emptyValuePlaceholder?: string;
 }
 export {};

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-0a06da6a.js');
+var FormField = require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('react-hook-form');

package/dist/{FormField-0a06da6a.js → FormField-f6fadff2.js}

@@ -145,8 +145,8 @@ function FormFieldPostFix({ variation }) {
 /*eslint max-statements: ["error", 13]*/
 function FormField(props) {
     var _a, _b;
-    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", emptyValuePlaceholder, } = props;
-    const { control, formState: { errors, isDirty }, setValue, watch, } = reactHookForm.useFormContext() != undefined
+    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", } = props;
+    const { control, formState: { errors }, setValue, watch, } = reactHookForm.useFormContext() != undefined
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
@@ -159,10 +159,7 @@ function FormField(props) {
      */
     const [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
     React.useEffect(() => {
-        if (emptyValuePlaceholder && !isDirty) {
-            setValue(controlledName, emptyValuePlaceholder);
-        }
-        else if (value != undefined) {
+        if (value != undefined) {
             setValue(controlledName, value);
         }
     }, [value, watch(controlledName)]);

package/dist/InlineLabel/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InlineLabel = require('../InlineLabel-4d463bd6.js');
+var InlineLabel = require('../InlineLabel-c8fc28f0.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/InlineLabel-c8fc28f0.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var Typography = require('./Typography-e2a23b7e.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_248z = ".S72WkdRbhc0- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.bMWuAXJHkbw- {\n  padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);\n  padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n  border-radius: calc(16px / 4);\n  border-radius: var(--radius-large);\n}\n\n.bMWuAXJHkbw- span {\n  line-height: 0.75rem;\n}\n\n.ui07veHjPII- {\n  padding: calc((16px / 2) * 1.25) calc((16px / 2) * 1.5);\n  padding: calc(calc(16px / 2) * 1.25) calc(calc(16px / 2) * 1.5);\n  padding: calc(var(--space-small) * 1.25) calc(var(--space-small) * 1.5);\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n}\n\n.ui07veHjPII- span {\n  line-height: 1rem;\n}\n\n.WIXhLSQ7z8A- {\n  padding: calc((16px / 2) * 1.5) calc((16px * 1));\n  padding: calc(calc(16px / 2) * 1.5) calc(calc(16px * 1));\n  padding: calc(var(--space-small) * 1.5) calc(var(--space-base));\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n}\n\n.WIXhLSQ7z8A- span {\n  line-height: 1rem;\n}\n\n._8RuKvOhj-Ro- {\n  color: rgb(66, 78, 86);\n  color: var(--color-greyBlue--dark);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--color-greyBlue--lightest);\n}\n\n._2vEF1nvVWm8- {\n  color: rgb(128, 25, 0);\n  color: var(--color-red--dark);\n  background-color: rgb(255, 226, 219);\n  background-color: var(--color-red--lightest);\n}\n\n.Wt305sIAeoE- {\n  color: rgb(158, 98, 23);\n  color: var(--color-orange--dark);\n  background-color: rgb(253, 239, 222);\n  background-color: var(--color-orange--lightest);\n}\n\n.F8KkNxz8W3A- {\n  color: rgb(81, 114, 9);\n  color: var(--color-green--dark);\n  background-color: rgb(236, 243, 219);\n  background-color: var(--color-green--lightest);\n}\n\n.URZZoKSX4So- {\n  color: rgb(1, 27, 37);\n  color: var(--color-blue--dark);\n  background-color: rgb(217, 223, 225);\n  background-color: var(--color-blue--lightest);\n}\n\n.OeLBV-9i0Rs- {\n  color: rgb(49, 69, 98);\n  color: var(--color-navy--dark);\n  background-color: rgb(228, 233, 239);\n  background-color: var(--color-navy--lightest);\n}\n\n._2Xwx5tarf1w- {\n  color: rgb(144, 127, 10);\n  color: var(--color-yellow--dark);\n  background-color: rgb(250, 246, 219);\n  background-color: var(--color-yellow--lightest);\n}\n\n.iCqIjI7GkEk- {\n  color: rgb(99, 125, 46);\n  color: var(--color-lime--dark);\n  background-color: rgb(240, 246, 227);\n  background-color: var(--color-lime--lightest);\n}\n\n._4iEIjiZj9oA- {\n  color: rgb(88, 73, 127);\n  color: var(--color-purple--dark);\n  background-color: rgb(237, 234, 246);\n  background-color: var(--color-purple--lightest);\n}\n\n.JRW9QFSjLTA- {\n  color: rgb(116, 62, 98);\n  color: var(--color-pink--dark);\n  background-color: rgb(244, 231, 239);\n  background-color: var(--color-pink--lightest);\n}\n\n.fbhprd-Gl8k- {\n  color: rgb(40, 112, 95);\n  color: var(--color-teal--dark);\n  background-color: rgb(226, 243, 239);\n  background-color: var(--color-teal--lightest);\n}\n\n.yrF9aZSaTdw- {\n  color: rgb(122, 128, 21);\n  color: var(--color-yellowGreen--dark);\n  background-color: rgb(245, 246, 222);\n  background-color: var(--color-yellowGreen--lightest);\n}\n\n.RPvjah0FdjI- {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-white);\n  background-color: rgb(77, 105, 116);\n  background-color: var(--color-blue--light);\n}\n\n.apwauWJ6ITc- {\n  color: rgb(39, 105, 146);\n  color: var(--color-lightBlue--dark);\n  background-color: rgb(226, 241, 250);\n  background-color: var(--color-lightBlue--lightest);\n}\n\n.n8qJynvE-n0- {\n  color: rgb(55, 69, 132);\n  color: var(--color-indigo--dark);\n  background-color: rgb(230, 233, 247);\n  background-color: var(--color-indigo--lightest);\n}\n";
+var styles = {"inlineLabel":"S72WkdRbhc0-","base":"bMWuAXJHkbw-","large":"ui07veHjPII-","larger":"WIXhLSQ7z8A-","greyBlue":"_8RuKvOhj-Ro-","red":"_2vEF1nvVWm8-","orange":"Wt305sIAeoE-","green":"F8KkNxz8W3A-","blue":"URZZoKSX4So-","navy":"OeLBV-9i0Rs-","yellow":"_2Xwx5tarf1w-","lime":"iCqIjI7GkEk-","purple":"_4iEIjiZj9oA-","pink":"JRW9QFSjLTA-","teal":"fbhprd-Gl8k-","yellowGreen":"yrF9aZSaTdw-","blueDark":"RPvjah0FdjI-","lightBlue":"apwauWJ6ITc-","indigo":"n8qJynvE-n0-"};
+styleInject_es.styleInject(css_248z);
+
+function InlineLabel({ size = "base", color = "greyBlue", children, }) {
+    const className = classnames__default["default"](styles.inlineLabel, styles[size], styles[color]);
+    const sizeMapper = {
+        base: "small",
+        large: "large",
+        larger: "large",
+    };
+    return (React__default["default"].createElement("span", { className: className },
+        React__default["default"].createElement(Typography.Typography, { element: "span", size: sizeMapper[size] }, children)));
+}
+
+exports.InlineLabel = InlineLabel;

package/dist/InputDate/InputDate.d.ts

@@ -15,15 +15,6 @@ interface InputDateProps extends Omit<CommonFormFieldProps, "clearable">, Pick<F
      * The minimum selectable date.
      */
     readonly minDate?: Date;
-    /**
-     * Whether to show the calendar icon
-     * @default true
-     */
-    readonly showIcon?: boolean;
-    /**
-     * Text to display instead of a date value
-     */
-    readonly emptyValuePlaceholder?: string;
 }
 export declare function InputDate(inputProps: InputDateProps): JSX.Element;
 export {};

package/dist/InputDate/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var omit = require('lodash/omit');
 var React = require('react');
-var FormField = require('../FormField-0a06da6a.js');
-var DatePicker = require('../DatePicker-305a5b82.js');
+var FormField = require('../FormField-f6fadff2.js');
+var DatePicker = require('../DatePicker-dd9173c7.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
@@ -22,7 +22,6 @@ require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-datepicker');
 require('@jobber/hooks/useRefocusOnActivator');
-require('../AtlantisContext-64608897.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,37 +34,23 @@ function InputDate(inputProps) {
             var _a;
             const { onChange, onClick, value } = activatorProps;
             const newActivatorProps = omit__default["default"](activatorProps, ["activator"]);
-            const [showEmptyPlaceholder, setShowEmptyPlaceholder] = React.useState(!value);
-            const suffix = inputProps.showIcon !== false
-                ? {
-                    icon: "calendar",
-                    ariaLabel: "Show calendar",
-                    onClick: onClick && onClick,
-                }
-                : {};
+            const suffix = Object.assign({ icon: "calendar" }, (onClick && {
+                onClick: onClick,
+                ariaLabel: "Show calendar",
+            }));
             // Set form field to formatted date string immediately, to avoid validations
             //  triggering incorrectly when it blurs (to handle the datepicker UI click)
             value && ((_a = formFieldActionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value));
             return (
             // We prevent the picker from opening on focus for keyboard navigation, so to maintain a good UX for mouse users we want to open the picker on click
             React__default["default"].createElement("div", { onClick: onClick },
-                React__default["default"].createElement(FormField.FormField, Object.assign({}, newActivatorProps, inputProps, { value: showEmptyPlaceholder ? inputProps.emptyValuePlaceholder : value, placeholder: inputProps.placeholder, onChange: (_, event) => {
-                        onChange && onChange(event);
-                        setShowEmptyPlaceholder(false);
-                    }, onBlur: () => {
+                React__default["default"].createElement(FormField.FormField, Object.assign({}, newActivatorProps, inputProps, { value: value, onChange: (_, event) => onChange && onChange(event), onBlur: () => {
                         inputProps.onBlur && inputProps.onBlur();
                         activatorProps.onBlur && activatorProps.onBlur();
-                        setShowEmptyPlaceholder(!value);
                     }, onFocus: () => {
                         inputProps.onFocus && inputProps.onFocus();
                         activatorProps.onFocus && activatorProps.onFocus();
-                    }, onKeyUp: event => {
-                        var _a;
-                        if (inputProps.showIcon === false &&
-                            event.key === "ArrowDown") {
-                            (_a = activatorProps.onClick) === null || _a === void 0 ? void 0 : _a.call(activatorProps);
-                        }
-                    }, actionsRef: formFieldActionsRef, suffix: suffix, emptyValuePlaceholder: inputProps.emptyValuePlaceholder }))));
+                    }, actionsRef: formFieldActionsRef, suffix: suffix }))));
         } }));
 }
 

package/dist/InputEmail/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-0a06da6a.js');
+var FormField = require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/InputNumber/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-e768c654.js');
+var InputNumber = require('../InputNumber-e15cc1a3.js');
 require('react');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/{InputNumber-e768c654.js → InputNumber-e15cc1a3.js}

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

package/dist/InputPassword/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-0a06da6a.js');
+var FormField = require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/InputPhoneNumber/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-0a06da6a.js');
+var FormField = require('../FormField-f6fadff2.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
 require('../Button-6b922fc1.js');

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-e657103e.js');
+var InputText = require('../InputText-130b0440.js');
 require('react');
 require('@jobber/hooks/useSafeLayoutEffect');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/{InputText-e657103e.js → InputText-130b0440.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
-var FormField = require('./FormField-0a06da6a.js');
+var FormField = require('./FormField-f6fadff2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputTime/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
 var debounce = require('lodash/debounce');
-var FormField = require('../FormField-0a06da6a.js');
+var FormField = require('../FormField-f6fadff2.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/{Option-b76d664f.js → Option-a1dbc08a.js}

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

package/dist/RecurringSelect/index.js

@@ -8,11 +8,11 @@ var RadioGroup = require('../RadioGroup-678f4932.js');
 var Text = require('../Text-fbeaaca6.js');
 require('classnames');
 require('../Typography-e2a23b7e.js');
-var Option = require('../Option-b76d664f.js');
-var InputNumber = require('../InputNumber-e768c654.js');
+var Option = require('../Option-a1dbc08a.js');
+var InputNumber = require('../InputNumber-e15cc1a3.js');
 var InputGroup = require('../InputGroup-8d4fd4eb.js');
 var Content = require('../Content-e3f7b6fc.js');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');

package/dist/Select/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-b76d664f.js');
+var Option = require('../Option-a1dbc08a.js');
 require('react');
-require('../FormField-0a06da6a.js');
+require('../FormField-f6fadff2.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.87.11-JOB-91526-.5+97982a09",
+  "version": "4.88.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.56.0",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@jobber/hooks": "^2.9.4",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -72,8 +72,6 @@
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "date-fns": "^2.0.0",
-    "date-fns-tz": "^2.0.0",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -82,5 +80,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "97982a092ed086b08f04e7ed018c9d90a7b37ff6"
+  "gitHead": "b0ba3c32afb52f53d028167b0599ab3e31f7f646"
 }

package/AtlantisContext.d.ts

@@ -1 +0,0 @@
-export * from "./dist/AtlantisContext";

package/AtlantisContext.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var AtlantisContext = require("./dist/AtlantisContext");
-
-Object.keys(AtlantisContext).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return AtlantisContext[key];
-    },
-  });
-});

package/dist/AtlantisContext/AtlantisContext.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-export interface AtlantisContextProps {
-    /**
-     * The date format Atlantis components would use
-     */
-    readonly dateFormat: string;
-    /**
-     * The time format Atlantis components would use
-     */
-    readonly timeFormat: string;
-    /**
-     * Time zone used in converting the date and time formats
-     */
-    readonly timeZone: string;
-    /**
-     * Grabs the decimal separator and group separator based on locale
-     */
-    readonly floatSeparators: Record<"decimal" | "group", string>;
-    /**
-     * The currency symbol Atlantis components will use
-     */
-    readonly currencySymbol: string;
-    /**
-     * Change the locale of the components. This updates the strings that comes
-     * with the components, updates the date and time formats, and/or the
-     * native 3rd-party packages.
-     *
-     * @default "en"
-     */
-    readonly locale: string;
-}
-export declare const atlantisContextDefaultValues: AtlantisContextProps;
-export declare const AtlantisContext: import("react").Context<AtlantisContextProps>;
-export declare function useAtlantisContext(): AtlantisContextProps;

package/dist/AtlantisContext/index.d.ts

@@ -1 +0,0 @@
-export * from "./AtlantisContext";

package/dist/AtlantisContext/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AtlantisContext = require('../AtlantisContext-64608897.js');
-require('react');
-
-
-
-exports.AtlantisContext = AtlantisContext.AtlantisContext;
-exports.atlantisContextDefaultValues = AtlantisContext.atlantisContextDefaultValues;
-exports.useAtlantisContext = AtlantisContext.useAtlantisContext;

package/dist/AtlantisContext-64608897.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/* eslint-disable @typescript-eslint/no-unused-vars */
-const atlantisContextDefaultValues = {
-    dateFormat: "P",
-    // The system time is "p"
-    timeFormat: "p",
-    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    floatSeparators: { group: ",", decimal: "." },
-    currencySymbol: "$",
-    locale: "en",
-};
-const AtlantisContext = React.createContext(atlantisContextDefaultValues);
-function useAtlantisContext() {
-    return React.useContext(AtlantisContext);
-}
-
-exports.AtlantisContext = AtlantisContext;
-exports.atlantisContextDefaultValues = atlantisContextDefaultValues;
-exports.useAtlantisContext = useAtlantisContext;

package/dist/InlineLabel-4d463bd6.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-e2a23b7e.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_248z = ".S72WkdRbhc0- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  border-radius: calc(16px / 4);\n  border-radius: var(--radius-large);\n}\n\n.bMWuAXJHkbw- {\n  padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);\n  padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.ui07veHjPII- {\n  padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);\n  padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.WIXhLSQ7z8A- {\n  padding: calc((16px / 2) * 1.25) calc((16px / 4) * 3.5);\n  padding: calc(calc(16px / 2) * 1.25) calc(calc(16px / 4) * 3.5);\n  padding: calc(var(--space-small) * 1.25) calc(var(--space-smaller) * 3.5);\n}\n\n._8RuKvOhj-Ro- {\n  color: rgb(66, 78, 86);\n  color: var(--color-greyBlue--dark);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--color-greyBlue--lightest);\n}\n\n._2vEF1nvVWm8- {\n  color: rgb(128, 25, 0);\n  color: var(--color-red--dark);\n  background-color: rgb(255, 226, 219);\n  background-color: var(--color-red--lightest);\n}\n\n.Wt305sIAeoE- {\n  color: rgb(158, 98, 23);\n  color: var(--color-orange--dark);\n  background-color: rgb(253, 239, 222);\n  background-color: var(--color-orange--lightest);\n}\n\n.F8KkNxz8W3A- {\n  color: rgb(81, 114, 9);\n  color: var(--color-green--dark);\n  background-color: rgb(236, 243, 219);\n  background-color: var(--color-green--lightest);\n}\n\n.URZZoKSX4So- {\n  color: rgb(1, 27, 37);\n  color: var(--color-blue--dark);\n  background-color: rgb(217, 223, 225);\n  background-color: var(--color-blue--lightest);\n}\n\n.OeLBV-9i0Rs- {\n  color: rgb(49, 69, 98);\n  color: var(--color-navy--dark);\n  background-color: rgb(228, 233, 239);\n  background-color: var(--color-navy--lightest);\n}\n\n._2Xwx5tarf1w- {\n  color: rgb(144, 127, 10);\n  color: var(--color-yellow--dark);\n  background-color: rgb(250, 246, 219);\n  background-color: var(--color-yellow--lightest);\n}\n\n.iCqIjI7GkEk- {\n  color: rgb(99, 125, 46);\n  color: var(--color-lime--dark);\n  background-color: rgb(240, 246, 227);\n  background-color: var(--color-lime--lightest);\n}\n\n._4iEIjiZj9oA- {\n  color: rgb(88, 73, 127);\n  color: var(--color-purple--dark);\n  background-color: rgb(237, 234, 246);\n  background-color: var(--color-purple--lightest);\n}\n\n.JRW9QFSjLTA- {\n  color: rgb(116, 62, 98);\n  color: var(--color-pink--dark);\n  background-color: rgb(244, 231, 239);\n  background-color: var(--color-pink--lightest);\n}\n\n.fbhprd-Gl8k- {\n  color: rgb(40, 112, 95);\n  color: var(--color-teal--dark);\n  background-color: rgb(226, 243, 239);\n  background-color: var(--color-teal--lightest);\n}\n\n.yrF9aZSaTdw- {\n  color: rgb(122, 128, 21);\n  color: var(--color-yellowGreen--dark);\n  background-color: rgb(245, 246, 222);\n  background-color: var(--color-yellowGreen--lightest);\n}\n\n.RPvjah0FdjI- {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-white);\n  background-color: rgb(77, 105, 116);\n  background-color: var(--color-blue--light);\n}\n\n.apwauWJ6ITc- {\n  color: rgb(39, 105, 146);\n  color: var(--color-lightBlue--dark);\n  background-color: rgb(226, 241, 250);\n  background-color: var(--color-lightBlue--lightest);\n}\n\n.n8qJynvE-n0- {\n  color: rgb(55, 69, 132);\n  color: var(--color-indigo--dark);\n  background-color: rgb(230, 233, 247);\n  background-color: var(--color-indigo--lightest);\n}\n";
-var styles = {"inlineLabel":"S72WkdRbhc0-","base":"bMWuAXJHkbw-","large":"ui07veHjPII-","larger":"WIXhLSQ7z8A-","greyBlue":"_8RuKvOhj-Ro-","red":"_2vEF1nvVWm8-","orange":"Wt305sIAeoE-","green":"F8KkNxz8W3A-","blue":"URZZoKSX4So-","navy":"OeLBV-9i0Rs-","yellow":"_2Xwx5tarf1w-","lime":"iCqIjI7GkEk-","purple":"_4iEIjiZj9oA-","pink":"JRW9QFSjLTA-","teal":"fbhprd-Gl8k-","yellowGreen":"yrF9aZSaTdw-","blueDark":"RPvjah0FdjI-","lightBlue":"apwauWJ6ITc-","indigo":"n8qJynvE-n0-"};
-styleInject_es.styleInject(css_248z);
-
-function InlineLabel({ size = "base", color = "greyBlue", children, }) {
-    const className = classnames__default["default"](styles.inlineLabel, styles[size], styles[color]);
-    const sizeMapper = {
-        base: "small",
-        large: "large",
-        larger: "large",
-    };
-    return (React__default["default"].createElement("span", { className: className },
-        React__default["default"].createElement(Typography.Typography, { element: "span", size: sizeMapper[size] }, children)));
-}
-
-exports.InlineLabel = InlineLabel;