@jobber/components 3.0.0-pre.7 → 3.0.0

package/CHANGELOG.md

@@ -8,39 +8,53 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [3.0.0-pre.7](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.6...@jobber/components@3.0.0-pre.7) (2023-01-25)
+# [3.0.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.10...@jobber/components@3.0.0) (2023-02-07)
 
-**Note:** Version bump only for package @jobber/components
 
+### Features
 
+* **components, design, build:** Atlantis typography feature branch ([#1021](https://github.com/GetJobber/atlantis/issues/1021)) ([15d5eba](https://github.com/GetJobber/atlantis/commit/15d5eba545096c122e238cec018abf0a00d04748)), closes [#976](https://github.com/GetJobber/atlantis/issues/976) [#978](https://github.com/GetJobber/atlantis/issues/978) [#985](https://github.com/GetJobber/atlantis/issues/985) [#950](https://github.com/GetJobber/atlantis/issues/950) [#953](https://github.com/GetJobber/atlantis/issues/953) [#960](https://github.com/GetJobber/atlantis/issues/960) [#963](https://github.com/GetJobber/atlantis/issues/963) [#890](https://github.com/GetJobber/atlantis/issues/890) [#964](https://github.com/GetJobber/atlantis/issues/964) [#954](https://github.com/GetJobber/atlantis/issues/954) [#968](https://github.com/GetJobber/atlantis/issues/968) [#959](https://github.com/GetJobber/atlantis/issues/959) [#972](https://github.com/GetJobber/atlantis/issues/972) [#973](https://github.com/GetJobber/atlantis/issues/973) [#975](https://github.com/GetJobber/atlantis/issues/975) [#974](https://github.com/GetJobber/atlantis/issues/974) [#979](https://github.com/GetJobber/atlantis/issues/979) [#971](https://github.com/GetJobber/atlantis/issues/971) [#983](https://github.com/GetJobber/atlantis/issues/983) [#986](https://github.com/GetJobber/atlantis/issues/986) [#952](https://github.com/GetJobber/atlantis/issues/952) [#988](https://github.com/GetJobber/atlantis/issues/988) [#990](https://github.com/GetJobber/atlantis/issues/990) [#993](https://github.com/GetJobber/atlantis/issues/993) [#989](https://github.com/GetJobber/atlantis/issues/989) [#992](https://github.com/GetJobber/atlantis/issues/992) [#995](https://github.com/GetJobber/atlantis/issues/995) [#994](https://github.com/GetJobber/atlantis/issues/994) [#996](https://github.com/GetJobber/atlantis/issues/996) [#991](https://github.com/GetJobber/atlantis/issues/991) [#1000](https://github.com/GetJobber/atlantis/issues/1000) [#998](https://github.com/GetJobber/atlantis/issues/998) [#1001](https://github.com/GetJobber/atlantis/issues/1001) [#1006](https://github.com/GetJobber/atlantis/issues/1006) [#1009](https://github.com/GetJobber/atlantis/issues/1009) [#1014](https://github.com/GetJobber/atlantis/issues/1014) [#1017](https://github.com/GetJobber/atlantis/issues/1017)
 
 
+### BREAKING CHANGES
 
-# [3.0.0-pre.6](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.5...@jobber/components@3.0.0-pre.6) (2023-01-25)
+* **components, design, build:** Added Jobber Fonts support
 
-**Note:** Version bump only for package @jobber/components
+* Remove file that was needed for major bump in design
 
+* Revert "update button styles"
 
+This reverts commit d5278133003f4f770af56d583ef104b5abc8b886.
 
+* Remove unneeded logging
 
+* Update install instructions for non-jobber developers
 
-# [3.0.0-pre.5](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.4...@jobber/components@3.0.0-pre.5) (2023-01-25)
+* Changed how package works when being installed to better support non jobber devs.
 
-**Note:** Version bump only for package @jobber/components
+* Use variables in docz instead of a string
 
+* Remove change that caused failures for Jobber people
 
+* Moved script location
 
+* Maybe fix cloudflare builds. Hopefully
 
+* Update README.md
 
-# [3.0.0-pre.4](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.3...@jobber/components@3.0.0-pre.4) (2023-01-25)
+* Updated prerelease docs.
+Verify fonts aren't bundled with pre-releases.
 
-**Note:** Version bump only for package @jobber/components
+* rebuild cloudflare
 
+Co-authored-by: Chris Murray <39704901+chris-at-jobber@users.noreply.github.com>
+Co-authored-by: Michael Paradis <michael.p@getjobber.com>
 
 
 
 
-# [3.0.0-pre.3](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.2...@jobber/components@3.0.0-pre.3) (2023-01-25)
+
+## [2.94.10](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.9...@jobber/components@2.94.10) (2023-02-07)
 
 **Note:** Version bump only for package @jobber/components
 
@@ -48,113 +62,90 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [3.0.0-pre.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.0...@jobber/components@3.0.0-pre.2) (2023-01-25)
+## [2.94.9](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.8...@jobber/components@2.94.9) (2023-02-03)
 
-**Note:** Version bump only for package @jobber/components
 
+### Bug Fixes
 
+* **deps:** Update react date picker and adjust usage ([#1020](https://github.com/GetJobber/atlantis/issues/1020)) ([e6d5e86](https://github.com/GetJobber/atlantis/commit/e6d5e86507b7a6500d2c1d270c1982e9f4a6dc78))
 
 
 
-# [3.0.0-pre.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.0.0-pre.0...@jobber/components@3.0.0-pre.1) (2023-01-24)
 
-**Note:** Version bump only for package @jobber/components
 
+## [2.94.8](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.7...@jobber/components@2.94.8) (2023-02-02)
 
 
+### Bug Fixes
 
+* **components:** restrict react-datepicker version  ([#1019](https://github.com/GetJobber/atlantis/issues/1019)) ([9c9a88a](https://github.com/GetJobber/atlantis/commit/9c9a88a1dfcc6ee6cc96a69aab598546886f37de))
 
-# [3.0.0-pre.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.0...@jobber/components@3.0.0-pre.0) (2023-01-24)
 
 
-### Features
 
-* **components:** Update drawer, modal and card headings ([#991](https://github.com/GetJobber/atlantis/issues/991)) ([1d9ade2](https://github.com/GetJobber/atlantis/commit/1d9ade2ec2043c0dcd7b9415409e094fcd7d27cb))
-* **design:** BREAKING CHANGE: Implement new typefaces in Atlantis [JOB-46209] ([#952](https://github.com/GetJobber/atlantis/issues/952)) ([15f604c](https://github.com/GetJobber/atlantis/commit/15f604cc51ee6881a5ed9c1be01081c76cf5ce6e))
 
+## [2.94.7](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.6...@jobber/components@2.94.7) (2023-02-02)
 
-### BREAKING CHANGES
+**Note:** Version bump only for package @jobber/components
 
-* **design:** Added Jobber Fonts support
 
-* Remove file that was needed for major bump in design
 
-* Revert "update button styles"
 
-This reverts commit d5278133003f4f770af56d583ef104b5abc8b886.
 
-* Remove unneeded logging
+## [2.94.6](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.5...@jobber/components@2.94.6) (2023-01-31)
 
-* Update install instructions for non-jobber developers
+**Note:** Version bump only for package @jobber/components
 
-* Changed how package works when being installed to better support non jobber devs.
 
-* Use variables in docz instead of a string
 
-* Remove change that caused failures for Jobber people
 
-* Moved script location
 
-* Maybe fix cloudflare builds. Hopefully
+## [2.94.5](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.4...@jobber/components@2.94.5) (2023-01-31)
 
-* Update README.md
+**Note:** Version bump only for package @jobber/components
 
-* Updated prerelease docs.
-Verify fonts aren't bundled with pre-releases.
 
-* rebuild cloudflare
 
-Co-authored-by: Chris Murray <39704901+chris-at-jobber@users.noreply.github.com>
-Co-authored-by: Michael Paradis <michael.p@getjobber.com>
 
 
+## [2.94.4](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.3...@jobber/components@2.94.4) (2023-01-31)
 
+**Note:** Version bump only for package @jobber/components
 
 
-# [3.0.0-alpha.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.0...@jobber/components@3.0.0-alpha.0) (2023-01-24)
 
 
-### Features
 
-* **components:** Update drawer, modal and card headings ([#991](https://github.com/GetJobber/atlantis/issues/991)) ([1d9ade2](https://github.com/GetJobber/atlantis/commit/1d9ade2ec2043c0dcd7b9415409e094fcd7d27cb))
-* **design:** BREAKING CHANGE: Implement new typefaces in Atlantis [JOB-46209] ([#952](https://github.com/GetJobber/atlantis/issues/952)) ([15f604c](https://github.com/GetJobber/atlantis/commit/15f604cc51ee6881a5ed9c1be01081c76cf5ce6e))
+## [2.94.3](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.2...@jobber/components@2.94.3) (2023-01-31)
 
+**Note:** Version bump only for package @jobber/components
 
-### BREAKING CHANGES
 
-* **design:** Added Jobber Fonts support
 
-* Remove file that was needed for major bump in design
 
-* Revert "update button styles"
 
-This reverts commit d5278133003f4f770af56d583ef104b5abc8b886.
+## [2.94.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.1...@jobber/components@2.94.2) (2023-01-31)
 
-* Remove unneeded logging
+**Note:** Version bump only for package @jobber/components
 
-* Update install instructions for non-jobber developers
 
-* Changed how package works when being installed to better support non jobber devs.
 
-* Use variables in docz instead of a string
 
-* Remove change that caused failures for Jobber people
 
-* Moved script location
+## [2.94.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.94.0...@jobber/components@2.94.1) (2023-01-31)
 
-* Maybe fix cloudflare builds. Hopefully
+**Note:** Version bump only for package @jobber/components
 
-* Update README.md
 
-* Updated prerelease docs.
-Verify fonts aren't bundled with pre-releases.
 
-* rebuild cloudflare
 
-Co-authored-by: Chris Murray <39704901+chris-at-jobber@users.noreply.github.com>
-Co-authored-by: Michael Paradis <michael.p@getjobber.com>
 
+# [2.94.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.93.2...@jobber/components@2.94.0) (2023-01-25)
+
+
+### Features
 
+* **components:** add modal size and child render support to confirmation modal ([#969](https://github.com/GetJobber/atlantis/issues/969)) ([75e8bc6](https://github.com/GetJobber/atlantis/commit/75e8bc6552b29a4a8c5ee4cb6ac947a567460835))
 
 
 

package/dist/Autocomplete/index.js

@@ -8,18 +8,18 @@ var debounce = require('lodash/debounce');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var classnames = require('classnames');
 var useEventListener = require('@use-it/event-listener');
-var Text = require('../Text-308e8137.js');
+var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Heading = require('../Heading-40f688c8.js');
-var InputText = require('../InputText-7b929b6f.js');
-require('../Typography-66a17f39.js');
+var Heading = require('../Heading-a9a66964.js');
+var InputText = require('../InputText-96190716.js');
+require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-7c79474a.js');
+require('../FormField-ba2e18af.js');
 require('uuid');
 require('react-hook-form');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
-require('../InputValidation-b4392981.js');
+require('../InputValidation-33ff2312.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/Banner/index.js

@@ -8,10 +8,10 @@ var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Text = require('../Text-308e8137.js');
-var Button = require('../Button-5e396052.js');
+var Text = require('../Text-e012fb46.js');
+var Button = require('../Button-cd30df0f.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.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,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../Button-5e396052.js');
+var Button = require('../Button-cd30df0f.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
@@ -10,7 +10,7 @@ require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{Button-5e396052.js → Button-cd30df0f.js}

@@ -6,14 +6,14 @@ var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Typography = require('./Typography-66a17f39.js');
+var Typography = require('./Typography-fbe0ed6e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = ":root {\n  --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--background);\n  --button--color-primaryLabel: var(--color-white);\n\n  --button--duration-loading: 2s;\n}\n\n.mvrsWRM8T3kCECXcDS2gd {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-height: calc(var(--base-unit) * 2.25);\n  box-sizing: border-box;\n  margin: 0;\n  border: var(--border-base) solid var(--color-interactive);\n  border: var(--border-base) solid var(--color-interactive);\n  border: var(--border-base) solid var(--button--color-variation);\n  border-radius: var(--radius-base);\n  color: var(--color-interactive);\n  color: var(--color-interactive);\n  color: var(--button--color-variation);\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: var(--typography--letterSpacing-loose);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  fill: var(--color-interactive);\n  fill: var(--color-interactive);\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.mvrsWRM8T3kCECXcDS2gd * {\n  color: inherit;\n  fill: inherit !important;\n  /* required to over-ride very specific fill from <Icon> */\n}\n\n.mvrsWRM8T3kCECXcDS2gd:hover,\na.mvrsWRM8T3kCECXcDS2gd:hover,\n.mvrsWRM8T3kCECXcDS2gd:focus,\na.mvrsWRM8T3kCECXcDS2gd:focus,\n.mvrsWRM8T3kCECXcDS2gd:active,\na.mvrsWRM8T3kCECXcDS2gd:active {\n  border-color: var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-color: var(--button--color-variation--hover);\n  color: var(--color-interactive--hover);\n  color: var(--color-interactive--hover);\n  color: var(--button--color-variation--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--button--color-variation--hover);\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n}\n\n.mvrsWRM8T3kCECXcDS2gd:focus,\na.mvrsWRM8T3kCECXcDS2gd:focus,\n.mvrsWRM8T3kCECXcDS2gd:active,\na.mvrsWRM8T3kCECXcDS2gd:active {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n/* Variation */\n\n._32HTPrDFyNRObzZRUxmhK6 {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n}\n\n._2skm9hoZI_lSBKFKHaBFHp {\n  --button--color-variation: var(--color-informative);\n  --button--color-variation--hover: var(--color-informative--onSurface);\n}\n\n._1XNe0NyiiX5gO7kNceanXE {\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._15tUs2IB4Sic31aZYG7h3E {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n/* Type */\n\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z),\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):hover,\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):focus {\n  color: var(--color-white);\n  color: var(--color-white);\n  color: var(--button--color-primaryLabel);\n  background-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n  background-color: var(--button--color-variation);\n  fill: var(--color-white);\n  fill: var(--color-white);\n  fill: var(--button--color-primaryLabel);\n}\n\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):hover,\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):focus {\n  background-color: var(--color-interactive--hover);\n  background-color: var(--color-interactive--hover);\n  background-color: var(--button--color-variation--hover);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3 {\n  color: var(--color-interactive);\n  color: var(--color-interactive);\n  color: var(--button--color-variation);\n  fill: var(--color-interactive);\n  fill: var(--color-interactive);\n  fill: var(--button--color-variation);\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n}\n\n._3QATgEdYmR2g9Hx6X6wCF-,\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3 {\n  border-color: var(--color-interactive);\n  border-color: var(--color-interactive);\n  border-color: var(--button--color-variation);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3:hover,\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3:focus {\n  color: var(--color-interactive--hover);\n  color: var(--color-interactive--hover);\n  color: var(--button--color-variation--hover);\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--button--color-variation--hover);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF- {\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n}\n\n._1IACxHVlJ8fUbaQh9Wo5wR,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF- {\n  border-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus {\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n}\n\n._1IACxHVlJ8fUbaQh9Wo5wR:hover,\n._1IACxHVlJ8fUbaQh9Wo5wR:focus,\na._1IACxHVlJ8fUbaQh9Wo5wR:hover,\na._1IACxHVlJ8fUbaQh9Wo5wR:focus,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus,\na._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\na._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus {\n  border-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR {\n  border-color: transparent;\n  background-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:hover,\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:focus,\na._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:hover,\na._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:focus {\n  border-color: transparent;\n  color: var(--color-interactive--subtle--hover);\n  fill: var(--color-interactive--subtle--hover);\n}\n\n/* Disabled */\n\n.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z,\na.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z,\n.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z:hover,\na.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z:hover {\n  border-color: var(--color-disabled--secondary);\n  color: var(--color-disabled);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background-color: var(--color-disabled--secondary);\n  fill: var(--color-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* Sizes */\n\n._2bWEvNhV0hrUXGMEL-47ZW {\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 var(--space-small);\n}\n\n._1RWacHIaSoZ24Qq5QuiwLl {\n  min-height: calc(var(--base-unit) * 2.25);\n  padding: 0 calc(var(--space-base) - 4px);\n}\n\n._2lIWqvRcZzkk5iJxGXwXOZ {\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 var(--space-base);\n}\n\n/* Icon */\n\n.s4L5ovtQ1xiOYCxjZtZzA {\n  width: calc(var(--base-unit) * 2.25);\n  padding: 0;\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._2bWEvNhV0hrUXGMEL-47ZW {\n  width: calc(var(--space-small) * 3);\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._1RWacHIaSoZ24Qq5QuiwLl {\n  width: calc(var(--space-base) * 2.25);\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._2lIWqvRcZzkk5iJxGXwXOZ {\n  width: calc(var(--space-large) * 2);\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR {\n  width: auto;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(rtl) {\n  text-align: right;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(rtl) {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: start;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:first-child {\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  margin-right: var(--space-small);\n}\n\n.ynAOdrWxU2gjfmktgPvCV > *:first-child {\n  margin-left: var(--space-small);\n  margin-right: 0;\n  -ms-flex-order: 1;\n      order: 1;\n}\n\n.azjQzmR6DJOHc9VhR8P_8 {\n  width: 100%;\n}\n\n._3tkzLKKpGYFY0HgS8OkM_e {\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: var(--space-larger) var(--space-larger);\n  pointer-events: none;\n  cursor: not-allowed;\n  -webkit-animation-duration: 2s;\n  -webkit-animation-duration: 2s;\n  -webkit-animation-duration: var(--button--duration-loading);\n          animation-duration: 2s;\n          animation-duration: 2s;\n          animation-duration: var(--button--duration-loading);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _1g5cSkv2FhbaOp_SpZQve_;\n          animation-name: _1g5cSkv2FhbaOp_SpZQve_;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n._3ReFsKtTKUcgG7PduYChd3._3tkzLKKpGYFY0HgS8OkM_e:not(._15tUs2IB4Sic31aZYG7h3E) {\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 _1g5cSkv2FhbaOp_SpZQve_ {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n\n@keyframes _1g5cSkv2FhbaOp_SpZQve_ {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n";
+var css = ":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--background);\n  --button--color-primaryLabel: var(--color-white);\n\n  --button--duration-loading: 2s;\n}\n\n.mvrsWRM8T3kCECXcDS2gd {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-height: calc(var(--base-unit) * 2.25);\n  box-sizing: border-box;\n  margin: 0;\n  border: var(--border-base) solid var(--color-interactive);\n  border: var(--border-base) solid var(--color-interactive);\n  border: var(--border-base) solid var(--button--color-variation);\n  border-radius: var(--radius-base);\n  color: var(--color-interactive);\n  color: var(--color-interactive);\n  color: var(--button--color-variation);\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: var(--typography--letterSpacing-loose);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  fill: var(--color-interactive);\n  fill: var(--color-interactive);\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.mvrsWRM8T3kCECXcDS2gd * {\n  color: inherit;\n  fill: inherit !important;\n  /* required to over-ride very specific fill from <Icon> */\n}\n\n.mvrsWRM8T3kCECXcDS2gd:hover,\na.mvrsWRM8T3kCECXcDS2gd:hover,\n.mvrsWRM8T3kCECXcDS2gd:focus,\na.mvrsWRM8T3kCECXcDS2gd:focus,\n.mvrsWRM8T3kCECXcDS2gd:active,\na.mvrsWRM8T3kCECXcDS2gd:active {\n  border-color: var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-color: var(--button--color-variation--hover);\n  color: var(--color-interactive--hover);\n  color: var(--color-interactive--hover);\n  color: var(--button--color-variation--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--button--color-variation--hover);\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n}\n\n.mvrsWRM8T3kCECXcDS2gd:focus,\na.mvrsWRM8T3kCECXcDS2gd:focus,\n.mvrsWRM8T3kCECXcDS2gd:active,\na.mvrsWRM8T3kCECXcDS2gd:active {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n/* Variation */\n\n._32HTPrDFyNRObzZRUxmhK6 {\n  --button--color-variation: var(--color-interactive);\n  --button--color-variation--hover: var(--color-interactive--hover);\n}\n\n._2skm9hoZI_lSBKFKHaBFHp {\n  --button--color-variation: var(--color-informative);\n  --button--color-variation--hover: var(--color-informative--onSurface);\n}\n\n._1XNe0NyiiX5gO7kNceanXE {\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._15tUs2IB4Sic31aZYG7h3E {\n  --button--color-variation: var(--color-interactive--subtle);\n  --button--color-variation--hover: var(--color-interactive--subtle--hover);\n}\n\n/* Type */\n\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z),\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):hover,\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):focus {\n  color: var(--color-white);\n  color: var(--color-white);\n  color: var(--button--color-primaryLabel);\n  background-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n  background-color: var(--button--color-variation);\n  fill: var(--color-white);\n  fill: var(--color-white);\n  fill: var(--button--color-primaryLabel);\n}\n\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):hover,\n._3ReFsKtTKUcgG7PduYChd3:not(._15tUs2IB4Sic31aZYG7h3E):not(._2A9nPQukZwPTOhSExvR0-Z):focus {\n  background-color: var(--color-interactive--hover);\n  background-color: var(--color-interactive--hover);\n  background-color: var(--button--color-variation--hover);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3 {\n  color: var(--color-interactive);\n  color: var(--color-interactive);\n  color: var(--button--color-variation);\n  fill: var(--color-interactive);\n  fill: var(--color-interactive);\n  fill: var(--button--color-variation);\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n}\n\n._3QATgEdYmR2g9Hx6X6wCF-,\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3 {\n  border-color: var(--color-interactive);\n  border-color: var(--color-interactive);\n  border-color: var(--button--color-variation);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3:hover,\n._15tUs2IB4Sic31aZYG7h3E._3ReFsKtTKUcgG7PduYChd3:focus {\n  color: var(--color-interactive--hover);\n  color: var(--color-interactive--hover);\n  color: var(--button--color-variation--hover);\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--color-interactive--hover);\n  fill: var(--button--color-variation--hover);\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF- {\n  background-color: var(--color-surface);\n  background-color: var(--color-surface);\n  background-color: var(--button--color-surface);\n}\n\n._1IACxHVlJ8fUbaQh9Wo5wR,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF- {\n  border-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus {\n  background-color: var(--color-surface--background);\n  background-color: var(--color-surface--background);\n  background-color: var(--button--color-surface--hover);\n}\n\n._1IACxHVlJ8fUbaQh9Wo5wR:hover,\n._1IACxHVlJ8fUbaQh9Wo5wR:focus,\na._1IACxHVlJ8fUbaQh9Wo5wR:hover,\na._1IACxHVlJ8fUbaQh9Wo5wR:focus,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\n._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus,\na._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:hover,\na._15tUs2IB4Sic31aZYG7h3E._3QATgEdYmR2g9Hx6X6wCF-:focus {\n  border-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR {\n  border-color: transparent;\n  background-color: transparent;\n}\n\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:hover,\n._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:focus,\na._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:hover,\na._15tUs2IB4Sic31aZYG7h3E._1IACxHVlJ8fUbaQh9Wo5wR:focus {\n  border-color: transparent;\n  color: var(--color-interactive--subtle--hover);\n  fill: var(--color-interactive--subtle--hover);\n}\n\n/* Disabled */\n\n.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z,\na.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z,\n.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z:hover,\na.mvrsWRM8T3kCECXcDS2gd._2A9nPQukZwPTOhSExvR0-Z:hover {\n  border-color: var(--color-disabled--secondary);\n  color: var(--color-disabled);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background-color: var(--color-disabled--secondary);\n  fill: var(--color-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* Sizes */\n\n._2bWEvNhV0hrUXGMEL-47ZW {\n  min-height: calc(var(--base-unit) * 1.5);\n  padding: 0 var(--space-small);\n  letter-spacing: 0;\n}\n\n._1RWacHIaSoZ24Qq5QuiwLl {\n  min-height: calc(var(--base-unit) * 2.25);\n  padding: 0 calc(var(--space-base) - 4px);\n}\n\n._2lIWqvRcZzkk5iJxGXwXOZ {\n  min-height: calc(var(--base-unit) * 3);\n  padding: 0 var(--space-base);\n}\n\n/* Icon */\n\n.s4L5ovtQ1xiOYCxjZtZzA {\n  width: calc(var(--base-unit) * 2.25);\n  padding: 0;\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._2bWEvNhV0hrUXGMEL-47ZW {\n  width: calc(var(--space-small) * 3);\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._1RWacHIaSoZ24Qq5QuiwLl {\n  width: calc(var(--space-base) * 2.25);\n}\n\n.s4L5ovtQ1xiOYCxjZtZzA._2lIWqvRcZzkk5iJxGXwXOZ {\n  width: calc(var(--space-large) * 2);\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR {\n  width: auto;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(rtl) {\n  text-align: right;\n}\n\n[dir=\"ltr\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: left;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:dir(rtl) {\n  text-align: right;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > * {\n  text-align: start;\n}\n\n._2QzHdqV8dZvAzrDhFuq9VR > *:first-child {\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  margin-right: var(--space-small);\n}\n\n.ynAOdrWxU2gjfmktgPvCV > *:first-child {\n  margin-left: var(--space-small);\n  margin-right: 0;\n  -ms-flex-order: 1;\n      order: 1;\n}\n\n.azjQzmR6DJOHc9VhR8P_8 {\n  width: 100%;\n}\n\n._3tkzLKKpGYFY0HgS8OkM_e {\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: var(--space-larger) var(--space-larger);\n  pointer-events: none;\n  cursor: not-allowed;\n  -webkit-animation-duration: 2s;\n  -webkit-animation-duration: 2s;\n  -webkit-animation-duration: var(--button--duration-loading);\n          animation-duration: 2s;\n          animation-duration: 2s;\n          animation-duration: var(--button--duration-loading);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _1g5cSkv2FhbaOp_SpZQve_;\n          animation-name: _1g5cSkv2FhbaOp_SpZQve_;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n._3ReFsKtTKUcgG7PduYChd3._3tkzLKKpGYFY0HgS8OkM_e:not(._15tUs2IB4Sic31aZYG7h3E) {\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 _1g5cSkv2FhbaOp_SpZQve_ {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n\n@keyframes _1g5cSkv2FhbaOp_SpZQve_ {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: var(--space-larger) var(--space-larger);\n  }\n}\n";
 var styles = {"button":"mvrsWRM8T3kCECXcDS2gd","work":"_32HTPrDFyNRObzZRUxmhK6","learning":"_2skm9hoZI_lSBKFKHaBFHp","destructive":"_1XNe0NyiiX5gO7kNceanXE","subtle":"_15tUs2IB4Sic31aZYG7h3E","primary":"_3ReFsKtTKUcgG7PduYChd3","disabled":"_2A9nPQukZwPTOhSExvR0-Z","secondary":"_3QATgEdYmR2g9Hx6X6wCF-","tertiary":"_1IACxHVlJ8fUbaQh9Wo5wR","small":"_2bWEvNhV0hrUXGMEL-47ZW","base":"_1RWacHIaSoZ24Qq5QuiwLl","large":"_2lIWqvRcZzkk5iJxGXwXOZ","onlyIcon":"s4L5ovtQ1xiOYCxjZtZzA","hasIconAndLabel":"_2QzHdqV8dZvAzrDhFuq9VR","iconOnRight":"ynAOdrWxU2gjfmktgPvCV","fullWidth":"azjQzmR6DJOHc9VhR8P_8","loading":"_3tkzLKKpGYFY0HgS8OkM_e","animateStripes":"_1g5cSkv2FhbaOp_SpZQve_"};
 styleInject_es.styleInject(css);
 

package/dist/ButtonDismiss/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ButtonDismiss = require('../ButtonDismiss-55397828.js');
+var ButtonDismiss = require('../ButtonDismiss-a9590195.js');
 require('react');
-require('../Button-5e396052.js');
+require('../Button-cd30df0f.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-66a17f39.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{ButtonDismiss-55397828.js → ButtonDismiss-a9590195.js}

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

package/dist/Card/index.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-bd8773ff.js');
+var Card = require('../Card-270d6549.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-40f688c8.js');
-require('../Typography-66a17f39.js');
+require('../Heading-a9a66964.js');
+require('../Typography-fbe0ed6e.js');
 
 
 

package/dist/{Card-bd8773ff.js → Card-270d6549.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 Heading = require('./Heading-40f688c8.js');
+var Heading = require('./Heading-a9a66964.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

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

package/dist/{Checkbox-e30b4912.js → Checkbox-5103d2b9.js}

@@ -4,14 +4,14 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-308e8137.js');
+var Text = require('./Text-e012fb46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = "._2y-hp0B8BHvB6C7hj0uluY {\n  display: inline-block;\n}\n\n._36KUbFCcSPE7xHQsQ4PC2D {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI {\n  cursor: not-allowed;\n}\n\n._3MnEDfs7rk_9yjl2XNHSuc {\n  position: relative;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  white-space: nowrap;\n}\n\n._1T-pYuzX7l9EyzvIri_U22 {\n  display: -ms-flexbox;\n  display: flex;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: var(--radius-base);\n  background-color: var(--color-surface);\n  transition: all 200ms;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI p {\n  color: var(--color-disabled);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 0;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n}\n\n.MEL3ANaAvLYMAoMbYSmCb:focus + ._1T-pYuzX7l9EyzvIri_U22 {\n  box-shadow: var(--shadow-focus);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n  background-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22 > *,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 1;\n}\n\n.C10gHWu17R4Nw-PFWmtvT {\n  margin: 0 var(--space-small);\n}\n\n._1wsib2K8k6XRKTFbeIeq4n {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n";
+var css = "._2y-hp0B8BHvB6C7hj0uluY {\n  display: inline-block;\n}\n\n._36KUbFCcSPE7xHQsQ4PC2D {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: start;\n      align-items: flex-start;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI {\n  cursor: not-allowed;\n}\n\n._3MnEDfs7rk_9yjl2XNHSuc {\n  position: relative;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  white-space: nowrap;\n}\n\n._1T-pYuzX7l9EyzvIri_U22 {\n  display: -ms-flexbox;\n  display: flex;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: var(--radius-base);\n  background-color: var(--color-surface);\n  transition: all 200ms;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI p {\n  color: var(--color-disabled);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 0;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n}\n\n.MEL3ANaAvLYMAoMbYSmCb:focus + ._1T-pYuzX7l9EyzvIri_U22 {\n  box-shadow: var(--shadow-focus);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n  background-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22 > *,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 1;\n}\n\n.C10gHWu17R4Nw-PFWmtvT {\n  margin: 0 var(--space-small);\n}\n\n._1wsib2K8k6XRKTFbeIeq4n {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n";
 var styles = {"checkbox":"_2y-hp0B8BHvB6C7hj0uluY","wrapper":"_36KUbFCcSPE7xHQsQ4PC2D","disabled":"Kvt2p9_Z8Ln_jkPQEYuMI","checkHolder":"_3MnEDfs7rk_9yjl2XNHSuc","input":"MEL3ANaAvLYMAoMbYSmCb","checkBox":"_1T-pYuzX7l9EyzvIri_U22","indeterminate":"_3TAyEYP42fVPKOg97qm5Ue","label":"C10gHWu17R4Nw-PFWmtvT","description":"_1wsib2K8k6XRKTFbeIeq4n"};
 styleInject_es.styleInject(css);
 

package/dist/Chips/index.js

@@ -9,13 +9,13 @@ var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var jobberHooks = require('@jobber/hooks');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Avatar = require('../Avatar-cfd04e86.js');
-var Typography = require('../Typography-66a17f39.js');
-var Tooltip = require('../Tooltip-117330e5.js');
+var Typography = require('../Typography-fbe0ed6e.js');
+var Tooltip = require('../Tooltip-041feb00.js');
 var uuid = require('uuid');
 var lodash = require('lodash');
 var reactPopper = require('react-popper');
-var Text = require('../Text-308e8137.js');
-var Button = require('../Button-5e396052.js');
+var Text = require('../Text-e012fb46.js');
+var Button = require('../Button-cd30df0f.js');
 var Spinner = require('../Spinner-18d3dee6.js');
 require('@jobber/design');
 require('color');

package/dist/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref } from "react";
+import React, { ReactNode, Ref } from "react";
 interface DisplayAction {
     type: "display";
     title?: string;
@@ -18,6 +18,7 @@ interface BaseConfirmationModalProps {
     readonly title?: string;
     /**
      * Text or rich text content for the body of the modal.
+     * Not displayed if **children** prop is passed.
      */
     readonly message?: string;
     /**
@@ -36,6 +37,14 @@ interface BaseConfirmationModalProps {
      * Type (Work or destructive) for confirm button.
      */
     readonly variation?: "work" | "destructive";
+    /**
+     * Size of the modal (small, large),
+     */
+    readonly size?: "small" | "large";
+    /**
+     * Child component. Not displayed if **message** prop is passed.
+     */
+    readonly children?: ReactNode;
     /**
      * Callback for when the confirm button is pressed.
      */
@@ -50,7 +59,6 @@ interface BaseConfirmationModalProps {
     onRequestClose?(): void;
 }
 interface SimpleConfirmationModalProps extends BaseConfirmationModalProps {
-    readonly message: string;
     readonly open: boolean;
     readonly confirmLabel: string;
 }
@@ -58,5 +66,13 @@ interface ComplexConfirmationModalProps extends BaseConfirmationModalProps {
     readonly ref: Ref<ConfirmationModalRef>;
     readonly open?: undefined;
 }
-export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>)>;
+interface ChildrenMessage extends BaseConfirmationModalProps {
+    message?: never;
+    children: ReactNode;
+}
+interface StringMessage extends BaseConfirmationModalProps {
+    message: string;
+    children?: never;
+}
+export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (SimpleConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>)>;
 export {};

package/dist/ConfirmationModal/index.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-b89132ef.js');
+var ConfirmationModal = require('../ConfirmationModal-778e6512.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('@jobber/hooks');
-require('../Modal-0734dd8a.js');
+require('../Modal-eb97d4c3.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-40f688c8.js');
-require('../Typography-66a17f39.js');
-require('../Button-5e396052.js');
+require('../Heading-a9a66964.js');
+require('../Typography-fbe0ed6e.js');
+require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../ButtonDismiss-55397828.js');
+require('../ButtonDismiss-a9590195.js');
 require('../Content-18de5fbb.js');
-require('../Markdown-8b8145f6.js');
+require('../Markdown-b53e0308.js');
 require('react-markdown');
-require('../Text-308e8137.js');
-require('../Emphasis-630ae96e.js');
+require('../Text-e012fb46.js');
+require('../Emphasis-75a3f411.js');
 
 
 

package/dist/{ConfirmationModal-b89132ef.js → ConfirmationModal-778e6512.js}

@@ -3,9 +3,9 @@
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
-var Modal = require('./Modal-0734dd8a.js');
+var Modal = require('./Modal-eb97d4c3.js');
 var Content = require('./Content-18de5fbb.js');
-var Markdown = require('./Markdown-8b8145f6.js');
+var Markdown = require('./Markdown-b53e0308.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,8 +28,8 @@ function confirmationModalReducer(state, action) {
     }
 }
 var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a, ref) {
-    var title = _a.title, message = _a.message, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, onRequestClose = _a.onRequestClose, _e = _a.variation, variation = _e === void 0 ? "work" : _e;
-    var _f = tslib_es6.__read(React.useReducer(confirmationModalReducer, {
+    var title = _a.title, message = _a.message, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, onRequestClose = _a.onRequestClose, _e = _a.variation, variation = _e === void 0 ? "work" : _e, _f = _a.size, size = _f === void 0 ? "small" : _f, children = _a.children;
+    var _g = tslib_es6.__read(React.useReducer(confirmationModalReducer, {
         title: title,
         message: message,
         open: false,
@@ -37,7 +37,7 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
         cancelLabel: cancelLabel,
         onConfirm: onConfirm,
         onCancel: onCancel,
-    }), 2), state = _f[0], dispatch = _f[1];
+    }), 2), state = _g[0], dispatch = _g[1];
     // Expose a `show` method through this component's ref.
     React.useImperativeHandle(ref, function () { return ({
         show: function (_a) {
@@ -63,15 +63,15 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
     jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
-    return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: "small", dismissible: false, primaryAction: {
+    return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),
             variation: variation === "destructive" ? "destructive" : "work",
         }, secondaryAction: {
             label: state.cancelLabel,
             onClick: handleAction("cancel"),
-        } },
-        React__default["default"].createElement(Content.Content, null, state.message && React__default["default"].createElement(Markdown.Markdown, { content: state.message }))));
+        } }, state.message ? (React__default["default"].createElement(Content.Content, null,
+        React__default["default"].createElement(Markdown.Markdown, { content: state.message }))) : (children)));
     function handleAction(type) {
         return function () {
             dispatch({ type: type });

package/dist/DataDump/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-bd8773ff.js');
+var Card = require('../Card-270d6549.js');
 var Content = require('../Content-18de5fbb.js');
-var Emphasis = require('../Emphasis-630ae96e.js');
+var Emphasis = require('../Emphasis-75a3f411.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-40f688c8.js');
-require('../Typography-66a17f39.js');
+require('../Heading-a9a66964.js');
+require('../Typography-fbe0ed6e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }