@jobber/components 4.85.5 → 4.85.6-CJS-to-ESM.1

package/dist/{Tooltip-ef3d6ef4.js → Tooltip-DWAVu0yQ.js}

@@ -5,16 +5,10 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 var reactPopper = require('react-popper');
 
-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 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: 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 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 styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","above":"B6uh34-qEuA-","below":"Wft7Ug-lXEc-","tooltipMessage":"TpdeLUuiQMg-"};
 styleInject_es.styleInject(css_248z);
 
@@ -46,17 +40,17 @@ function Tooltip({ message, children }) {
     const [show, setShow] = React.useState(false);
     const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning();
     initializeListeners();
-    const toolTipClassNames = classnames__default["default"](styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
+    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        React__default["default"].createElement(TooltipPortal, null, show && Boolean(message) && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
-            React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
+        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+            React.createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     damping: 50,
                     stiffness: 500,
                 } },
-                React__default["default"].createElement("p", { className: styles.tooltipMessage }, message),
-                React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
+                React.createElement("p", { className: styles.tooltipMessage }, message),
+                React.createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
     function initializeListeners() {
         const showTooltip = () => {
             setShow(true);
@@ -106,7 +100,7 @@ function Tooltip({ message, children }) {
     }
 }
 function TooltipPortal({ children }) {
-    return ReactDOM__default["default"].createPortal(children, document.body);
+    return ReactDOM.createPortal(children, document.body);
 }
 
 exports.Tooltip = Tooltip;

package/dist/Typography/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var Typography = require('../Typography-Dx8KtnBw.js');
+require('react');
+require('classnames');
+require('../style-inject.es-XZHJH68X.js');
+
+
+
+exports.Typography = Typography.Typography;

package/dist/Typography/index.mjs

@@ -0,0 +1,4 @@
+export { T as Typography } from '../Typography-G8pA_xwj.js';
+import 'react';
+import 'classnames';
+import '../style-inject.es-tgCJW-Cu.js';

package/dist/Typography-Dx8KtnBw.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-XZHJH68X.js');
+
+var css_248z$8 = ".asDB9Ra2UpA- {\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  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: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: var(--typography--fontSize-smaller);\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: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\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: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\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: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\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(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.createElement(Tag, { id: id, className: className, style: truncateLines }, children));
+}
+
+exports.Typography = Typography;

package/dist/Typography-G8pA_xwj.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import classnames from 'classnames';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var css_248z$8 = ".asDB9Ra2UpA- {\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  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n";
+var styles = {"base":"asDB9Ra2UpA-"};
+styleInject(css_248z$8);
+
+var css_248z$7 = "._7C4Ck1izBPs- {\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: var(--typography--fontSize-smaller);\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(css_248z$7);
+
+var css_248z$6 = ".lziyWzzvuno- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\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(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(css_248z$5);
+
+var css_248z$4 = ".pkqoq2KXY9w- {\n  color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\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(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(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(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(css_248z$1);
+
+var css_248z = ".mRpfVoMiIMM- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\n  font-family: var(--typography--fontFamily-display);\n}\n";
+var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
+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(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.createElement(Tag, { id: id, className: className, style: truncateLines }, children));
+}
+
+export { Typography as T };

package/dist/_baseAssignValue-BDfrxHwl.js

@@ -0,0 +1,29 @@
+import { _ as _defineProperty } from './_defineProperty-DYWOWIJv.js';
+
+var defineProperty = _defineProperty;
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && defineProperty) {
+    defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
+var _baseAssignValue = baseAssignValue;
+
+export { _baseAssignValue as _ };

package/dist/_baseAssignValue-Cq-EPFBb.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var _defineProperty = require('./_defineProperty-DVTdBF7D.js');
+
+var defineProperty = _defineProperty._defineProperty;
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && defineProperty) {
+    defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
+var _baseAssignValue = baseAssignValue;
+
+exports._baseAssignValue = _baseAssignValue;