@jobber/components 2.86.0 → 2.86.2

package/dist/Typography/index.js

@@ -2,63 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var Typography = require('../Typography-7e542a72.js');
+require('../tslib.es6-5b50eb8e.js');
+require('react');
+require('classnames');
+require('../style-inject.es-dcee06b6.js');
 
-var __chunk_1 = require('../chunk-b67af3cb.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
 
-var css = ":root {\n  --typography--fontFamily-normal: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  --typography--fontFamily-display: \"Poppins\", Helvetica, Arial, sans-serif;\n\n  --typography--fontSize-extravagant: calc(var(--base-unit) * 3); /* 48 */\n  --typography--fontSize-jumbo: calc(var(--base-unit) * 2.25); /* 36 */\n  --typography--fontSize-largest: calc(var(--base-unit) * 1.5); /* 24 */\n  --typography--fontSize-larger: calc(var(--base-unit) * 1.25); /* 20 */\n  --typography--fontSize-large: calc(var(--base-unit) * 1.125); /* 18 */\n  --typography--fontSize-base: calc(var(--base-unit) * 1); /* 16 */\n  --typography--fontSize-small: calc(var(--base-unit) * 0.875); /* 14 */\n  --typography--fontSize-smaller: calc(var(--base-unit) * 0.75); /* 12 */\n\n  --typography--lineHeight-large: 1.34;\n  --typography--lineHeight-base: 1.25;\n  --typography--lineHeight-tight: 1.2;\n  --typography--lineHeight-tighter: 1.143;\n  --typography--lineHeight-tightest: 1.12;\n  --typography--lineHeight-miniscule: 1.08;\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (--handhelds) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n._3JZjimh4dusy34C2IGQzQR {\n  margin: 0;\n  padding: 0;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  word-wrap: break-word;\n}\n";
-var styles = {"base":"_3JZjimh4dusy34C2IGQzQR"};
-__chunk_2.styleInject(css);
 
-var css$1 = ".zvmTM4St0_C8TPhD_O9ug {\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.Ra_cuCnMc70RK2H_4ChBn {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.dOMvSoEm0D0x_f7zK_PBP {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n._2fQLkoSAbYzgqfs8bUALb2 {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n._2zgB2QyVZKtvAxXrvqGZGR {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n._101f4LA9L04rx4wc82bzVJ {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.Apy0Y618g1UWAkSvq0riG {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n._1MhBMulQtq31Ys4q9xtSNg {\n  font-size: var(--typography--fontSize-smaller);\n  line-height: var(--typography--lineHeight-tight);\n}\n";
-var fontSizes = {"extravagant":"zvmTM4St0_C8TPhD_O9ug","jumbo":"Ra_cuCnMc70RK2H_4ChBn","largest":"dOMvSoEm0D0x_f7zK_PBP","larger":"_2fQLkoSAbYzgqfs8bUALb2","large":"_2zgB2QyVZKtvAxXrvqGZGR","base":"_101f4LA9L04rx4wc82bzVJ","small":"Apy0Y618g1UWAkSvq0riG","smaller":"_1MhBMulQtq31Ys4q9xtSNg"};
-__chunk_2.styleInject(css$1);
-
-var css$2 = "._15KVrV8OEixNgFqxYBEwRF {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n._9NJa1tKodJk5XW-pP-BDY {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n._2NjTYoUg2rwawsmn41FWY8 {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.uys-zl4qz0plQt9LRshAd {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 900;\n}\n";
-var fontWeights = {"regular":"_15KVrV8OEixNgFqxYBEwRF","bold":"_9NJa1tKodJk5XW-pP-BDY","extraBold":"_2NjTYoUg2rwawsmn41FWY8","black":"uys-zl4qz0plQt9LRshAd"};
-__chunk_2.styleInject(css$2);
-
-var css$3 = "._1QxZQjhSzY_Sq3KYUwHvCM {\n  text-transform: uppercase;\n}\n\n._76SoHLzwZVKSPV8Jbxptp {\n  text-transform: lowercase;\n}\n\n._1v1wGIm3g_nN5Y3jA2EyuK {\n  text-transform: capitalize;\n}\n";
-var textCases = {"uppercase":"_1QxZQjhSzY_Sq3KYUwHvCM","lowercase":"_76SoHLzwZVKSPV8Jbxptp","capitalize":"_1v1wGIm3g_nN5Y3jA2EyuK"};
-__chunk_2.styleInject(css$3);
-
-var css$4 = "._3ll_IHWYP5CXtvLbd7M3g4 {\n  color: var(--color-blue);\n}\n\n._2aLfviMTslnYDFQydSPFyG {\n  color: var(--color-grey);\n}\n\n._2yHCFsRY1Y6nrwHGA2BGXR {\n  color: var(--color-greyBlue--dark);\n}\n\n.khfPfWiE9EnXFTUREGKev {\n  color: var(--color-greyBlue);\n}\n\n._1IbTq3B5pV7-zQrdDXJhDB {\n  color: var(--color-green);\n}\n\n.LH8KHdwfbdIWS8Ia4LNzJ {\n  color: var(--color-red);\n}\n\n._2qLzIirDpz70j0ZkQstH4P {\n  color: var(--color-yellow);\n}\n\n._2WeCxN6EUixXRd6wiNkurb {\n  color: var(--color-yellow--dark);\n}\n\n._3KVpUUVNa7DxPCMTIqHmkr {\n  color: var(--color-lightBlue);\n}\n\n.K60KIG2FVHz496YyImWfR {\n  color: var(--color-white);\n}\n\n._39omMvRy0QF8yo96lzBKvU {\n  color: var(--color-heading);\n}\n\n._1lCJhtn-QuZ-H-7N8CtLPg {\n  color: var(--color-text);\n}\n\n.iZQf_6Bu4s-etKAEvUMSW {\n  color: var(--color-text--secondary);\n}\n\n._22rt2p8mwIe87C2W5fAboT {\n  color: var(--color-critical);\n}\n\n._1ZKA-7F_F3OjO2zAlnN0ey {\n  color: var(--color-warning--onSurface);\n}\n\n.fjWW9OckqU4Ei4hdPBRqQ {\n  color: var(--color-informative--onSurface);\n}\n\n._2oR_lya19rHAoUVAO3xgJ3 {\n  color: var(--color-success--onSurface);\n}\n\n._2TOA8Z2cHlX5BRCA54HkZp {\n  color: var(--color-disabled);\n}\n";
-var textColors = {"blue":"_3ll_IHWYP5CXtvLbd7M3g4","grey":"_2aLfviMTslnYDFQydSPFyG","greyBlueDark":"_2yHCFsRY1Y6nrwHGA2BGXR","greyBlue":"khfPfWiE9EnXFTUREGKev","green":"_1IbTq3B5pV7-zQrdDXJhDB","red":"LH8KHdwfbdIWS8Ia4LNzJ","yellow":"_2qLzIirDpz70j0ZkQstH4P","yellowDark":"_2WeCxN6EUixXRd6wiNkurb","lightBlue":"_3KVpUUVNa7DxPCMTIqHmkr","white":"K60KIG2FVHz496YyImWfR","heading":"_39omMvRy0QF8yo96lzBKvU","text":"_1lCJhtn-QuZ-H-7N8CtLPg","textSecondary":"iZQf_6Bu4s-etKAEvUMSW","critical":"_22rt2p8mwIe87C2W5fAboT","warning":"_1ZKA-7F_F3OjO2zAlnN0ey","informative":"fjWW9OckqU4Ei4hdPBRqQ","success":"_2oR_lya19rHAoUVAO3xgJ3","disabled":"_2TOA8Z2cHlX5BRCA54HkZp"};
-__chunk_2.styleInject(css$4);
-
-var css$5 = "._2v32EeDVd2655RBXZ9dq3n {\n  font-style: italic;\n}\n\n._1qwLpB6asp267SE_SsLR5r {\n  margin-left: calc(-1 * var(--space-smaller));\n  padding: 0 var(--space-smaller);\n  font-family: var(--typography--fontFamily-display);\n  font-weight: inherit;\n  background-image: linear-gradient(\n    to left,\n    var(--color-brand--highlight),\n    var(--color-brand--highlight)\n  );\n  background-position: left 75%;\n  background-repeat: repeat-x;\n  background-size: 100% 52%;\n}\n";
-var emphasis = {"italic":"_2v32EeDVd2655RBXZ9dq3n","highlight":"_1qwLpB6asp267SE_SsLR5r"};
-__chunk_2.styleInject(css$5);
-
-var css$6 = "._3RPdE_X9LPA4hEoBHeEyKm {\n  display: -webkit-box !important;\n  overflow: hidden;\n}\n";
-var truncate = {"textTruncate":"_3RPdE_X9LPA4hEoBHeEyKm"};
-__chunk_2.styleInject(css$6);
-
-var css$7 = "[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(rtl) {\n  text-align: right;\n}\n\n[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(rtl) {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ {\n  text-align: start;\n}\n\n._2RxG5sGeRD2E9YteNJJAgZ {\n  text-align: center;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(ltr) {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(rtl) {\n  text-align: left;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(ltr) {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(rtl) {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js- {\n  text-align: end;\n}\n\n[dir=\"ltr\"] :export {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-left: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n:export:dir(ltr) {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-left: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n[dir=\"rtl\"] :export {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-right: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n:export:dir(rtl) {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-right: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n[dir=\"ltr\"] :export {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-right: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n:export:dir(ltr) {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-right: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n[dir=\"rtl\"] :export {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-left: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n:export:dir(rtl) {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-left: _1VVOr2EolJ64dLH84I4Js-;\n}\n";
-var alignment = {"start":"Rcc5J7aWibqntjpsFOcCJ","center":"_2RxG5sGeRD2E9YteNJJAgZ","end":"_1VVOr2EolJ64dLH84I4Js-"};
-__chunk_2.styleInject(css$7);
-
-var css$8 = ".IO8ujZ7qHogIbFAEazAGH {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._2VhNxoLIw82qbVgNH2yiv7 {\n  font-family: var(--typography--fontFamily-display);\n}\n";
-var fontFamilies = {"base":"IO8ujZ7qHogIbFAEazAGH","display":"_2VhNxoLIw82qbVgNH2yiv7"};
-__chunk_2.styleInject(css$8);
-
-function Typography(_a) {
-    var _b;
-    var id = _a.id, children = _a.children, _c = _a.element, Tag = _c === void 0 ? "p" : _c, size = _a.size, align = _a.align, _d = _a.fontWeight, fontWeight = _d === void 0 ? "regular" : _d, textCase = _a.textCase, textColor = _a.textColor, emphasisType = _a.emphasisType, numberOfLines = _a.numberOfLines, fontFamily = _a.fontFamily;
-    var shouldTruncateText = numberOfLines && numberOfLines > 0;
-    var className = classnames(styles.base, fontWeights[fontWeight], size && fontSizes[size], textCase && textCases[textCase], textColor && textColors[textColor], emphasisType && emphasis[emphasisType], fontFamily && fontFamilies[fontFamily], shouldTruncateText && truncate.textTruncate, __chunk_1.__assign({}, (align && (_b = {}, _b[alignment[align]] = align !== "start", _b))));
-    var truncateLines;
-    if (shouldTruncateText) {
-        truncateLines = {
-            WebkitLineClamp: numberOfLines,
-            WebkitBoxOrient: "vertical",
-        };
-    }
-    return (React__default.createElement(Tag, { id: id, className: className, style: truncateLines }, children));
-}
-
-exports.Typography = Typography;
+exports.Typography = Typography.Typography;

package/dist/Typography-7e542a72.js

@@ -0,0 +1,64 @@
+'use strict';
+
+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');
+
+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$8 = ":root {\n  --typography--fontFamily-normal: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  --typography--fontFamily-display: \"Poppins\", Helvetica, Arial, sans-serif;\n\n  --typography--fontSize-extravagant: calc(var(--base-unit) * 3); /* 48 */\n  --typography--fontSize-jumbo: calc(var(--base-unit) * 2.25); /* 36 */\n  --typography--fontSize-largest: calc(var(--base-unit) * 1.5); /* 24 */\n  --typography--fontSize-larger: calc(var(--base-unit) * 1.25); /* 20 */\n  --typography--fontSize-large: calc(var(--base-unit) * 1.125); /* 18 */\n  --typography--fontSize-base: calc(var(--base-unit) * 1); /* 16 */\n  --typography--fontSize-small: calc(var(--base-unit) * 0.875); /* 14 */\n  --typography--fontSize-smaller: calc(var(--base-unit) * 0.75); /* 12 */\n\n  --typography--lineHeight-large: 1.34;\n  --typography--lineHeight-base: 1.25;\n  --typography--lineHeight-tight: 1.2;\n  --typography--lineHeight-tighter: 1.143;\n  --typography--lineHeight-tightest: 1.12;\n  --typography--lineHeight-miniscule: 1.08;\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (max-width: 639px) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n@media (--handhelds) {\n  :root {\n    --typography--fontSize-extravagant: calc(var(--base-unit) * 2.5); /* 40 */\n    --typography--fontSize-jumbo: calc(var(--base-unit) * 1.75); /* 28 */\n    --typography--fontSize-largest: calc(var(--base-unit) * 1.375); /* 22 */\n  }\n}\n\n._3JZjimh4dusy34C2IGQzQR {\n  margin: 0;\n  padding: 0;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: \"Source Sans Pro\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  word-wrap: break-word;\n}\n";
+var styles = {"base":"_3JZjimh4dusy34C2IGQzQR"};
+styleInject_es.styleInject(css$8);
+
+var css$7 = ".zvmTM4St0_C8TPhD_O9ug {\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.Ra_cuCnMc70RK2H_4ChBn {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.dOMvSoEm0D0x_f7zK_PBP {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n._2fQLkoSAbYzgqfs8bUALb2 {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n._2zgB2QyVZKtvAxXrvqGZGR {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n._101f4LA9L04rx4wc82bzVJ {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.Apy0Y618g1UWAkSvq0riG {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n._1MhBMulQtq31Ys4q9xtSNg {\n  font-size: var(--typography--fontSize-smaller);\n  line-height: var(--typography--lineHeight-tight);\n}\n";
+var fontSizes = {"extravagant":"zvmTM4St0_C8TPhD_O9ug","jumbo":"Ra_cuCnMc70RK2H_4ChBn","largest":"dOMvSoEm0D0x_f7zK_PBP","larger":"_2fQLkoSAbYzgqfs8bUALb2","large":"_2zgB2QyVZKtvAxXrvqGZGR","base":"_101f4LA9L04rx4wc82bzVJ","small":"Apy0Y618g1UWAkSvq0riG","smaller":"_1MhBMulQtq31Ys4q9xtSNg"};
+styleInject_es.styleInject(css$7);
+
+var css$6 = "._15KVrV8OEixNgFqxYBEwRF {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n._9NJa1tKodJk5XW-pP-BDY {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n._2NjTYoUg2rwawsmn41FWY8 {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.uys-zl4qz0plQt9LRshAd {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 900;\n}\n";
+var fontWeights = {"regular":"_15KVrV8OEixNgFqxYBEwRF","bold":"_9NJa1tKodJk5XW-pP-BDY","extraBold":"_2NjTYoUg2rwawsmn41FWY8","black":"uys-zl4qz0plQt9LRshAd"};
+styleInject_es.styleInject(css$6);
+
+var css$5 = "._1QxZQjhSzY_Sq3KYUwHvCM {\n  text-transform: uppercase;\n}\n\n._76SoHLzwZVKSPV8Jbxptp {\n  text-transform: lowercase;\n}\n\n._1v1wGIm3g_nN5Y3jA2EyuK {\n  text-transform: capitalize;\n}\n";
+var textCases = {"uppercase":"_1QxZQjhSzY_Sq3KYUwHvCM","lowercase":"_76SoHLzwZVKSPV8Jbxptp","capitalize":"_1v1wGIm3g_nN5Y3jA2EyuK"};
+styleInject_es.styleInject(css$5);
+
+var css$4 = "._3ll_IHWYP5CXtvLbd7M3g4 {\n  color: var(--color-blue);\n}\n\n._2aLfviMTslnYDFQydSPFyG {\n  color: var(--color-grey);\n}\n\n._2yHCFsRY1Y6nrwHGA2BGXR {\n  color: var(--color-greyBlue--dark);\n}\n\n.khfPfWiE9EnXFTUREGKev {\n  color: var(--color-greyBlue);\n}\n\n._1IbTq3B5pV7-zQrdDXJhDB {\n  color: var(--color-green);\n}\n\n.LH8KHdwfbdIWS8Ia4LNzJ {\n  color: var(--color-red);\n}\n\n._2qLzIirDpz70j0ZkQstH4P {\n  color: var(--color-yellow);\n}\n\n._2WeCxN6EUixXRd6wiNkurb {\n  color: var(--color-yellow--dark);\n}\n\n._3KVpUUVNa7DxPCMTIqHmkr {\n  color: var(--color-lightBlue);\n}\n\n.K60KIG2FVHz496YyImWfR {\n  color: var(--color-white);\n}\n\n._39omMvRy0QF8yo96lzBKvU {\n  color: var(--color-heading);\n}\n\n._1lCJhtn-QuZ-H-7N8CtLPg {\n  color: var(--color-text);\n}\n\n.iZQf_6Bu4s-etKAEvUMSW {\n  color: var(--color-text--secondary);\n}\n\n._22rt2p8mwIe87C2W5fAboT {\n  color: var(--color-critical);\n}\n\n._1ZKA-7F_F3OjO2zAlnN0ey {\n  color: var(--color-warning--onSurface);\n}\n\n.fjWW9OckqU4Ei4hdPBRqQ {\n  color: var(--color-informative--onSurface);\n}\n\n._2oR_lya19rHAoUVAO3xgJ3 {\n  color: var(--color-success--onSurface);\n}\n\n._2TOA8Z2cHlX5BRCA54HkZp {\n  color: var(--color-disabled);\n}\n";
+var textColors = {"blue":"_3ll_IHWYP5CXtvLbd7M3g4","grey":"_2aLfviMTslnYDFQydSPFyG","greyBlueDark":"_2yHCFsRY1Y6nrwHGA2BGXR","greyBlue":"khfPfWiE9EnXFTUREGKev","green":"_1IbTq3B5pV7-zQrdDXJhDB","red":"LH8KHdwfbdIWS8Ia4LNzJ","yellow":"_2qLzIirDpz70j0ZkQstH4P","yellowDark":"_2WeCxN6EUixXRd6wiNkurb","lightBlue":"_3KVpUUVNa7DxPCMTIqHmkr","white":"K60KIG2FVHz496YyImWfR","heading":"_39omMvRy0QF8yo96lzBKvU","text":"_1lCJhtn-QuZ-H-7N8CtLPg","textSecondary":"iZQf_6Bu4s-etKAEvUMSW","critical":"_22rt2p8mwIe87C2W5fAboT","warning":"_1ZKA-7F_F3OjO2zAlnN0ey","informative":"fjWW9OckqU4Ei4hdPBRqQ","success":"_2oR_lya19rHAoUVAO3xgJ3","disabled":"_2TOA8Z2cHlX5BRCA54HkZp"};
+styleInject_es.styleInject(css$4);
+
+var css$3 = "._2v32EeDVd2655RBXZ9dq3n {\n  font-style: italic;\n}\n\n._1qwLpB6asp267SE_SsLR5r {\n  margin-left: calc(-1 * var(--space-smaller));\n  padding: 0 var(--space-smaller);\n  font-family: var(--typography--fontFamily-display);\n  font-weight: inherit;\n  background-image: linear-gradient(\n    to left,\n    var(--color-brand--highlight),\n    var(--color-brand--highlight)\n  );\n  background-position: left 75%;\n  background-repeat: repeat-x;\n  background-size: 100% 52%;\n}\n";
+var emphasis = {"italic":"_2v32EeDVd2655RBXZ9dq3n","highlight":"_1qwLpB6asp267SE_SsLR5r"};
+styleInject_es.styleInject(css$3);
+
+var css$2 = "._3RPdE_X9LPA4hEoBHeEyKm {\n  display: -webkit-box !important;\n  overflow: hidden;\n}\n";
+var truncate = {"textTruncate":"_3RPdE_X9LPA4hEoBHeEyKm"};
+styleInject_es.styleInject(css$2);
+
+var css$1 = "[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(rtl) {\n  text-align: right;\n}\n\n[dir=\"ltr\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: left;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(ltr) {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .Rcc5J7aWibqntjpsFOcCJ {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ:dir(rtl) {\n  text-align: right;\n}\n\n.Rcc5J7aWibqntjpsFOcCJ {\n  text-align: start;\n}\n\n._2RxG5sGeRD2E9YteNJJAgZ {\n  text-align: center;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(ltr) {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(rtl) {\n  text-align: left;\n}\n\n[dir=\"ltr\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: right;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(ltr) {\n  text-align: right;\n}\n\n[dir=\"rtl\"] ._1VVOr2EolJ64dLH84I4Js- {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js-:dir(rtl) {\n  text-align: left;\n}\n\n._1VVOr2EolJ64dLH84I4Js- {\n  text-align: end;\n}\n\n[dir=\"ltr\"] :export {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-left: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n:export:dir(ltr) {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-left: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n[dir=\"rtl\"] :export {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-right: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n:export:dir(rtl) {\n  start-top: Rcc5J7aWibqntjpsFOcCJ;\n  start-right: Rcc5J7aWibqntjpsFOcCJ;\n}\n\n[dir=\"ltr\"] :export {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-right: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n:export:dir(ltr) {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-right: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n[dir=\"rtl\"] :export {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-left: _1VVOr2EolJ64dLH84I4Js-;\n}\n\n:export:dir(rtl) {\n  end-bottom: _1VVOr2EolJ64dLH84I4Js-;\n  end-left: _1VVOr2EolJ64dLH84I4Js-;\n}\n";
+var alignment = {"start":"Rcc5J7aWibqntjpsFOcCJ","center":"_2RxG5sGeRD2E9YteNJJAgZ","end":"_1VVOr2EolJ64dLH84I4Js-"};
+styleInject_es.styleInject(css$1);
+
+var css = ".IO8ujZ7qHogIbFAEazAGH {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._2VhNxoLIw82qbVgNH2yiv7 {\n  font-family: var(--typography--fontFamily-display);\n}\n";
+var fontFamilies = {"base":"IO8ujZ7qHogIbFAEazAGH","display":"_2VhNxoLIw82qbVgNH2yiv7"};
+styleInject_es.styleInject(css);
+
+function Typography(_a) {
+    var _b;
+    var id = _a.id, children = _a.children, _c = _a.element, Tag = _c === void 0 ? "p" : _c, size = _a.size, align = _a.align, _d = _a.fontWeight, fontWeight = _d === void 0 ? "regular" : _d, textCase = _a.textCase, textColor = _a.textColor, emphasisType = _a.emphasisType, numberOfLines = _a.numberOfLines, fontFamily = _a.fontFamily;
+    var shouldTruncateText = numberOfLines && numberOfLines > 0;
+    var 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, tslib_es6.__assign({}, (align && (_b = {}, _b[alignment[align]] = align !== "start", _b))));
+    var 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,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "2.86.0",
+  "version": "2.86.2",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@jobber/design": "^0.26.0",
     "@jobber/formatters": "^0.2.0",
-    "@jobber/hooks": "^1.12.0",
+    "@jobber/hooks": "^1.12.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@types/color": "^3.0.1",
@@ -47,6 +47,8 @@
     "uuid": "^8.3.2"
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^23.0.0",
+    "@rollup/plugin-typescript": "^9.0.1",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^10.3.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -64,13 +66,9 @@
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^6.7.0",
     "react-test-renderer": "^16.9.0",
-    "rollup": "^1.11.3",
-    "rollup-plugin-commonjs": "^9.3.4",
+    "rollup": "^2.79.1",
     "rollup-plugin-multi-input": "^0.2.2",
-    "rollup-plugin-node-resolve": "^4.2.4",
     "rollup-plugin-postcss": "^2.0.3",
-    "rollup-plugin-typescript": "^1.0.1",
-    "rollup-plugin-typescript2": "^0.21.0",
     "ts-node": "^8.1.0",
     "typed-css-modules": "^0.7.0",
     "typescript": "^3.8.3",
@@ -85,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "da2a2a95b78390ab93a10e9037329fc98acd0348"
+  "gitHead": "eb444943eb3b4c83c68f696fc40d14f8a678658e"
 }

package/rollup.config.js

@@ -1,8 +1,8 @@
 /* eslint-disable import/no-default-export */
 import multiInput from "rollup-plugin-multi-input";
-import typescript from "rollup-plugin-typescript2";
+import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
-import commonjs from "rollup-plugin-commonjs";
+import commonjs from "@rollup/plugin-commonjs";
 
 export default {
   input: `src/*/index.ts`,
@@ -40,5 +40,30 @@ export default {
       format: "cjs",
     },
   ],
-  external: ["react", "classnames", "@jobber/formatters"],
+  external: [
+    "react",
+    "react-hook-form",
+    "react-router-dom",
+    "react-dom",
+    "react-markdown",
+    "react-countdown",
+    "react-popper",
+    "react-datepicker",
+    "react-image-lightbox",
+    "react-image-lightbox/style.css",
+    "react-dropzone",
+    "axios",
+    "filesize",
+    "color",
+    "framer-motion",
+    "classnames",
+    "lodash",
+    "uuid",
+    "lodash/debounce",
+    "@std-proposal/temporal",
+    "@use-it/event-listener",
+    "@jobber/design",
+    "@jobber/formatters",
+    "@jobber/hooks",
+  ],
 };