@jobber/components 5.37.1-clearable--7c9ab1f.1 → 5.37.2-CLEANUPbu-e48d3ff.21

package/dist/{throttle-TAJ2Aog_.js → throttle-DsQn81Od.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BtiY4gl3.js');
-var debounce$1 = require('./debounce-CHDXWf36.js');
-var isObjectLike = require('./isObjectLike-Dor1SJmM.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
+var debounce$1 = require('./debounce-DsaXKolw.js');
+var isObjectLike = require('./isObjectLike-Daw0vjqu.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{throttle-C-JmOMae.js → throttle-VRmwbesV.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-k5gpQozE.js';
-import { d as debounce_1 } from './debounce-ayr_Uvmj.js';
-import { i as isObject_1 } from './isObjectLike-BARBxQoG.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DSKgT2E_.js';
+import { d as debounce_1 } from './debounce-D_6Rd5_T.js';
+import { i as isObject_1 } from './isObjectLike-P0dXiNHa.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{updateTheme-D0slg4bg.js → updateTheme-BIpy7DHy.js}

@@ -2,14 +2,14 @@
 
 var design = require('@jobber/design');
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BtiY4gl3.js');
-var identity = require('./identity-OIvg06c5.js');
-var _baseAssignValue = require('./_baseAssignValue-B6-s6X6w.js');
-var _baseFor = require('./_baseFor-CQrKoSwG.js');
-var keysIn$2 = require('./keysIn-BZgKuALJ.js');
-var isTypedArray$1 = require('./isTypedArray-DogrfgQO.js');
-var isObjectLike$1 = require('./isObjectLike-Dor1SJmM.js');
-var _isIterateeCall = require('./_isIterateeCall-D5su7Imy.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
+var identity = require('./identity-DYYQVf_W.js');
+var _baseAssignValue = require('./_baseAssignValue-BbSoHocw.js');
+var _baseFor = require('./_baseFor-C3AbpIJr.js');
+var keysIn$2 = require('./keysIn-V3zylQyx.js');
+var isTypedArray$1 = require('./isTypedArray-HjAfabXV.js');
+var isObjectLike$1 = require('./isObjectLike-Daw0vjqu.js');
+var _isIterateeCall = require('./_isIterateeCall-CafFeeik.js');
 
 var baseAssignValue = _baseAssignValue._baseAssignValue,
     eq = identity.eq_1;
@@ -342,7 +342,7 @@ var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"HGigF1uizTY-","spinning":"E6PV9nwjtjI-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",

package/dist/{updateTheme-CTCrLLUc.js → updateTheme-Bri1TcPF.js}

@@ -1,13 +1,13 @@
 import { tokens, darkTokens } from '@jobber/design';
 import React, { createContext, useState, useCallback, useEffect, useContext } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-k5gpQozE.js';
-import { e as eq_1, b as _Stack } from './identity-Cks5MgTV.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-BTEjedEm.js';
-import { _ as _baseFor } from './_baseFor-D-eWIKag.js';
-import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-m6w6HDP8.js';
-import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-BjcDVIJn.js';
-import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-BARBxQoG.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-DLPql6zh.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DSKgT2E_.js';
+import { e as eq_1, b as _Stack } from './identity-B1SnrtJc.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-DIw8HfTR.js';
+import { _ as _baseFor } from './_baseFor-ypFXSEXX.js';
+import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-CPu_GXD-.js';
+import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-CGXDqQuB.js';
+import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-P0dXiNHa.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-D0l56nVY.js';
 
 var baseAssignValue = _baseAssignValue,
     eq = eq_1;
@@ -340,7 +340,7 @@ var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"HGigF1uizTY-","spinning":"E6PV9nwjtjI-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",

package/dist/{useActiveLayout-Dgmokxa8.js → useActiveLayout-BrEoHjTL.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-LoMgzMdA.js');
-var DataListContext = require('./DataListContext-0HbFIbzM.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DDatqt-_.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-I8XhZJAe.js → useActiveLayout-DsEieVVU.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-CjiPEFpA.js';
-import { u as useDataListContext } from './DataListContext-0VlWtIk6.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CmW6JmI_.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-NCdMXUYl.js → useAssert-BF9sSCvd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BtiY4gl3.js');
-var _polyfillNode_process = require('./_polyfill-node.process-DCbPxquK.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CPhbQ6og.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-OMaE6Nv2.js → useAssert-BdgtmYwS.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-k5gpQozE.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-BGVKNYJb.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DSKgT2E_.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CGRwKmDk.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-CexCKDit.js → useBatchSelect-CwmGd3-I.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext-0HbFIbzM.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/{useBatchSelect-CbFfHLvL.js → useBatchSelect-DlXBdzwi.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-0VlWtIk6.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useIsMounted-CVFVXeng.js → useIsMounted-B9B-KfDL.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-DGADd8rR.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-BDsZso-H.js');
 
 var useIsMounted$1 = {};
 
@@ -19,6 +19,9 @@ exports.useIsMounted_2 = useIsMounted$1.useIsMounted = void 0;
 const react_1 = React;
 const useSafeLayoutEffect_1 = useSafeLayoutEffect;
 /**
+ * If you are using this hook in order to only perform an action once after mounting (for example sending
+ * analytics events), use `useOnMount` instead
+ *
  * Why does this work?
  *
  * The following is from the react docs:

package/dist/{useIsMounted-CEQNoS6e.js → useIsMounted-Cc_FHDAy.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-mRENDcek.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-DQURz5Jo.js';
 
 var useIsMounted$1 = {};
 
@@ -17,6 +17,9 @@ var useIsMounted_2 = useIsMounted$1.useIsMounted = void 0;
 const react_1 = React;
 const useSafeLayoutEffect_1 = useSafeLayoutEffect;
 /**
+ * If you are using this hook in order to only perform an action once after mounting (for example sending
+ * analytics events), use `useOnMount` instead
+ *
  * Why does this work?
  *
  * The following is from the react docs:

package/dist/{useResizeObserver-B-6VZwse.js → useResizeObserver-BHYC6Bi-.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BtiY4gl3.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
 var React = require('react');
-var throttle$1 = require('./throttle-TAJ2Aog_.js');
+var throttle$1 = require('./throttle-DsQn81Od.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-CsCem-_g.js → useResizeObserver-By56jFx2.js}

@@ -1,6 +1,6 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-k5gpQozE.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DSKgT2E_.js';
 import React from 'react';
-import { a as throttle_1 } from './throttle-C-JmOMae.js';
+import { a as throttle_1 } from './throttle-VRmwbesV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-CjiPEFpA.js → useResponsiveSizing-CmW6JmI_.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-Du7_pQp1.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-BFdoMYzt.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-LoMgzMdA.js → useResponsiveSizing-DDatqt-_.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-nvSGOjax.js');
+var DataList_const = require('./DataList.const-D0_vZOFC.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-BaqoM6ni.js → useScrollToActive-CcTptG1W.js}

@@ -1,14 +1,14 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-k5gpQozE.js';
-import { _ as _baseFlatten } from './_baseFlatten-B1KGt4zq.js';
-import { a as _arrayMap, b as _baseGet } from './_getAllKeys-0jS1QPUX.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-79R2D-sK.js';
-import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-BjcDVIJn.js';
-import { i as isSymbol_1 } from './isSymbol-DwwggTad.js';
-import { i as identity_1 } from './identity-Cks5MgTV.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-DLPql6zh.js';
-import { a as debounce } from './debounce-ayr_Uvmj.js';
-import { I as Icon } from './Icon-CALDIouY.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DSKgT2E_.js';
+import { _ as _baseFlatten } from './_baseFlatten-v2PcnLh9.js';
+import { a as _arrayMap, b as _baseGet } from './_getAllKeys-CPV_8a6W.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-OyG-UVru.js';
+import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-CGXDqQuB.js';
+import { i as isSymbol_1 } from './isSymbol-Ck-t29z6.js';
+import { i as identity_1 } from './identity-B1SnrtJc.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-D0l56nVY.js';
+import { a as debounce } from './debounce-D_6Rd5_T.js';
+import { I as Icon } from './Icon-CzTxZ1W-.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-7GrOHux5.js → useScrollToActive-TpUr6sXO.js}

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BtiY4gl3.js');
-var _baseFlatten = require('./_baseFlatten-CEhgig46.js');
-var _getAllKeys = require('./_getAllKeys-DHwpDJG2.js');
-var _baseEach = require('./_baseEach-DbOZ0n-T.js');
-var isTypedArray = require('./isTypedArray-DogrfgQO.js');
-var isSymbol$1 = require('./isSymbol-BDpMvH6H.js');
-var identity$1 = require('./identity-OIvg06c5.js');
-var _isIterateeCall = require('./_isIterateeCall-D5su7Imy.js');
-var debounce = require('./debounce-CHDXWf36.js');
-var Icon = require('./Icon-DD26JSKa.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CIuGWlVt.js');
+var _baseFlatten = require('./_baseFlatten-zxgs-9Pe.js');
+var _getAllKeys = require('./_getAllKeys-BaKz2hQ3.js');
+var _baseEach = require('./_baseEach-COMQDm7q.js');
+var isTypedArray = require('./isTypedArray-HjAfabXV.js');
+var isSymbol$1 = require('./isSymbol-CrhoAZI3.js');
+var identity$1 = require('./identity-DYYQVf_W.js');
+var _isIterateeCall = require('./_isIterateeCall-CafFeeik.js');
+var debounce = require('./debounce-DsaXKolw.js');
+var Icon = require('./Icon-pk1bSz-V.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.37.1-clearable--7c9ab1f.1+7c9ab1f5",
+  "version": "5.37.2-CLEANUPbu-e48d3ff.21+e48d3ff7",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -448,10 +448,6 @@
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^14.5.1",
     "@types/glob": "^7.1.1",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -467,8 +463,7 @@
     "rollup-plugin-multi-input": "^1.4.1",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "typed-css-modules": "^0.7.0",
-    "typescript": "^4.9.5"
+    "typed-css-modules": "^0.7.0"
   },
   "peerDependencies": {
     "@apollo/client": "^3",
@@ -495,5 +490,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "7c9ab1f571d5c0b6c953113113664c59fd1d8bfb"
+  "gitHead": "e48d3ff7b76854f8733a5f1428d02544c6ff1444"
 }

package/dist/BannerIcon-Bpb8WRmB.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Icon = require('./Icon-DD26JSKa.js');
-
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
-
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
-
-function BannerIcon({ icon, type }) {
-    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-        React.createElement(Icon.Icon, { name: icon, color: "surface", size: "small" })));
-}
-
-exports.BannerIcon = BannerIcon;
-exports.styles = styles;

package/dist/BannerIcon-Cm9j8faE.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { I as Icon } from './Icon-CALDIouY.js';
-
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
-
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
-
-function BannerIcon({ icon, type }) {
-    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-        React.createElement(Icon, { name: icon, color: "surface", size: "small" })));
-}
-
-export { BannerIcon as B, styles as s };

package/dist/Card/cardcolors.css.d.ts

@@ -1,89 +0,0 @@
-declare const styles: {
-  readonly "requestColor": string;
-  readonly "quoteColor": string;
-  readonly "jobColor": string;
-  readonly "invoiceColor": string;
-  readonly "blue": string;
-  readonly "blueLight": string;
-  readonly "blueLighter": string;
-  readonly "blueLightest": string;
-  readonly "blueDark": string;
-  readonly "green": string;
-  readonly "greenLight": string;
-  readonly "greenLighter": string;
-  readonly "greenLightest": string;
-  readonly "greenDark": string;
-  readonly "lime": string;
-  readonly "limeLight": string;
-  readonly "limeLighter": string;
-  readonly "limeLightest": string;
-  readonly "limeDark": string;
-  readonly "yellowGreen": string;
-  readonly "yellowGreenLight": string;
-  readonly "yellowGreenLighter": string;
-  readonly "yellowGreenLightest": string;
-  readonly "yellowGreenDark": string;
-  readonly "yellow": string;
-  readonly "yellowLight": string;
-  readonly "yellowLighter": string;
-  readonly "yellowLightest": string;
-  readonly "yellowDark": string;
-  readonly "red": string;
-  readonly "redLight": string;
-  readonly "redLighter": string;
-  readonly "redLightest": string;
-  readonly "redDark": string;
-  readonly "grey": string;
-  readonly "greyLight": string;
-  readonly "greyLighter": string;
-  readonly "greyLightest": string;
-  readonly "greyDark": string;
-  readonly "greyBlue": string;
-  readonly "greyBlueLight": string;
-  readonly "greyBlueLighter": string;
-  readonly "greyBlueLightest": string;
-  readonly "greyBlueDark": string;
-  readonly "lightBlue": string;
-  readonly "lightBlueLight": string;
-  readonly "lightBlueLighter": string;
-  readonly "lightBlueLightest": string;
-  readonly "lightBlueDark": string;
-  readonly "purple": string;
-  readonly "purpleLight": string;
-  readonly "purpleLighter": string;
-  readonly "purpleLightest": string;
-  readonly "purpleDark": string;
-  readonly "pink": string;
-  readonly "pinkLight": string;
-  readonly "pinkLighter": string;
-  readonly "pinkLightest": string;
-  readonly "pinkDark": string;
-  readonly "teal": string;
-  readonly "tealLight": string;
-  readonly "tealLighter": string;
-  readonly "tealLightest": string;
-  readonly "tealDark": string;
-  readonly "orange": string;
-  readonly "orangeLight": string;
-  readonly "orangeLighter": string;
-  readonly "orangeLightest": string;
-  readonly "orangeDark": string;
-  readonly "brown": string;
-  readonly "brownLight": string;
-  readonly "brownLighter": string;
-  readonly "brownLightest": string;
-  readonly "brownDark": string;
-  readonly "navy": string;
-  readonly "navyLight": string;
-  readonly "navyLighter": string;
-  readonly "navyLightest": string;
-  readonly "navyDark": string;
-  readonly "indigo": string;
-  readonly "indigoLight": string;
-  readonly "indigoLighter": string;
-  readonly "indigoLightest": string;
-  readonly "indigoDark": string;
-  readonly "white": string;
-};
-export = styles;
-

package/dist/Chip-Ct-5Dtm9.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { u as useInView_2 } from './useInView-DPLvoKDk.js';
-import { A as Avatar } from './Avatar-Ca3kprBi.js';
-import { I as Icon } from './Icon-CALDIouY.js';
-import { u as useChildComponent } from './useChildComponent-BcZ7Rqd3.js';
-import { T as Typography } from './Typography-CZJ9kQ2I.js';
-import { T as Tooltip } from './Tooltip-Xbehk8dQ.js';
-
-var styles = {"chip":"af7U8MvcbHE-","clickableSuffix":"GnA73aYUbak-","suffix":"ySADfZ0FckM-","prefix":"e905AYK4SCc-","empty":"usdkmQ9Sxbk-","chipBar":"dg1-Izy1eQA-","selected":"-lz0EYLTDgg-","base":"wSI5L-5rODg-","invalid":"SmUxkzpIC84-","subtle":"Mux23dmZSuw-","disabled":"MbRItb9vKhc-","chipContent":"tJhURjR2Vec-","truncateGradient":"G3QXY0rNcK0-","chipLabelRef":"MUKEW6c2nNA-","spinning":"v2Qb-3r7q-g-"};
-
-function ChipPrefix({ children }) {
-    const avatarOrIcon = useChildComponent(children, d => d.type === Avatar || d.type === Icon);
-    if (!avatarOrIcon)
-        return React.createElement(React.Fragment, null, children);
-    return React.createElement("span", { className: classnames(styles.prefix) }, avatarOrIcon);
-}
-
-function ChipSuffix({ children, className, onClick, testID, ariaLabel, }) {
-    var _a;
-    let singleChild = useChildComponent(children, d => d.type === Icon);
-    const handleClick = (event) => {
-        if (!onClick) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        onClick(event);
-    };
-    if (!allowedSuffixIcons.includes((_a = singleChild === null || singleChild === void 0 ? void 0 : singleChild.props) === null || _a === void 0 ? void 0 : _a.name)) {
-        singleChild = undefined;
-    }
-    return (React.createElement("span", { className: classnames(onClick ? styles.clickableSuffix : styles.suffix, className, !singleChild && styles.empty), onClick: handleClick, onKeyPress: handleClick, role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, "data-testid": testID, "aria-label": ariaLabel }, singleChild));
-}
-const allowedSuffixIcons = ["cross", "add", "checkmark", "arrowDown"];
-
-const Chip = ({ ariaLabel, disabled, heading, invalid, label, value, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) => {
-    const classes = classnames(styles.chip, {
-        [styles.invalid]: invalid,
-        [styles.base]: variation === "base",
-        [styles.subtle]: variation === "subtle",
-        [styles.disabled]: disabled,
-    });
-    const prefix = useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent(children, d => d.type === Chip.Suffix);
-    const [labelRef, labelFullyVisible] = useInView_2();
-    const [headingRef, headingFullyVisible] = useInView_2();
-    const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    return (React.createElement(Tooltip, { message: tooltipMessage },
-        React.createElement("button", { className: classes, onClick: (ev) => onClick && onClick(value, ev), tabIndex: tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel || label, disabled: disabled, role: role, type: "button" },
-            prefix,
-            React.createElement("div", { className: styles.chipContent },
-                heading && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React.createElement("span", { ref: headingRef, className: styles.chipLabelRef })),
-                    label && React.createElement("span", { className: styles.chipBar }))),
-                React.createElement(Typography, { size: "base" },
-                    label,
-                    React.createElement("span", { ref: labelRef, className: styles.chipLabelRef })),
-                !labelFullyVisible && (React.createElement("div", { className: styles.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" }))),
-            suffix)));
-};
-function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
-    let message = "";
-    if (heading && !headingFullyVisible) {
-        message = `${heading} | ${label}`;
-    }
-    else if (!labelFullyVisible) {
-        message = label;
-    }
-    return message;
-}
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
-
-export { Chip as C, styles as s };

package/dist/Chip-DDdOsDKy.js

@@ -1,80 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var useInView = require('./useInView-D40sSISk.js');
-var Avatar = require('./Avatar-CUam1nxH.js');
-var Icon = require('./Icon-DD26JSKa.js');
-var useChildComponent = require('./useChildComponent-DZIN9QGI.js');
-var Typography = require('./Typography-CXqHHrOB.js');
-var Tooltip = require('./Tooltip-B97lMtYj.js');
-
-var styles = {"chip":"af7U8MvcbHE-","clickableSuffix":"GnA73aYUbak-","suffix":"ySADfZ0FckM-","prefix":"e905AYK4SCc-","empty":"usdkmQ9Sxbk-","chipBar":"dg1-Izy1eQA-","selected":"-lz0EYLTDgg-","base":"wSI5L-5rODg-","invalid":"SmUxkzpIC84-","subtle":"Mux23dmZSuw-","disabled":"MbRItb9vKhc-","chipContent":"tJhURjR2Vec-","truncateGradient":"G3QXY0rNcK0-","chipLabelRef":"MUKEW6c2nNA-","spinning":"v2Qb-3r7q-g-"};
-
-function ChipPrefix({ children }) {
-    const avatarOrIcon = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
-    if (!avatarOrIcon)
-        return React.createElement(React.Fragment, null, children);
-    return React.createElement("span", { className: classnames(styles.prefix) }, avatarOrIcon);
-}
-
-function ChipSuffix({ children, className, onClick, testID, ariaLabel, }) {
-    var _a;
-    let singleChild = useChildComponent.useChildComponent(children, d => d.type === Icon.Icon);
-    const handleClick = (event) => {
-        if (!onClick) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        onClick(event);
-    };
-    if (!allowedSuffixIcons.includes((_a = singleChild === null || singleChild === void 0 ? void 0 : singleChild.props) === null || _a === void 0 ? void 0 : _a.name)) {
-        singleChild = undefined;
-    }
-    return (React.createElement("span", { className: classnames(onClick ? styles.clickableSuffix : styles.suffix, className, !singleChild && styles.empty), onClick: handleClick, onKeyPress: handleClick, role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, "data-testid": testID, "aria-label": ariaLabel }, singleChild));
-}
-const allowedSuffixIcons = ["cross", "add", "checkmark", "arrowDown"];
-
-const Chip = ({ ariaLabel, disabled, heading, invalid, label, value, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) => {
-    const classes = classnames(styles.chip, {
-        [styles.invalid]: invalid,
-        [styles.base]: variation === "base",
-        [styles.subtle]: variation === "subtle",
-        [styles.disabled]: disabled,
-    });
-    const prefix = useChildComponent.useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent.useChildComponent(children, d => d.type === Chip.Suffix);
-    const [labelRef, labelFullyVisible] = useInView.useInView_2();
-    const [headingRef, headingFullyVisible] = useInView.useInView_2();
-    const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage },
-        React.createElement("button", { className: classes, onClick: (ev) => onClick && onClick(value, ev), tabIndex: tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel || label, disabled: disabled, role: role, type: "button" },
-            prefix,
-            React.createElement("div", { className: styles.chipContent },
-                heading && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React.createElement("span", { ref: headingRef, className: styles.chipLabelRef })),
-                    label && React.createElement("span", { className: styles.chipBar }))),
-                React.createElement(Typography.Typography, { size: "base" },
-                    label,
-                    React.createElement("span", { ref: labelRef, className: styles.chipLabelRef })),
-                !labelFullyVisible && (React.createElement("div", { className: styles.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" }))),
-            suffix)));
-};
-function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
-    let message = "";
-    if (heading && !headingFullyVisible) {
-        message = `${heading} | ${label}`;
-    }
-    else if (!labelFullyVisible) {
-        message = label;
-    }
-    return message;
-}
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
-
-exports.Chip = Chip;
-exports.styles = styles;

package/dist/Content/Spacing.css.d.ts

@@ -1,13 +0,0 @@
-declare const styles: {
-  readonly "minuscule": string;
-  readonly "smallest": string;
-  readonly "smaller": string;
-  readonly "small": string;
-  readonly "base": string;
-  readonly "large": string;
-  readonly "larger": string;
-  readonly "largest": string;
-  readonly "extravagant": string;
-};
-export = styles;
-

package/dist/Content-BeHZndTq.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-
-var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-","spinning":"eKABdCW6tY4-"};
-
-var styles = {"padded":"_4On2F-4nWuY-","spinning":"UhzNYh0kfWw-"};
-
-function Content({ children, spacing = "base", type = "div", }) {
-    const className = classnames(styles.padded, spacings[spacing]);
-    return React.createElement(type, { className }, children);
-}
-
-exports.Content = Content;