@jobber/components 2.86.0 → 2.86.2

package/dist/Emphasis/Emphasis.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
-import { TypographyOptions } from "../Typography";
-interface EmphasisProps {
-    variation: "bold" | "italic" | "highlight";
-    children: ReactNode;
-}
-export interface VariationMap {
-    [variation: string]: TypographyOptions;
-}
-export declare function Emphasis({ variation, children }: EmphasisProps): JSX.Element;
-export {};
+import { ReactNode } from "react";
+import { TypographyOptions } from "../Typography";
+interface EmphasisProps {
+    variation: "bold" | "italic" | "highlight";
+    children: ReactNode;
+}
+export interface VariationMap {
+    [variation: string]: TypographyOptions;
+}
+export declare function Emphasis({ variation, children }: EmphasisProps): JSX.Element;
+export {};

package/dist/Emphasis/index.d.ts

@@ -1 +1 @@
-export { Emphasis } from "./Emphasis";
+export { Emphasis } from "./Emphasis";

package/dist/Emphasis/index.js

@@ -2,23 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('../chunk-17e02351.js');
+var Emphasis = require('../Emphasis-fd845639.js');
+require('../tslib.es6-5b50eb8e.js');
+require('react');
+require('../Typography-7e542a72.js');
 require('classnames');
-var index = require('../Typography/index.js');
+require('../style-inject.es-dcee06b6.js');
+
 
-function Emphasis(_a) {
-    var variation = _a.variation, children = _a.children;
-    var variationMap = {
-        bold: { element: "b", fontWeight: "bold" },
-        italic: { element: "em", emphasisType: "italic" },
-        highlight: { element: "strong", emphasisType: "highlight" },
-    };
-    return React__default.createElement(index.Typography, __chunk_1.__assign({}, variationMap[variation]), children);
-}
 
-exports.Emphasis = Emphasis;
+exports.Emphasis = Emphasis.Emphasis;

package/dist/Emphasis-fd845639.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
+var React = require('react');
+var Typography = require('./Typography-7e542a72.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function Emphasis(_a) {
+    var variation = _a.variation, children = _a.children;
+    var variationMap = {
+        bold: { element: "b", fontWeight: "bold" },
+        italic: { element: "em", emphasisType: "italic" },
+        highlight: { element: "strong", emphasisType: "highlight" },
+    };
+    return React__default["default"].createElement(Typography.Typography, tslib_es6.__assign({}, variationMap[variation]), children);
+}
+
+exports.Emphasis = Emphasis;

package/dist/FeatureSwitch/FeatureSwitch.d.ts

@@ -1,51 +1,51 @@
-import { ReactNode } from "react";
-interface FeatureSwitchProps {
-    readonly children?: ReactNode | ReactNode[];
-    /**
-     * Feature description. This supports basic markdown node types such as
-     * `_italic_`, `**bold**`, and `[link name](url)`
-     */
-    readonly description?: string;
-    /**
-     * Determines if the switch is disabled
-     *
-     * @default false
-     */
-    readonly disabled?: boolean;
-    /**
-     * Defines if the feature should be ON or OFF by default.
-     *
-     * @default false
-     */
-    readonly enabled?: boolean;
-    /**
-     * Defines if the links in the description should open in a new tab.
-     *
-     * @default false
-     */
-    readonly externalLink?: boolean;
-    /**
-     * Feature title.
-     */
-    readonly title?: string;
-    /**
-     * Determines if a save indicator should show up when the `enabled` prop
-     * changes. This means, it would only work for controlled components.
-     *
-     * @default false
-     */
-    readonly hasSaveIndicator?: boolean;
-    /**
-     * Callback when interacting with the switch.
-     *
-     * @param newValue
-     */
-    onSwitch?(newValue: boolean): void;
-    /**
-     * Callback when clicking with the edit button. This also determines if the
-     * edit button should show up in the UI.
-     */
-    onEdit?(): void;
-}
-export declare function FeatureSwitch({ children, description, disabled, enabled, externalLink, onEdit, onSwitch, hasSaveIndicator, title, }: FeatureSwitchProps): JSX.Element;
-export {};
+import { ReactNode } from "react";
+interface FeatureSwitchProps {
+    readonly children?: ReactNode | ReactNode[];
+    /**
+     * Feature description. This supports basic markdown node types such as
+     * `_italic_`, `**bold**`, and `[link name](url)`
+     */
+    readonly description?: string;
+    /**
+     * Determines if the switch is disabled
+     *
+     * @default false
+     */
+    readonly disabled?: boolean;
+    /**
+     * Defines if the feature should be ON or OFF by default.
+     *
+     * @default false
+     */
+    readonly enabled?: boolean;
+    /**
+     * Defines if the links in the description should open in a new tab.
+     *
+     * @default false
+     */
+    readonly externalLink?: boolean;
+    /**
+     * Feature title.
+     */
+    readonly title?: string;
+    /**
+     * Determines if a save indicator should show up when the `enabled` prop
+     * changes. This means, it would only work for controlled components.
+     *
+     * @default false
+     */
+    readonly hasSaveIndicator?: boolean;
+    /**
+     * Callback when interacting with the switch.
+     *
+     * @param newValue
+     */
+    onSwitch?(newValue: boolean): void;
+    /**
+     * Callback when clicking with the edit button. This also determines if the
+     * edit button should show up in the UI.
+     */
+    onEdit?(): void;
+}
+export declare function FeatureSwitch({ children, description, disabled, enabled, externalLink, onEdit, onSwitch, hasSaveIndicator, title, }: FeatureSwitchProps): JSX.Element;
+export {};

package/dist/FeatureSwitch/index.d.ts

@@ -1 +1 @@
-export { FeatureSwitch } from "./FeatureSwitch";
+export { FeatureSwitch } from "./FeatureSwitch";

package/dist/FeatureSwitch/index.js

@@ -2,68 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
-require('../Typography/index.js');
-var index$1 = require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
-var index$3 = require('../Heading/index.js');
-require('react-router-dom');
-var index$5 = require('../Button/index.js');
 var framerMotion = require('framer-motion');
-var index$2$1 = require('../Content/index.js');
+var classnames = require('classnames');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var Heading = require('../Heading-56750113.js');
+var Text = require('../Text-9bc093e9.js');
+var Content = require('../Content-18de5fbb.js');
+var Switch = require('../Switch-d2bec677.js');
+var Button = require('../Button-5b2f1636.js');
+var Emphasis = require('../Emphasis-fd845639.js');
+var Markdown = require('../Markdown-69986c49.js');
+require('../Typography-7e542a72.js');
+require('react-router-dom');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
 require('react-markdown');
-var index$4$1 = require('../Emphasis/index.js');
-var index$6 = require('../Markdown/index.js');
-var index$4 = require('../Switch/index.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 = "._2wLd_KRTNAGUWLuHUk3oW {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n._3S4AEFcAzye_0NKuyb26Pt {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-item-align: center;\n      align-self: center;\n  padding-right: var(--space-base);\n  transition: opacity var(--timing-base);\n}\n\n._3fTQ2YTOZjh3z63IpmHOEX {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  position: relative;\n}\n\n.vVv_rOT7pURJPkU4rvJPE {\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  margin-top: var(--space-smallest);\n  text-align: center;\n}\n\n.f8zTHuP6EgBAklxGjSv1O {\n  opacity: 0.5;\n}\n\n.NweVtD0555WFOwkVpskgX {\n  opacity: 1;\n}\n";
 var styles = {"container":"_2wLd_KRTNAGUWLuHUk3oW","content":"_3S4AEFcAzye_0NKuyb26Pt","action":"_3fTQ2YTOZjh3z63IpmHOEX","savedIndicator":"vVv_rOT7pURJPkU4rvJPE","featureContent":"f8zTHuP6EgBAklxGjSv1O","enabled":"NweVtD0555WFOwkVpskgX"};
-__chunk_2.styleInject(css);
+styleInject_es.styleInject(css);
 
-function FeatureSwitch(_a) {
-    var children = _a.children, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, enabled = _a.enabled, _c = _a.externalLink, externalLink = _c === void 0 ? false : _c, onEdit = _a.onEdit, onSwitch = _a.onSwitch, _d = _a.hasSaveIndicator, hasSaveIndicator = _d === void 0 ? false : _d, title = _a.title;
-    var _e = __chunk_1.__read(React.useState(false), 2), savedIndicator = _e[0], setSavedIndicator = _e[1];
-    var featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
-    shouldShowSavedIndicator();
-    return (React__default.createElement(index$2$1.Content, null,
-        React__default.createElement("div", { className: styles.container },
-            React__default.createElement("div", { className: styles.content },
-                React__default.createElement(index$2$1.Content, null,
-                    title && React__default.createElement(index$3.Heading, { level: 4 }, title),
-                    description && (React__default.createElement(index$1.Text, null,
-                        React__default.createElement(index$6.Markdown, { content: description, basicUsage: true, externalLink: externalLink }))))),
-            onSwitch && (React__default.createElement("div", { className: styles.action },
-                React__default.createElement(index$4.Switch, { value: enabled, onChange: onSwitch, ariaLabel: description, disabled: disabled }),
-                React__default.createElement(framerMotion.AnimatePresence, null, hasSaveIndicator && savedIndicator && (React__default.createElement(framerMotion.motion.div, { className: styles.savedIndicator, initial: { y: -4, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -4, opacity: 0 }, transition: {
-                        delay: 0.2,
-                        type: "spring",
-                        damping: 20,
-                        stiffness: 300,
-                    }, onAnimationComplete: handleAnimationComplete },
-                    React__default.createElement(index$1.Text, { variation: "success" },
-                        React__default.createElement(index$4$1.Emphasis, { variation: "italic" }, "Saved")))))))),
-        (children || onEdit) && (React__default.createElement("div", { className: styles.container },
-            children && (React__default.createElement("div", { className: featureContentClassnames }, children)),
-            onEdit && (React__default.createElement("div", { className: styles.action },
-                React__default.createElement(index$5.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
-    function shouldShowSavedIndicator() {
-        // Check if the component is mounted
-        var _a = __chunk_1.__read(React.useState(false), 2), didMount = _a[0], setDidMount = _a[1];
-        React.useEffect(function () { return setDidMount(true); }, []);
-        React.useEffect(function () {
-            didMount && hasSaveIndicator && setSavedIndicator(true);
-        }, [enabled]);
-    }
-    function handleAnimationComplete() {
-        setSavedIndicator(false);
-    }
+function FeatureSwitch(_a) {
+    var children = _a.children, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, enabled = _a.enabled, _c = _a.externalLink, externalLink = _c === void 0 ? false : _c, onEdit = _a.onEdit, onSwitch = _a.onSwitch, _d = _a.hasSaveIndicator, hasSaveIndicator = _d === void 0 ? false : _d, title = _a.title;
+    var _e = tslib_es6.__read(React.useState(false), 2), savedIndicator = _e[0], setSavedIndicator = _e[1];
+    var featureContentClassnames = classnames__default["default"](styles.featureContent, styles.content, enabled && styles.enabled);
+    shouldShowSavedIndicator();
+    return (React__default["default"].createElement(Content.Content, null,
+        React__default["default"].createElement("div", { className: styles.container },
+            React__default["default"].createElement("div", { className: styles.content },
+                React__default["default"].createElement(Content.Content, null,
+                    title && React__default["default"].createElement(Heading.Heading, { level: 4 }, title),
+                    description && (React__default["default"].createElement(Text.Text, null,
+                        React__default["default"].createElement(Markdown.Markdown, { content: description, basicUsage: true, externalLink: externalLink }))))),
+            onSwitch && (React__default["default"].createElement("div", { className: styles.action },
+                React__default["default"].createElement(Switch.Switch, { value: enabled, onChange: onSwitch, ariaLabel: description, disabled: disabled }),
+                React__default["default"].createElement(framerMotion.AnimatePresence, null, hasSaveIndicator && savedIndicator && (React__default["default"].createElement(framerMotion.motion.div, { className: styles.savedIndicator, initial: { y: -4, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -4, opacity: 0 }, transition: {
+                        delay: 0.2,
+                        type: "spring",
+                        damping: 20,
+                        stiffness: 300,
+                    }, onAnimationComplete: handleAnimationComplete },
+                    React__default["default"].createElement(Text.Text, { variation: "success" },
+                        React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, "Saved")))))))),
+        (children || onEdit) && (React__default["default"].createElement("div", { className: styles.container },
+            children && (React__default["default"].createElement("div", { className: featureContentClassnames }, children)),
+            onEdit && (React__default["default"].createElement("div", { className: styles.action },
+                React__default["default"].createElement(Button.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
+    function shouldShowSavedIndicator() {
+        // Check if the component is mounted
+        var _a = tslib_es6.__read(React.useState(false), 2), didMount = _a[0], setDidMount = _a[1];
+        React.useEffect(function () { return setDidMount(true); }, []);
+        React.useEffect(function () {
+            didMount && hasSaveIndicator && setSavedIndicator(true);
+        }, [enabled]);
+    }
+    function handleAnimationComplete() {
+        setSavedIndicator(false);
+    }
 }
 
 exports.FeatureSwitch = FeatureSwitch;

package/dist/Form/Form.d.ts

@@ -1,18 +1,18 @@
-import React, { ReactNode } from "react";
-export interface FormRef {
-    submit(): void;
-}
-interface FormProps {
-    readonly children: ReactNode;
-    /**
-     * Callback for when the form has been sucessfully
-     * submitted.
-     */
-    onSubmit?(): void;
-    onStateChange?(formState: {
-        isDirty: boolean;
-        isValid: boolean;
-    }): void;
-}
-export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>>;
-export {};
+import React, { ReactNode } from "react";
+export interface FormRef {
+    submit(): void;
+}
+interface FormProps {
+    readonly children: ReactNode;
+    /**
+     * Callback for when the form has been sucessfully
+     * submitted.
+     */
+    onSubmit?(): void;
+    onStateChange?(formState: {
+        isDirty: boolean;
+        isValid: boolean;
+    }): void;
+}
+export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>>;
+export {};

package/dist/Form/index.d.ts

@@ -1 +1 @@
-export { Form, FormRef } from "./Form";
+export { Form, FormRef } from "./Form";

package/dist/Form/index.js

@@ -2,66 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 var reactHookForm = require('react-hook-form');
 
-var Form = React.forwardRef(function InternalForm(_a, ref) {
-    var _this = this;
-    var onSubmit = _a.onSubmit, children = _a.children, onStateChange = _a.onStateChange;
-    var methods = reactHookForm.useForm({ mode: "onTouched" });
-    var errors = methods.errors, trigger = methods.trigger, handleSubmit = methods.handleSubmit, _b = methods.formState, isDirty = _b.isDirty, isValid = _b.isValid;
-    React.useEffect(function () { return onStateChange && onStateChange({ isDirty: isDirty, isValid: isValid }); }, [isDirty, isValid]);
-    React.useImperativeHandle(ref, function () { return ({
-        /**
-         * The `trigger()` method can also accept an array
-         * of fields to validate. We may at some point want
-         * to consider adding a `validate()` method to the
-         * `Form` component.
-         */
-        submit: function () { return __chunk_1.__awaiter(_this, void 0, void 0, function () {
-            var valid;
-            return __chunk_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, trigger()];
-                    case 1:
-                        valid = _a.sent();
-                        if (valid) {
-                            submitHandler();
-                        }
-                        else {
-                            trigger();
-                            errorHandler(errors);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); },
-    }); });
-    /**
-     * If an onSubmit is not passed into a form, it will only be used
-     * for validation. For that, we do not need to wrap it in a <form>
-     * tag. This allows the <Form> component to be used in legacy code.
-     */
-    var Wrapper = onSubmit ? "form" : "div";
-    var formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
-    };
-    return (React__default.createElement(reactHookForm.FormProvider, __chunk_1.__assign({}, methods),
-        React__default.createElement(Wrapper, __chunk_1.__assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
-    }
-    function errorHandler(errs) {
-        var firstErrName = Object.keys(errs)[0];
-        var element = document.querySelector("[name=\"" + firstErrName + "\"]");
-        if (typeof element != undefined) {
-            element === null || element === void 0 ? void 0 : element.focus();
-        }
-    }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Form = React.forwardRef(function InternalForm(_a, ref) {
+    var _this = this;
+    var onSubmit = _a.onSubmit, children = _a.children, onStateChange = _a.onStateChange;
+    var methods = reactHookForm.useForm({ mode: "onTouched" });
+    var errors = methods.errors, trigger = methods.trigger, handleSubmit = methods.handleSubmit, _b = methods.formState, isDirty = _b.isDirty, isValid = _b.isValid;
+    React.useEffect(function () { return onStateChange && onStateChange({ isDirty: isDirty, isValid: isValid }); }, [isDirty, isValid]);
+    React.useImperativeHandle(ref, function () { return ({
+        /**
+         * The `trigger()` method can also accept an array
+         * of fields to validate. We may at some point want
+         * to consider adding a `validate()` method to the
+         * `Form` component.
+         */
+        submit: function () { return tslib_es6.__awaiter(_this, void 0, void 0, function () {
+            var valid;
+            return tslib_es6.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, trigger()];
+                    case 1:
+                        valid = _a.sent();
+                        if (valid) {
+                            submitHandler();
+                        }
+                        else {
+                            trigger();
+                            errorHandler(errors);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+    }); });
+    /**
+     * If an onSubmit is not passed into a form, it will only be used
+     * for validation. For that, we do not need to wrap it in a <form>
+     * tag. This allows the <Form> component to be used in legacy code.
+     */
+    var Wrapper = onSubmit ? "form" : "div";
+    var formProps = {
+        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
+    };
+    return (React__default["default"].createElement(reactHookForm.FormProvider, tslib_es6.__assign({}, methods),
+        React__default["default"].createElement(Wrapper, tslib_es6.__assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
+    function submitHandler() {
+        onSubmit && onSubmit();
+    }
+    function errorHandler(errs) {
+        var firstErrName = Object.keys(errs)[0];
+        var element = document.querySelector("[name=\"" + firstErrName + "\"]");
+        if (typeof element != undefined) {
+            element === null || element === void 0 ? void 0 : element.focus();
+        }
+    }
 });
 
 exports.Form = Form;

package/dist/FormField/FormField.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from "./FormFieldTypes";
-export declare function FormField(props: FormFieldProps): JSX.Element;
+import { FormFieldProps } from "./FormFieldTypes";
+export declare function FormField(props: FormFieldProps): JSX.Element;

package/dist/FormField/FormFieldAffix.d.ts

@@ -1,13 +1,13 @@
-import { RefObject } from "react";
-import { XOR } from "ts-xor";
-import { Affix, FormFieldProps, Suffix } from "./FormFieldTypes";
-interface AffixLabelProps extends Affix {
-    labelRef: RefObject<HTMLDivElement>;
-    variation?: "prefix" | "suffix";
-}
-export declare function AffixLabel({ label, variation, labelRef, }: AffixLabelProps): JSX.Element;
-interface AffixIconProps extends Pick<FormFieldProps, "size"> {
-    readonly variation?: "prefix" | "suffix";
-}
-export declare function AffixIcon({ icon, onClick, ariaLabel, variation, size, }: AffixIconProps & XOR<Affix, Suffix>): JSX.Element;
-export {};
+import { RefObject } from "react";
+import { XOR } from "ts-xor";
+import { Affix, FormFieldProps, Suffix } from "./FormFieldTypes";
+interface AffixLabelProps extends Affix {
+    labelRef: RefObject<HTMLDivElement>;
+    variation?: "prefix" | "suffix";
+}
+export declare function AffixLabel({ label, variation, labelRef, }: AffixLabelProps): JSX.Element;
+interface AffixIconProps extends Pick<FormFieldProps, "size"> {
+    readonly variation?: "prefix" | "suffix";
+}
+export declare function AffixIcon({ icon, onClick, ariaLabel, variation, size, }: AffixIconProps & XOR<Affix, Suffix>): JSX.Element;
+export {};

package/dist/FormField/FormFieldDescription.d.ts

@@ -1,6 +1,6 @@
-interface FormFieldDescriptionProps {
-    readonly id: string;
-    readonly description: string;
-}
-export declare function FormFieldDescription({ id, description, }: FormFieldDescriptionProps): JSX.Element;
-export {};
+interface FormFieldDescriptionProps {
+    readonly id: string;
+    readonly description: string;
+}
+export declare function FormFieldDescription({ id, description, }: FormFieldDescriptionProps): JSX.Element;
+export {};

package/dist/FormField/FormFieldPostFix.d.ts

@@ -1,5 +1,5 @@
-interface FormFieldPostFixProps {
-    readonly variation: "select" | "spinner";
-}
-export declare function FormFieldPostFix({ variation }: FormFieldPostFixProps): JSX.Element;
-export {};
+interface FormFieldPostFixProps {
+    readonly variation: "select" | "spinner";
+}
+export declare function FormFieldPostFix({ variation }: FormFieldPostFixProps): JSX.Element;
+export {};