@jobber/components 5.20.7 → 5.20.8-JOB-101907.27

package/dist/ThemeContext-C72z9sYm.js

@@ -0,0 +1,419 @@
+'use strict';
+
+var design = require('@jobber/design');
+var React = require('react');
+var _commonjsHelpers = require('./_commonjsHelpers-4scIqpFs.js');
+var _defineProperty = require('./_defineProperty-DA6aXhrl.js');
+var _baseAssignValue = require('./_baseAssignValue-JAngXB9Y.js');
+var _baseFor = require('./_baseFor-_dpTWeiD.js');
+var isPlainObject$1 = require('./isPlainObject-DSmPHs2p.js');
+var isArrayLike$1 = require('./isArrayLike-CoxVxZY0.js');
+var isObjectLike$1 = require('./isObjectLike-u9caVrPn.js');
+var _isIterateeCall = require('./_isIterateeCall-mUQgRwOP.js');
+
+var baseAssignValue = _baseAssignValue._baseAssignValue,
+    eq = _defineProperty.eq_1;
+
+/**
+ * This function is like `assignValue` except that it doesn't assign
+ * `undefined` values.
+ *
+ * @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 assignMergeValue$2(object, key, value) {
+  if ((value !== undefined && !eq(object[key], value)) ||
+      (value === undefined && !(key in object))) {
+    baseAssignValue(object, key, value);
+  }
+}
+
+var _assignMergeValue = assignMergeValue$2;
+
+var isArrayLike = isArrayLike$1.isArrayLike_1,
+    isObjectLike = isObjectLike$1.isObjectLike_1;
+
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+function isArrayLikeObject$1(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+
+var isArrayLikeObject_1 = isArrayLikeObject$1;
+
+/**
+ * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+
+function safeGet$2(object, key) {
+  if (key === 'constructor' && typeof object[key] === 'function') {
+    return;
+  }
+
+  if (key == '__proto__') {
+    return;
+  }
+
+  return object[key];
+}
+
+var _safeGet = safeGet$2;
+
+var copyObject = isPlainObject$1._copyObject,
+    keysIn$1 = isPlainObject$1.keysIn_1;
+
+/**
+ * Converts `value` to a plain object flattening inherited enumerable string
+ * keyed properties of `value` to own properties of the plain object.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {Object} Returns the converted plain object.
+ * @example
+ *
+ * function Foo() {
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.assign({ 'a': 1 }, new Foo);
+ * // => { 'a': 1, 'b': 2 }
+ *
+ * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+ * // => { 'a': 1, 'b': 2, 'c': 3 }
+ */
+function toPlainObject$1(value) {
+  return copyObject(value, keysIn$1(value));
+}
+
+var toPlainObject_1 = toPlainObject$1;
+
+var assignMergeValue$1 = _assignMergeValue,
+    cloneBuffer = isPlainObject$1._cloneBufferExports,
+    cloneTypedArray = isPlainObject$1._cloneTypedArray,
+    copyArray = isPlainObject$1._copyArray,
+    initCloneObject = isPlainObject$1._initCloneObject,
+    isArguments = isArrayLike$1.isArguments_1,
+    isArray = isArrayLike$1.isArray_1,
+    isArrayLikeObject = isArrayLikeObject_1,
+    isBuffer = isArrayLike$1.isBufferExports,
+    isFunction = isArrayLike$1.isFunction_1,
+    isObject$1 = isObjectLike$1.isObject_1,
+    isPlainObject = isPlainObject$1.isPlainObject_1,
+    isTypedArray = isArrayLike$1.isTypedArray_1,
+    safeGet$1 = _safeGet,
+    toPlainObject = toPlainObject_1;
+
+/**
+ * A specialized version of `baseMerge` for arrays and objects which performs
+ * deep merges and tracks traversed objects enabling objects with circular
+ * references to be merged.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {string} key The key of the value to merge.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} mergeFunc The function to merge values.
+ * @param {Function} [customizer] The function to customize assigned values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMergeDeep$1(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = safeGet$1(object, key),
+      srcValue = safeGet$1(source, key),
+      stacked = stack.get(srcValue);
+
+  if (stacked) {
+    assignMergeValue$1(object, key, stacked);
+    return;
+  }
+  var newValue = customizer
+    ? customizer(objValue, srcValue, (key + ''), object, source, stack)
+    : undefined;
+
+  var isCommon = newValue === undefined;
+
+  if (isCommon) {
+    var isArr = isArray(srcValue),
+        isBuff = !isArr && isBuffer(srcValue),
+        isTyped = !isArr && !isBuff && isTypedArray(srcValue);
+
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray(objValue)) {
+        newValue = objValue;
+      }
+      else if (isArrayLikeObject(objValue)) {
+        newValue = copyArray(objValue);
+      }
+      else if (isBuff) {
+        isCommon = false;
+        newValue = cloneBuffer(srcValue, true);
+      }
+      else if (isTyped) {
+        isCommon = false;
+        newValue = cloneTypedArray(srcValue, true);
+      }
+      else {
+        newValue = [];
+      }
+    }
+    else if (isPlainObject(srcValue) || isArguments(srcValue)) {
+      newValue = objValue;
+      if (isArguments(objValue)) {
+        newValue = toPlainObject(objValue);
+      }
+      else if (!isObject$1(objValue) || isFunction(objValue)) {
+        newValue = initCloneObject(srcValue);
+      }
+    }
+    else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    // Recursively merge objects and arrays (susceptible to call stack limits).
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack['delete'](srcValue);
+  }
+  assignMergeValue$1(object, key, newValue);
+}
+
+var _baseMergeDeep = baseMergeDeep$1;
+
+var Stack = _defineProperty._Stack,
+    assignMergeValue = _assignMergeValue,
+    baseFor = _baseFor._baseFor,
+    baseMergeDeep = _baseMergeDeep,
+    isObject = isObjectLike$1.isObject_1,
+    keysIn = isPlainObject$1.keysIn_1,
+    safeGet = _safeGet;
+
+/**
+ * The base implementation of `_.merge` without support for multiple sources.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} [customizer] The function to customize merged values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMerge$1(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  baseFor(source, function(srcValue, key) {
+    stack || (stack = new Stack);
+    if (isObject(srcValue)) {
+      baseMergeDeep(object, source, key, srcIndex, baseMerge$1, customizer, stack);
+    }
+    else {
+      var newValue = customizer
+        ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
+        : undefined;
+
+      if (newValue === undefined) {
+        newValue = srcValue;
+      }
+      assignMergeValue(object, key, newValue);
+    }
+  }, keysIn);
+}
+
+var _baseMerge = baseMerge$1;
+
+var baseRest = _isIterateeCall._baseRest,
+    isIterateeCall = _isIterateeCall._isIterateeCall;
+
+/**
+ * Creates a function like `_.assign`.
+ *
+ * @private
+ * @param {Function} assigner The function to assign values.
+ * @returns {Function} Returns the new assigner function.
+ */
+function createAssigner$1(assigner) {
+  return baseRest(function(object, sources) {
+    var index = -1,
+        length = sources.length,
+        customizer = length > 1 ? sources[length - 1] : undefined,
+        guard = length > 2 ? sources[2] : undefined;
+
+    customizer = (assigner.length > 3 && typeof customizer == 'function')
+      ? (length--, customizer)
+      : undefined;
+
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? undefined : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+
+var _createAssigner = createAssigner$1;
+
+var baseMerge = _baseMerge,
+    createAssigner = _createAssigner;
+
+/**
+ * This method is like `_.assign` except that it recursively merges own and
+ * inherited enumerable string keyed properties of source objects into the
+ * destination object. Source properties that resolve to `undefined` are
+ * skipped if a destination value exists. Array and plain object properties
+ * are merged recursively. Other objects and value types are overridden by
+ * assignment. Source objects are applied from left to right. Subsequent
+ * sources overwrite property assignments of previous sources.
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.5.0
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} [sources] The source objects.
+ * @returns {Object} Returns `object`.
+ * @example
+ *
+ * var object = {
+ *   'a': [{ 'b': 2 }, { 'd': 4 }]
+ * };
+ *
+ * var other = {
+ *   'a': [{ 'c': 3 }, { 'e': 5 }]
+ * };
+ *
+ * _.merge(object, other);
+ * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
+ */
+var merge = createAssigner(function(object, source, srcIndex) {
+  baseMerge(object, source, srcIndex);
+});
+
+var merge_1 = merge;
+
+var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
+
+const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
+
+/**
+ * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
+ * Will add data-theme="<newTheme>" to the <html> element.
+ * Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
+ */
+function setTheme(theme) {
+    const event = new CustomEvent(THEME_CHANGE_EVENT, {
+        detail: { theme },
+    });
+    window.dispatchEvent(event);
+}
+
+function useThemeContextEventQueue() {
+    const [themeChangeQueue, setThemeChangeQueue] = React.useState([]);
+    const enqueueThemeChange = React.useCallback((newTheme) => {
+        setThemeChangeQueue(prev => [...prev, newTheme]);
+    }, []);
+    const dequeueThemeChange = React.useCallback(() => {
+        const [newTheme, ...rest] = themeChangeQueue;
+        setThemeChangeQueue(rest);
+        return newTheme;
+    }, [themeChangeQueue]);
+    const isEmpty = React.useMemo(() => themeChangeQueue.length === 0, [themeChangeQueue]);
+    return {
+        isEmpty,
+        dequeueThemeChange,
+        enqueueThemeChange,
+        themeChangeQueue,
+    };
+}
+
+const themeContextDefaultValues = {
+    theme: "light",
+    tokens: design.tokens,
+};
+const ThemeContext = React.createContext(themeContextDefaultValues);
+function ThemeContextProvider({ children, defaultTheme = "light", }) {
+    const [internalTheme, setInternalTheme] = React.useState(defaultTheme);
+    const { isEmpty, dequeueThemeChange, enqueueThemeChange, themeChangeQueue } = useThemeContextEventQueue();
+    const handleThemeChange = React.useCallback((event) => {
+        const newTheme = event.detail.theme;
+        enqueueThemeChange(newTheme);
+    }, [enqueueThemeChange]);
+    const currentTokens = React.useMemo(() => (internalTheme === "dark" ? merge$1(design.tokens, design.darkTokens) : design.tokens), [internalTheme]);
+    React.useEffect(() => {
+        window.addEventListener(THEME_CHANGE_EVENT, handleThemeChange);
+        return () => {
+            window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChange);
+        };
+    }, [handleThemeChange]);
+    React.useEffect(() => {
+        if (isEmpty) {
+            return;
+        }
+        const newTheme = dequeueThemeChange();
+        document.documentElement.dataset.theme = newTheme;
+        setInternalTheme(newTheme);
+    }, [isEmpty, themeChangeQueue, dequeueThemeChange]);
+    React.useEffect(() => {
+        setTheme(defaultTheme);
+    }, [defaultTheme]);
+    return (React.createElement(ThemeContext.Provider, { value: {
+            theme: internalTheme,
+            tokens: currentTokens,
+        } }, children));
+}
+function useThemeContext() {
+    return React.useContext(ThemeContext);
+}
+
+exports.THEME_CHANGE_EVENT = THEME_CHANGE_EVENT;
+exports.ThemeContextProvider = ThemeContextProvider;
+exports.setTheme = setTheme;
+exports.themeContextDefaultValues = themeContextDefaultValues;
+exports.useThemeContext = useThemeContext;

package/dist/Toast/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var showToast = require('../showToast-DB9-8UDJ.js');
+var showToast = require('../showToast-C4lBcqDL.js');
 require('react');
 require('react-dom/client');
 require('framer-motion');
-require('../Icon-Dy86SgKQ.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
-require('../Button-Dz9Txb9H.js');
+require('../Button-CQQ3YKPV.js');
 require('classnames');
 require('react-router-dom');
-require('../Typography-Da5uJdz4.js');
+require('../Typography-CiLBthx3.js');
 
 
 

package/dist/Toast/index.mjs

@@ -1,10 +1,10 @@
-export { T as Toast, s as showToast } from '../showToast-BRiku7PZ.js';
+export { T as Toast, s as showToast } from '../showToast-gLnaSR0p.js';
 import 'react';
 import 'react-dom/client';
 import 'framer-motion';
-import '../Icon-EBEQFLsi.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';
-import '../Button-B6opn1hr.js';
+import '../Button-DaMX5Km4.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Typography-BxqozTX3.js';
+import '../Typography-ssxp0zuF.js';

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-R5nUnclO.js');
+var Tooltip = require('../Tooltip-CNkzQhjH.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-B--_HCjV.js');
-require('../useIsMounted-YTCw2C4j.js');
+require('../useSafeLayoutEffect-CGoDVU0C.js');
+require('../useIsMounted-lWhkkiGf.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-V7j7WVje.js';
+export { T as Tooltip } from '../Tooltip-CCM59Szo.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-7JODlTzO.js';
-import '../useIsMounted-APi0vdmK.js';
+import '../useSafeLayoutEffect-L6SfriaH.js';
+import '../useIsMounted-CsOKncHI.js';
 import 'react-popper';

package/dist/{Tooltip-V7j7WVje.js → Tooltip-CCM59Szo.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-7JODlTzO.js';
-import { u as useIsMounted_2 } from './useIsMounted-APi0vdmK.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-L6SfriaH.js';
+import { u as useIsMounted_2 } from './useIsMounted-CsOKncHI.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-"};
+var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-","spinning":"js-jBQfU2rk-"};
 
 const DEFAULT_PLACEMENT = "top";
 function useTooltipPositioning({ preferredPlacement, }) {

package/dist/{Tooltip-R5nUnclO.js → Tooltip-CNkzQhjH.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-B--_HCjV.js');
-var useIsMounted = require('./useIsMounted-YTCw2C4j.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CGoDVU0C.js');
+var useIsMounted = require('./useIsMounted-lWhkkiGf.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-"};
+var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-","spinning":"js-jBQfU2rk-"};
 
 const DEFAULT_PLACEMENT = "top";
 function useTooltipPositioning({ preferredPlacement, }) {

package/dist/Typography/index.cjs

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

package/dist/Typography/index.mjs

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

package/dist/{Typography-Da5uJdz4.js → Typography-CiLBthx3.js}

@@ -3,23 +3,23 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"base":"asDB9Ra2UpA-"};
+var styles = {"base":"asDB9Ra2UpA-","spinning":"TjRXybzU5vw-"};
 
-var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-"};
+var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-","spinning":"N5YHkAe-cMQ-"};
 
-var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-"};
+var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-","spinning":"_1O3TyaoTXRQ-"};
 
-var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-","none":"Gv3bg8ZDlAY-"};
+var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-","none":"Gv3bg8ZDlAY-","spinning":"MgvMN7iHhDk-"};
 
-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-","inactive":"gPhKMwPfrsw-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","interactive":"_99f--2dY5rg-","disabled":"_3g4iYm8XwkM-"};
+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-","inactive":"gPhKMwPfrsw-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","interactive":"_99f--2dY5rg-","disabled":"_3g4iYm8XwkM-","spinning":"oiDvyhiVuk4-"};
 
-var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-"};
+var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-","spinning":"iAIDtsVKFyk-"};
 
-var truncate = {"textTruncate":"LUJEfdi3pws-"};
+var truncate = {"textTruncate":"LUJEfdi3pws-","spinning":"GshwTZvJXXM-"};
 
-var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-"};
+var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-","spinning":"_8wF-KcT3-a0-"};
 
-var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
+var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-","spinning":"ehJfSODTJ5A-"};
 
 /* eslint-disable import/no-internal-modules */
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, }) {

package/dist/{Typography-BxqozTX3.js → Typography-ssxp0zuF.js}

@@ -1,23 +1,23 @@
 import React from 'react';
 import classnames from 'classnames';
 
-var styles = {"base":"asDB9Ra2UpA-"};
+var styles = {"base":"asDB9Ra2UpA-","spinning":"TjRXybzU5vw-"};
 
-var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-"};
+var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-","spinning":"N5YHkAe-cMQ-"};
 
-var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-"};
+var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-","spinning":"_1O3TyaoTXRQ-"};
 
-var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-","none":"Gv3bg8ZDlAY-"};
+var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-","none":"Gv3bg8ZDlAY-","spinning":"MgvMN7iHhDk-"};
 
-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-","inactive":"gPhKMwPfrsw-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","interactive":"_99f--2dY5rg-","disabled":"_3g4iYm8XwkM-"};
+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-","inactive":"gPhKMwPfrsw-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","interactive":"_99f--2dY5rg-","disabled":"_3g4iYm8XwkM-","spinning":"oiDvyhiVuk4-"};
 
-var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-"};
+var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-","spinning":"iAIDtsVKFyk-"};
 
-var truncate = {"textTruncate":"LUJEfdi3pws-"};
+var truncate = {"textTruncate":"LUJEfdi3pws-","spinning":"GshwTZvJXXM-"};
 
-var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-"};
+var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-","spinning":"_8wF-KcT3-a0-"};
 
-var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
+var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-","spinning":"ehJfSODTJ5A-"};
 
 /* eslint-disable import/no-internal-modules */
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, }) {

package/dist/{_baseAssignValue-CAXUriFT.js → _baseAssignValue-JAngXB9Y.js}

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

package/dist/{_baseAssignValue-vsaKVIeq.js → _baseAssignValue-kZ-GXq3p.js}

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