@jobber/components 2.89.4 → 2.90.1-pre.2

package/dist/RadioGroup/index.js

@@ -6,15 +6,15 @@ 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-9bc093e9.js');
-require('../Typography-7e542a72.js');
+var Text = require('../Text-c317e805.js');
+require('../Typography-c8df6609.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css = "._21aQKdbfCYC-03CNAUhBXW {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n  content: \"\";\n  display: block;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  margin: 0 var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-base);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n    var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--border-thicker);\n  background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n  border-color: var(--color-grey);\n  background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n  color: var(--color-disabled);\n}\n";
+var css = "._21aQKdbfCYC-03CNAUhBXW {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n  content: \"\";\n  display: block;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  margin: 0 var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-base);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n    var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--border-thicker);\n  background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n  border-color: var(--color-grey);\n  background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n  color: var(--color-disabled);\n}\n";
 var styles = {"radioGroup":"_21aQKdbfCYC-03CNAUhBXW","input":"_11AeV22s7aou-ZpJgQCiPD","label":"IiW-lj1gmbjv30FHatRaU","description":"_27qk4PxjkMHZzzSu7SOR4s"};
 styleInject_es.styleInject(css);
 

package/dist/Select/index.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-201e55a7.js');
+var Option = require('../Option-5ebb2e0d.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-a92c7bac.js');
+require('../FormField-4ef1dd6b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5b2f1636.js');
+require('../Button-d0f7848a.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
-require('../Text-9bc093e9.js');
-require('../InputValidation-24d3621a.js');
+require('../Typography-c8df6609.js');
+require('../Text-c317e805.js');
+require('../InputValidation-c9309e0a.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-9bc093e9.js');
-require('../Typography-7e542a72.js');
+var Text = require('../Text-c317e805.js');
+require('../Typography-c8df6609.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-d2bec677.js');
+var Switch = require('../Switch-5c72bad3.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 
 
 

package/dist/{Switch-d2bec677.js → Switch-5c72bad3.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-7e542a72.js');
+var Typography = require('./Typography-c8df6609.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-7e542a72.js');
+var Typography = require('../Typography-c8df6609.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-9bc093e9.js');
+var Text = require('../Text-c317e805.js');
 require('react');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Text-9bc093e9.js → Text-c317e805.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-c8df6609.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-5b2f1636.js');
-var Typography = require('../Typography-7e542a72.js');
+var Button = require('../Button-d0f7848a.js');
+var Typography = require('../Typography-c8df6609.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-4396164d.js');
+var Tooltip = require('../Tooltip-443889d8.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-9bc093e9.js');
-require('../Typography-7e542a72.js');
+require('../Text-c317e805.js');
+require('../Typography-c8df6609.js');
 
 
 

package/dist/{Tooltip-4396164d.js → Tooltip-443889d8.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-9bc093e9.js');
+var Text = require('./Text-c317e805.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-var css = ":root {\n  --tooltip--arrow-size: var(--space-small);\n  --tooltip--offset: calc(-1 * calc(var(--space-smaller) + 1px));\n}\n\n._2IKuYsqwWWH9A-WgJDR61q {\n  display: none;\n}\n\n._2fkHxHwiJK9AkUMCIPucCJ {\n  display: inline-block;\n  position: absolute;\n  z-index: var(--elevation-tooltip);\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L {\n  display: inline-block;\n  position: relative;\n  max-width: calc(var(--base-unit) * 15);\n  padding: var(--space-small);\n  border: var(--border-base) solid var(--color-informative);\n  border-radius: var(--radius-base);\n  background-color: var(--color-informative--surface);\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd,\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  width: var(--space-small);\n  width: var(--space-small);\n  width: var(--tooltip--arrow-size);\n  height: var(--space-small);\n  height: var(--space-small);\n  height: var(--tooltip--arrow-size);\n  background-color: inherit;\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  border: var(--border-base) solid var(--color-informative);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 {\n  padding-bottom: var(--space-small);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L {\n  -webkit-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd {\n  bottom: calc(-1 * calc(var(--space-smaller) + 1px));\n  bottom: calc(-1 * calc(var(--space-smaller) + 1px));\n  bottom: var(--tooltip--offset);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.QtIXawS3dVhY8j2NKSZLY {\n  padding-top: var(--space-small);\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L {\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd {\n  top: calc(-1 * calc(var(--space-smaller) + 1px));\n  top: calc(-1 * calc(var(--space-smaller) + 1px));\n  top: var(--tooltip--offset);\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n";
+var css = ":root {\n  --tooltip--arrow-size: var(--space-small);\n  --tooltip--offset: calc(-1 * calc(var(--space-smaller) + 1px));\n}\n\n._2IKuYsqwWWH9A-WgJDR61q {\n  display: none;\n}\n\n._2fkHxHwiJK9AkUMCIPucCJ {\n  display: inline-block;\n  position: absolute;\n  z-index: var(--elevation-tooltip);\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L {\n  display: inline-block;\n  position: relative;\n  max-width: calc(var(--base-unit) * 15);\n  padding: var(--space-small);\n  border: var(--border-base) solid var(--color-informative);\n  border-radius: var(--radius-base);\n  background-color: var(--color-informative--surface);\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd,\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  width: var(--space-small);\n  width: var(--space-small);\n  width: var(--tooltip--arrow-size);\n  height: var(--space-small);\n  height: var(--space-small);\n  height: var(--tooltip--arrow-size);\n  background-color: transparent;\n}\n\n._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  border: var(--border-base) solid var(--color-informative);\n  background-color: var(--color-informative--surface);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 {\n  padding-bottom: var(--space-small);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L {\n  -webkit-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd {\n  bottom: calc(-1 * calc(var(--space-smaller) + 1px));\n  bottom: calc(-1 * calc(var(--space-smaller) + 1px));\n  bottom: var(--tooltip--offset);\n}\n\n._3VkJmaX3T1x98A59lZbEa5 ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.QtIXawS3dVhY8j2NKSZLY {\n  padding-top: var(--space-small);\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L {\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd {\n  top: calc(-1 * calc(var(--space-smaller) + 1px));\n  top: calc(-1 * calc(var(--space-smaller) + 1px));\n  top: var(--tooltip--offset);\n}\n\n.QtIXawS3dVhY8j2NKSZLY ._2YpF1qO7J5ncFlfoW0hA1L ._3DjyKsZFiUA0QD18ABsimd::after {\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n";
 var styles = {"shadowActivator":"_2IKuYsqwWWH9A-WgJDR61q","tooltipWrapper":"_2fkHxHwiJK9AkUMCIPucCJ","tooltip":"_2YpF1qO7J5ncFlfoW0hA1L","arrow":"_3DjyKsZFiUA0QD18ABsimd","above":"_3VkJmaX3T1x98A59lZbEa5","below":"QtIXawS3dVhY8j2NKSZLY"};
 styleInject_es.styleInject(css);
 

package/dist/Typography/index.js

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

package/dist/{Typography-7e542a72.js → Typography-c8df6609.js}

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css$8 = ":root {\n  --typography--fontFamily-normal: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  --typography--fontFamily-display: \"Poppins\", Helvetica, Arial, sans-serif;\n\n  --typography--fontSize-extravagant: calc(var(--base-unit) * 3); /* 48 */\n  --typography--fontSize-jumbo: calc(var(--base-unit) * 2.25); /* 36 */\n  --typography--fontSize-largest: calc(var(--base-unit) * 1.5); /* 24 */\n  --typography--fontSize-larger: calc(var(--base-unit) * 1.25); /* 20 */\n  --typography--fontSize-large: calc(var(--base-unit) * 1.125); /* 18 */\n  --typography--fontSize-base: calc(var(--base-unit) * 1); /* 16 */\n  --typography--fontSize-small: calc(var(--base-unit) * 0.875); /* 14 */\n  --typography--fontSize-smaller: calc(var(--base-unit) * 0.75); /* 12 */\n\n  --typography--lineHeight-large: 1.34;\n  --typography--lineHeight-base: 1.25;\n  --typography--lineHeight-tight: 1.2;\n  --typography--lineHeight-tighter: 1.143;\n  --typography--lineHeight-tightest: 1.12;\n  --typography--lineHeight-miniscule: 1.08;\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (--handhelds) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n._3JZjimh4dusy34C2IGQzQR {\n  margin: 0;\n  padding: 0;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  word-wrap: break-word;\n}\n";
+var css$8 = "._3JZjimh4dusy34C2IGQzQR {\n  margin: 0;\n  padding: 0;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  word-wrap: break-word;\n}\n";
 var styles = {"base":"_3JZjimh4dusy34C2IGQzQR"};
 styleInject_es.styleInject(css$8);
 
@@ -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  margin-left: calc(-1 * var(--space-smaller));\n  padding: 0 var(--space-smaller);\n  font-family: var(--typography--fontFamily-display);\n  font-weight: inherit;\n  background-image: linear-gradient(\n    to left,\n    var(--color-brand--highlight),\n    var(--color-brand--highlight)\n  );\n  background-position: left 75%;\n  background-repeat: repeat-x;\n  background-size: 100% 52%;\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(../../Emphasis/EmphasisBrushstroke.svg);\n  background-position: center 90%;\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": "2.89.4",
+  "version": "2.90.1-pre.2+03d1e7f7",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.26.0",
+    "@jobber/design": "^0.26.1-pre.23+03d1e7f7",
     "@jobber/formatters": "^0.2.0",
     "@jobber/hooks": "^1.12.1",
     "@popperjs/core": "^2.0.6",
@@ -85,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "94605185b21389584355c34999a908de8f5c0432"
+  "gitHead": "03d1e7f7a1e54f9d6db873f2f465278778c03d85"
 }