@jobber/components 3.2.5 → 3.2.7-pre.11

package/CHANGELOG.md

@@ -1,13 +1,43 @@
----
-name: Components
-menu: Changelog
----
-
-# @jobber/components: Change Log
+# Change Log
 
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.3.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.8...@jobber/components@3.3.0) (2023-03-01)
+
+
+### Features
+
+* **components:** update validation + description patterns for text inputs ([#1087](https://github.com/GetJobber/atlantis/issues/1087)) ([6b7fb96](https://github.com/GetJobber/atlantis/commit/6b7fb966144547da0a67b8551e90158bb2abaab5))
+
+
+
+
+
+## [3.2.8](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.7...@jobber/components@3.2.8) (2023-02-28)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [3.2.7](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.6...@jobber/components@3.2.7) (2023-02-28)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [3.2.6](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.5...@jobber/components@3.2.6) (2023-02-28)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
 ## [3.2.5](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.4...@jobber/components@3.2.5) (2023-02-27)
 
 **Note:** Version bump only for package @jobber/components

package/README.md

@@ -1,9 +1,3 @@
----
-name: Components
-menu: Packages
-route: /packages/components
----
-
 # 🔱 Jobber Atlantis Components
 
 Atlantis is a component library designed and maintained by

package/dist/Autocomplete/index.js

@@ -11,15 +11,15 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Heading = require('../Heading-a9a66964.js');
-var InputText = require('../InputText-956b317c.js');
+var InputText = require('../InputText-e14d01db.js');
 require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-e208b30a.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-cd30df0f.js');
 require('react-router-dom');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/DataTable/index.js

@@ -8,15 +8,15 @@ var classnames = require('classnames');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Option = require('../Option-efa88f66.js');
+var Option = require('../Option-e7855759.js');
 var Button = require('../Button-cd30df0f.js');
 var Text = require('../Text-e012fb46.js');
-require('../FormField-e208b30a.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 require('react-router-dom');

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-e208b30a.js');
+var FormField = require('../FormField-58711fc7.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

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

@@ -9,7 +9,7 @@ var classnames = require('classnames');
 var Button = require('./Button-cd30df0f.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 var Text = require('./Text-e012fb46.js');
-var InputValidation = require('./InputValidation-33ff2312.js');
+var InputValidation = require('./InputValidation-06a8a7ba.js');
 var Spinner = require('./Spinner-18d3dee6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -55,7 +55,7 @@ function AffixIcon(_a) {
 function FormFieldDescription(_a) {
     var id = _a.id, description = _a.description;
     return (React__default["default"].createElement("div", { id: id, className: styles.description },
-        React__default["default"].createElement(Text.Text, { variation: "subdued" }, description)));
+        React__default["default"].createElement(Text.Text, { size: "small", variation: "subdued" }, description)));
 }
 
 function FormFieldWrapper(_a) {

package/dist/InputDate/index.js

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

package/dist/InputEmail/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-e208b30a.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputNumber/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-e208b30a.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputPassword/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-e208b30a.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-956b317c.js');
+var InputText = require('../InputText-e14d01db.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-e208b30a.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -16,7 +16,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{InputText-956b317c.js → InputText-e14d01db.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-e208b30a.js');
+var FormField = require('./FormField-58711fc7.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-5b50eb8e.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-e208b30a.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputValidation/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-33ff2312.js');
+var InputValidation = require('../InputValidation-06a8a7ba.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
@@ -10,6 +10,8 @@ require('../Text-e012fb46.js');
 require('../Typography-fbe0ed6e.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
 
 
 

package/dist/{InputValidation-33ff2312.js → InputValidation-06a8a7ba.js}

@@ -4,6 +4,7 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Text = require('./Text-e012fb46.js');
+var Icon = require('./Icon-d5ad1a6d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,12 +18,13 @@ function InputValidation(_a) {
     var message = _a.message;
     var messages = [message];
     var variants = {
-        slideOut: { y: "5%", height: 0, opacity: 0 },
-        slideIn: { y: 0, height: "100%", opacity: 1 },
+        slideOut: { y: "5%", opacity: 0 },
+        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, null, messages.map(function (msg) { return (React__default["default"].createElement(framerMotion.motion.div, { key: "validation-" + msg, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { exitBeforeEnter: true }, messages.map(function (msg) { return (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: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
-            React__default["default"].createElement(Text.Text, { variation: "error" }, msg)))); })))));
+            React__default["default"].createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
+            React__default["default"].createElement(Text.Text, { size: "small", variation: "error" }, msg)))); })))));
 }
 
 exports.InputValidation = InputValidation;

package/dist/{Option-efa88f66.js → Option-e7855759.js}

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

package/dist/Select/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-efa88f66.js');
+var Option = require('../Option-e7855759.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-e208b30a.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -16,7 +16,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-33ff2312.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/Tooltip/useTooltipPositioning.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare function useTooltipPositioning(): {
-    placement: "top" | "bottom" | "right" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    placement: "top" | "bottom" | "right" | "auto" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     shadowRef: import("react").RefObject<HTMLSpanElement>;
     setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
     setTooltipRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.2.5",
+  "version": "3.2.7-pre.11+9b5e8093",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,9 +18,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.29.2",
-    "@jobber/formatters": "^0.2.0",
-    "@jobber/hooks": "^1.12.4",
+    "@jobber/design": "^0.29.3",
+    "@jobber/formatters": "^0.2.1",
+    "@jobber/hooks": "^1.12.5",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -35,7 +35,7 @@
     "classnames": "^2.2.6",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
-    "framer-motion": "^1.10.3",
+    "framer-motion": "6.3.16",
     "lodash": "^4.17.21",
     "react-countdown": "^2.3.2",
     "react-datepicker": "^4.10.0",
@@ -60,7 +60,6 @@
     "@types/glob": "^7.1.1",
     "@types/react": "^16.9.43",
     "@types/react-dom": "^16.8.4",
-    "@types/react-test-renderer": "^16.9.1",
     "@types/uuid": "^8.3.3",
     "autoprefixer": "^9.5.1",
     "copyfiles": "^2.4.1",
@@ -69,7 +68,6 @@
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^6.7.0",
     "postcss-svg": "^3.0.0",
-    "react-test-renderer": "^16.9.0",
     "rollup": "^2.79.1",
     "rollup-plugin-multi-input": "^0.2.2",
     "rollup-plugin-postcss": "^2.0.3",
@@ -87,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d64897528dc226c69a2a32f8bb0e8efdfd727aec"
+  "gitHead": "9b5e8093ec80945d3ba442dd4e23314e942c32b5"
 }