@jobber/components 5.28.0 → 5.29.0

package/dist/styles.css

@@ -2486,14 +2486,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   --chip-radius: 20px;
   --chip-base-bg: var(--color-surface--background);
   --chip-base--hover: var(--color-surface--background--hover);
-  display: -ms-flexbox;
-  display: flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   position: relative;
   height: 40px;
   height: var(--chip-height);
   min-width: 0;
-  padding: 8px 16px;
-  padding: var(--space-small) var(--base-unit);
+  box-sizing: border-box;
+  padding: 0 16px;
+  padding: 0 var(--base-unit);
   border: 1px solid transparent;
   border: var(--border-base) solid transparent;
   border-radius: 20px;
@@ -2599,8 +2600,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   --chip--gradient-color-variation: var(--chip-base-bg);
 }
 
-.wSI5L-5rODg-:hover,
-.wSI5L-5rODg-:focus-visible {
+.wSI5L-5rODg-:hover {
   background-color: var(--chip-base--hover);
   --chip--gradient-color-variation--hover: var(--chip-base--hover);
 }
@@ -2739,116 +2739,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: 1px;
 }
 
-.q07bkGoq714- {
-  display: none;
-}
-
-.dkCTRfc3vYk- {
-  --tooltip--arrow-size: 8px;
-  --tooltip--offset: calc(-1 * var(--space-smaller));
-  --tooltip--surface: var(--color-surface--reverse);
-
-  display: inline-block;
-  position: absolute;
-  z-index: 1002;
-  z-index: var(--elevation-tooltip);
-  pointer-events: none;
-}
-
-.yAFP4gRKlTM- {
-  display: inline-block;
-  position: relative;
-  max-width: 250px;
-  padding: calc(16px - 2px) 16px;
-  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  background-color: var(--tooltip--surface);
-}
-
-.yAFP4gRKlTM- .j9KgRON7iTU-,
-.yAFP4gRKlTM- .j9KgRON7iTU-::after {
-  width: var(--tooltip--arrow-size);
-  height: var(--tooltip--arrow-size);
-  background-color: transparent;
-}
-
-.yAFP4gRKlTM- .j9KgRON7iTU-::after {
-  content: "";
-  display: block;
-  position: absolute;
-  background-color: var(--tooltip--surface);
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-}
-
-.DpxWsz9QuIo- {
-  padding-bottom: 8px;
-  padding-bottom: var(--space-small);
-}
-
-.DpxWsz9QuIo- .yAFP4gRKlTM- {
-  -webkit-transform-origin: bottom center;
-          transform-origin: bottom center;
-}
-
-.DpxWsz9QuIo- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  bottom: var(--tooltip--offset);
-}
-
-._5RblY1rnJOA- {
-  padding-top: 8px;
-  padding-top: var(--space-small);
-}
-
-._5RblY1rnJOA- .yAFP4gRKlTM- {
-  -webkit-transform-origin: top center;
-          transform-origin: top center;
-}
-
-._5RblY1rnJOA- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  top: var(--tooltip--offset);
-}
-
-.C9MXsqd4wLM- {
-  padding-right: 8px;
-  padding-right: var(--space-small);
-}
-
-.C9MXsqd4wLM- .yAFP4gRKlTM- {
-  -webkit-transform-origin: right center;
-          transform-origin: right center;
-}
-
-.C9MXsqd4wLM- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  right: var(--tooltip--offset);
-}
-
-._2ZZcgQ4fJ-k- {
-  padding-left: 8px;
-  padding-left: var(--space-small);
-}
-
-._2ZZcgQ4fJ-k- .yAFP4gRKlTM- {
-  -webkit-transform-origin: left center;
-          transform-origin: left center;
-}
-
-._2ZZcgQ4fJ-k- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  left: var(--tooltip--offset);
-}
-
-.TpdeLUuiQMg- {
-  margin: 0;
-  color: rgba(255, 255, 255, 1);
-  color: var(--color-text--reverse);
-  font-size: 14px;
-  font-size: var(--typography--fontSize-base);
-  font-weight: 600;
-  line-height: 1.25;
-  line-height: var(--typography--lineHeight-base);
-}
-
 /**
  * Used in the wrapping chips component:
  * - InternalChipSingleSelect
@@ -2929,7 +2819,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
  */
 
 .PEnZzMEgbhU-:focus,
-.W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {
+.W4D98cvEth4-:focus-visible ~ div[role="option"],
+.W4D98cvEth4-:focus-visible ~ div[role="button"] {
   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
   box-shadow: var(--shadow-focus);
   outline: none;
@@ -3048,6 +2939,116 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: flex;
 }
 
+.q07bkGoq714- {
+  display: none;
+}
+
+.dkCTRfc3vYk- {
+  --tooltip--arrow-size: 8px;
+  --tooltip--offset: calc(-1 * var(--space-smaller));
+  --tooltip--surface: var(--color-surface--reverse);
+
+  display: inline-block;
+  position: absolute;
+  z-index: 1002;
+  z-index: var(--elevation-tooltip);
+  pointer-events: none;
+}
+
+.yAFP4gRKlTM- {
+  display: inline-block;
+  position: relative;
+  max-width: 250px;
+  padding: calc(16px - 2px) 16px;
+  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  background-color: var(--tooltip--surface);
+}
+
+.yAFP4gRKlTM- .j9KgRON7iTU-,
+.yAFP4gRKlTM- .j9KgRON7iTU-::after {
+  width: var(--tooltip--arrow-size);
+  height: var(--tooltip--arrow-size);
+  background-color: transparent;
+}
+
+.yAFP4gRKlTM- .j9KgRON7iTU-::after {
+  content: "";
+  display: block;
+  position: absolute;
+  background-color: var(--tooltip--surface);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.DpxWsz9QuIo- {
+  padding-bottom: 8px;
+  padding-bottom: var(--space-small);
+}
+
+.DpxWsz9QuIo- .yAFP4gRKlTM- {
+  -webkit-transform-origin: bottom center;
+          transform-origin: bottom center;
+}
+
+.DpxWsz9QuIo- .yAFP4gRKlTM- .j9KgRON7iTU- {
+  bottom: var(--tooltip--offset);
+}
+
+._5RblY1rnJOA- {
+  padding-top: 8px;
+  padding-top: var(--space-small);
+}
+
+._5RblY1rnJOA- .yAFP4gRKlTM- {
+  -webkit-transform-origin: top center;
+          transform-origin: top center;
+}
+
+._5RblY1rnJOA- .yAFP4gRKlTM- .j9KgRON7iTU- {
+  top: var(--tooltip--offset);
+}
+
+.C9MXsqd4wLM- {
+  padding-right: 8px;
+  padding-right: var(--space-small);
+}
+
+.C9MXsqd4wLM- .yAFP4gRKlTM- {
+  -webkit-transform-origin: right center;
+          transform-origin: right center;
+}
+
+.C9MXsqd4wLM- .yAFP4gRKlTM- .j9KgRON7iTU- {
+  right: var(--tooltip--offset);
+}
+
+._2ZZcgQ4fJ-k- {
+  padding-left: 8px;
+  padding-left: var(--space-small);
+}
+
+._2ZZcgQ4fJ-k- .yAFP4gRKlTM- {
+  -webkit-transform-origin: left center;
+          transform-origin: left center;
+}
+
+._2ZZcgQ4fJ-k- .yAFP4gRKlTM- .j9KgRON7iTU- {
+  left: var(--tooltip--offset);
+}
+
+.TpdeLUuiQMg- {
+  margin: 0;
+  color: rgba(255, 255, 255, 1);
+  color: var(--color-text--reverse);
+  font-size: 14px;
+  font-size: var(--typography--fontSize-base);
+  font-weight: 600;
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
+}
+
 .sCNIjluCskc- {
   display: -ms-flexbox;
   display: flex;

package/dist/{throttle-ISEqo70I.js → throttle-B7MRjFl_.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BkXTSVJx.js';
-import { d as debounce_1 } from './debounce-BcgKTQau.js';
-import { i as isObject_1 } from './isObjectLike-DEL8pK-J.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Cg1NQxbS.js';
+import { d as debounce_1 } from './debounce-lb4YcXnw.js';
+import { i as isObject_1 } from './isObjectLike-Y-Ib2btE.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{throttle-DjiL07sV.js → throttle-C9KeTR4t.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BghxskwM.js');
-var debounce$1 = require('./debounce-Ctd8VYCg.js');
-var isObjectLike = require('./isObjectLike-C9MCs815.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CyYfyqe6.js');
+var debounce$1 = require('./debounce-ECVkqv0U.js');
+var isObjectLike = require('./isObjectLike-Dvb2t0Dk.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{updateTheme-BE75qFur.js → updateTheme-B1QR-_IL.js}

@@ -2,14 +2,14 @@
 
 var design = require('@jobber/design');
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BghxskwM.js');
-var identity = require('./identity-Bfb87TJl.js');
-var _baseAssignValue = require('./_baseAssignValue-MFCXbpjm.js');
-var _baseFor = require('./_baseFor-CEVGmkCK.js');
-var keysIn$2 = require('./keysIn-DVaxMXiz.js');
-var isTypedArray$1 = require('./isTypedArray-DWhmdmwK.js');
-var isObjectLike$1 = require('./isObjectLike-C9MCs815.js');
-var _isIterateeCall = require('./_isIterateeCall-rcLsNMKR.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CyYfyqe6.js');
+var identity = require('./identity-rfHtxfoR.js');
+var _baseAssignValue = require('./_baseAssignValue-DyS_OdgN.js');
+var _baseFor = require('./_baseFor-w0VgW0nw.js');
+var keysIn$2 = require('./keysIn-BX2tIBmg.js');
+var isTypedArray$1 = require('./isTypedArray-CJU_mtoh.js');
+var isObjectLike$1 = require('./isObjectLike-Dvb2t0Dk.js');
+var _isIterateeCall = require('./_isIterateeCall-BqH6hlao.js');
 
 var baseAssignValue = _baseAssignValue._baseAssignValue,
     eq = identity.eq_1;

package/dist/{updateTheme-BIZfK6jY.js → updateTheme-kGGzdb9i.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-BkXTSVJx.js';
-import { e as eq_1, b as _Stack } from './identity-djo9b9bo.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-BMmkJM5V.js';
-import { _ as _baseFor } from './_baseFor-DoWzBq10.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-CcsVHi9T.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-BtzX4Qc5.js';
-import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-DEL8pK-J.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-veHjvcQ1.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Cg1NQxbS.js';
+import { e as eq_1, b as _Stack } from './identity-6LCwfdYl.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-VXKZK9Da.js';
+import { _ as _baseFor } from './_baseFor-DvgFu5lz.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-DFyME3Uh.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-DSKXOAsW.js';
+import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-Y-Ib2btE.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-aIR_uYa0.js';
 
 var baseAssignValue = _baseAssignValue,
     eq = eq_1;

package/dist/{useActiveLayout-Ck9_rItH.js → useActiveLayout-B3l7it51.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-arjGlcpa.js';
-import { u as useDataListContext } from './DataListContext-41vOB7g8.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-akStZwzv.js';
+import { u as useDataListContext } from './DataListContext-CWoiQoPD.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-Bhf5v2jt.js → useActiveLayout-x_JOVYOp.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-DnZuaZL3.js');
-var DataListContext = require('./DataListContext-Bjbfjlo9.js');
+var useResponsiveSizing = require('./useResponsiveSizing-CTv-vmIO.js');
+var DataListContext = require('./DataListContext-DAjLd7Ln.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-CuKv9QYt.js → useAssert-C5hakLnL.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BghxskwM.js');
-var _polyfillNode_process = require('./_polyfill-node.process-DYNkoLnD.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CyYfyqe6.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BdcUcrAt.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-CBiFChIH.js → useAssert-D-p6vtl7.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BkXTSVJx.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-CFmGAeLU.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Cg1NQxbS.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-T_YvfiZn.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-CkhtujvJ.js → useBatchSelect-CA3VIs84.js}

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

package/dist/{useBatchSelect-CBE9JC9D.js → useBatchSelect-Db7vLmPF.js}

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

package/dist/{useIsMounted-Ctr3jV19.js → useIsMounted-BIHqQDRI.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-BgHU89kz.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-BFgoigWz.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-CKRfBX24.js → useIsMounted-TFp3DgIc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-B8mUyHVq.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-C8kMLRP3.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-CkQrn-Ow.js → useResizeObserver-Bfn6fCQK.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BghxskwM.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CyYfyqe6.js');
 var React = require('react');
-var throttle$1 = require('./throttle-DjiL07sV.js');
+var throttle$1 = require('./throttle-C9KeTR4t.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-E1sUGHQo.js → useResizeObserver-DiLO8OMf.js}

@@ -1,6 +1,6 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BkXTSVJx.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-Cg1NQxbS.js';
 import React from 'react';
-import { a as throttle_1 } from './throttle-ISEqo70I.js';
+import { a as throttle_1 } from './throttle-B7MRjFl_.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-DnZuaZL3.js → useResponsiveSizing-CTv-vmIO.js}

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

package/dist/{useResponsiveSizing-arjGlcpa.js → useResponsiveSizing-akStZwzv.js}

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

package/dist/{useScrollToActive-qJiHbl8t.js → useScrollToActive-5nJNVekd.js}

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BghxskwM.js');
-var _baseFlatten = require('./_baseFlatten-C44mCda_.js');
-var _getAllKeys = require('./_getAllKeys-DLwWKJa9.js');
-var _baseEach = require('./_baseEach-gDH2HuxK.js');
-var isTypedArray = require('./isTypedArray-DWhmdmwK.js');
-var isSymbol$1 = require('./isSymbol-D8ZNQAfu.js');
-var identity$1 = require('./identity-Bfb87TJl.js');
-var _isIterateeCall = require('./_isIterateeCall-rcLsNMKR.js');
-var debounce = require('./debounce-Ctd8VYCg.js');
-var Icon = require('./Icon-Di1uh_ai.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CyYfyqe6.js');
+var _baseFlatten = require('./_baseFlatten-BUFMZIqx.js');
+var _getAllKeys = require('./_getAllKeys-DnQy5MX0.js');
+var _baseEach = require('./_baseEach-CzRNZRnN.js');
+var isTypedArray = require('./isTypedArray-CJU_mtoh.js');
+var isSymbol$1 = require('./isSymbol-DIwKPpFg.js');
+var identity$1 = require('./identity-rfHtxfoR.js');
+var _isIterateeCall = require('./_isIterateeCall-BqH6hlao.js');
+var debounce = require('./debounce-ECVkqv0U.js');
+var Icon = require('./Icon-DpzczQqp.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-yGB00AgH.js → useScrollToActive-CzQuTmpI.js}

@@ -1,14 +1,14 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BkXTSVJx.js';
-import { _ as _baseFlatten } from './_baseFlatten-DRb9i6QB.js';
-import { a as _arrayMap, b as _baseGet } from './_getAllKeys-DsEDvstM.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-CNrcA1AW.js';
-import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-BtzX4Qc5.js';
-import { i as isSymbol_1 } from './isSymbol-BoX-EwCE.js';
-import { i as identity_1 } from './identity-djo9b9bo.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-veHjvcQ1.js';
-import { a as debounce } from './debounce-BcgKTQau.js';
-import { I as Icon } from './Icon-DgCA245e.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Cg1NQxbS.js';
+import { _ as _baseFlatten } from './_baseFlatten-DsIBwXEd.js';
+import { a as _arrayMap, b as _baseGet } from './_getAllKeys-BA-zk02m.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-fDf9Whhw.js';
+import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-DSKXOAsW.js';
+import { i as isSymbol_1 } from './isSymbol-BzJoujNo.js';
+import { i as identity_1 } from './identity-6LCwfdYl.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-aIR_uYa0.js';
+import { a as debounce } from './debounce-lb4YcXnw.js';
+import { I as Icon } from './Icon-Cjt1RIRg.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.28.0",
+  "version": "5.29.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -459,7 +459,7 @@
     "copyfiles": "^2.4.1",
     "glob": "^7.1.4",
     "jsdom-testing-mocks": "^1.9.0",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.40",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^8.3.0",
     "rollup": "^4.13.0",
@@ -495,5 +495,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8b079defaed11cf6dcaca2e0fb914ceb12c9f542"
+  "gitHead": "017ebc523d51ea371dbc62474eb6896942050bc8"
 }

package/dist/Chip-CCFRT0nm.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var useInView = require('./useInView-CbGL8nfB.js');
-var Avatar = require('./Avatar-zIDZLmcw.js');
-var Icon = require('./Icon-Di1uh_ai.js');
-var useChildComponent = require('./useChildComponent-BYJwMoze.js');
-var Typography = require('./Typography-Btfw8Fe0.js');
-var Tooltip = require('./Tooltip-CaLNjS_Z.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 singleChild = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
-    return (React.createElement("span", { className: classnames(styles.prefix, !singleChild && styles.empty) }, singleChild));
-}
-
-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;