@jobber/components 5.37.1 → 5.37.2-CLEANUPbu-e48d3ff.21

package/dist/{Switch-ozBMDbYN.js → Switch-RIwMI0ZD.js}

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CRoX9edW.js';
+import { T as Typography } from './Typography-AbH1Uapw.js';
 
-var styles = {"switch":"RFAaR96FAEY-","track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-","spinning":"vnv-eDdC5Ws-"};
+var styles = {"switch":"rVg6dYYBFN4-","track":"yyISARGmmJo-","isChecked":"_40c6OIH33p8-","toggle":"zA0Fmn8IIZI-","label":"HLUIVXs3n5w-","pip":"PiwOCJz7Zto-","disabled":"e-cSZjkHGw8-","spinning":"_0lBGF-nXMrc-"};
 
 function Switch({ value: providedValue, ariaLabel, name, disabled, onChange, }) {
     const [statefulValue, setValue] = useState(false);

package/dist/{Switch-BpWqAVwb.js → Switch-dapup4Dg.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-CZXlC9J2.js');
+var Typography = require('./Typography-vFB90zPo.js');
 
-var styles = {"switch":"RFAaR96FAEY-","track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-","spinning":"vnv-eDdC5Ws-"};
+var styles = {"switch":"rVg6dYYBFN4-","track":"yyISARGmmJo-","isChecked":"_40c6OIH33p8-","toggle":"zA0Fmn8IIZI-","label":"HLUIVXs3n5w-","pip":"PiwOCJz7Zto-","disabled":"e-cSZjkHGw8-","spinning":"_0lBGF-nXMrc-"};
 
 function Switch({ value: providedValue, ariaLabel, name, disabled, onChange, }) {
     const [statefulValue, setValue] = React.useState(false);

package/dist/Table/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Body = require('../Body-BWFtJbrK.js');
+var Body = require('../Body-BUJGFxtJ.js');
 require('react');
 require('@jobber/formatters');
 require('classnames');

package/dist/Table/index.mjs

@@ -1,4 +1,4 @@
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from '../Body-BoBvPqSR.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from '../Body-FwphExTx.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var Tabs = require('../Tabs-BIzmZZ8Z.js');
+var Tabs = require('../Tabs-CG7WLvFi.js');
 require('react');
 require('classnames');
-require('../throttle-Cprv6cRN.js');
-require('../_commonjsHelpers-CeSHm1M2.js');
-require('../debounce-3grWz_0o.js');
-require('../isObjectLike-i_S0AKMg.js');
-require('../isSymbol-CqA9L5IE.js');
-require('../Typography-CZXlC9J2.js');
+require('../throttle-DsQn81Od.js');
+require('../_commonjsHelpers-CIuGWlVt.js');
+require('../debounce-DsaXKolw.js');
+require('../isObjectLike-Daw0vjqu.js');
+require('../isSymbol-CrhoAZI3.js');
+require('../Typography-vFB90zPo.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,9 +1,9 @@
-export { a as Tab, T as Tabs } from '../Tabs-C-8heObC.js';
+export { a as Tab, T as Tabs } from '../Tabs-Ci3_3kTH.js';
 import 'react';
 import 'classnames';
-import '../throttle-BdsTStEK.js';
-import '../_commonjsHelpers-pBx_5ASz.js';
-import '../debounce-4ZcizSQk.js';
-import '../isObjectLike-DTwl2dr2.js';
-import '../isSymbol-DwoFqCBz.js';
-import '../Typography-CRoX9edW.js';
+import '../throttle-VRmwbesV.js';
+import '../_commonjsHelpers-DSKgT2E_.js';
+import '../debounce-D_6Rd5_T.js';
+import '../isObjectLike-P0dXiNHa.js';
+import '../isSymbol-Ck-t29z6.js';
+import '../Typography-AbH1Uapw.js';

package/dist/{Tabs-BIzmZZ8Z.js → Tabs-CG7WLvFi.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var throttle = require('./throttle-Cprv6cRN.js');
-var Typography = require('./Typography-CZXlC9J2.js');
+var throttle = require('./throttle-DsQn81Od.js');
+var Typography = require('./Typography-vFB90zPo.js');
 
-var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-","spinning":"_--EWN0UM-Wo-"};
+var styles = {"tabs":"cHJe2HsBNic-","overflow":"eQt1Jis30lo-","overflowRight":"_6Vf7pQfyKKk-","overflowLeft":"jyevrJK7Bcg-","tabRow":"LfIIg9bwrhQ-","tab":"DEdzikxlAkw-","selected":"VDB94VYoyB0-","tabContent":"htdKg6As4bY-","spinning":"XFrAkUebMjI-"};
 
 function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = React.useState(false);

package/dist/{Tabs-C-8heObC.js → Tabs-Ci3_3kTH.js}

@@ -1,9 +1,9 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { t as throttle } from './throttle-BdsTStEK.js';
-import { T as Typography } from './Typography-CRoX9edW.js';
+import { t as throttle } from './throttle-VRmwbesV.js';
+import { T as Typography } from './Typography-AbH1Uapw.js';
 
-var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-","spinning":"_--EWN0UM-Wo-"};
+var styles = {"tabs":"cHJe2HsBNic-","overflow":"eQt1Jis30lo-","overflowRight":"_6Vf7pQfyKKk-","overflowLeft":"jyevrJK7Bcg-","tabRow":"LfIIg9bwrhQ-","tab":"DEdzikxlAkw-","selected":"VDB94VYoyB0-","tabContent":"htdKg6As4bY-","spinning":"XFrAkUebMjI-"};
 
 function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = useState(false);

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-CIOw_MbQ.js');
+var Text = require('../Text-8u5c30yX.js');
 require('react');
-require('../Typography-CZXlC9J2.js');
+require('../Typography-vFB90zPo.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-OejtJe9c.js';
+export { T as Text } from '../Text-PP3NusMD.js';
 import 'react';
-import '../Typography-CRoX9edW.js';
+import '../Typography-AbH1Uapw.js';
 import 'classnames';

package/dist/{Text-CIOw_MbQ.js → Text-8u5c30yX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-CZXlC9J2.js');
+var Typography = require('./Typography-vFB90zPo.js');
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/{Text-OejtJe9c.js → Text-PP3NusMD.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-CRoX9edW.js';
+import { T as Typography } from './Typography-AbH1Uapw.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/Toast/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var showToast = require('../showToast-BjO_9QYQ.js');
+var showToast = require('../showToast-2vmctNr4.js');
 require('react');
 require('react-dom/client');
 require('framer-motion');
-require('../Icon-mR0kGeqa.js');
+require('../Icon-pk1bSz-V.js');
 require('@jobber/design');
-require('../Button-Cq7nFrdg.js');
+require('../Button-ChHzsklb.js');
 require('classnames');
 require('react-router-dom');
-require('../Typography-CZXlC9J2.js');
+require('../Typography-vFB90zPo.js');
 
 
 

package/dist/Toast/index.mjs

@@ -1,10 +1,10 @@
-export { T as Toast, s as showToast } from '../showToast-B_Ma7Fnz.js';
+export { T as Toast, s as showToast } from '../showToast-Ba50f7yr.js';
 import 'react';
 import 'react-dom/client';
 import 'framer-motion';
-import '../Icon-CTOShA1M.js';
+import '../Icon-CzTxZ1W-.js';
 import '@jobber/design';
-import '../Button-BorESRA8.js';
+import '../Button-D7c4TpNt.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Typography-CRoX9edW.js';
+import '../Typography-AbH1Uapw.js';

package/dist/Tooltip/Tooltip.d.ts

@@ -11,6 +11,7 @@ interface TooltipProps {
      * @default 'top'
      */
     readonly preferredPlacement?: Placement;
+    readonly setTabIndex?: boolean;
 }
-export declare function Tooltip({ message, children, preferredPlacement, }: TooltipProps): JSX.Element;
+export declare function Tooltip({ message, children, preferredPlacement, setTabIndex, }: TooltipProps): JSX.Element;
 export {};

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-CyjsiD9h.js');
+var Tooltip = require('../Tooltip-DLVhW_fw.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-CqNRT675.js');
-require('../useIsMounted-B7_9jE75.js');
+require('../useSafeLayoutEffect-BDsZso-H.js');
+require('../useIsMounted-B9B-KfDL.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-C4syshPl.js';
+export { T as Tooltip } from '../Tooltip-BWQ2V-yF.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-DldEYPfW.js';
-import '../useIsMounted-CSRPXMQN.js';
+import '../useSafeLayoutEffect-DQURz5Jo.js';
+import '../useIsMounted-Cc_FHDAy.js';
 import 'react-popper';

package/dist/{Tooltip-C4syshPl.js → Tooltip-BWQ2V-yF.js}

@@ -2,11 +2,11 @@ import React, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { motion } from 'framer-motion';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DldEYPfW.js';
-import { u as useIsMounted_2 } from './useIsMounted-CSRPXMQN.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DQURz5Jo.js';
+import { u as useIsMounted_2 } from './useIsMounted-Cc_FHDAy.js';
 import { usePopper } from 'react-popper';
 
-var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-","spinning":"js-jBQfU2rk-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","spinning":"bobYmlUMnuY-"};
 
 const DEFAULT_PLACEMENT = "top";
 function useTooltipPositioning({ preferredPlacement, }) {
@@ -33,7 +33,7 @@ const variation = {
     startOrStop: { opacity: 0 },
     done: { opacity: 1 },
 };
-function Tooltip({ message, children, preferredPlacement = "top", }) {
+function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
     const [show, setShow] = useState(false);
     const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
     initializeListeners();
@@ -65,7 +65,9 @@ function Tooltip({ message, children, preferredPlacement = "top", }) {
                 // This is to avoid having to add those attribute as a prop on every
                 // component we have.
                 activator.setAttribute("aria-description", message);
-                activator.setAttribute("tabindex", "0"); // enable focus
+                if (setTabIndex) {
+                    activator.setAttribute("tabindex", "0"); // enable focus
+                }
             }
         };
         const addListeners = () => {

package/dist/{Tooltip-CyjsiD9h.js → Tooltip-DLVhW_fw.js}

@@ -4,11 +4,11 @@ var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-CqNRT675.js');
-var useIsMounted = require('./useIsMounted-B7_9jE75.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-BDsZso-H.js');
+var useIsMounted = require('./useIsMounted-B9B-KfDL.js');
 var reactPopper = require('react-popper');
 
-var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-","spinning":"js-jBQfU2rk-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","spinning":"bobYmlUMnuY-"};
 
 const DEFAULT_PLACEMENT = "top";
 function useTooltipPositioning({ preferredPlacement, }) {
@@ -35,7 +35,7 @@ const variation = {
     startOrStop: { opacity: 0 },
     done: { opacity: 1 },
 };
-function Tooltip({ message, children, preferredPlacement = "top", }) {
+function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
     const [show, setShow] = React.useState(false);
     const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
     initializeListeners();
@@ -67,7 +67,9 @@ function Tooltip({ message, children, preferredPlacement = "top", }) {
                 // This is to avoid having to add those attribute as a prop on every
                 // component we have.
                 activator.setAttribute("aria-description", message);
-                activator.setAttribute("tabindex", "0"); // enable focus
+                if (setTabIndex) {
+                    activator.setAttribute("tabindex", "0"); // enable focus
+                }
             }
         };
         const addListeners = () => {

package/dist/Typography/Typography.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from "react";
-import fontSizes from "./css/FontSizes.css";
-import fontWeights from "./css/FontWeights.css";
-import textCases from "./css/TextCases.css";
-import textColors from "./css/TextColors.css";
-import emphasis from "./css/Emphasis.css";
-import alignment from "./css/TextAlignment.css";
-import fontFamilies from "./css/FontFamilies.css";
+import fontSizes from "./css/FontSizes.module.css";
+import fontWeights from "./css/FontWeights.module.css";
+import textCases from "./css/TextCases.module.css";
+import textColors from "./css/TextColors.module.css";
+import emphasis from "./css/Emphasis.module.css";
+import alignment from "./css/TextAlignment.module.css";
+import fontFamilies from "./css/FontFamilies.module.css";
 import { UnderlineStyle, UnderlineStyleWithColor } from "./types";
 interface TypographyProps {
     readonly id?: string;

package/dist/Typography/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Typography = require('../Typography-CZXlC9J2.js');
+var Typography = require('../Typography-vFB90zPo.js');
 require('react');
 require('classnames');
 

package/dist/Typography/index.mjs

@@ -1,3 +1,3 @@
-export { T as Typography } from '../Typography-CRoX9edW.js';
+export { T as Typography } from '../Typography-AbH1Uapw.js';
 import 'react';
 import 'classnames';

package/dist/Typography-AbH1Uapw.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import classnames from 'classnames';
+
+var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
+
+var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
+
+var fontWeights = {"regular":"xFJ-FmjV3BE-","medium":"lY4vnCuusH8-","semiBold":"Ed96FZ8bmYo-","bold":"-bqxOwZMSDo-","extraBold":"l5JkUWFite8-","black":"HvKryt1SNY8-","spinning":"dPnxB36JG4c-"};
+
+var textCases = {"uppercase":"S3PyGdaGxok-","lowercase":"lVlhmM5z9HI-","capitalize":"l9xfdEljFWk-","none":"WYUkes21iUI-","spinning":"Ecloe7K6Yu8-"};
+
+var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"YH-Ui-YO87Y-","greyBlue":"toTsY437NnI-","green":"kLSKP1vv9b4-","red":"dGbLHIIa2tg-","yellow":"iDhXEr90lmw-","yellowDark":"Zd6zWN667b8-","lightBlue":"Ow1VL-p-XhU-","white":"tjk-wmwQD90-","heading":"chgZm2n2hOE-","text":"_8oFzBDE3jjc-","textSecondary":"_11dDD6Bevzg-","textReverse":"p5ApkSwZjq0-","textReverseSecondary":"_9B7y2Rolgi0-","inactive":"KcLyzgXTFOg-","inactiveSurface":"NVEczc1ccSM-","inactiveOnSurface":"NzaurLF4evU-","critical":"ccJADkeLhqU-","criticalSurface":"tGUW6TarfTI-","criticalOnSurface":"EZFKvApYUj0-","warning":"BRfXcULzta0-","warningSurface":"TX1xRvUTyok-","warningOnSurface":"gqCfjcHeyCM-","informative":"R8k7IbtgzXw-","informativeSurface":"dZSsqXLWAtw-","informativeOnSurface":"WoGRj2nogwI-","success":"cL8YC7STZfE-","successSurface":"zxUNOjTz9Lo-","successOnSurface":"lTHVY-6IKCk-","interactive":"_5NTP-4BzjTg-","interactiveHover":"tpbvo9fRR-8-","interactiveSubtle":"_-6PZfT3dO50-","interactiveSubtleHover":"tCL7-y7NKnY-","destructive":"wwJus4JU5-4-","destructiveHover":"Rvl8jGKrctM-","disabled":"W4Fsewoz1sg-","disabledSecondary":"_3rSuYq9be8I-","request":"aY3San0Gck0-","requestSurface":"xXX19zFoC24-","requestOnSurface":"mEIRK0sLVbA-","quote":"_-7CeSb2DQ7M-","quoteSurface":"Eb9Q6w4B2D0-","quoteOnSurface":"_47qR8-iD3lc-","job":"uCsWd-HbMDM-","jobSurface":"irItG41tQ1w-","jobOnSurface":"_9IHQ5tL6Exw-","visit":"_1y0GOpU3H4Y-","visitSurface":"_2g40AOBv0x0-","visitOnSurface":"_9UQelzX7Fhg-","task":"z-Ho8kjzWZI-","taskSurface":"p30GI6A0yLM-","taskOnSurface":"_6--pR0XX5vo-","event":"e8Y0-dOgpfU-","eventSurface":"lCLmy5Qcc9g-","eventOnSurface":"RNQy-epp3kE-","invoice":"VWLmf5fDD1w-","invoiceSurface":"_7TbmvrX-5Ew-","invoiceOnSurface":"zBkhaAkBx9k-","payments":"mMBOrDRKDtA-","paymentsSurface":"HyBFi4GZ6Bk-","paymentsOnSurface":"_3RdwgIvvnZo-","client":"AF5NaNenMJw-","icon":"gqwEwru23Xk-","brand":"_1O41QsHJDwo-","spinning":"_3aHK4rm4pXU-"};
+
+var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
+
+var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
+
+var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
+
+var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
+
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
+
+/* eslint-disable import/no-internal-modules */
+function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, }) {
+    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, underline && underlineStyles.basicUnderline, Object.assign({}, (align && { [alignment[align]]: align !== `start` })));
+    let stylesOverrides = {};
+    if (shouldTruncateText) {
+        stylesOverrides = {
+            WebkitLineClamp: numberOfLines,
+            WebkitBoxOrient: "vertical",
+        };
+    }
+    if (underline) {
+        const [underlineStyle, underlineColor] = underline.split(" ");
+        stylesOverrides.textDecorationStyle = underlineStyle;
+        stylesOverrides.textDecorationColor = computeUnderlineColor(underlineColor, textColor);
+    }
+    return (React.createElement(Tag, { id: id, className: className, style: stylesOverrides }, children));
+}
+function computeUnderlineColor(textDecorationColor, textColor) {
+    // Use the specified underline color if one is provided. If no underline color
+    // is specified, fall back to the text color for the underline.
+    if (textDecorationColor) {
+        return `var(--${textDecorationColor})`;
+    }
+    if (textColor) {
+        return textColors[textColor];
+    }
+}
+
+export { Typography as T };

package/dist/Typography-vFB90zPo.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+
+var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
+
+var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
+
+var fontWeights = {"regular":"xFJ-FmjV3BE-","medium":"lY4vnCuusH8-","semiBold":"Ed96FZ8bmYo-","bold":"-bqxOwZMSDo-","extraBold":"l5JkUWFite8-","black":"HvKryt1SNY8-","spinning":"dPnxB36JG4c-"};
+
+var textCases = {"uppercase":"S3PyGdaGxok-","lowercase":"lVlhmM5z9HI-","capitalize":"l9xfdEljFWk-","none":"WYUkes21iUI-","spinning":"Ecloe7K6Yu8-"};
+
+var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"YH-Ui-YO87Y-","greyBlue":"toTsY437NnI-","green":"kLSKP1vv9b4-","red":"dGbLHIIa2tg-","yellow":"iDhXEr90lmw-","yellowDark":"Zd6zWN667b8-","lightBlue":"Ow1VL-p-XhU-","white":"tjk-wmwQD90-","heading":"chgZm2n2hOE-","text":"_8oFzBDE3jjc-","textSecondary":"_11dDD6Bevzg-","textReverse":"p5ApkSwZjq0-","textReverseSecondary":"_9B7y2Rolgi0-","inactive":"KcLyzgXTFOg-","inactiveSurface":"NVEczc1ccSM-","inactiveOnSurface":"NzaurLF4evU-","critical":"ccJADkeLhqU-","criticalSurface":"tGUW6TarfTI-","criticalOnSurface":"EZFKvApYUj0-","warning":"BRfXcULzta0-","warningSurface":"TX1xRvUTyok-","warningOnSurface":"gqCfjcHeyCM-","informative":"R8k7IbtgzXw-","informativeSurface":"dZSsqXLWAtw-","informativeOnSurface":"WoGRj2nogwI-","success":"cL8YC7STZfE-","successSurface":"zxUNOjTz9Lo-","successOnSurface":"lTHVY-6IKCk-","interactive":"_5NTP-4BzjTg-","interactiveHover":"tpbvo9fRR-8-","interactiveSubtle":"_-6PZfT3dO50-","interactiveSubtleHover":"tCL7-y7NKnY-","destructive":"wwJus4JU5-4-","destructiveHover":"Rvl8jGKrctM-","disabled":"W4Fsewoz1sg-","disabledSecondary":"_3rSuYq9be8I-","request":"aY3San0Gck0-","requestSurface":"xXX19zFoC24-","requestOnSurface":"mEIRK0sLVbA-","quote":"_-7CeSb2DQ7M-","quoteSurface":"Eb9Q6w4B2D0-","quoteOnSurface":"_47qR8-iD3lc-","job":"uCsWd-HbMDM-","jobSurface":"irItG41tQ1w-","jobOnSurface":"_9IHQ5tL6Exw-","visit":"_1y0GOpU3H4Y-","visitSurface":"_2g40AOBv0x0-","visitOnSurface":"_9UQelzX7Fhg-","task":"z-Ho8kjzWZI-","taskSurface":"p30GI6A0yLM-","taskOnSurface":"_6--pR0XX5vo-","event":"e8Y0-dOgpfU-","eventSurface":"lCLmy5Qcc9g-","eventOnSurface":"RNQy-epp3kE-","invoice":"VWLmf5fDD1w-","invoiceSurface":"_7TbmvrX-5Ew-","invoiceOnSurface":"zBkhaAkBx9k-","payments":"mMBOrDRKDtA-","paymentsSurface":"HyBFi4GZ6Bk-","paymentsOnSurface":"_3RdwgIvvnZo-","client":"AF5NaNenMJw-","icon":"gqwEwru23Xk-","brand":"_1O41QsHJDwo-","spinning":"_3aHK4rm4pXU-"};
+
+var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
+
+var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
+
+var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
+
+var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
+
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
+
+/* eslint-disable import/no-internal-modules */
+function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, }) {
+    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, underline && underlineStyles.basicUnderline, Object.assign({}, (align && { [alignment[align]]: align !== `start` })));
+    let stylesOverrides = {};
+    if (shouldTruncateText) {
+        stylesOverrides = {
+            WebkitLineClamp: numberOfLines,
+            WebkitBoxOrient: "vertical",
+        };
+    }
+    if (underline) {
+        const [underlineStyle, underlineColor] = underline.split(" ");
+        stylesOverrides.textDecorationStyle = underlineStyle;
+        stylesOverrides.textDecorationColor = computeUnderlineColor(underlineColor, textColor);
+    }
+    return (React.createElement(Tag, { id: id, className: className, style: stylesOverrides }, children));
+}
+function computeUnderlineColor(textDecorationColor, textColor) {
+    // Use the specified underline color if one is provided. If no underline color
+    // is specified, fall back to the text color for the underline.
+    if (textDecorationColor) {
+        return `var(--${textDecorationColor})`;
+    }
+    if (textColor) {
+        return textColors[textColor];
+    }
+}
+
+exports.Typography = Typography;

package/dist/{_baseAssignValue-DqutJn-l.js → _baseAssignValue-BbSoHocw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var identity = require('./identity-CjCnhCLi.js');
+var identity = require('./identity-DYYQVf_W.js');
 
 var defineProperty = identity._defineProperty;
 

package/dist/{_baseAssignValue-CQPk8ome.js → _baseAssignValue-DIw8HfTR.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './identity-CBz1SXvU.js';
+import { _ as _defineProperty } from './identity-B1SnrtJc.js';
 
 var defineProperty = _defineProperty;
 

package/dist/{_baseEach-CqpoWL75.js → _baseEach-COMQDm7q.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var identity$1 = require('./identity-CjCnhCLi.js');
-var isObjectLike$1 = require('./isObjectLike-i_S0AKMg.js');
-var _getAllKeys = require('./_getAllKeys-Co5GejcG.js');
-var _getTag = require('./_getTag-DkDYgCHT.js');
-var isTypedArray$1 = require('./isTypedArray-K4_TLJfP.js');
-var _commonjsHelpers = require('./_commonjsHelpers-CeSHm1M2.js');
-var _baseFor = require('./_baseFor-BYQUrQxA.js');
+var identity$1 = require('./identity-DYYQVf_W.js');
+var isObjectLike$1 = require('./isObjectLike-Daw0vjqu.js');
+var _getAllKeys = require('./_getAllKeys-BaKz2hQ3.js');
+var _getTag = require('./_getTag-EjqeORng.js');
+var isTypedArray$1 = require('./isTypedArray-HjAfabXV.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
+var _baseFor = require('./_baseFor-C3AbpIJr.js');
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseEach-BswM2DnU.js → _baseEach-OyG-UVru.js}

@@ -1,10 +1,10 @@
-import { f as _MapCache, c as _Uint8Array, e as eq_1, b as _Stack, a as _isIndex, i as identity_1 } from './identity-CBz1SXvU.js';
-import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-DTwl2dr2.js';
-import { c as _getAllKeys, k as keys_1, b as _baseGet, d as _castPath, e as _toKey, f as _isKey } from './_getAllKeys-DuIeLomp.js';
-import { a as _getTag } from './_getTag-aOqfN4ej.js';
-import { c as isBufferExports, d as isTypedArray_1, a as isArray_1, i as isArguments_1, l as isLength_1, b as isArrayLike_1 } from './isTypedArray-Cd4gzGPz.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-pBx_5ASz.js';
-import { _ as _baseFor } from './_baseFor-CAR1UOUq.js';
+import { f as _MapCache, c as _Uint8Array, e as eq_1, b as _Stack, a as _isIndex, i as identity_1 } from './identity-B1SnrtJc.js';
+import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-P0dXiNHa.js';
+import { c as _getAllKeys, k as keys_1, b as _baseGet, d as _castPath, e as _toKey, f as _isKey } from './_getAllKeys-CPV_8a6W.js';
+import { a as _getTag } from './_getTag-Ck-z2SWv.js';
+import { c as isBufferExports, d as isTypedArray_1, a as isArray_1, i as isArguments_1, l as isLength_1, b as isArrayLike_1 } from './isTypedArray-CGXDqQuB.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DSKgT2E_.js';
+import { _ as _baseFor } from './_baseFor-ypFXSEXX.js';
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseFlatten-BIGjs7C-.js → _baseFlatten-v2PcnLh9.js}

@@ -1,6 +1,6 @@
-import { _ as _arrayPush } from './_getAllKeys-DuIeLomp.js';
-import { b as _Symbol } from './isObjectLike-DTwl2dr2.js';
-import { i as isArguments_1, a as isArray_1 } from './isTypedArray-Cd4gzGPz.js';
+import { _ as _arrayPush } from './_getAllKeys-CPV_8a6W.js';
+import { b as _Symbol } from './isObjectLike-P0dXiNHa.js';
+import { i as isArguments_1, a as isArray_1 } from './isTypedArray-CGXDqQuB.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/{_baseFlatten-D1NZA8St.js → _baseFlatten-zxgs-9Pe.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _getAllKeys = require('./_getAllKeys-Co5GejcG.js');
-var isObjectLike = require('./isObjectLike-i_S0AKMg.js');
-var isTypedArray = require('./isTypedArray-K4_TLJfP.js');
+var _getAllKeys = require('./_getAllKeys-BaKz2hQ3.js');
+var isObjectLike = require('./isObjectLike-Daw0vjqu.js');
+var isTypedArray = require('./isTypedArray-HjAfabXV.js');
 
 var Symbol = isObjectLike._Symbol,
     isArguments = isTypedArray.isArguments_1,

package/dist/{_getAllKeys-Co5GejcG.js → _getAllKeys-BaKz2hQ3.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var isTypedArray = require('./isTypedArray-K4_TLJfP.js');
-var isSymbol$3 = require('./isSymbol-CqA9L5IE.js');
-var identity = require('./identity-CjCnhCLi.js');
-var isObjectLike = require('./isObjectLike-i_S0AKMg.js');
-var _getTag = require('./_getTag-DkDYgCHT.js');
+var isTypedArray = require('./isTypedArray-HjAfabXV.js');
+var isSymbol$3 = require('./isSymbol-CrhoAZI3.js');
+var identity = require('./identity-DYYQVf_W.js');
+var isObjectLike = require('./isObjectLike-Daw0vjqu.js');
+var _getTag = require('./_getTag-EjqeORng.js');
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getAllKeys-DuIeLomp.js → _getAllKeys-CPV_8a6W.js}

@@ -1,8 +1,8 @@
-import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-Cd4gzGPz.js';
-import { i as isSymbol_1 } from './isSymbol-DwoFqCBz.js';
-import { f as _MapCache, d as _arrayLikeKeys } from './identity-CBz1SXvU.js';
-import { b as _Symbol } from './isObjectLike-DTwl2dr2.js';
-import { _ as _baseKeys } from './_getTag-aOqfN4ej.js';
+import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-CGXDqQuB.js';
+import { i as isSymbol_1 } from './isSymbol-Ck-t29z6.js';
+import { f as _MapCache, d as _arrayLikeKeys } from './identity-B1SnrtJc.js';
+import { b as _Symbol } from './isObjectLike-P0dXiNHa.js';
+import { _ as _baseKeys } from './_getTag-Ck-z2SWv.js';
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getTag-aOqfN4ej.js → _getTag-Ck-z2SWv.js}

@@ -1,5 +1,5 @@
-import { e as _overArg, _ as _isPrototype, f as _getNative, g as _Map, h as _toSource } from './isTypedArray-Cd4gzGPz.js';
-import { c as _root, _ as _baseGetTag } from './isObjectLike-DTwl2dr2.js';
+import { e as _overArg, _ as _isPrototype, f as _getNative, g as _Map, h as _toSource } from './isTypedArray-CGXDqQuB.js';
+import { c as _root, _ as _baseGetTag } from './isObjectLike-P0dXiNHa.js';
 
 var overArg = _overArg;
 

package/dist/{_getTag-DkDYgCHT.js → _getTag-EjqeORng.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var isTypedArray = require('./isTypedArray-K4_TLJfP.js');
-var isObjectLike = require('./isObjectLike-i_S0AKMg.js');
+var isTypedArray = require('./isTypedArray-HjAfabXV.js');
+var isObjectLike = require('./isObjectLike-Daw0vjqu.js');
 
 var overArg = isTypedArray._overArg;
 

package/dist/{_isIterateeCall-CzcrXhGB.js → _isIterateeCall-CafFeeik.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var identity$1 = require('./identity-CjCnhCLi.js');
-var _setToString = require('./_setToString-DH7GKT40.js');
-var isTypedArray = require('./isTypedArray-K4_TLJfP.js');
-var isObjectLike = require('./isObjectLike-i_S0AKMg.js');
+var identity$1 = require('./identity-DYYQVf_W.js');
+var _setToString = require('./_setToString-C1y7Yiq3.js');
+var isTypedArray = require('./isTypedArray-HjAfabXV.js');
+var isObjectLike = require('./isObjectLike-Daw0vjqu.js');
 
 var identity = identity$1.identity_1,
     overRest = _setToString._overRest,