@jobber/components 4.1.1 → 4.1.3-pre.14

package/dist/Typography-9262511f.js

@@ -1,62 +0,0 @@
-'use strict';
-
-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 = "._3JZjimh4dusy34C2IGQzQR {\n  margin: 0;\n  padding: 0;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  word-wrap: break-word;\n}\n";
-var styles = {"base":"_3JZjimh4dusy34C2IGQzQR"};
-styleInject_es.styleInject(css$8);
-
-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  display: inline;\n  font-family: inherit;\n  font-style: normal;\n  font-weight: inherit;\n  background-image: url(\"data:image/svg+xml;charset=utf-8,%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":"_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);
-
-/* 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;