@jobber/components 4.85.4-CJS-to-ESM.2 → 4.85.4

package/dist/{Tabs-d6c8b965.js → Tabs/index.js}

@@ -1,16 +1,18 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-fd88fcce.js');
+var styleInject_es = require('../style-inject.es-9d2f5f4e.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  --tab--height: calc(var(--space-larger) + var(--space-small));\n  --tab--inset: var(--space-base);\n  --public-tab--inset: var(--tab--inset);\n}\n\n.-kxlqXO5UN0- {\n  display: block;\n  width: 100%;\n}\n\n.qI4lWMSNH40- {\n  position: relative;\n  border-bottom: solid var(--border-base) var(--color-border);\n}\n\n.xohIah5wcoE-:after,\n.qnY4S9sz-8g-:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 24px;\n}\n\n.xohIah5wcoE-:after {\n  right: 0;\n  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.qnY4S9sz-8g-:before {\n  left: 0;\n  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.wdW31G8Trag- {\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0;\n  margin-bottom: calc(-1 * var(--border-base));\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\nul.wdW31G8Trag- {\n  -webkit-padding-start: 0;\n          padding-left: 0;\n}\n\n.wdW31G8Trag- li {\n  display: -ms-flexbox;\n  display: flex;\n  list-style: none;\n}\n\n.MO7CXQ8xJXo- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  height: calc(var(--space-larger) + var(--space-small));\n  height: var(--tab--height);\n  margin: 0;\n  padding-left: var(--space-base);\n  padding-left: var(--public-tab--inset);\n  padding-right: var(--space-base);\n  padding-right: var(--public-tab--inset);\n  border: solid var(--border-base) var(--color-border);\n  border-left-width: 0;\n  outline: none;\n  background: var(--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n}\n\n.MO7CXQ8xJXo-:hover,\n.MO7CXQ8xJXo-:focus {\n  background-color: var(--color-surface--hover);\n}\n\n.MO7CXQ8xJXo-:focus span {\n  box-shadow: var(--shadow-focus);\n}\n\n.kqof65gyv7g- {\n  border-top-color: var(--color-interactive);\n  border-bottom-color: var(--color-surface);\n}\n\n.kqof65gyv7g-:focus {\n  background-color: transparent;\n}\n\n.AimQioztR1U- {\n  padding-top: var(--space-base);\n  padding-top: var(--tab--inset);\n  padding-bottom: var(--space-base);\n  padding-bottom: var(--tab--inset);\n  padding-left: var(--space-base);\n  padding-left: var(--public-tab--inset);\n  padding-right: var(--space-base);\n  padding-right: var(--public-tab--inset);\n}\n";
+var css_248z = ":root {\n  --tab--height: calc(var(--space-larger) + var(--space-small));\n  --tab--inset: var(--space-base);\n  --public-tab--inset: var(--tab--inset);\n}\n\n.-kxlqXO5UN0- {\n  display: block;\n  width: 100%;\n}\n\n.qI4lWMSNH40- {\n  position: relative;\n  border-bottom: solid calc(16px / 16) rgb(217, 223, 225);\n  border-bottom: solid var(--border-base) var(--color-border);\n}\n\n.xohIah5wcoE-:after,\n.qnY4S9sz-8g-:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 24px;\n}\n\n.xohIah5wcoE-:after {\n  right: 0;\n  box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);\n  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.qnY4S9sz-8g-:before {\n  left: 0;\n  box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);\n  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.wdW31G8Trag- {\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0;\n  margin-bottom: calc(-1 * (16px / 16));\n  margin-bottom: calc(-1 * calc(16px / 16));\n  margin-bottom: calc(-1 * var(--border-base));\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\nul.wdW31G8Trag- {\n  -webkit-padding-start: 0;\n          padding-left: 0;\n}\n\n.wdW31G8Trag- li {\n  display: -ms-flexbox;\n  display: flex;\n  list-style: none;\n}\n\n.MO7CXQ8xJXo- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  height: calc((16px * 2) + (16px / 2));\n  height: calc(calc(16px * 2) + calc(16px / 2));\n  height: var(--tab--height);\n  margin: 0;\n  padding-left: calc(16px * 1);\n  padding-left: var(--public-tab--inset);\n  padding-right: calc(16px * 1);\n  padding-right: var(--public-tab--inset);\n  border: solid calc(16px / 16) rgb(217, 223, 225);\n  border: solid var(--border-base) var(--color-border);\n  border-left-width: 0;\n  outline: none;\n  background: rgba(255, 255, 255, 1);\n  background: var(--color-surface);\n  cursor: pointer;\n  transition: all 200ms;\n  transition: all var(--timing-base);\n}\n\n.MO7CXQ8xJXo-:hover,\n.MO7CXQ8xJXo-:focus {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--color-surface--hover);\n}\n\n.MO7CXQ8xJXo-:focus span {\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}\n\n.kqof65gyv7g- {\n  border-top-color: rgb(125, 176, 14);\n  border-top-color: var(--color-interactive);\n  border-bottom-color: rgba(255, 255, 255, 1);\n  border-bottom-color: var(--color-surface);\n}\n\n.kqof65gyv7g-:focus {\n  background-color: transparent;\n}\n\n.AimQioztR1U- {\n  padding-top: calc(16px * 1);\n  padding-top: var(--tab--inset);\n  padding-bottom: calc(16px * 1);\n  padding-bottom: var(--tab--inset);\n  padding-left: calc(16px * 1);\n  padding-left: var(--public-tab--inset);\n  padding-right: calc(16px * 1);\n  padding-right: var(--public-tab--inset);\n}\n";
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/{Text.cjs → Text/index.js}

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('./Text-714f7d14.js');
+var Text = require('../Text-259af966.js');
 require('react');
-require('./Typography-fd88fcce.js');
+require('../Typography-c45bf216.js');
 require('classnames');
-require('./style-inject.es-9d2f5f4e.js');
+require('../style-inject.es-9d2f5f4e.js');
 
 
 

package/dist/{Text-714f7d14.js → Text-259af966.js}

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

package/dist/{showToast-63be1cf0.js → Toast/index.js}

@@ -1,18 +1,23 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Icon = require('./Icon-405a216c.js');
-var Button = require('./Button-ec64869e.js');
-var Typography = require('./Typography-fd88fcce.js');
+var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
+var Icon = require('../Icon-405a216c.js');
+var Button = require('../Button-b73a5e01.js');
+var Typography = require('../Typography-c45bf216.js');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css_248z = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: var(--space-large);\n  left: 0;\n  z-index: var(--elevation-toast);\n  width: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0 var(--space-large);\n  color: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: var(--radius-base);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: var(--space-small);\n}\n";
+var css_248z = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: 1003;\n  z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: calc(16px * 1.5);\n  bottom: var(--space-large);\n  left: 0;\n  z-index: 1003;\n  z-index: var(--elevation-toast);\n  width: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0 calc(16px * 1.5);\n  padding: 0 var(--space-large);\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px\n      rgba(0, 0, 0, 0.075),\n    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: calc(16px * 1);\n  margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc((16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  background: rgb(1, 41, 57);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: calc(16px * 1);\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: calc(16px * 1);\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: rgb(147, 161, 169);\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: rgba(101, 120, 132, 1);\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: calc(16px / 2);\n  margin-left: var(--space-small);\n}\n";
 var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","icon":"xtRB59TMHcU-","button":"cExoS0APILs-","action":"-T38wWbQUNs-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/{Tooltip.cjs → Tooltip/index.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tooltip = require('./Tooltip-2e477150.js');
+var Tooltip = require('../Tooltip-ef3d6ef4.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
 require('@jobber/hooks/useSafeLayoutEffect');
-require('./style-inject.es-9d2f5f4e.js');
+require('../style-inject.es-9d2f5f4e.js');
 require('react-popper');
 
 

package/dist/{Tooltip-2e477150.js → Tooltip-ef3d6ef4.js}

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-var css_248z = ":root {\n  --tooltip--arrow-size: var(--space-small);\n  --tooltip--offset: calc(-1 * var(--space-smaller));\n  --tooltip--surface: var(--color-surface--reverse);\n}\n\n.q07bkGoq714- {\n  display: none;\n}\n\n.dkCTRfc3vYk- {\n  display: inline-block;\n  position: absolute;\n  z-index: var(--elevation-tooltip);\n  pointer-events: none;\n}\n\n.yAFP4gRKlTM- {\n  display: inline-block;\n  position: relative;\n  max-width: calc(var(--base-unit) * 15);\n  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);\n  border-radius: var(--radius-larger);\n  background-color: var(--color-surface--reverse);\n  background-color: var(--tooltip--surface);\n}\n\n.jobber-retheme .yAFP4gRKlTM- {\n  border-radius: var(--radius-base);\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-,\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  width: var(--space-small);\n  width: var(--tooltip--arrow-size);\n  height: var(--space-small);\n  height: var(--tooltip--arrow-size);\n  background-color: transparent;\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background-color: var(--color-surface--reverse);\n  background-color: var(--tooltip--surface);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n.B6uh34-qEuA- {\n  padding-bottom: var(--space-small);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- {\n  -webkit-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  bottom: calc(-1 * var(--space-smaller));\n  bottom: var(--tooltip--offset);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.Wft7Ug-lXEc- {\n  padding-top: var(--space-small);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- {\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  top: calc(-1 * var(--space-smaller));\n  top: var(--tooltip--offset);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n\n.TpdeLUuiQMg- {\n  margin: 0;\n  color: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-base);\n  font-weight: 600;\n  line-height: var(--typography--lineHeight-base);\n}\n";
+var css_248z = ":root {\n  --tooltip--arrow-size: var(--space-small);\n  --tooltip--offset: calc(-1 * var(--space-smaller));\n  --tooltip--surface: var(--color-surface--reverse);\n}\n\n.q07bkGoq714- {\n  display: none;\n}\n\n.dkCTRfc3vYk- {\n  display: inline-block;\n  position: absolute;\n  z-index: 1002;\n  z-index: var(--elevation-tooltip);\n  pointer-events: none;\n}\n\n.yAFP4gRKlTM- {\n  display: inline-block;\n  position: relative;\n  max-width: calc(16px * 15);\n  max-width: calc(var(--base-unit) * 15);\n  padding: calc((16px * 1) - (16px / 8)) calc(16px * 1);\n  padding: calc(calc(16px * 1) - calc(16px / 8)) calc(16px * 1);\n  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n  background-color: rgb(1, 41, 57);\n  background-color: var(--tooltip--surface);\n}\n\n.jobber-retheme .yAFP4gRKlTM- {\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-,\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  width: calc(16px / 2);\n  width: var(--tooltip--arrow-size);\n  height: calc(16px / 2);\n  height: var(--tooltip--arrow-size);\n  background-color: transparent;\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background-color: rgb(1, 41, 57);\n  background-color: var(--tooltip--surface);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n.B6uh34-qEuA- {\n  padding-bottom: calc(16px / 2);\n  padding-bottom: var(--space-small);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- {\n  -webkit-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  bottom: calc(-1 * (16px / 4));\n  bottom: calc(-1 * calc(16px / 4));\n  bottom: var(--tooltip--offset);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.Wft7Ug-lXEc- {\n  padding-top: calc(16px / 2);\n  padding-top: var(--space-small);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- {\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  top: calc(-1 * (16px / 4));\n  top: calc(-1 * calc(16px / 4));\n  top: var(--tooltip--offset);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n\n.TpdeLUuiQMg- {\n  margin: 0;\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  font-weight: 600;\n  line-height: 1.25;\n  line-height: var(--typography--lineHeight-base);\n}\n";
 var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","above":"B6uh34-qEuA-","below":"Wft7Ug-lXEc-","tooltipMessage":"TpdeLUuiQMg-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/Typography/css/Emphasis.css.d.ts

@@ -0,0 +1,6 @@
+declare const styles: {
+  readonly "italic": string;
+  readonly "highlight": string;
+};
+export = styles;
+

package/dist/Typography/css/FontFamilies.css.d.ts

@@ -0,0 +1,6 @@
+declare const styles: {
+  readonly "base": string;
+  readonly "display": string;
+};
+export = styles;
+

package/dist/Typography/css/FontSizes.css.d.ts

@@ -0,0 +1,12 @@
+declare const styles: {
+  readonly "extravagant": string;
+  readonly "jumbo": string;
+  readonly "largest": string;
+  readonly "larger": string;
+  readonly "large": string;
+  readonly "base": string;
+  readonly "small": string;
+  readonly "smaller": string;
+};
+export = styles;
+

package/dist/Typography/css/FontWeights.css.d.ts

@@ -0,0 +1,10 @@
+declare const styles: {
+  readonly "regular": string;
+  readonly "medium": string;
+  readonly "semiBold": string;
+  readonly "bold": string;
+  readonly "extraBold": string;
+  readonly "black": string;
+};
+export = styles;
+

package/dist/Typography/css/TextAlignment.css.d.ts

@@ -0,0 +1,7 @@
+declare const styles: {
+  readonly "start": string;
+  readonly "center": string;
+  readonly "end": string;
+};
+export = styles;
+

package/dist/Typography/css/TextCases.css.d.ts

@@ -0,0 +1,7 @@
+declare const styles: {
+  readonly "uppercase": string;
+  readonly "lowercase": string;
+  readonly "capitalize": string;
+};
+export = styles;
+

package/dist/Typography/css/TextColors.css.d.ts

@@ -0,0 +1,22 @@
+declare const styles: {
+  readonly "blue": string;
+  readonly "grey": string;
+  readonly "greyBlueDark": string;
+  readonly "greyBlue": string;
+  readonly "green": string;
+  readonly "red": string;
+  readonly "yellow": string;
+  readonly "yellowDark": string;
+  readonly "lightBlue": string;
+  readonly "white": string;
+  readonly "heading": string;
+  readonly "text": string;
+  readonly "textSecondary": string;
+  readonly "critical": string;
+  readonly "warning": string;
+  readonly "informative": string;
+  readonly "success": string;
+  readonly "disabled": string;
+};
+export = styles;
+

package/dist/Typography/css/Truncate.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "textTruncate": string;
+};
+export = styles;
+

package/dist/Typography/css/Typography.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "base": string;
+};
+export = styles;
+

package/dist/{Typography.cjs → Typography/index.js}

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

package/dist/Typography-c45bf216.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.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$8 = ".asDB9Ra2UpA- {\n  margin: 0;\n  padding: 0;\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n";
+var styles = {"base":"asDB9Ra2UpA-"};
+styleInject_es.styleInject(css_248z$8);
+
+var css_248z$7 = "._7C4Ck1izBPs- {\n  font-size: calc(\n    (16px * 1) * 3\n  );\n  font-size: calc(\n    calc(16px * 1) * 3\n  );\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: 1.08;\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: calc((16px * 1) * 2.25);\n  font-size: calc(calc(16px * 1) * 2.25);\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: 1.08;\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: calc((16px * 1) * 1.5);\n  font-size: calc(calc(16px * 1) * 1.5);\n  font-size: var(--typography--fontSize-largest);\n  line-height: 1.12;\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: calc((16px * 1) * 1.25);\n  font-size: calc(calc(16px * 1) * 1.25);\n  font-size: var(--typography--fontSize-larger);\n  line-height: 1.2;\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  line-height: 1.34;\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  line-height: 1.25;\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: calc((16px * 1) * 0.75);\n  font-size: calc(calc(16px * 1) * 0.75);\n  font-size: var(--typography--fontSize-small);\n  line-height: 1.143;\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: calc(\n    (16px * 1) * 0.625\n  );\n  font-size: calc(\n    calc(16px * 1) * 0.625\n  );\n  font-size: var(--typography--fontSize-smaller);\n  line-height: 1.2;\n  line-height: var(--typography--lineHeight-tight);\n}\n";
+var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-"};
+styleInject_es.styleInject(css_248z$7);
+
+var css_248z$6 = ".lziyWzzvuno- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 900;\n}\n";
+var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-"};
+styleInject_es.styleInject(css_248z$6);
+
+var css_248z$5 = ".xE6cC62h5G0- {\n  text-transform: uppercase;\n}\n\n.HlqJJ3Cl7dE- {\n  text-transform: lowercase;\n}\n\n.Loe26JnDfco- {\n  text-transform: capitalize;\n}\n";
+var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-"};
+styleInject_es.styleInject(css_248z$5);
+
+var css_248z$4 = ".pkqoq2KXY9w- {\n  color: rgb(1, 41, 57);\n  color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: rgb(181, 181, 181);\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: rgb(66, 78, 86);\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: rgba(101, 120, 132, 1);\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: rgb(125, 176, 14);\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: rgb(201, 66, 33);\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: rgb(221, 195, 15);\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: rgb(144, 127, 10);\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: rgb(60, 162, 224);\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: rgb(77, 105, 116);\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: rgb(201, 66, 33);\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: rgb(144, 127, 10);\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: rgb(39, 105, 146);\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: rgb(81, 114, 9);\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n}\n";
+var textColors = {"blue":"pkqoq2KXY9w-","grey":"ftVHRSii3ro-","greyBlueDark":"FQbGABZWVzA-","greyBlue":"zQaB9J0-vrs-","green":"_4-xdzcqT-Us-","red":"Zp9E7ELPjPA-","yellow":"v-Fo4PwPxDI-","yellowDark":"YrGUIChAZC0-","lightBlue":"r7JcIVoDcTY-","white":"_6RXTyd198iM-","heading":"fLix4jA-RkU-","text":"_1g0uMAwFAsk-","textSecondary":"oXqFAHwT6y4-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","disabled":"_3g4iYm8XwkM-"};
+styleInject_es.styleInject(css_248z$4);
+
+var css_248z$3 = ".Jys1uy2pQXw- {\n  font-style: italic;\n}\n\n.kd2u0dL-if0- {\n  display: inline;\n  font-family: inherit;\n  font-style: normal;\n  font-weight: inherit;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: 100% 20%;\n}\n";
+var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-"};
+styleInject_es.styleInject(css_248z$3);
+
+var css_248z$2 = ".LUJEfdi3pws- {\n  display: -webkit-box !important;\n}\n.LUJEfdi3pws- {\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n";
+var truncate = {"textTruncate":"LUJEfdi3pws-"};
+styleInject_es.styleInject(css_248z$2);
+
+var css_248z$1 = ".eDMsbRCP0kg- {\n  text-align: left;\n}\n\n.j34R9yIG--c- {\n  text-align: center;\n}\n\n.CeI75T5sHwM- {\n  text-align: right;\n}\n";
+var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-"};
+styleInject_es.styleInject(css_248z$1);
+
+var css_248z = ".mRpfVoMiIMM- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n}\n";
+var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
+styleInject_es.styleInject(css_248z);
+
+/* eslint-disable import/no-internal-modules */
+function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, }) {
+    const shouldTruncateText = numberOfLines && numberOfLines > 0;
+    const className = classnames__default["default"](styles.base, fontWeights[fontWeight], size && fontSizes[size], textCase && textCases[textCase], textColor && textColors[textColor], emphasisType && emphasis[emphasisType], fontFamily && fontFamilies[fontFamily], shouldTruncateText && truncate.textTruncate, Object.assign({}, (align && { [alignment[align]]: align !== `start` })));
+    let truncateLines;
+    if (shouldTruncateText) {
+        truncateLines = {
+            WebkitLineClamp: numberOfLines,
+            WebkitBoxOrient: "vertical",
+        };
+    }
+    return (React__default["default"].createElement(Tag, { id: id, className: className, style: truncateLines }, children));
+}
+
+exports.Typography = Typography;

package/package.json

@@ -1,16 +1,9 @@
 {
   "name": "@jobber/components",
-  "version": "4.85.4-CJS-to-ESM.2+8ce5e6ae",
+  "version": "4.85.4",
   "license": "MIT",
-  "main": "dist/index.esm.js",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js"
-    }
-  },
   "scripts": {
     "build": "rollup --config",
     "bootstrap": "npm run clean; npm run build",
@@ -21,14 +14,13 @@
     "postpack": "npm run entryPoints:clean"
   },
   "files": [
-    "dist",
-    "README.md",
-    "LICENSE",
-    "package.json"
+    "*.js",
+    "*.d.ts",
+    "dist/*"
   ],
   "dependencies": {
     "@jobber/design": "^0.55.1",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@jobber/hooks": "^2.9.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -88,5 +80,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8ce5e6ae9e18bfee65d99288f41f59b9ff9d2397"
+  "gitHead": "615f364735ac965736352b7582c17e5902ff670e"
 }

package/rollup.config.js

@@ -0,0 +1,131 @@
+/* eslint-disable import/no-default-export */
+import multiInput from "rollup-plugin-multi-input";
+import typescript from "@rollup/plugin-typescript";
+import postcss from "rollup-plugin-postcss";
+import commonjs from "@rollup/plugin-commonjs";
+import copy from "rollup-plugin-copy";
+
+export default {
+  input: `src/*/index.{ts,tsx}`,
+  plugins: [
+    multiInput(),
+    typescript({
+      tsconfig: "./tsconfig.rollup.json",
+      declarationDir: "dist",
+      noEmitOnError: true,
+    }),
+    postcss({
+      modules: {
+        generateScopedName: "[hash:base64]",
+        globalModulePaths: [/node_modules/],
+      },
+      autoModules: false,
+      plugins: [
+        require("postcss-import"),
+        require("autoprefixer"),
+        require("@csstools/postcss-global-data")({
+          files: [
+            require.resolve("@jobber/design/foundation.css"),
+            require.resolve("@jobber/design/src/responsiveBreakpoints.css"),
+          ],
+        }),
+        require("postcss-preset-env")({
+          stage: 1,
+          preserve: true,
+        }),
+      ],
+    }),
+    commonjs({
+      ignore: ["time-input-polyfill", "time-input-polyfill/supportsTime"],
+    }),
+    copy({
+      targets: [
+        { src: "src/Card/colors.css.d.ts", dest: "dist/Card" },
+        { src: "src/Content/Spacing.css.d.ts", dest: "dist/Content" },
+        { src: "src/Gallery/Gallery.css.d.ts", dest: "dist/Gallery" },
+        { src: "src/Grid/GridAlign.css.d.ts", dest: "dist/Grid" },
+        { src: "src/Modal/Sizes.css.d.ts", dest: "dist/Modal" },
+        { src: "src/ProgressBar/Sizes.css.d.ts", dest: "dist/ProgressBar" },
+        {
+          src: "src/Typography/css/Emphasis.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontFamilies.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontSizes.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontWeights.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextAlignment.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextCases.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextColors.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/Truncate.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/Typography.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        { src: "src/Glimmer/style/Shape.css.d.ts", dest: "dist/Glimmer/style" },
+        { src: "src/Glimmer/style/Sizes.css.d.ts", dest: "dist/Glimmer/style" },
+        {
+          src: "src/Glimmer/style/Timing.css.d.ts",
+          dest: "dist/Glimmer/style",
+        },
+        {
+          src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
+          dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
+        },
+      ],
+    }),
+  ],
+  output: [
+    {
+      dir: "dist",
+      format: "cjs",
+    },
+  ],
+  external: [
+    "react",
+    "react-hook-form",
+    "react-router-dom",
+    "react-dom",
+    "react-markdown",
+    "react-countdown",
+    "react-popper",
+    "react-datepicker",
+    "react-dropzone",
+    "react-dom/client",
+    "axios",
+    "filesize",
+    "color",
+    "framer-motion",
+    "classnames",
+    new RegExp("lodash/.*"),
+    "@std-proposal/temporal",
+    "@jobber/design",
+    "@jobber/design/foundation",
+    "@jobber/formatters",
+    new RegExp("@jobber/hooks/.*"),
+    "zxcvbn",
+    "use-resize-observer/polyfilled",
+    "@apollo/client",
+    "@tanstack/react-table",
+  ],
+};

package/dist/AnimatedPresence-bbccdaf7.js

@@ -1,98 +0,0 @@
-import React, { useState, useEffect, Children } from 'react';
-import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
-import { tokens } from '@jobber/design';
-
-const TIMING_QUICK = toSeconds(tokens["timing-quick"]);
-const TIMING_BASE = toSeconds(tokens["timing-base"]);
-const baseTransition = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const fade = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const popIn = {
-    visible: Object.assign({ scale: 1 }, baseTransition.visible),
-    hidden: Object.assign({ scale: 0.95 }, baseTransition.hidden),
-};
-const fromTop = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: -tokens["space-base"] }, baseTransition.hidden),
-};
-const fromBottom = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeft = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRight = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeftToRight = {
-    initial: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRightToLeft = {
-    initial: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-};
-function toSeconds(ms) {
-    return ms / 1000;
-}
-
-function usePreviousValue(value) {
-    const [previousValue, setPreviousValue] = useState(value);
-    useEffect(() => {
-        setPreviousValue(value);
-    }, [value]);
-    return [previousValue, setPreviousValue];
-}
-
-const transitions = {
-    fromBottom,
-    fromTop,
-    fromLeft,
-    fromRight,
-    popIn,
-    fromLeftToRight,
-    fromRightToLeft,
-    fade,
-};
-function AnimatedPresence(props) {
-    const shouldReduceMotion = useReducedMotion();
-    if (shouldReduceMotion) {
-        return React.createElement(React.Fragment, null, props.children);
-    }
-    return React.createElement(InternalAnimatedPresence, Object.assign({}, props));
-}
-function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
-    const transitionVariation = transitions[transition];
-    const hasInitialTransition = "initial" in transitionVariation;
-    const childCount = Children.count(children);
-    // Set the initial value to 0 so it staggers the animation on mount when
-    // initial is true.
-    const [lastChildIndex, setLastChildIndex] = usePreviousValue(0);
-    // Whenever the children count changes, update the last index.
-    useEffect(() => {
-        setLastChildIndex(childCount - 1);
-    }, [childCount]);
-    return (React.createElement(AnimatePresence, { initial: initial, mode: "popLayout" }, Children.map(children, (child, i) => child && (React.createElement(motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
-            duration: TIMING_BASE,
-            delay: generateDelayTime(i),
-        } }, child)))));
-    function generateDelayTime(index) {
-        // Don't add a delay if it's already rendered.
-        if (lastChildIndex > index)
-            return 0;
-        // Stagger the animation starting after the previous last child index.
-        return (index - lastChildIndex) * TIMING_QUICK;
-    }
-}
-
-export { AnimatedPresence as A };

package/dist/AnimatedPresence.js

@@ -1,4 +0,0 @@
-export { A as AnimatedPresence } from './AnimatedPresence-bbccdaf7.js';
-import 'react';
-import 'framer-motion';
-import '@jobber/design';