@jobber/components 5.29.2-tooltip-re-7d496fa.3 → 5.29.3

package/dist/styles.css

@@ -2486,15 +2486,14 @@ 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-inline-flexbox;
-  display: inline-flex;
+  display: -ms-flexbox;
+  display: flex;
   position: relative;
   height: 40px;
   height: var(--chip-height);
   min-width: 0;
-  box-sizing: border-box;
-  padding: 0 16px;
-  padding: 0 var(--base-unit);
+  padding: 8px 16px;
+  padding: var(--space-small) var(--base-unit);
   border: 1px solid transparent;
   border: var(--border-base) solid transparent;
   border-radius: 20px;
@@ -2600,7 +2599,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   --chip--gradient-color-variation: var(--chip-base-bg);
 }
 
-.wSI5L-5rODg-:hover {
+.wSI5L-5rODg-:hover,
+.wSI5L-5rODg-:focus-visible {
   background-color: var(--chip-base--hover);
   --chip--gradient-color-variation--hover: var(--chip-base--hover);
 }
@@ -2739,6 +2739,116 @@ 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: 8px calc(8px + 4px);
+  padding: var(--space-small) calc(var(--space-small) + var(--space-smaller));
+  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: 12px;
+  font-size: var(--typography--fontSize-small);
+  font-weight: 500;
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
+}
+
 /**
  * Used in the wrapping chips component:
  * - InternalChipSingleSelect
@@ -2819,8 +2929,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
  */
 
 .PEnZzMEgbhU-:focus,
-.W4D98cvEth4-:focus-visible ~ div[role="option"],
-.W4D98cvEth4-:focus-visible ~ div[role="button"] {
+.W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {
   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;
@@ -2939,116 +3048,6 @@ 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: 8px calc(8px + 4px);
-  padding: var(--space-small) calc(var(--space-small) + var(--space-smaller));
-  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: 12px;
-  font-size: var(--typography--fontSize-small);
-  font-weight: 500;
-  line-height: 1.25;
-  line-height: var(--typography--lineHeight-base);
-}
-
 .sCNIjluCskc- {
   display: -ms-flexbox;
   display: flex;

package/dist/{throttle-DQb5dNzd.js → throttle-BBUeYeHM.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-qxnOGuZu.js';
-import { d as debounce_1 } from './debounce-5hoZgJBL.js';
-import { i as isObject_1 } from './isObjectLike-Bloz6aqf.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-lsyMJyS5.js';
+import { d as debounce_1 } from './debounce-CNWjp3n3.js';
+import { i as isObject_1 } from './isObjectLike-pPluFN7b.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{throttle-CgLH2HUu.js → throttle-O2jvjJqv.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-CW6RBU8D.js');
-var debounce$1 = require('./debounce-CjUONqJE.js');
-var isObjectLike = require('./isObjectLike-B3oROBsE.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CQgsaZPi.js');
+var debounce$1 = require('./debounce-BPrYNpKc.js');
+var isObjectLike = require('./isObjectLike-Bc_vSbhb.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{updateTheme-Dmn50uIV.js → updateTheme-6zzW3SjT.js}

@@ -2,14 +2,14 @@
 
 var design = require('@jobber/design');
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-CW6RBU8D.js');
-var identity = require('./identity-z4NFtwEr.js');
-var _baseAssignValue = require('./_baseAssignValue-B8qtv-B9.js');
-var _baseFor = require('./_baseFor-6vgGTPyq.js');
-var keysIn$2 = require('./keysIn-UOHY49ri.js');
-var isTypedArray$1 = require('./isTypedArray-VZ73FJnI.js');
-var isObjectLike$1 = require('./isObjectLike-B3oROBsE.js');
-var _isIterateeCall = require('./_isIterateeCall-ShFl-guc.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CQgsaZPi.js');
+var identity = require('./identity-CLZ6RZlH.js');
+var _baseAssignValue = require('./_baseAssignValue-o2PK7vZ7.js');
+var _baseFor = require('./_baseFor-DZ2t-2aZ.js');
+var keysIn$2 = require('./keysIn-JUbkWEAy.js');
+var isTypedArray$1 = require('./isTypedArray-BoTpOGx9.js');
+var isObjectLike$1 = require('./isObjectLike-Bc_vSbhb.js');
+var _isIterateeCall = require('./_isIterateeCall-Cj9v9yJE.js');
 
 var baseAssignValue = _baseAssignValue._baseAssignValue,
     eq = identity.eq_1;

package/dist/{updateTheme-CZvhmJ__.js → updateTheme-Fg1hEgGs.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-qxnOGuZu.js';
-import { e as eq_1, b as _Stack } from './identity-DSiX_RjS.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-DQd_iGF_.js';
-import { _ as _baseFor } from './_baseFor-Cr_7Qi1A.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-Iz9F98KM.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-CUZMCrT1.js';
-import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-Bloz6aqf.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-DsiDX82c.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-lsyMJyS5.js';
+import { e as eq_1, b as _Stack } from './identity-Bb_V-ePN.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-CzFimr0-.js';
+import { _ as _baseFor } from './_baseFor-Co523cG5.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-Be31wWlJ.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-CuV2i9oL.js';
+import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-pPluFN7b.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-CjlQFGkb.js';
 
 var baseAssignValue = _baseAssignValue,
     eq = eq_1;

package/dist/{useActiveLayout-ufPSpE4K.js → useActiveLayout-BWq4t8nx.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-C6HsMJQD.js');
-var DataListContext = require('./DataListContext-RA2Idyfq.js');
+var useResponsiveSizing = require('./useResponsiveSizing-CEyYfE4_.js');
+var DataListContext = require('./DataListContext-BUh4kGhV.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-DXYq19Yp.js → useActiveLayout-C3PYlCI4.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-_RkW_q4i.js';
-import { u as useDataListContext } from './DataListContext-B1w2nJok.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CTo2HL19.js';
+import { u as useDataListContext } from './DataListContext-Cvglzbmo.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-qYpXEvO2.js → useAssert-C9J886eT.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-qxnOGuZu.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-qX5trusy.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-lsyMJyS5.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-C7xl6QhP.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DTBGeCMY.js → useAssert-DdfHIoZr.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-CW6RBU8D.js');
-var _polyfillNode_process = require('./_polyfill-node.process-C571_gde.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CQgsaZPi.js');
+var _polyfillNode_process = require('./_polyfill-node.process-D2PwXeJp.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-BAFOnIYp.js → useBatchSelect-BElfQjOd.js}

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

package/dist/{useBatchSelect-BNk1RSJf.js → useBatchSelect-BO7l_03z.js}

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

package/dist/{useIsMounted-RjgvxlxS.js → useIsMounted-5xwyov8o.js}

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

package/dist/{useIsMounted-Mj7Y6Yco.js → useIsMounted-CA0bGNMO.js}

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

package/dist/{useResizeObserver-BZx_FLJo.js → useResizeObserver-C0Eiwdzu.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-CW6RBU8D.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CQgsaZPi.js');
 var React = require('react');
-var throttle$1 = require('./throttle-CgLH2HUu.js');
+var throttle$1 = require('./throttle-O2jvjJqv.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-CSlaqhZk.js → useResizeObserver-CIx95I8o.js}

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

package/dist/{useResponsiveSizing-C6HsMJQD.js → useResponsiveSizing-CEyYfE4_.js}

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

package/dist/{useResponsiveSizing-_RkW_q4i.js → useResponsiveSizing-CTo2HL19.js}

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

package/dist/{useScrollToActive-BI2aaSov.js → useScrollToActive-D5yZMsW_.js}

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-CW6RBU8D.js');
-var _baseFlatten = require('./_baseFlatten-DU-bD5tZ.js');
-var _getAllKeys = require('./_getAllKeys-CAgRkS14.js');
-var _baseEach = require('./_baseEach-B5SSuupv.js');
-var isTypedArray = require('./isTypedArray-VZ73FJnI.js');
-var isSymbol$1 = require('./isSymbol-BbdRzzuK.js');
-var identity$1 = require('./identity-z4NFtwEr.js');
-var _isIterateeCall = require('./_isIterateeCall-ShFl-guc.js');
-var debounce = require('./debounce-CjUONqJE.js');
-var Icon = require('./Icon-BDvCoqvw.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CQgsaZPi.js');
+var _baseFlatten = require('./_baseFlatten-lZ0wRtNS.js');
+var _getAllKeys = require('./_getAllKeys-B-eM8LQx.js');
+var _baseEach = require('./_baseEach-reNXIBNF.js');
+var isTypedArray = require('./isTypedArray-BoTpOGx9.js');
+var isSymbol$1 = require('./isSymbol-CMcoBS5a.js');
+var identity$1 = require('./identity-CLZ6RZlH.js');
+var _isIterateeCall = require('./_isIterateeCall-Cj9v9yJE.js');
+var debounce = require('./debounce-BPrYNpKc.js');
+var Icon = require('./Icon-mHyNEfEl.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-DjKlznx1.js → useScrollToActive-SlshxvbV.js}

@@ -1,14 +1,14 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-qxnOGuZu.js';
-import { _ as _baseFlatten } from './_baseFlatten-Dmm3pthz.js';
-import { a as _arrayMap, b as _baseGet } from './_getAllKeys-Bnp94SiE.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-D3DlYuby.js';
-import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-CUZMCrT1.js';
-import { i as isSymbol_1 } from './isSymbol-CiuA79bz.js';
-import { i as identity_1 } from './identity-DSiX_RjS.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-DsiDX82c.js';
-import { a as debounce } from './debounce-5hoZgJBL.js';
-import { I as Icon } from './Icon-BRlWSa0p.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-lsyMJyS5.js';
+import { _ as _baseFlatten } from './_baseFlatten-CKbYmOQP.js';
+import { a as _arrayMap, b as _baseGet } from './_getAllKeys-DT2Dwax4.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-C8BZjhw7.js';
+import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-CuV2i9oL.js';
+import { i as isSymbol_1 } from './isSymbol-_ZCnW13k.js';
+import { i as identity_1 } from './identity-Bb_V-ePN.js';
+import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-CjlQFGkb.js';
+import { a as debounce } from './debounce-CNWjp3n3.js';
+import { I as Icon } from './Icon-BVQsVts7.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.29.2-tooltip-re-7d496fa.3+7d496fa5",
+  "version": "5.29.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -495,5 +495,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "7d496fa51380c65d124652696a12856858ed48a3"
+  "gitHead": "ba0ecd19b91a2139076872fe8304445bcd81b588"
 }

package/dist/Chip-CTWU3Z54.js

@@ -1,120 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var useInView = require('./useInView-C1Ic4EEb.js');
-var Avatar = require('./Avatar-B1zMHug4.js');
-var Icon = require('./Icon-BDvCoqvw.js');
-var useChildComponent = require('./useChildComponent-p_SjrIju.js');
-var Typography = require('./Typography-CyBtmOFA.js');
-var Tooltip = require('./Tooltip-DNT__rZR.js');
-
-var styles$1 = {"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$1.prefix, !singleChild && styles$1.empty) }, singleChild));
-}
-
-var styles = {"wrapper":"zn6onyiQVmA-","chip":"PEnZzMEgbhU-","hasPrefix":"dtysUhwYdG4-","hasSuffix":"xGaMCAYsdwA-","clickable":"SNT7gGV-h-o-","input":"W4D98cvEth4-","active":"_0hEzaTXK9M0-","invalid":"JApS2787BU8-","disabled":"Kg0c8WVgMpg-","button":"_0-ZWexS4Gfg-","icon":"DQPnZP4UZpw-","spinning":"_233cNMGKLQo-"};
-
-function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
-    const buttonRef = React.useRef();
-    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": true, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
-        React.createElement(Icon.Icon, { size: "small", name: icon, color: getColor() })));
-    function handleKeyUp(event) {
-        if (document.activeElement === buttonRef.current &&
-            (event.key === " " || event.key === "Enter")) {
-            event.stopPropagation();
-            buttonRef.current.click();
-        }
-    }
-    function handleKeyDown(event) {
-        if (document.activeElement === buttonRef.current && event.key === " ") {
-            // Don't scroll down
-            event.preventDefault();
-        }
-    }
-    function getColor() {
-        if (disabled)
-            return "disabled";
-        if (invalid)
-            return "critical";
-        return "interactiveSubtle";
-    }
-    function handleClick(event) {
-        event.stopPropagation();
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-}
-
-function ChipSuffix({ children, className, onClick, testID, ariaLabel, }) {
-    var _a, _b;
-    let singleChild = useChildComponent.useChildComponent(children, d => d.type === Icon.Icon || d.type == InternalChipButton);
-    const handleClick = (event) => {
-        if (!onClick) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        onClick(event);
-    };
-    const iconName = ((_a = singleChild === null || singleChild === void 0 ? void 0 : singleChild.props) === null || _a === void 0 ? void 0 : _a.name) || ((_b = singleChild === null || singleChild === void 0 ? void 0 : singleChild.props) === null || _b === void 0 ? void 0 : _b.icon);
-    if (!allowedSuffixIcons.includes(iconName)) {
-        singleChild = undefined;
-    }
-    return (React.createElement("span", { className: classnames(onClick ? styles$1.clickableSuffix : styles$1.suffix, className, !singleChild && styles$1.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",
-    "remove",
-    "arrowDown",
-];
-
-const Chip = ({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) => {
-    const classes = classnames(styles$1.chip, {
-        [styles$1.invalid]: invalid,
-        [styles$1.base]: variation === "base",
-        [styles$1.subtle]: variation === "subtle",
-        [styles$1.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);
-    const Tag = onClick ? "button" : "div";
-    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false },
-        React.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
-            prefix,
-            React.createElement("div", { className: styles$1.chipContent },
-                heading && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
-                    label && React.createElement("span", { className: styles$1.chipBar }))),
-                React.createElement(Typography.Typography, { size: "base" },
-                    label,
-                    React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
-                !labelFullyVisible && (React.createElement("div", { className: styles$1.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.InternalChipButton = InternalChipButton;
-exports.styles = styles$1;
-exports.styles$1 = styles;