@jobber/components 4.68.11 → 4.68.13-chore-upda.2

package/dist/Autocomplete/index.js

@@ -10,19 +10,19 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Text = require('../Text-4a2bc89f.js');
+var Text = require('../Text-259af966.js');
 var Icon = require('../Icon-405a216c.js');
-var Heading = require('../Heading-0f4ecb0c.js');
-var InputText = require('../InputText-efe66880.js');
-require('../Typography-973b122e.js');
+var Heading = require('../Heading-5a2e0b25.js');
+var InputText = require('../InputText-9386ad9b.js');
+require('../Typography-c45bf216.js');
 require('@jobber/design');
-require('../FormField-dd586f08.js');
+require('../FormField-dc73a8e4.js');
 require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
-require('../Button-cb4ad6fe.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/Banner/index.js

@@ -7,10 +7,10 @@ var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Text = require('../Text-4a2bc89f.js');
-var Button = require('../Button-cb4ad6fe.js');
+var Text = require('../Text-259af966.js');
+var Button = require('../Button-ce519335.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Button/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../Button-cb4ad6fe.js');
+var Button = require('../Button-ce519335.js');
 require('react');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{Button-cb4ad6fe.js → Button-ce519335.js}

@@ -5,14 +5,14 @@ var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-973b122e.js');
+var Typography = require('./Typography-c45bf216.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_248z = ":root {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n  --button--color-surface: var(--color-surface);\n  --button--color-surface--hover: var(--color-surface--hover);\n  --button--color-primaryLabel: var(--color-surface);\n\n  --button--duration-loading: var(--timing-loading--extended);\n}\n\n.U9VsquOtk2I- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-height: calc(16px * 2.25);\n  min-height: calc(var(--base-unit) * 2.25);\n  box-sizing: border-box;\n  margin: 0;\n  border: calc(16px / 16) solid rgb(125, 176, 14);\n  border: var(--border-base) solid var(--button--color-variation);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  color: rgb(125, 176, 14);\n  color: var(--button--color-variation);\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: calc(16px / 40);\n  letter-spacing: var(--typography--letterSpacing-loose);\n  text-align: center;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  vertical-align: middle;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n  cursor: pointer;\n  transition: all 200ms ease-out;\n  transition: all var(--timing-base) ease-out;\n  -webkit-appearance: none;\n          appearance: none;\n  fill: rgb(125, 176, 14);\n  fill: var(--button--color-variation);\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.jobber-retheme .U9VsquOtk2I- {\n  min-height: calc(16px * 2.5);\n  min-height: calc(var(--base-unit) * 2.5);\n}\n\n.U9VsquOtk2I- * {\n  fill: inherit !important;\n}\n\n.U9VsquOtk2I- * {\n  color: inherit;\n  /* required to over-ride very specific fill from <Icon> */\n}\n\n.jobber-retheme .U9VsquOtk2I- * {\n  font-weight: 600 !important;\n}\n\n.jobber-retheme .U9VsquOtk2I- * {\n  line-height: 1;\n  letter-spacing: 0;\n  /* post-retheme this can move into the TSX on L177 */\n}\n\n.U9VsquOtk2I-:hover,\na.U9VsquOtk2I-:hover,\n.U9VsquOtk2I-:focus-visible,\na.U9VsquOtk2I-:focus-visible,\n.U9VsquOtk2I-:active,\na.U9VsquOtk2I-:active {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n  color: rgb(81, 114, 9);\n  color: var(--button--color-variation--hover);\n  fill: rgb(81, 114, 9);\n  fill: var(--button--color-variation--hover);\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n}\n\n.U9VsquOtk2I-:focus-visible,\na.U9VsquOtk2I-:focus-visible,\n.U9VsquOtk2I-:active,\na.U9VsquOtk2I-:active {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: transparent;\n}\n\n/* Variation */\n\n.qkFQwI0PKfw- {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n}\n\n.jsKQEOBdJ0k- {\n  --button--color-variation: var(--color-informative);\n  --button--color-variation--hover: var(--color-informative--onSurface);\n}\n\n.jobber-retheme .jsKQEOBdJ0k- {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n._4W8X0dxZDK4- {\n  --button--color-variation: var(--color-destructive);\n  --button--color-variation--hover: var(--color-destructive--hover);\n}\n\n/* Subtle is special because, by default, it's styled as a secondary button */\n\n.vDKO-cmh8vY- {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n/* Type */\n\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-),\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {\n  color: rgba(255, 255, 255, 1);\n  color: var(--button--color-primaryLabel);\n  background-color: rgb(125, 176, 14);\n  background-color: var(--button--color-variation);\n  fill: rgba(255, 255, 255, 1);\n  fill: var(--button--color-primaryLabel);\n}\n\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {\n  background-color: rgb(81, 114, 9);\n  background-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.FXqN12jWtPo- {\n  color: rgb(125, 176, 14);\n  color: var(--button--color-variation);\n  fill: rgb(125, 176, 14);\n  fill: var(--button--color-variation);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n}\n\n.pf6G840lKdA-,\n.vDKO-cmh8vY-.FXqN12jWtPo- {\n  border-color: rgb(125, 176, 14);\n  border-color: var(--button--color-variation);\n}\n\n.jobber-retheme .pf6G840lKdA-,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo- {\n  border-color: rgb(217, 223, 225);\n  border-color: var(--color-border);\n}\n\n.vDKO-cmh8vY-.FXqN12jWtPo-:hover,\n.vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {\n  color: rgb(81, 114, 9);\n  color: var(--button--color-variation--hover);\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n  fill: rgb(81, 114, 9);\n  fill: var(--button--color-variation--hover);\n}\n\n.jobber-retheme .pf6G840lKdA-:hover,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:hover,\n.jobber-retheme .pf6G840lKdA-:focus-visible,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.pf6G840lKdA- {\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n}\n\n.m7DbwRZWcNk-,\n.vDKO-cmh8vY-.pf6G840lKdA- {\n  border-color: transparent;\n}\n\n.vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n}\n\n.m7DbwRZWcNk-:hover,\n.m7DbwRZWcNk-:focus-visible,\na.m7DbwRZWcNk-:hover,\na.m7DbwRZWcNk-:focus-visible,\n.vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible,\na.vDKO-cmh8vY-.pf6G840lKdA-:hover,\na.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {\n  border-color: transparent;\n}\n\n.jobber-retheme .m7DbwRZWcNk-:hover,\n.jobber-retheme .m7DbwRZWcNk-:focus-visible,\n.jobber-retheme a.m7DbwRZWcNk-:hover,\n.jobber-retheme a.m7DbwRZWcNk-:focus-visible,\n.jobber-retheme .vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.jobber-retheme .vDKO-cmh8vY-.pf6G840lKdA-:focus-visible,\n.jobber-retheme a.vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.jobber-retheme a.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.m7DbwRZWcNk- {\n  border-color: transparent;\n  background-color: transparent;\n}\n\n.vDKO-cmh8vY-.m7DbwRZWcNk-:hover,\n.vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible,\na.vDKO-cmh8vY-.m7DbwRZWcNk-:hover,\na.vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible {\n  border-color: transparent;\n  color: rgb(66, 78, 86);\n  color: var(--color-interactive--subtle--hover);\n  fill: rgb(66, 78, 86);\n  fill: var(--color-interactive--subtle--hover);\n}\n\n/* Disabled */\n\n.U9VsquOtk2I-.bg-l22drjd0-,\na.U9VsquOtk2I-.bg-l22drjd0-,\n.U9VsquOtk2I-.bg-l22drjd0-:hover,\na.U9VsquOtk2I-.bg-l22drjd0-:hover {\n  border-color: rgb(225, 225, 225);\n  border-color: var(--color-disabled--secondary);\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background-color: rgb(225, 225, 225);\n  background-color: var(--color-disabled--secondary);\n  fill: rgb(181, 181, 181);\n  fill: var(--color-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* Sizes */\n\n.STSDgSRREx4- {\n  min-height: calc(16px * 1.5);\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 calc(16px / 2);\n  padding: 0 var(--space-small);\n  letter-spacing: 0;\n}\n\n.jobber-retheme .STSDgSRREx4- {\n  min-height: calc(16px * 1.5);\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 calc((16px * 1) - (16px / 4));\n  padding: 0 calc(calc(16px * 1) - calc(16px / 4));\n  padding: 0 calc(var(--space-base) - var(--space-smaller));\n}\n\n.amIh7vPETfo- {\n  padding: 0 calc((16px * 1) - (16px / 4));\n  padding: 0 calc(calc(16px * 1) - calc(16px / 4));\n  padding: 0 calc(var(--space-base) - var(--space-smaller));\n}\n\n.jobber-retheme .amIh7vPETfo- {\n  padding: 0 calc(16px * 1);\n  padding: 0 var(--space-base);\n}\n\n.ON6ezOojFVo- {\n  min-height: calc(16px * 3);\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 calc(16px * 1);\n  padding: 0 var(--space-base);\n}\n\n.jobber-retheme .ON6ezOojFVo- {\n  min-height: calc(16px * 3);\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 calc((16px * 1) + (16px / 4));\n  padding: 0 calc(calc(16px * 1) + calc(16px / 4));\n  padding: 0 calc(var(--space-base) + var(--space-smaller));\n}\n\n/* Icon */\n\n.U9VsquOtk2I- svg {\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n.Qq-idRLJTCk- {\n  width: calc(16px * 2.25);\n  width: calc(var(--base-unit) * 2.25);\n  padding: 0;\n}\n\n.Qq-idRLJTCk-.STSDgSRREx4- {\n  width: calc((16px / 2) * 3);\n  width: calc(calc(16px / 2) * 3);\n  width: calc(var(--space-small) * 3);\n}\n\n.Qq-idRLJTCk-.amIh7vPETfo- {\n  width: calc((16px * 1) * 2.25);\n  width: calc(calc(16px * 1) * 2.25);\n  width: calc(var(--space-base) * 2.25);\n}\n\n.jobber-retheme .Qq-idRLJTCk-.amIh7vPETfo- {\n  width: calc((16px * 1) * 2.5);\n  width: calc(calc(16px * 1) * 2.5);\n  width: calc(var(--space-base) * 2.5);\n}\n\n.Qq-idRLJTCk-.ON6ezOojFVo- {\n  width: calc((16px * 1.5) * 2);\n  width: calc(calc(16px * 1.5) * 2);\n  width: calc(var(--space-large) * 2);\n}\n\n.EWh1gvgPJQg- {\n  width: auto;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n.jobber-retheme .EWh1gvgPJQg- {\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n/* Don't want to move things that will update after re-theme */\n\n/* stylelint-disable-next-line no-descending-specificity */\n\n.EWh1gvgPJQg- > * {\n  text-align: left;\n}\n\n.pfzTUMgNb3o- > *:first-child {\n  -ms-flex-order: 1;\n      order: 1;\n}\n\n.jobber-retheme .EWh1gvgPJQg- > *:first-child {\n  margin-left: calc((16px / 4) * -1);\n  margin-left: calc(calc(16px / 4) * -1);\n  margin-left: calc(var(--space-smaller) * -1);\n}\n\n.jobber-retheme .pfzTUMgNb3o- > *:first-child {\n  margin-left: 0;\n  margin-right: calc((16px / 4) * -1);\n  margin-right: calc(calc(16px / 4) * -1);\n  margin-right: calc(var(--space-smaller) * -1);\n}\n\n.ZCHqCEyLBw0- {\n  width: 100%;\n}\n\n.VVFKEv1ksMA- {\n  background-image: linear-gradient(\n    135deg,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(0, 0, 0, 0.1) 50%,\n    rgba(0, 0, 0, 0.1) 75%,\n    transparent 75%,\n    transparent 100%\n  );\n  background-size: calc(16px * 2) calc(16px * 2);\n  background-size: var(--space-larger) var(--space-larger);\n  pointer-events: none;\n  cursor: not-allowed;\n  -webkit-animation-duration: 2000ms;\n  -webkit-animation-duration: var(--button--duration-loading);\n          animation-duration: 2000ms;\n          animation-duration: var(--button--duration-loading);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: a8Q-0lnKH5M-;\n          animation-name: a8Q-0lnKH5M-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n.FXqN12jWtPo-.VVFKEv1ksMA-:not(.vDKO-cmh8vY-) {\n  background-image: linear-gradient(\n    135deg,\n    rgba(255, 255, 255, 0.25) 0%,\n    rgba(255, 255, 255, 0.25) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.25) 50%,\n    rgba(255, 255, 255, 0.25) 75%,\n    transparent 75%,\n    transparent 100%\n  );\n}\n\n@-webkit-keyframes a8Q-0lnKH5M- {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: calc(16px * 2) calc(16px * 2);\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n\n@keyframes a8Q-0lnKH5M- {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: calc(16px * 2) calc(16px * 2);\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n";
+var css_248z = ":root {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n  --button--color-surface: var(--color-surface);\n  --button--color-surface--hover: var(--color-surface--hover);\n  --button--color-primaryLabel: var(--color-surface);\n\n  --button--duration-loading: var(--timing-loading--extended);\n}\n\n.U9VsquOtk2I- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-height: calc(16px * 2.25);\n  min-height: calc(var(--base-unit) * 2.25);\n  box-sizing: border-box;\n  margin: 0;\n  border: calc(16px / 16) solid rgb(125, 176, 14);\n  border: var(--border-base) solid var(--button--color-variation);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  color: rgb(125, 176, 14);\n  color: var(--button--color-variation);\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: calc(16px / 40);\n  letter-spacing: var(--typography--letterSpacing-loose);\n  text-align: center;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  vertical-align: middle;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n  cursor: pointer;\n  transition: all 200ms ease-out;\n  transition: all var(--timing-base) ease-out;\n  -webkit-appearance: none;\n          appearance: none;\n  fill: rgb(125, 176, 14);\n  fill: var(--button--color-variation);\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.jobber-retheme .U9VsquOtk2I- {\n  min-height: calc(16px * 2.5);\n  min-height: calc(var(--base-unit) * 2.5);\n}\n\n.U9VsquOtk2I- * {\n  fill: inherit !important;\n}\n\n.U9VsquOtk2I- * {\n  color: inherit;\n  /* required to over-ride very specific fill from <Icon> */\n}\n\n.jobber-retheme .U9VsquOtk2I- * {\n  font-weight: 600 !important;\n}\n\n.jobber-retheme .U9VsquOtk2I- * {\n  line-height: 1;\n  letter-spacing: 0;\n  /* post-retheme this can move into the TSX on L177 */\n}\n\n.U9VsquOtk2I-:hover,\na.U9VsquOtk2I-:hover,\n.U9VsquOtk2I-:focus-visible,\na.U9VsquOtk2I-:focus-visible,\n.U9VsquOtk2I-:active,\na.U9VsquOtk2I-:active {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n  color: rgb(81, 114, 9);\n  color: var(--button--color-variation--hover);\n  fill: rgb(81, 114, 9);\n  fill: var(--button--color-variation--hover);\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n}\n\n.U9VsquOtk2I-:focus-visible,\na.U9VsquOtk2I-:focus-visible,\n.U9VsquOtk2I-:active,\na.U9VsquOtk2I-:active {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: transparent;\n}\n\n/* Variation */\n\n.qkFQwI0PKfw- {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n}\n\n.jsKQEOBdJ0k- {\n  --button--color-variation: var(--color-informative);\n  --button--color-variation--hover: var(--color-informative--onSurface);\n}\n\n.jobber-retheme .jsKQEOBdJ0k- {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n._4W8X0dxZDK4- {\n  --button--color-variation: var(--color-destructive);\n  --button--color-variation--hover: var(--color-destructive--hover);\n}\n\n/* Subtle is special because, by default, it's styled as a secondary button */\n\n.vDKO-cmh8vY- {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n/* Type */\n\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-),\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {\n  color: rgba(255, 255, 255, 1);\n  color: var(--button--color-primaryLabel);\n  background-color: rgb(125, 176, 14);\n  background-color: var(--button--color-variation);\n  fill: rgba(255, 255, 255, 1);\n  fill: var(--button--color-primaryLabel);\n}\n\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,\n.FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {\n  background-color: rgb(81, 114, 9);\n  background-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.FXqN12jWtPo- {\n  color: rgb(125, 176, 14);\n  color: var(--button--color-variation);\n  fill: rgb(125, 176, 14);\n  fill: var(--button--color-variation);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n}\n\n.pf6G840lKdA-,\n.vDKO-cmh8vY-.FXqN12jWtPo- {\n  border-color: rgb(125, 176, 14);\n  border-color: var(--button--color-variation);\n}\n\n.jobber-retheme .pf6G840lKdA-,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo- {\n  border-color: rgb(217, 223, 225);\n  border-color: var(--color-border);\n}\n\n.vDKO-cmh8vY-.FXqN12jWtPo-:hover,\n.vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {\n  color: rgb(81, 114, 9);\n  color: var(--button--color-variation--hover);\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n  fill: rgb(81, 114, 9);\n  fill: var(--button--color-variation--hover);\n}\n\n.jobber-retheme .pf6G840lKdA-:hover,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:hover,\n.jobber-retheme .pf6G840lKdA-:focus-visible,\n.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.pf6G840lKdA- {\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--button--color-surface);\n}\n\n.m7DbwRZWcNk-,\n.vDKO-cmh8vY-.pf6G840lKdA- {\n  border-color: transparent;\n}\n\n.jobber-retheme .m7DbwRZWcNk- {\n  border-color: rgb(217, 223, 225);\n  border-color: var(--color-border);\n}\n\n.vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--button--color-surface--hover);\n}\n\n.m7DbwRZWcNk-:hover,\n.m7DbwRZWcNk-:focus-visible,\na.m7DbwRZWcNk-:hover,\na.m7DbwRZWcNk-:focus-visible,\n.vDKO-cmh8vY-.pf6G840lKdA-:hover,\n.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible,\na.vDKO-cmh8vY-.pf6G840lKdA-:hover,\na.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {\n  border-color: transparent;\n}\n\n.jobber-retheme .m7DbwRZWcNk-:hover,\n.jobber-retheme .m7DbwRZWcNk-:focus-visible,\n.jobber-retheme a.m7DbwRZWcNk-:hover,\n.jobber-retheme a.m7DbwRZWcNk-:focus-visible {\n  border-color: rgb(81, 114, 9);\n  border-color: var(--button--color-variation--hover);\n}\n\n.vDKO-cmh8vY-.m7DbwRZWcNk- {\n  border-color: transparent;\n  background-color: transparent;\n}\n\n.vDKO-cmh8vY-.m7DbwRZWcNk-:hover,\n.vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible,\na.vDKO-cmh8vY-.m7DbwRZWcNk-:hover,\na.vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible {\n  border-color: transparent;\n  color: rgb(66, 78, 86);\n  color: var(--color-interactive--subtle--hover);\n  fill: rgb(66, 78, 86);\n  fill: var(--color-interactive--subtle--hover);\n}\n\n/* Disabled */\n\n.U9VsquOtk2I-.bg-l22drjd0-,\na.U9VsquOtk2I-.bg-l22drjd0-,\n.U9VsquOtk2I-.bg-l22drjd0-:hover,\na.U9VsquOtk2I-.bg-l22drjd0-:hover {\n  border-color: rgb(225, 225, 225);\n  border-color: var(--color-disabled--secondary);\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background-color: rgb(225, 225, 225);\n  background-color: var(--color-disabled--secondary);\n  fill: rgb(181, 181, 181);\n  fill: var(--color-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* Sizes */\n\n.STSDgSRREx4- {\n  min-height: calc(16px * 1.5);\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 calc(16px / 2);\n  padding: 0 var(--space-small);\n  letter-spacing: 0;\n}\n\n.jobber-retheme .STSDgSRREx4- {\n  min-height: calc(16px * 1.5);\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 calc((16px * 1) - (16px / 4));\n  padding: 0 calc(calc(16px * 1) - calc(16px / 4));\n  padding: 0 calc(var(--space-base) - var(--space-smaller));\n}\n\n.amIh7vPETfo- {\n  padding: 0 calc((16px * 1) - (16px / 4));\n  padding: 0 calc(calc(16px * 1) - calc(16px / 4));\n  padding: 0 calc(var(--space-base) - var(--space-smaller));\n}\n\n.jobber-retheme .amIh7vPETfo- {\n  padding: 0 calc(16px * 1);\n  padding: 0 var(--space-base);\n}\n\n.ON6ezOojFVo- {\n  min-height: calc(16px * 3);\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 calc(16px * 1);\n  padding: 0 var(--space-base);\n}\n\n.jobber-retheme .ON6ezOojFVo- {\n  min-height: calc(16px * 3);\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 calc((16px * 1) + (16px / 4));\n  padding: 0 calc(calc(16px * 1) + calc(16px / 4));\n  padding: 0 calc(var(--space-base) + var(--space-smaller));\n}\n\n/* Icon */\n\n.U9VsquOtk2I- svg {\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n.Qq-idRLJTCk- {\n  width: calc(16px * 2.25);\n  width: calc(var(--base-unit) * 2.25);\n  padding: 0;\n}\n\n.Qq-idRLJTCk-.STSDgSRREx4- {\n  width: calc((16px / 2) * 3);\n  width: calc(calc(16px / 2) * 3);\n  width: calc(var(--space-small) * 3);\n}\n\n.Qq-idRLJTCk-.amIh7vPETfo- {\n  width: calc((16px * 1) * 2.25);\n  width: calc(calc(16px * 1) * 2.25);\n  width: calc(var(--space-base) * 2.25);\n}\n\n.jobber-retheme .Qq-idRLJTCk-.amIh7vPETfo- {\n  width: calc((16px * 1) * 2.5);\n  width: calc(calc(16px * 1) * 2.5);\n  width: calc(var(--space-base) * 2.5);\n}\n\n.Qq-idRLJTCk-.ON6ezOojFVo- {\n  width: calc((16px * 1.5) * 2);\n  width: calc(calc(16px * 1.5) * 2);\n  width: calc(var(--space-large) * 2);\n}\n\n.EWh1gvgPJQg- {\n  width: auto;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n.jobber-retheme .EWh1gvgPJQg- {\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n/* Don't want to move things that will update after re-theme */\n\n/* stylelint-disable-next-line no-descending-specificity */\n\n.EWh1gvgPJQg- > * {\n  text-align: left;\n}\n\n.pfzTUMgNb3o- > *:first-child {\n  -ms-flex-order: 1;\n      order: 1;\n}\n\n.jobber-retheme .EWh1gvgPJQg- > *:first-child {\n  margin-left: calc((16px / 4) * -1);\n  margin-left: calc(calc(16px / 4) * -1);\n  margin-left: calc(var(--space-smaller) * -1);\n}\n\n.jobber-retheme .pfzTUMgNb3o- > *:first-child {\n  margin-left: 0;\n  margin-right: calc((16px / 4) * -1);\n  margin-right: calc(calc(16px / 4) * -1);\n  margin-right: calc(var(--space-smaller) * -1);\n}\n\n.ZCHqCEyLBw0- {\n  width: 100%;\n}\n\n.VVFKEv1ksMA- {\n  background-image: linear-gradient(\n    135deg,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(0, 0, 0, 0.1) 50%,\n    rgba(0, 0, 0, 0.1) 75%,\n    transparent 75%,\n    transparent 100%\n  );\n  background-size: calc(16px * 2) calc(16px * 2);\n  background-size: var(--space-larger) var(--space-larger);\n  pointer-events: none;\n  cursor: not-allowed;\n  -webkit-animation-duration: 2000ms;\n  -webkit-animation-duration: var(--button--duration-loading);\n          animation-duration: 2000ms;\n          animation-duration: var(--button--duration-loading);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: a8Q-0lnKH5M-;\n          animation-name: a8Q-0lnKH5M-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n.FXqN12jWtPo-.VVFKEv1ksMA-:not(.vDKO-cmh8vY-) {\n  background-image: linear-gradient(\n    135deg,\n    rgba(255, 255, 255, 0.25) 0%,\n    rgba(255, 255, 255, 0.25) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.25) 50%,\n    rgba(255, 255, 255, 0.25) 75%,\n    transparent 75%,\n    transparent 100%\n  );\n}\n\n@-webkit-keyframes a8Q-0lnKH5M- {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: calc(16px * 2) calc(16px * 2);\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n\n@keyframes a8Q-0lnKH5M- {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: calc(16px * 2) calc(16px * 2);\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n";
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/ButtonDismiss/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ButtonDismiss = require('../ButtonDismiss-5e4dc91d.js');
+var ButtonDismiss = require('../ButtonDismiss-099ad8fa.js');
 require('react');
-require('../Button-cb4ad6fe.js');
+require('../Button-ce519335.js');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{ButtonDismiss-5e4dc91d.js → ButtonDismiss-099ad8fa.js}

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

package/dist/Card/index.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-5608e466.js');
+var Card = require('../Card-df3f4ca0.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-cb4ad6fe.js');
+require('../Heading-5a2e0b25.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-0decdad8.js');
+require('../Menu-05bc59aa.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');

package/dist/{Card-5608e466.js → Card-df3f4ca0.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-0f4ecb0c.js');
-var Button = require('./Button-cb4ad6fe.js');
-var Menu = require('./Menu-0decdad8.js');
+var Heading = require('./Heading-5a2e0b25.js');
+var Button = require('./Button-ce519335.js');
+var Menu = require('./Menu-05bc59aa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-3b2ffad6.js');
+var Checkbox = require('../Checkbox-1cdd5cf6.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('uuid');
@@ -11,8 +11,8 @@ require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Text-4a2bc89f.js');
-require('../Typography-973b122e.js');
+require('../Text-259af966.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{Checkbox-3b2ffad6.js → Checkbox-1cdd5cf6.js}

@@ -7,7 +7,7 @@ var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-4a2bc89f.js');
+var Text = require('./Text-259af966.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chip/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chip = require('../Chip-168acf3e.js');
+var Chip = require('../Chip-22700379.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var Icon = require('../Icon-405a216c.js');
@@ -11,7 +11,7 @@ require('@jobber/hooks/useInView');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 require('../Tooltip-6b12f1c2.js');
 require('react-dom');
 require('framer-motion');

package/dist/{Chip-168acf3e.js → Chip-22700379.js}

@@ -6,7 +6,7 @@ var useInView = require('@jobber/hooks/useInView');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Avatar = require('./Avatar-76a799fa.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-973b122e.js');
+var Typography = require('./Typography-c45bf216.js');
 var Tooltip = require('./Tooltip-6b12f1c2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Chips/index.js

@@ -8,15 +8,15 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var useAssert = require('@jobber/hooks/useAssert');
 var Icon = require('../Icon-405a216c.js');
 var Avatar = require('../Avatar-76a799fa.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 var Tooltip = require('../Tooltip-6b12f1c2.js');
 var uuid = require('uuid');
 var sortBy = require('lodash/sortBy');
 var useLiveAnnounce = require('@jobber/hooks/useLiveAnnounce');
 var debounce = require('lodash/debounce');
 var reactPopper = require('react-popper');
-var Text = require('../Text-4a2bc89f.js');
-var Button = require('../Button-cb4ad6fe.js');
+var Text = require('../Text-259af966.js');
+var Button = require('../Button-ce519335.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 require('@jobber/design');
 require('color');

package/dist/Combobox/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Combobox = require('../Combobox-df7998b6.js');
+var Combobox = require('../Combobox-fbd25ef7.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Text-4a2bc89f.js');
-require('../Typography-973b122e.js');
+require('../Text-259af966.js');
+require('../Typography-c45bf216.js');
 require('../tslib.es6-5b8768b7.js');
-require('../Button-cb4ad6fe.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('react-popper');
 require('@jobber/hooks/useOnKeyDown');
-require('../Chip-168acf3e.js');
+require('../Chip-22700379.js');
 require('@jobber/hooks/useInView');
 require('../Avatar-76a799fa.js');
 require('color');

package/dist/{Combobox-df7998b6.js → Combobox-fbd25ef7.js}

@@ -5,15 +5,15 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-4a2bc89f.js');
+var Text = require('./Text-259af966.js');
 var tslib_es6 = require('./tslib.es6-5b8768b7.js');
-var Typography = require('./Typography-973b122e.js');
-var Button = require('./Button-cb4ad6fe.js');
+var Typography = require('./Typography-c45bf216.js');
+var Button = require('./Button-ce519335.js');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Chip = require('./Chip-168acf3e.js');
+var Chip = require('./Chip-22700379.js');
 require('@jobber/design');
 var useAssert = require('@jobber/hooks/useAssert');
 

package/dist/ConfirmationModal/index.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-a24726b5.js');
+var ConfirmationModal = require('../ConfirmationModal-a5dfc759.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-fbd9673a.js');
+require('../Modal-7e2d64e9.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-cb4ad6fe.js');
+require('../Heading-5a2e0b25.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ButtonDismiss-5e4dc91d.js');
+require('../ButtonDismiss-099ad8fa.js');
 require('../Content-2ca1ffe1.js');
-require('../Markdown-96070121.js');
+require('../Markdown-9bb4de5e.js');
 require('react-markdown');
-require('../Text-4a2bc89f.js');
-require('../Emphasis-b2d1b3aa.js');
+require('../Text-259af966.js');
+require('../Emphasis-bda56d3b.js');
 
 
 

package/dist/{ConfirmationModal-a24726b5.js → ConfirmationModal-a5dfc759.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-fbd9673a.js');
+var Modal = require('./Modal-7e2d64e9.js');
 var Content = require('./Content-2ca1ffe1.js');
-var Markdown = require('./Markdown-96070121.js');
+var Markdown = require('./Markdown-9bb4de5e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataDump/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-5608e466.js');
+var Card = require('../Card-df3f4ca0.js');
 var Content = require('../Content-2ca1ffe1.js');
-var Emphasis = require('../Emphasis-b2d1b3aa.js');
+var Emphasis = require('../Emphasis-bda56d3b.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-cb4ad6fe.js');
+require('../Heading-5a2e0b25.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-0decdad8.js');
+require('../Menu-05bc59aa.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');

package/dist/DataList/index.js

@@ -5,33 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Text = require('../Text-4a2bc89f.js');
+var Text = require('../Text-259af966.js');
 var Glimmer = require('../Glimmer-cfa92a88.js');
 var noop = require('lodash/noop');
 var design = require('@jobber/design');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var Tooltip = require('../Tooltip-6b12f1c2.js');
-var Button = require('../Button-cb4ad6fe.js');
+var Button = require('../Button-ce519335.js');
 var useInView = require('@jobber/hooks/useInView');
 var isEmpty = require('lodash/isEmpty');
-var InlineLabel = require('../InlineLabel-9a517c19.js');
+var InlineLabel = require('../InlineLabel-a6557829.js');
 var FormatDate = require('../FormatDate-70ea5b43.js');
-var Heading = require('../Heading-0f4ecb0c.js');
+var Heading = require('../Heading-5a2e0b25.js');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var ReactDOM = require('react-dom');
-var Checkbox = require('../Checkbox-3b2ffad6.js');
+var Checkbox = require('../Checkbox-1cdd5cf6.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-d1e1ddcf.js');
-var Combobox = require('../Combobox-df7998b6.js');
-var Chip = require('../Chip-168acf3e.js');
+var Combobox = require('../Combobox-fbd25ef7.js');
+var Chip = require('../Chip-22700379.js');
 var Icon = require('../Icon-405a216c.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-efe66880.js');
+var InputText = require('../InputText-9386ad9b.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 require('../Content-2ca1ffe1.js');
 require('react-popper');
 require('uuid');
@@ -39,9 +39,9 @@ require('react-hook-form');
 require('@jobber/hooks/useAssert');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../FormField-dd586f08.js');
+require('../FormField-dc73a8e4.js');
 require('@jobber/hooks/useShowClear');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataTable/index.js

@@ -9,21 +9,21 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-cfa92a88.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
-var Option = require('../Option-2666b734.js');
-var Button = require('../Button-cb4ad6fe.js');
-var Text = require('../Text-4a2bc89f.js');
+var Option = require('../Option-0c97b8d6.js');
+var Button = require('../Button-ce519335.js');
+var Text = require('../Text-259af966.js');
 require('../Content-2ca1ffe1.js');
-require('../FormField-dd586f08.js');
+require('../FormField-dc73a8e4.js');
 require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-router-dom');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DatePicker/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-618f2efd.js');
+var DatePicker = require('../DatePicker-73ab88dd.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks/useRefocusOnActivator');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-973b122e.js');
-require('../Button-cb4ad6fe.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{DatePicker-618f2efd.js → DatePicker-73ab88dd.js}

@@ -5,8 +5,8 @@ var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-973b122e.js');
-var Button = require('./Button-cb4ad6fe.js');
+var Typography = require('./Typography-c45bf216.js');
+var Button = require('./Button-ce519335.js');
 var omit = require('lodash/omit');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DescriptionList/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Disclosure/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 require('@jobber/design');
 require('classnames');
 

package/dist/Drawer/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-0f4ecb0c.js');
-var ButtonDismiss = require('../ButtonDismiss-5e4dc91d.js');
-require('../Typography-973b122e.js');
-require('../Button-cb4ad6fe.js');
+var Heading = require('../Heading-5a2e0b25.js');
+var ButtonDismiss = require('../ButtonDismiss-099ad8fa.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/Emphasis/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Emphasis = require('../Emphasis-b2d1b3aa.js');
+var Emphasis = require('../Emphasis-bda56d3b.js');
 require('react');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
 

package/dist/{Emphasis-b2d1b3aa.js → Emphasis-bda56d3b.js}

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

package/dist/FeatureSwitch/index.js

@@ -6,14 +6,14 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-0f4ecb0c.js');
-var Text = require('../Text-4a2bc89f.js');
+var Heading = require('../Heading-5a2e0b25.js');
+var Text = require('../Text-259af966.js');
 var Content = require('../Content-2ca1ffe1.js');
-var Switch = require('../Switch-b9e606ed.js');
-var Button = require('../Button-cb4ad6fe.js');
-var Emphasis = require('../Emphasis-b2d1b3aa.js');
-var Markdown = require('../Markdown-96070121.js');
-require('../Typography-973b122e.js');
+var Switch = require('../Switch-7d4aa7c3.js');
+var Button = require('../Button-ce519335.js');
+var Emphasis = require('../Emphasis-bda56d3b.js');
+var Markdown = require('../Markdown-9bb4de5e.js');
+require('../Typography-c45bf216.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');