@jobber/components 3.0.0-pre.7 → 3.0.0

package/dist/InputPassword/index.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-7c79474a.js');
+var FormField = require('../FormField-ba2e18af.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
-require('../Text-308e8137.js');
-require('../InputValidation-b4392981.js');
+require('../Typography-fbe0ed6e.js');
+require('../Text-e012fb46.js');
+require('../InputValidation-33ff2312.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputText/index.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-7b929b6f.js');
+var InputText = require('../InputText-96190716.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-7c79474a.js');
+require('../FormField-ba2e18af.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
-require('../Text-308e8137.js');
-require('../InputValidation-b4392981.js');
+require('../Typography-fbe0ed6e.js');
+require('../Text-e012fb46.js');
+require('../InputValidation-33ff2312.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{InputText-7b929b6f.js → InputText-96190716.js}

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

package/dist/InputTime/index.js

@@ -6,18 +6,18 @@ 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-7c79474a.js');
+var FormField = require('../FormField-ba2e18af.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
-require('../Text-308e8137.js');
-require('../InputValidation-b4392981.js');
+require('../Typography-fbe0ed6e.js');
+require('../Text-e012fb46.js');
+require('../InputValidation-33ff2312.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputValidation/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-b4392981.js');
+var InputValidation = require('../InputValidation-33ff2312.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Text-308e8137.js');
-require('../Typography-66a17f39.js');
+require('../Text-e012fb46.js');
+require('../Typography-fbe0ed6e.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 

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

@@ -3,7 +3,7 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Text = require('./Text-308e8137.js');
+var Text = require('./Text-e012fb46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/List/index.js

@@ -8,11 +8,11 @@ var classnames = require('classnames');
 var lodash = require('lodash');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Text = require('../Text-308e8137.js');
-var Heading = require('../Heading-40f688c8.js');
-var Typography = require('../Typography-66a17f39.js');
-var Markdown = require('../Markdown-8b8145f6.js');
-var Emphasis = require('../Emphasis-630ae96e.js');
+var Text = require('../Text-e012fb46.js');
+var Heading = require('../Heading-a9a66964.js');
+var Typography = require('../Typography-fbe0ed6e.js');
+var Markdown = require('../Markdown-b53e0308.js');
+var Emphasis = require('../Emphasis-75a3f411.js');
 require('@jobber/design');
 require('react-markdown');
 require('../Content-18de5fbb.js');

package/dist/Markdown/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-8b8145f6.js');
+var Markdown = require('../Markdown-b53e0308.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-markdown');
-require('../Text-308e8137.js');
-require('../Typography-66a17f39.js');
+require('../Text-e012fb46.js');
+require('../Typography-fbe0ed6e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Emphasis-630ae96e.js');
-require('../Heading-40f688c8.js');
+require('../Emphasis-75a3f411.js');
+require('../Heading-a9a66964.js');
 require('../Content-18de5fbb.js');
 
 

package/dist/{Markdown-8b8145f6.js → Markdown-b53e0308.js}

@@ -3,9 +3,9 @@
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var ReactMarkdown = require('react-markdown');
-var Text = require('./Text-308e8137.js');
-var Emphasis = require('./Emphasis-630ae96e.js');
-var Heading = require('./Heading-40f688c8.js');
+var Text = require('./Text-e012fb46.js');
+var Emphasis = require('./Emphasis-75a3f411.js');
+var Heading = require('./Heading-a9a66964.js');
 var Content = require('./Content-18de5fbb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Menu/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-4e26a969.js');
+var Menu = require('../Menu-13deda94.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
@@ -10,11 +10,11 @@ require('classnames');
 require('framer-motion');
 require('@jobber/hooks');
 require('../style-inject.es-dcee06b6.js');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{Menu-4e26a969.js → Menu-13deda94.js}

@@ -7,8 +7,8 @@ var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Button = require('./Button-5e396052.js');
-var Typography = require('./Typography-66a17f39.js');
+var Button = require('./Button-cd30df0f.js');
+var Typography = require('./Typography-fbe0ed6e.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-0734dd8a.js');
+var Modal = require('../Modal-eb97d4c3.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-dom');
@@ -10,13 +10,13 @@ require('classnames');
 require('framer-motion');
 require('@jobber/hooks');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-40f688c8.js');
-require('../Typography-66a17f39.js');
-require('../Button-5e396052.js');
+require('../Heading-a9a66964.js');
+require('../Typography-fbe0ed6e.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../ButtonDismiss-55397828.js');
+require('../ButtonDismiss-a9590195.js');
 
 
 

package/dist/{Modal-0734dd8a.js → Modal-eb97d4c3.js}

@@ -7,9 +7,9 @@ var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Heading = require('./Heading-40f688c8.js');
-var Button = require('./Button-5e396052.js');
-var ButtonDismiss = require('./ButtonDismiss-55397828.js');
+var Heading = require('./Heading-a9a66964.js');
+var Button = require('./Button-cd30df0f.js');
+var ButtonDismiss = require('./ButtonDismiss-a9590195.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/MultiSelect/index.js

@@ -7,10 +7,10 @@ var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Checkbox = require('../Checkbox-e30b4912.js');
-var Text = require('../Text-308e8137.js');
+var Checkbox = require('../Checkbox-5103d2b9.js');
+var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/{Option-f7b2dd11.js → Option-7e984afb.js}

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

package/dist/Page/index.js

@@ -7,14 +7,14 @@ var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Heading = require('../Heading-40f688c8.js');
-var Text = require('../Text-308e8137.js');
+var Heading = require('../Heading-a9a66964.js');
+var Text = require('../Text-e012fb46.js');
 var Content = require('../Content-18de5fbb.js');
-var Markdown = require('../Markdown-8b8145f6.js');
-var Button = require('../Button-5e396052.js');
-var Menu = require('../Menu-4e26a969.js');
-var Emphasis = require('../Emphasis-630ae96e.js');
-require('../Typography-66a17f39.js');
+var Markdown = require('../Markdown-b53e0308.js');
+var Button = require('../Button-cd30df0f.js');
+var Menu = require('../Menu-13deda94.js');
+var Emphasis = require('../Emphasis-75a3f411.js');
+require('../Typography-fbe0ed6e.js');
 require('react-markdown');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');

package/dist/Popover/index.js

@@ -7,13 +7,13 @@ var React = require('react');
 var reactPopper = require('react-popper');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var ButtonDismiss = require('../ButtonDismiss-55397828.js');
-require('../Button-5e396052.js');
+var ButtonDismiss = require('../ButtonDismiss-a9590195.js');
+require('../Button-cd30df0f.js');
 require('classnames');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/RadioGroup/index.js

@@ -6,8 +6,8 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var uuid = require('uuid');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Text = require('../Text-308e8137.js');
-require('../Typography-66a17f39.js');
+var Text = require('../Text-e012fb46.js');
+require('../Typography-fbe0ed6e.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Select/index.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-f7b2dd11.js');
+var Option = require('../Option-7e984afb.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-7c79474a.js');
+require('../FormField-ba2e18af.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
-require('../Text-308e8137.js');
-require('../InputValidation-b4392981.js');
+require('../Typography-fbe0ed6e.js');
+require('../Text-e012fb46.js');
+require('../InputValidation-33ff2312.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/StatusLabel/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Text = require('../Text-308e8137.js');
-require('../Typography-66a17f39.js');
+var Text = require('../Text-e012fb46.js');
+require('../Typography-fbe0ed6e.js');
 require('../tslib.es6-5b50eb8e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Switch/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Switch = require('../Switch-f7078bab.js');
+var Switch = require('../Switch-f03b70fc.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{Switch-f7078bab.js → Switch-f03b70fc.js}

@@ -4,14 +4,14 @@ var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Typography = require('./Typography-66a17f39.js');
+var Typography = require('./Typography-fbe0ed6e.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 = ":root {\n  --switch--pipSize: calc(var(--space-base) * 1.875);\n  --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);\n  --switch--borderOffset: calc(var(--border-base) * 2);\n}\n\n._1TYiN0KipS0HguS_tKWfjN,\n._1TYiN0KipS0HguS_tKWfjN * {\n  box-sizing: border-box;\n  transition: all var(--timing-base);\n}\n\n._1TYiN0KipS0HguS_tKWfjN {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: calc(calc(calc(var(--space-base) * 1.875) * 1.3) + calc(var(--space-base) * 1.875));\n  width: calc(calc(calc(var(--space-base) * 1.875) * 1.3) + calc(var(--space-base) * 1.875));\n  width: calc(var(--switch--labelWidth) + var(--switch--pipSize));\n  padding: 0;\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(var(--space-base) * 1.875);\n  border-radius: calc(var(--space-base) * 1.875);\n  border-radius: var(--switch--pipSize);\n  overflow: hidden;\n  line-height: normal;\n  background-color: var(--color-surface--background);\n  cursor: pointer;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\n._1TYiN0KipS0HguS_tKWfjN:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem {\n  border-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n}\n\n._17OASjesGo_G7ojFH6iMvI {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  margin-left: calc(-1 * calc(calc(var(--space-base) * 1.875) * 1.3));\n  margin-left: calc(-1 * calc(calc(var(--space-base) * 1.875) * 1.3));\n  margin-left: calc(-1 * var(--switch--labelWidth));\n  pointer-events: none;\n  -ms-flex: 1 1 100%;\n      flex: 1 1 100%;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem ._17OASjesGo_G7ojFH6iMvI {\n  margin-left: calc(-1 * calc(var(--border-base) * 2));\n  margin-left: calc(-1 * calc(var(--border-base) * 2));\n  margin-left: calc(-1 * var(--switch--borderOffset));\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  min-width: calc(calc(var(--space-base) * 1.875) * 1.3);\n  min-width: calc(calc(var(--space-base) * 1.875) * 1.3);\n  min-width: var(--switch--labelWidth);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y:first-of-type {\n  padding-left: var(--space-small);\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y:last-of-type {\n  padding-right: var(--space-small);\n}\n\n.JsY6cDqLe8d_25vumz97W {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  width: calc(var(--space-base) * 1.875);\n  width: calc(var(--space-base) * 1.875);\n  width: var(--switch--pipSize);\n  height: calc(var(--space-base) * 1.875);\n  height: calc(var(--space-base) * 1.875);\n  height: var(--switch--pipSize);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-surface);\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem .JsY6cDqLe8d_25vumz97W {\n  border-color: var(--color-green);\n}\n\n._3uDSBuknYCWotuDOq6jYUD {\n  border-color: var(--color-disabled--secondary);\n  background-color: var(--color-surface--background);\n  cursor: not-allowed;\n}\n\n._3uDSBuknYCWotuDOq6jYUD .JsY6cDqLe8d_25vumz97W {\n  border-color: var(--color-disabled--secondary);\n}\n";
+var css = ":root {\n  --switch--pipSize: calc(var(--space-base) * 1.875);\n  --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);\n  --switch--borderOffset: calc(var(--border-base) * 2);\n}\n\n._1TYiN0KipS0HguS_tKWfjN,\n._1TYiN0KipS0HguS_tKWfjN * {\n  box-sizing: border-box;\n  transition: all var(--timing-base);\n}\n\n._1TYiN0KipS0HguS_tKWfjN {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: calc(calc(calc(var(--space-base) * 1.875) * 1.3) + calc(var(--space-base) * 1.875));\n  width: calc(calc(calc(var(--space-base) * 1.875) * 1.3) + calc(var(--space-base) * 1.875));\n  width: calc(var(--switch--labelWidth) + var(--switch--pipSize));\n  padding: 0;\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(var(--space-base) * 1.875);\n  border-radius: calc(var(--space-base) * 1.875);\n  border-radius: var(--switch--pipSize);\n  overflow: hidden;\n  line-height: normal;\n  background-color: var(--color-surface--background);\n  cursor: pointer;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\n._1TYiN0KipS0HguS_tKWfjN:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem {\n  border-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n}\n\n._17OASjesGo_G7ojFH6iMvI {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  margin-left: calc(-1 * calc(calc(var(--space-base) * 1.875) * 1.3));\n  margin-left: calc(-1 * calc(calc(var(--space-base) * 1.875) * 1.3));\n  margin-left: calc(-1 * var(--switch--labelWidth));\n  pointer-events: none;\n  -ms-flex: 1 1 100%;\n      flex: 1 1 100%;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem ._17OASjesGo_G7ojFH6iMvI {\n  margin-left: calc(-1 * calc(var(--border-base) * 2));\n  margin-left: calc(-1 * calc(var(--border-base) * 2));\n  margin-left: calc(-1 * var(--switch--borderOffset));\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  min-width: calc(calc(var(--space-base) * 1.875) * 1.3);\n  min-width: calc(calc(var(--space-base) * 1.875) * 1.3);\n  min-width: var(--switch--labelWidth);\n  margin-top: var(--space-minuscule);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y:first-of-type {\n  padding-left: var(--space-small);\n}\n\n._2QoMYBKIeOc4fkTMpeJ-0Y:last-of-type {\n  padding-right: var(--space-small);\n}\n\n.JsY6cDqLe8d_25vumz97W {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  width: calc(var(--space-base) * 1.875);\n  width: calc(var(--space-base) * 1.875);\n  width: var(--switch--pipSize);\n  height: calc(var(--space-base) * 1.875);\n  height: calc(var(--space-base) * 1.875);\n  height: var(--switch--pipSize);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-surface);\n}\n\n._2FTUgoy1jHHC6Zp3jZiFem .JsY6cDqLe8d_25vumz97W {\n  border-color: var(--color-green);\n}\n\n._3uDSBuknYCWotuDOq6jYUD {\n  border-color: var(--color-disabled--secondary);\n  background-color: var(--color-surface--background);\n  cursor: not-allowed;\n}\n\n._3uDSBuknYCWotuDOq6jYUD .JsY6cDqLe8d_25vumz97W {\n  border-color: var(--color-disabled--secondary);\n}\n";
 var styles = {"track":"_1TYiN0KipS0HguS_tKWfjN","isChecked":"_2FTUgoy1jHHC6Zp3jZiFem","toggle":"_17OASjesGo_G7ojFH6iMvI","label":"_2QoMYBKIeOc4fkTMpeJ-0Y","pip":"JsY6cDqLe8d_25vumz97W","disabled":"_3uDSBuknYCWotuDOq6jYUD"};
 styleInject_es.styleInject(css);
 

package/dist/Tabs/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-66a17f39.js');
+var Typography = require('../Typography-fbe0ed6e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Text/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../Text-308e8137.js');
+var Text = require('../Text-e012fb46.js');
 require('react');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Text-308e8137.js → Text-e012fb46.js}

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

package/dist/Toast/index.js

@@ -8,8 +8,8 @@ var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Button = require('../Button-5e396052.js');
-var Typography = require('../Typography-66a17f39.js');
+var Button = require('../Button-cd30df0f.js');
+var Typography = require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
 require('classnames');
 require('react-router-dom');

package/dist/Tooltip/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tooltip = require('../Tooltip-117330e5.js');
+var Tooltip = require('../Tooltip-041feb00.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
@@ -10,8 +10,8 @@ require('react-dom');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
 require('react-popper');
-require('../Text-308e8137.js');
-require('../Typography-66a17f39.js');
+require('../Text-e012fb46.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{Tooltip-117330e5.js → Tooltip-041feb00.js}

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var reactPopper = require('react-popper');
-var Text = require('./Text-308e8137.js');
+var Text = require('./Text-e012fb46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Typography/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Typography = require('../Typography-66a17f39.js');
+var Typography = require('../Typography-fbe0ed6e.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');

package/dist/{Typography-66a17f39.js → Typography-fbe0ed6e.js}

@@ -30,7 +30,7 @@ var css$4 = "._3ll_IHWYP5CXtvLbd7M3g4 {\n  color: var(--color-blue);\n}\n\n._2aL
 var textColors = {"blue":"_3ll_IHWYP5CXtvLbd7M3g4","grey":"_2aLfviMTslnYDFQydSPFyG","greyBlueDark":"_2yHCFsRY1Y6nrwHGA2BGXR","greyBlue":"khfPfWiE9EnXFTUREGKev","green":"_1IbTq3B5pV7-zQrdDXJhDB","red":"LH8KHdwfbdIWS8Ia4LNzJ","yellow":"_2qLzIirDpz70j0ZkQstH4P","yellowDark":"_2WeCxN6EUixXRd6wiNkurb","lightBlue":"_3KVpUUVNa7DxPCMTIqHmkr","white":"K60KIG2FVHz496YyImWfR","heading":"_39omMvRy0QF8yo96lzBKvU","text":"_1lCJhtn-QuZ-H-7N8CtLPg","textSecondary":"iZQf_6Bu4s-etKAEvUMSW","critical":"_22rt2p8mwIe87C2W5fAboT","warning":"_1ZKA-7F_F3OjO2zAlnN0ey","informative":"fjWW9OckqU4Ei4hdPBRqQ","success":"_2oR_lya19rHAoUVAO3xgJ3","disabled":"_2TOA8Z2cHlX5BRCA54HkZp"};
 styleInject_es.styleInject(css$4);
 
-var css$3 = "._2v32EeDVd2655RBXZ9dq3n {\n  font-style: italic;\n}\n\n._1qwLpB6asp267SE_SsLR5r {\n  display: inline;\n  font-family: inherit;\n  font-style: normal;\n  font-weight: inherit;\n  background-image: url(../../Emphasis/EmphasisBrushstroke.svg);\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: 100% 20%;\n}\n";
+var css$3 = "._2v32EeDVd2655RBXZ9dq3n {\n  font-style: italic;\n}\n\n._1qwLpB6asp267SE_SsLR5r {\n  display: inline;\n  font-family: inherit;\n  font-style: normal;\n  font-weight: inherit;\n  background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: 100% 20%;\n}\n";
 var emphasis = {"italic":"_2v32EeDVd2655RBXZ9dq3n","highlight":"_1qwLpB6asp267SE_SsLR5r"};
 styleInject_es.styleInject(css$3);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.0.0-pre.7",
+  "version": "3.0.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^1.0.0-pre.7",
+    "@jobber/design": "^0.28.0",
     "@jobber/formatters": "^0.2.0",
     "@jobber/hooks": "^1.12.1",
     "@popperjs/core": "^2.0.6",
@@ -26,7 +26,7 @@
     "@tanstack/react-table": "8.5.13",
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
-    "@types/react-datepicker": "^4.3.2",
+    "@types/react-datepicker": "^4.8.0",
     "@types/react-router-dom": "^5.1.5",
     "@types/uuid": "^8.3.3",
     "@use-it/event-listener": "^0.1.3",
@@ -37,7 +37,7 @@
     "framer-motion": "^1.10.3",
     "lodash": "^4.17.21",
     "react-countdown": "^2.3.2",
-    "react-datepicker": "^4.3.0",
+    "react-datepicker": "^4.10.0",
     "react-dropzone": "^11.0.2",
     "react-hook-form": "^6.7.2",
     "react-image-lightbox": "^5.1.1",
@@ -67,6 +67,7 @@
     "postcss": "^7.0.36",
     "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",
@@ -85,5 +86,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "840412b29fc3ef3e8725bc62b23a8af7b8c2819b"
+  "gitHead": "3221cfb57c036d3cc651cb0eba3dd642554dc02b"
 }

package/rollup.config.js

@@ -19,6 +19,7 @@ export default {
       plugins: [
         require("postcss-import"),
         require("autoprefixer"),
+        require("postcss-svg"),
         // eslint-disable-next-line @typescript-eslint/no-var-requires
         require("postcss-preset-env")({
           stage: 1,