@jobber/components 2.93.2 → 3.0.0-pre.0

package/dist/InputDate/index.js

@@ -5,19 +5,19 @@ 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-4ef1dd6b.js');
-var DatePicker = require('../DatePicker-ec6e34ef.js');
+var FormField = require('../FormField-7c79474a.js');
+var DatePicker = require('../DatePicker-a7597183.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 require('react-datepicker');

package/dist/InputEmail/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-4ef1dd6b.js');
+var FormField = require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-afd946f6.js');
+var InputFile = require('../InputFile-d6a79bba.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
@@ -10,11 +10,11 @@ require('react-dropzone');
 require('axios');
 require('uuid');
 require('../style-inject.es-dcee06b6.js');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
+require('../Typography-66a17f39.js');
 require('../Content-18de5fbb.js');
 
 

package/dist/{InputFile-afd946f6.js → InputFile-d6a79bba.js}

@@ -7,9 +7,9 @@ var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Button = require('./Button-d0f7848a.js');
+var Button = require('./Button-5e396052.js');
 var Content = require('./Content-18de5fbb.js');
-var Typography = require('./Typography-c8df6609.js');
+var Typography = require('./Typography-66a17f39.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputNumber/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-4ef1dd6b.js');
+var FormField = require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

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-4ef1dd6b.js');
+var FormField = require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.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-8951021c.js');
+var InputText = require('../InputText-7b929b6f.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-4ef1dd6b.js');
+require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

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

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-4ef1dd6b.js');
+var FormField = require('./FormField-7c79474a.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-4ef1dd6b.js');
+var FormField = require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.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-c9309e0a.js');
+var InputValidation = require('../InputValidation-b4392981.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Text-c317e805.js');
-require('../Typography-c8df6609.js');
+require('../Text-308e8137.js');
+require('../Typography-66a17f39.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 

package/dist/{InputValidation-c9309e0a.js → InputValidation-b4392981.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-c317e805.js');
+var Text = require('./Text-308e8137.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/LightBox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-b893b656.js');
+var LightBox = require('../LightBox-6aea2128.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-image-lightbox');

package/dist/{LightBox-b893b656.js → LightBox-6aea2128.js}

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ExternalLightBox__default = /*#__PURE__*/_interopDefaultLegacy(ExternalLightBox);
 
-var css = "._23H2TI8rNmnv0zlHOHZooa.ril__outer {\n  font-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\n  background-color: transparent;\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-overlay);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__captionContent {\n  color: var(--color-greyBlue--lighter);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__toolbarItem {\n  color: var(--color-greyBlue--lighter);\n}\n";
+var css = "._23H2TI8rNmnv0zlHOHZooa.ril__outer {\n  font-family: var(--typography--fontFamily-normal);\n  background-color: transparent;\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-overlay);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__captionContent {\n  color: var(--color-greyBlue--lighter);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__toolbarItem {\n  color: var(--color-greyBlue--lighter);\n}\n";
 var styles = {"wrapper":"_23H2TI8rNmnv0zlHOHZooa"};
 styleInject_es.styleInject(css);
 

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-c317e805.js');
-var Heading = require('../Heading-36fd27db.js');
-var Typography = require('../Typography-c8df6609.js');
-var Markdown = require('../Markdown-edd7468b.js');
-var Emphasis = require('../Emphasis-391519b1.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');
 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-edd7468b.js');
+var Markdown = require('../Markdown-8b8145f6.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-markdown');
-require('../Text-c317e805.js');
-require('../Typography-c8df6609.js');
+require('../Text-308e8137.js');
+require('../Typography-66a17f39.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Emphasis-391519b1.js');
-require('../Heading-36fd27db.js');
+require('../Emphasis-630ae96e.js');
+require('../Heading-40f688c8.js');
 require('../Content-18de5fbb.js');
 
 

package/dist/{Markdown-edd7468b.js → Markdown-8b8145f6.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-c317e805.js');
-var Emphasis = require('./Emphasis-391519b1.js');
-var Heading = require('./Heading-36fd27db.js');
+var Text = require('./Text-308e8137.js');
+var Emphasis = require('./Emphasis-630ae96e.js');
+var Heading = require('./Heading-40f688c8.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-6bee69e7.js');
+var Menu = require('../Menu-4e26a969.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-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
+require('../Typography-66a17f39.js');
 
 
 

package/dist/{Menu-6bee69e7.js → Menu-4e26a969.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-d0f7848a.js');
-var Typography = require('./Typography-c8df6609.js');
+var Button = require('./Button-5e396052.js');
+var Typography = require('./Typography-66a17f39.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-1f7e7433.js');
+var Modal = require('../Modal-0734dd8a.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-dom');
@@ -10,12 +10,13 @@ require('classnames');
 require('framer-motion');
 require('@jobber/hooks');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-c8df6609.js');
-require('../Button-d0f7848a.js');
+require('../Heading-40f688c8.js');
+require('../Typography-66a17f39.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../ButtonDismiss-6d3608f5.js');
+require('../ButtonDismiss-55397828.js');
 
 
 

package/dist/{Modal-1f7e7433.js → Modal-0734dd8a.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 Typography = require('./Typography-c8df6609.js');
-var Button = require('./Button-d0f7848a.js');
-var ButtonDismiss = require('./ButtonDismiss-6d3608f5.js');
+var Heading = require('./Heading-40f688c8.js');
+var Button = require('./Button-5e396052.js');
+var ButtonDismiss = require('./ButtonDismiss-55397828.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -109,7 +109,7 @@ function Modal(_a) {
 function Header(_a) {
     var title = _a.title, dismissible = _a.dismissible, onRequestClose = _a.onRequestClose;
     return (React__default["default"].createElement("div", { className: styles.header, "data-testid": "modal-header" },
-        React__default["default"].createElement(Typography.Typography, { element: "h3", size: "large", textCase: "uppercase", fontWeight: "extraBold" }, title),
+        React__default["default"].createElement(Heading.Heading, { level: 3 }, title),
         dismissible && (React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" }))));
 }
 function Actions(_a) {

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-4624199c.js');
-var Text = require('../Text-c317e805.js');
+var Checkbox = require('../Checkbox-e30b4912.js');
+var Text = require('../Text-308e8137.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-require('../Typography-c8df6609.js');
+require('../Typography-66a17f39.js');
 require('@jobber/design');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/{Option-5ebb2e0d.js → Option-f7b2dd11.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-4ef1dd6b.js');
+var FormField = require('./FormField-7c79474a.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-36fd27db.js');
-var Text = require('../Text-c317e805.js');
+var Heading = require('../Heading-40f688c8.js');
+var Text = require('../Text-308e8137.js');
 var Content = require('../Content-18de5fbb.js');
-var Markdown = require('../Markdown-edd7468b.js');
-var Button = require('../Button-d0f7848a.js');
-var Menu = require('../Menu-6bee69e7.js');
-var Emphasis = require('../Emphasis-391519b1.js');
-require('../Typography-c8df6609.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');
 require('react-markdown');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');

package/dist/Popover/index.js

@@ -7,19 +7,19 @@ 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-6d3608f5.js');
-require('../Button-d0f7848a.js');
+var ButtonDismiss = require('../ButtonDismiss-55397828.js');
+require('../Button-5e396052.js');
 require('classnames');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
+require('../Typography-66a17f39.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css = ":root {\n  --card--base-padding: var(--space-base);\n  --popover--padding: var(--space-base);\n  --popover--width: calc(var(--base-unit) * 21.875);\n  --dismiss--button-padding: calc(var(--base-unit) / 4);\n}\n\n.bmcwfoRgxW9uxv0uyXH04 {\n  display: -ms-flexbox;\n  display: flex;\n  position: \"relative\";\n  padding: var(--space-base);\n  padding: var(--space-base);\n  padding: var(--popover--padding);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.TjIegPUFwvTBnPHT-hzfN {\n  float: right;\n  padding: calc(var(--base-unit) / 4);\n  padding: calc(var(--base-unit) / 4);\n  padding: var(--dismiss--button-padding);\n  text-align: right;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z {\n  z-index: var(--elevation-tooltip);\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: var(--popover--width);\n  box-shadow: var(--shadow-base);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n  font-size: var(--base-unit);\n  line-height: normal;\n  background: var(--color-surface);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z > * {\n  --public-content--padding: var(--card--base-padding);\n}\n\n.ZBY5pcUZw7V-86CZwsJcF {\n  visibility: hidden;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF,\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  position: absolute;\n  width: var(--base-unit);\n  height: var(--base-unit);\n  background: inherit;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  content: \"\";\n  visibility: visible;\n  border: var(--border-base) solid var(--color-border);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n          clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  bottom: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-135deg);\n          transform: rotate(-135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"bottom\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  top: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  right: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  left: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n";
+var css = ":root {\n  --card--base-padding: var(--space-base);\n  --popover--padding: var(--space-base);\n  --popover--width: calc(var(--base-unit) * 21.875);\n  --dismiss--button-padding: calc(var(--base-unit) / 4);\n}\n\n.bmcwfoRgxW9uxv0uyXH04 {\n  display: -ms-flexbox;\n  display: flex;\n  position: \"relative\";\n  padding: var(--space-base);\n  padding: var(--space-base);\n  padding: var(--popover--padding);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.TjIegPUFwvTBnPHT-hzfN {\n  float: right;\n  padding: calc(var(--base-unit) / 4);\n  padding: calc(var(--base-unit) / 4);\n  padding: var(--dismiss--button-padding);\n  text-align: right;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z {\n  z-index: var(--elevation-tooltip);\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: var(--popover--width);\n  box-shadow: var(--shadow-base);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n  font-size: var(--typography--fontSize-base);\n  line-height: normal;\n  background: var(--color-surface);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z > * {\n  --public-content--padding: var(--card--base-padding);\n}\n\n.ZBY5pcUZw7V-86CZwsJcF {\n  visibility: hidden;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF,\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  position: absolute;\n  width: var(--base-unit);\n  height: var(--base-unit);\n  background: inherit;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  content: \"\";\n  visibility: visible;\n  border: var(--border-base) solid var(--color-border);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n          clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  bottom: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-135deg);\n          transform: rotate(-135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"bottom\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  top: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  right: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  left: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n";
 var classes = {"header":"bmcwfoRgxW9uxv0uyXH04","dismissButton":"TjIegPUFwvTBnPHT-hzfN","popover":"_1v-Ekqld7VhWiu8_bFt62z","arrow":"ZBY5pcUZw7V-86CZwsJcF"};
 styleInject_es.styleInject(css);
 

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-c317e805.js');
-require('../Typography-c8df6609.js');
+var Text = require('../Text-308e8137.js');
+require('../Typography-66a17f39.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-5ebb2e0d.js');
+var Option = require('../Option-f7b2dd11.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-4ef1dd6b.js');
+require('../FormField-7c79474a.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-d0f7848a.js');
+require('../Button-5e396052.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-c8df6609.js');
-require('../Text-c317e805.js');
-require('../InputValidation-c9309e0a.js');
+require('../Typography-66a17f39.js');
+require('../Text-308e8137.js');
+require('../InputValidation-b4392981.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-c317e805.js');
-require('../Typography-c8df6609.js');
+var Text = require('../Text-308e8137.js');
+require('../Typography-66a17f39.js');
 require('../tslib.es6-5b50eb8e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = ":root {\n  --statusLabel-icon-diameter: calc(var(--space-base) - var(--space-smaller));\n}\n\n.NUUO4mR41Qn5Pf0pzjhZe {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n._2XU8xQD0q92o9P2Ej5EdwP {\n  width: calc(var(--space-base) - var(--space-smaller));\n  width: calc(var(--space-base) - var(--space-smaller));\n  width: var(--statusLabel-icon-diameter);\n  height: calc(var(--space-base) - var(--space-smaller));\n  height: calc(var(--space-base) - var(--space-smaller));\n  height: var(--statusLabel-icon-diameter);\n  margin-top: var(--space-smallest);\n  border-radius: var(--radius-base);\n  background-color: var(--color-success);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n._3eQHL9hZlneMfEoGaF0dDv {\n  -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n}\n";
+var css = ":root {\n  --statusLabel-icon-diameter: calc(var(--space-base) - var(--space-smaller));\n}\n\n.NUUO4mR41Qn5Pf0pzjhZe {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n._2XU8xQD0q92o9P2Ej5EdwP {\n  width: calc(var(--space-base) - var(--space-smaller));\n  width: calc(var(--space-base) - var(--space-smaller));\n  width: var(--statusLabel-icon-diameter);\n  height: calc(var(--space-base) - var(--space-smaller));\n  height: calc(var(--space-base) - var(--space-smaller));\n  height: var(--statusLabel-icon-diameter);\n  margin-top: var(--space-minuscule);\n  border-radius: var(--radius-base);\n  background-color: var(--color-success);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n._3eQHL9hZlneMfEoGaF0dDv {\n  -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n}\n";
 var styles = {"statusLabelRow":"NUUO4mR41Qn5Pf0pzjhZe","statusIndicator":"_2XU8xQD0q92o9P2Ej5EdwP","labelTextEndAligned":"_3eQHL9hZlneMfEoGaF0dDv"};
 styleInject_es.styleInject(css);
 

package/dist/Switch/index.js

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

package/dist/{Switch-5c72bad3.js → Switch-f7078bab.js}

@@ -4,7 +4,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-c8df6609.js');
+var Typography = require('./Typography-66a17f39.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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-c8df6609.js');
+var Typography = require('../Typography-66a17f39.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-c317e805.js');
+var Text = require('../Text-308e8137.js');
 require('react');
-require('../Typography-c8df6609.js');
+require('../Typography-66a17f39.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-c8df6609.js');
+var Typography = require('./Typography-66a17f39.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-d0f7848a.js');
-var Typography = require('../Typography-c8df6609.js');
+var Button = require('../Button-5e396052.js');
+var Typography = require('../Typography-66a17f39.js');
 require('@jobber/design');
 require('classnames');
 require('react-router-dom');