@jobber/components 5.40.2-spa-super--b07493a.4 → 5.40.2

package/dist/Tabs/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var Tabs = require('../Tabs-CApOxEzB.js');
+var Tabs = require('../Tabs-DLaM8S31.js');
 require('react');
 require('classnames');
-require('../throttle-CUHwgA5U.js');
-require('../_commonjsHelpers-Bf2ceHyM.js');
-require('../debounce-xS1Jtvi-.js');
-require('../isObjectLike-B1pSY7Pn.js');
-require('../isSymbol-DXJxVKNW.js');
-require('../Typography-BtKOoa3m.js');
+require('../throttle-Ccgm5HLI.js');
+require('../_commonjsHelpers-YX4MyBgL.js');
+require('../debounce-DwvLafcW.js');
+require('../isObjectLike-CqdPDaAZ.js');
+require('../isSymbol-yhkssSa_.js');
+require('../Typography-B6wr2fXF.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,9 +1,9 @@
-export { a as Tab, T as Tabs } from '../Tabs-58ligo9F.js';
+export { a as Tab, T as Tabs } from '../Tabs-CJL0UPLp.js';
 import 'react';
 import 'classnames';
-import '../throttle-Cp24QVgf.js';
-import '../_commonjsHelpers-qgGptXJe.js';
-import '../debounce-ClM6swD9.js';
-import '../isObjectLike-OEVirCfa.js';
-import '../isSymbol-7dBV-r0c.js';
-import '../Typography-CluIkHD7.js';
+import '../throttle-NNxrrvfK.js';
+import '../_commonjsHelpers-BqMUf8pD.js';
+import '../debounce-BMsezbkP.js';
+import '../isObjectLike-DNeP5Gn4.js';
+import '../isSymbol-BiHxNDtQ.js';
+import '../Typography-CYV5Yldi.js';

package/dist/{Tabs-58ligo9F.js → Tabs-CJL0UPLp.js}

@@ -1,9 +1,9 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { t as throttle } from './throttle-Cp24QVgf.js';
-import { T as Typography } from './Typography-CluIkHD7.js';
+import { t as throttle } from './throttle-NNxrrvfK.js';
+import { T as Typography } from './Typography-CYV5Yldi.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/{Tabs-CApOxEzB.js → Tabs-DLaM8S31.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var throttle = require('./throttle-CUHwgA5U.js');
-var Typography = require('./Typography-BtKOoa3m.js');
+var throttle = require('./throttle-Ccgm5HLI.js');
+var Typography = require('./Typography-B6wr2fXF.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/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-CLHcUxvV.js');
+var Text = require('../Text-BoMmMcpY.js');
 require('react');
-require('../Typography-BtKOoa3m.js');
+require('../Typography-B6wr2fXF.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-Cv3N-HQq.js';
+export { T as Text } from '../Text-Die4px08.js';
 import 'react';
-import '../Typography-CluIkHD7.js';
+import '../Typography-CYV5Yldi.js';
 import 'classnames';

package/dist/{Text-CLHcUxvV.js → Text-BoMmMcpY.js}

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

package/dist/{Text-Cv3N-HQq.js → Text-Die4px08.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-CluIkHD7.js';
+import { T as Typography } from './Typography-CYV5Yldi.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-ViP22hXL.js');
+var showToast = require('../showToast-BBRlBmq9.js');
 require('react');
 require('react-dom/client');
 require('framer-motion');
-require('../Icon-BaQAKhoA.js');
+require('../Icon-Cesg4Wk9.js');
 require('@jobber/design');
-require('../Button-9OmkzStj.js');
+require('../Button-C7Mdf4cM.js');
 require('classnames');
 require('react-router-dom');
-require('../Typography-BtKOoa3m.js');
+require('../Typography-B6wr2fXF.js');
 
 
 

package/dist/Toast/index.mjs

@@ -1,10 +1,10 @@
-export { T as Toast, s as showToast } from '../showToast-D6RhXj5a.js';
+export { T as Toast, s as showToast } from '../showToast-D-lXtvQ3.js';
 import 'react';
 import 'react-dom/client';
 import 'framer-motion';
-import '../Icon-2iw-IVKn.js';
+import '../Icon-DoXBQi3e.js';
 import '@jobber/design';
-import '../Button-C3XdVjj6.js';
+import '../Button-8AtUEGyf.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Typography-CluIkHD7.js';
+import '../Typography-CYV5Yldi.js';

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-kdmkbfyM.js');
+var Tooltip = require('../Tooltip-Dn_LM4gq.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-CS6yMF6q.js');
-require('../useIsMounted-CBKqL3QP.js');
+require('../useSafeLayoutEffect-DvAzKVTB.js');
+require('../useIsMounted-CVwjnwf6.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-BXXBceOf.js';
+export { T as Tooltip } from '../Tooltip-BZZtLNsZ.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-CKtjCcTp.js';
-import '../useIsMounted-cUGc_JTQ.js';
+import '../useSafeLayoutEffect-Czg0cF--.js';
+import '../useIsMounted-CKaVQ1kb.js';
 import 'react-popper';

package/dist/{Tooltip-BXXBceOf.js → Tooltip-BZZtLNsZ.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-CKtjCcTp.js';
-import { u as useIsMounted_2 } from './useIsMounted-cUGc_JTQ.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-Czg0cF--.js';
+import { u as useIsMounted_2 } from './useIsMounted-CKaVQ1kb.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, }) {

package/dist/{Tooltip-kdmkbfyM.js → Tooltip-Dn_LM4gq.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-CS6yMF6q.js');
-var useIsMounted = require('./useIsMounted-CBKqL3QP.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-DvAzKVTB.js');
+var useIsMounted = require('./useIsMounted-CVwjnwf6.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, }) {

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-BtKOoa3m.js');
+var Typography = require('../Typography-B6wr2fXF.js');
 require('react');
 require('classnames');
 

package/dist/Typography/index.mjs

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

package/dist/Typography-B6wr2fXF.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/Typography-CYV5Yldi.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/{_baseAssignValue-D6GWLWd6.js → _baseAssignValue-CKGJUFND.js}

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

package/dist/{_baseAssignValue-DSROLOlR.js → _baseAssignValue-CpDZxcYx.js}

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

package/dist/{_baseEach-BLUtuRAn.js → _baseEach--VNqTJBo.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var identity$1 = require('./identity-sawRz70o.js');
-var isObjectLike$1 = require('./isObjectLike-B1pSY7Pn.js');
-var _getAllKeys = require('./_getAllKeys-gDxMQj3N.js');
-var _getTag = require('./_getTag-C9XlqfH5.js');
-var isTypedArray$1 = require('./isTypedArray-mZxTygGd.js');
-var _commonjsHelpers = require('./_commonjsHelpers-Bf2ceHyM.js');
-var _baseFor = require('./_baseFor-BQQl9bQP.js');
+var identity$1 = require('./identity-BR3nQbBO.js');
+var isObjectLike$1 = require('./isObjectLike-CqdPDaAZ.js');
+var _getAllKeys = require('./_getAllKeys-CLeMGSom.js');
+var _getTag = require('./_getTag-B1bJZ9FI.js');
+var isTypedArray$1 = require('./isTypedArray-BgO9rpaE.js');
+var _commonjsHelpers = require('./_commonjsHelpers-YX4MyBgL.js');
+var _baseFor = require('./_baseFor-D96aN1f_.js');
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseEach-C_YRzTy3.js → _baseEach-BAgNHLCJ.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-C-koQaCf.js';
-import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-OEVirCfa.js';
-import { c as _getAllKeys, k as keys_1, b as _baseGet, d as _castPath, e as _toKey, f as _isKey } from './_getAllKeys-IZP1t6bq.js';
-import { a as _getTag } from './_getTag-jhB0N_39.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-aFI3SdZV.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-qgGptXJe.js';
-import { _ as _baseFor } from './_baseFor-3vr9iYTz.js';
+import { f as _MapCache, c as _Uint8Array, e as eq_1, b as _Stack, a as _isIndex, i as identity_1 } from './identity-BevJIx5g.js';
+import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-DNeP5Gn4.js';
+import { c as _getAllKeys, k as keys_1, b as _baseGet, d as _castPath, e as _toKey, f as _isKey } from './_getAllKeys-BjKmyLec.js';
+import { a as _getTag } from './_getTag-edHZzE8s.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-Dm9-8XP6.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BqMUf8pD.js';
+import { _ as _baseFor } from './_baseFor-COA9xgXp.js';
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseFlatten-BhvP3NnC.js → _baseFlatten-8mNBnlMC.js}

@@ -1,6 +1,6 @@
-import { _ as _arrayPush } from './_getAllKeys-IZP1t6bq.js';
-import { b as _Symbol } from './isObjectLike-OEVirCfa.js';
-import { i as isArguments_1, a as isArray_1 } from './isTypedArray-aFI3SdZV.js';
+import { _ as _arrayPush } from './_getAllKeys-BjKmyLec.js';
+import { b as _Symbol } from './isObjectLike-DNeP5Gn4.js';
+import { i as isArguments_1, a as isArray_1 } from './isTypedArray-Dm9-8XP6.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/{_baseFlatten-CM2MvmaX.js → _baseFlatten-DZGJuD-r.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _getAllKeys = require('./_getAllKeys-gDxMQj3N.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
-var isTypedArray = require('./isTypedArray-mZxTygGd.js');
+var _getAllKeys = require('./_getAllKeys-CLeMGSom.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
+var isTypedArray = require('./isTypedArray-BgO9rpaE.js');
 
 var Symbol = isObjectLike._Symbol,
     isArguments = isTypedArray.isArguments_1,

package/dist/{_getAllKeys-IZP1t6bq.js → _getAllKeys-BjKmyLec.js}

@@ -1,8 +1,8 @@
-import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-aFI3SdZV.js';
-import { i as isSymbol_1 } from './isSymbol-7dBV-r0c.js';
-import { f as _MapCache, d as _arrayLikeKeys } from './identity-C-koQaCf.js';
-import { b as _Symbol } from './isObjectLike-OEVirCfa.js';
-import { _ as _baseKeys } from './_getTag-jhB0N_39.js';
+import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-Dm9-8XP6.js';
+import { i as isSymbol_1 } from './isSymbol-BiHxNDtQ.js';
+import { f as _MapCache, d as _arrayLikeKeys } from './identity-BevJIx5g.js';
+import { b as _Symbol } from './isObjectLike-DNeP5Gn4.js';
+import { _ as _baseKeys } from './_getTag-edHZzE8s.js';
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getAllKeys-gDxMQj3N.js → _getAllKeys-CLeMGSom.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var isTypedArray = require('./isTypedArray-mZxTygGd.js');
-var isSymbol$3 = require('./isSymbol-DXJxVKNW.js');
-var identity = require('./identity-sawRz70o.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
-var _getTag = require('./_getTag-C9XlqfH5.js');
+var isTypedArray = require('./isTypedArray-BgO9rpaE.js');
+var isSymbol$3 = require('./isSymbol-yhkssSa_.js');
+var identity = require('./identity-BR3nQbBO.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
+var _getTag = require('./_getTag-B1bJZ9FI.js');
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getTag-C9XlqfH5.js → _getTag-B1bJZ9FI.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var isTypedArray = require('./isTypedArray-mZxTygGd.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
+var isTypedArray = require('./isTypedArray-BgO9rpaE.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
 
 var overArg = isTypedArray._overArg;
 

package/dist/{_getTag-jhB0N_39.js → _getTag-edHZzE8s.js}

@@ -1,5 +1,5 @@
-import { e as _overArg, _ as _isPrototype, f as _getNative, g as _Map, h as _toSource } from './isTypedArray-aFI3SdZV.js';
-import { c as _root, _ as _baseGetTag } from './isObjectLike-OEVirCfa.js';
+import { e as _overArg, _ as _isPrototype, f as _getNative, g as _Map, h as _toSource } from './isTypedArray-Dm9-8XP6.js';
+import { c as _root, _ as _baseGetTag } from './isObjectLike-DNeP5Gn4.js';
 
 var overArg = _overArg;
 

package/dist/{_isIterateeCall-DqxShfI0.js → _isIterateeCall-BXnIzTT8.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var identity$1 = require('./identity-sawRz70o.js');
-var _setToString = require('./_setToString-DJQsKJ00.js');
-var isTypedArray = require('./isTypedArray-mZxTygGd.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
+var identity$1 = require('./identity-BR3nQbBO.js');
+var _setToString = require('./_setToString-C438L9R2.js');
+var isTypedArray = require('./isTypedArray-BgO9rpaE.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
 
 var identity = identity$1.identity_1,
     overRest = _setToString._overRest,

package/dist/{_isIterateeCall-DPh9OrT5.js → _isIterateeCall-DLoTrwbu.js}

@@ -1,7 +1,7 @@
-import { i as identity_1, e as eq_1, a as _isIndex } from './identity-C-koQaCf.js';
-import { _ as _overRest, a as _setToString } from './_setToString-CjMaxrLQ.js';
-import { b as isArrayLike_1 } from './isTypedArray-aFI3SdZV.js';
-import { i as isObject_1 } from './isObjectLike-OEVirCfa.js';
+import { i as identity_1, e as eq_1, a as _isIndex } from './identity-BevJIx5g.js';
+import { _ as _overRest, a as _setToString } from './_setToString-CdYCvC89.js';
+import { b as isArrayLike_1 } from './isTypedArray-Dm9-8XP6.js';
+import { i as isObject_1 } from './isObjectLike-DNeP5Gn4.js';
 
 var identity = identity_1,
     overRest = _overRest,

package/dist/{_setToString-DJQsKJ00.js → _setToString-C438L9R2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var identity$1 = require('./identity-sawRz70o.js');
+var identity$1 = require('./identity-BR3nQbBO.js');
 
 /**
  * A faster alternative to `Function#apply`, this function invokes `func`

package/dist/{_setToString-CjMaxrLQ.js → _setToString-CdYCvC89.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, i as identity_1 } from './identity-C-koQaCf.js';
+import { _ as _defineProperty, i as identity_1 } from './identity-BevJIx5g.js';
 
 /**
  * A faster alternative to `Function#apply`, this function invokes `func`

package/dist/{debounce-ClM6swD9.js → debounce-BMsezbkP.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-qgGptXJe.js';
-import { c as _root, i as isObject_1 } from './isObjectLike-OEVirCfa.js';
-import { i as isSymbol_1 } from './isSymbol-7dBV-r0c.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BqMUf8pD.js';
+import { c as _root, i as isObject_1 } from './isObjectLike-DNeP5Gn4.js';
+import { i as isSymbol_1 } from './isSymbol-BiHxNDtQ.js';
 
 var root = _root;
 

package/dist/{debounce-xS1Jtvi-.js → debounce-DwvLafcW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-Bf2ceHyM.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
-var isSymbol$1 = require('./isSymbol-DXJxVKNW.js');
+var _commonjsHelpers = require('./_commonjsHelpers-YX4MyBgL.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
+var isSymbol$1 = require('./isSymbol-yhkssSa_.js');
 
 var root = isObjectLike._root;
 

package/dist/{helpers-CGEtYTch.js → helpers-B8hGbBDz.js}

@@ -1,4 +1,4 @@
-import { j as jobberHooks } from './useResizeObserver-rVuTEUjg.js';
+import { j as jobberHooks } from './useResizeObserver-mhrTmyuo.js';
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(jobberHooks, "useResizeObserver").mockReturnValue([

package/dist/{helpers-ZFAJsX7u.js → helpers-Cpy6wFmK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var useResizeObserver = require('./useResizeObserver-D3qedtF_.js');
+var useResizeObserver = require('./useResizeObserver-V1pQMtOV.js');
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(useResizeObserver.jobberHooks, "useResizeObserver").mockReturnValue([

package/dist/{identity-sawRz70o.js → identity-BR3nQbBO.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var isTypedArray$1 = require('./isTypedArray-mZxTygGd.js');
-var isObjectLike = require('./isObjectLike-B1pSY7Pn.js');
+var isTypedArray$1 = require('./isTypedArray-BgO9rpaE.js');
+var isObjectLike = require('./isObjectLike-CqdPDaAZ.js');
 
 /**
  * Removes all key-value entries from the list cache.

package/dist/{identity-C-koQaCf.js → identity-BevJIx5g.js}

@@ -1,5 +1,5 @@
-import { f as _getNative, g as _Map, i as isArguments_1, c as isBufferExports, d as isTypedArray_1, a as isArray_1 } from './isTypedArray-aFI3SdZV.js';
-import { c as _root } from './isObjectLike-OEVirCfa.js';
+import { f as _getNative, g as _Map, i as isArguments_1, c as isBufferExports, d as isTypedArray_1, a as isArray_1 } from './isTypedArray-Dm9-8XP6.js';
+import { c as _root } from './isObjectLike-DNeP5Gn4.js';
 
 /**
  * Removes all key-value entries from the list cache.