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

package/dist/Card/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var Card = require('../Card-C4-Caze9.js');
+var Card = require('../Card-zEaif3aP.js');
 require('react');
 require('classnames');
-require('../Heading-Da3rj5pS.js');
-require('../Typography-CyBtmOFA.js');
-require('../Button-DgPjS346.js');
+require('../Heading-CfQb2Ybv.js');
+require('../Typography-B86wO1lJ.js');
+require('../Button-CkvrGZyV.js');
 require('react-router-dom');
-require('../Icon-BDvCoqvw.js');
+require('../Icon-mHyNEfEl.js');
 require('@jobber/design');
-require('../Menu-DpzEqJyo.js');
+require('../Menu-C1OPbYCN.js');
 require('framer-motion');
-require('../useOnKeyDown-iOv0VXiR.js');
-require('../useRefocusOnActivator-Cg2XPfNM.js');
+require('../useOnKeyDown-BwKqyzC2.js');
+require('../useRefocusOnActivator-C5Mzyx2d.js');
 require('react-popper');
-require('../useIsMounted-RjgvxlxS.js');
-require('../useSafeLayoutEffect-CMX_953T.js');
+require('../useIsMounted-5xwyov8o.js');
+require('../useSafeLayoutEffect-DQZNED3Z.js');
 require('react-dom');
-require('../useFocusTrap-DYDeAlGC.js');
-require('../useFormFieldFocus-Dd6pSaAh.js');
+require('../useFocusTrap-BDNQwN9-.js');
+require('../useFormFieldFocus-ebWPQa4m.js');
 
 
 

package/dist/Card/index.mjs

@@ -1,19 +1,19 @@
-export { C as Card } from '../Card-DHvUDpEH.js';
+export { C as Card } from '../Card-C5b_FjNF.js';
 import 'react';
 import 'classnames';
-import '../Heading-BDkSm3n8.js';
-import '../Typography-bvwsDEhA.js';
-import '../Button-CLtXj0Z5.js';
+import '../Heading-BMKGrZrS.js';
+import '../Typography-CsPdyJTA.js';
+import '../Button-DG2bzq9R.js';
 import 'react-router-dom';
-import '../Icon-BRlWSa0p.js';
+import '../Icon-BVQsVts7.js';
 import '@jobber/design';
-import '../Menu-DlCzQYN7.js';
+import '../Menu-C4qdplhE.js';
 import 'framer-motion';
-import '../useOnKeyDown-BieERPO1.js';
-import '../useRefocusOnActivator-CNNGtXgo.js';
+import '../useOnKeyDown-BTJFs0q1.js';
+import '../useRefocusOnActivator-mugeCinC.js';
 import 'react-popper';
-import '../useIsMounted-Mj7Y6Yco.js';
-import '../useSafeLayoutEffect-BzFK0rRh.js';
+import '../useIsMounted-CA0bGNMO.js';
+import '../useSafeLayoutEffect-Cfju03nP.js';
 import 'react-dom';
-import '../useFocusTrap-CTBZ2kqo.js';
-import '../useFormFieldFocus-BPMUpk-8.js';
+import '../useFocusTrap-mQnHlezd.js';
+import '../useFormFieldFocus-DC7eIMAw.js';

package/dist/{Card-DHvUDpEH.js → Card-C5b_FjNF.js}

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-BDkSm3n8.js';
-import { B as Button } from './Button-CLtXj0Z5.js';
-import { M as Menu } from './Menu-DlCzQYN7.js';
+import { H as Heading } from './Heading-BMKGrZrS.js';
+import { B as Button } from './Button-DG2bzq9R.js';
+import { M as Menu } from './Menu-C4qdplhE.js';
 
 var styles = {"card":"_2wxPdv7kELk-","accent":"_5LfUFF9DYsk-","clickable":"tRfpysqqk8s-","header":"fAPeD1InvAI-","spinning":"HCjKil5wraw-"};
 

package/dist/{Card-C4-Caze9.js → Card-zEaif3aP.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-Da3rj5pS.js');
-var Button = require('./Button-DgPjS346.js');
-var Menu = require('./Menu-DpzEqJyo.js');
+var Heading = require('./Heading-CfQb2Ybv.js');
+var Button = require('./Button-CkvrGZyV.js');
+var Menu = require('./Menu-C1OPbYCN.js');
 
 var styles = {"card":"_2wxPdv7kELk-","accent":"_5LfUFF9DYsk-","clickable":"tRfpysqqk8s-","header":"fAPeD1InvAI-","spinning":"HCjKil5wraw-"};
 

package/dist/Checkbox/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var Checkbox = require('../Checkbox-DGqA6eh_.js');
-require('../tslib.es6-B6kmm2fS.js');
+var Checkbox = require('../Checkbox-CwOhDTiO.js');
+require('../tslib.es6-ClSceIrE.js');
 require('react');
 require('classnames');
 require('react-hook-form');
-require('../Icon-BDvCoqvw.js');
+require('../Icon-mHyNEfEl.js');
 require('@jobber/design');
-require('../Text-BsvR-5_u.js');
-require('../Typography-CyBtmOFA.js');
+require('../Text-BQY-HdCW.js');
+require('../Typography-B86wO1lJ.js');
 
 
 

package/dist/Checkbox/index.mjs

@@ -1,9 +1,9 @@
-export { C as Checkbox } from '../Checkbox-CzHoeplX.js';
-import '../tslib.es6-Bb6f_x5V.js';
+export { C as Checkbox } from '../Checkbox-Ccffvrid.js';
+import '../tslib.es6-BV-IQE7J.js';
 import 'react';
 import 'classnames';
 import 'react-hook-form';
-import '../Icon-BRlWSa0p.js';
+import '../Icon-BVQsVts7.js';
 import '@jobber/design';
-import '../Text-DVb26tH5.js';
-import '../Typography-bvwsDEhA.js';
+import '../Text-9qgJDgwE.js';
+import '../Typography-CsPdyJTA.js';

package/dist/{Checkbox-CzHoeplX.js → Checkbox-Ccffvrid.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-Bb6f_x5V.js';
+import { _ as __rest } from './tslib.es6-BV-IQE7J.js';
 import React, { useState, useId, useEffect } from 'react';
 import classnames from 'classnames';
 import { useFormContext, useForm, Controller } from 'react-hook-form';
-import { I as Icon } from './Icon-BRlWSa0p.js';
-import { T as Text } from './Text-DVb26tH5.js';
+import { I as Icon } from './Icon-BVQsVts7.js';
+import { T as Text } from './Text-9qgJDgwE.js';
 
 var styles = {"checkBoxParent":"S4ILp9Wc1GY-","wrapper":"OFHQaLxY8zI-","disabled":"HRrf3AZlpHc-","checkHolder":"kMH5B1jwh-Y-","input":"rup0RBe4DNU-","checkBox":"lOQVnJA7zPM-","indeterminate":"Njn2CQDXwVA-","label":"eHENKCs5umc-","description":"fSEH0cAO9cI-","spinning":"-yqnWKao7Jo-"};
 

package/dist/{Checkbox-DGqA6eh_.js → Checkbox-CwOhDTiO.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-B6kmm2fS.js');
+var tslib_es6 = require('./tslib.es6-ClSceIrE.js');
 var React = require('react');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
-var Icon = require('./Icon-BDvCoqvw.js');
-var Text = require('./Text-BsvR-5_u.js');
+var Icon = require('./Icon-mHyNEfEl.js');
+var Text = require('./Text-BQY-HdCW.js');
 
 var styles = {"checkBoxParent":"S4ILp9Wc1GY-","wrapper":"OFHQaLxY8zI-","disabled":"HRrf3AZlpHc-","checkHolder":"kMH5B1jwh-Y-","input":"rup0RBe4DNU-","checkBox":"lOQVnJA7zPM-","indeterminate":"Njn2CQDXwVA-","label":"eHENKCs5umc-","description":"fSEH0cAO9cI-","spinning":"-yqnWKao7Jo-"};
 

package/dist/Chip/Chip.d.ts

@@ -2,7 +2,7 @@ import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
 import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
 import { ChipProps } from "./Chip.types";
 export declare const Chip: {
-    ({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role, tabIndex, variation, }: ChipProps): JSX.Element;
+    ({ ariaLabel, disabled, heading, invalid, label, value, onClick, onKeyDown, children, role, tabIndex, variation, }: ChipProps): JSX.Element;
     Prefix: typeof ChipPrefix;
     Suffix: typeof ChipSuffix;
 };

package/dist/Chip/hooks/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useChildComponent = require('../../useChildComponent-p_SjrIju.js');
+var useChildComponent = require('../../useChildComponent-XKIbA-rG.js');
 require('react');
 
 

package/dist/Chip/hooks/index.mjs

@@ -1,2 +1,2 @@
-export { u as useChildComponent } from '../../useChildComponent-C970AEZ6.js';
+export { u as useChildComponent } from '../../useChildComponent-Ch6_JGJq.js';
 import 'react';

package/dist/Chip/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var Chip = require('../Chip-CTWU3Z54.js');
-var ChipDismissible = require('../ChipDismissible-C59FC8-Z.js');
+var Chip = require('../Chip-Dx8SoGcI.js');
+var ChipDismissible = require('../ChipDismissible-BIhmiAvw.js');
 require('react');
 require('classnames');
-require('../useInView-C1Ic4EEb.js');
-require('../Avatar-B1zMHug4.js');
+require('../useInView-CmHat1g0.js');
+require('../Avatar-pgaa5JjZ.js');
 require('color');
-require('../Icon-BDvCoqvw.js');
+require('../Icon-mHyNEfEl.js');
 require('@jobber/design');
-require('../useChildComponent-p_SjrIju.js');
-require('../Typography-CyBtmOFA.js');
-require('../Tooltip-DNT__rZR.js');
+require('../useChildComponent-XKIbA-rG.js');
+require('../Typography-B86wO1lJ.js');
+require('../Tooltip-Bnw2IPWE.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-CMX_953T.js');
-require('../useIsMounted-RjgvxlxS.js');
+require('../useSafeLayoutEffect-DQZNED3Z.js');
+require('../useIsMounted-5xwyov8o.js');
 require('react-popper');
-require('../tslib.es6-B6kmm2fS.js');
+require('../tslib.es6-ClSceIrE.js');
 
 
 

package/dist/Chip/index.mjs

@@ -1,18 +1,18 @@
-export { C as Chip } from '../Chip-Dg3zVO7C.js';
-export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-DJsvV2WS.js';
+export { C as Chip } from '../Chip-uLRwtrdj.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-C6Dkm0jl.js';
 import 'react';
 import 'classnames';
-import '../useInView-k5SAiKBb.js';
-import '../Avatar-DK8y58ht.js';
+import '../useInView-C3asE3kt.js';
+import '../Avatar-0GBjiUZ6.js';
 import 'color';
-import '../Icon-BRlWSa0p.js';
+import '../Icon-BVQsVts7.js';
 import '@jobber/design';
-import '../useChildComponent-C970AEZ6.js';
-import '../Typography-bvwsDEhA.js';
-import '../Tooltip-B2lcg7ER.js';
+import '../useChildComponent-Ch6_JGJq.js';
+import '../Typography-CsPdyJTA.js';
+import '../Tooltip-DVhUbeUm.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-BzFK0rRh.js';
-import '../useIsMounted-Mj7Y6Yco.js';
+import '../useSafeLayoutEffect-Cfju03nP.js';
+import '../useIsMounted-CA0bGNMO.js';
 import 'react-popper';
-import '../tslib.es6-Bb6f_x5V.js';
+import '../tslib.es6-BV-IQE7J.js';

package/dist/Chip-Dx8SoGcI.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var useInView = require('./useInView-CmHat1g0.js');
+var Avatar = require('./Avatar-pgaa5JjZ.js');
+var Icon = require('./Icon-mHyNEfEl.js');
+var useChildComponent = require('./useChildComponent-XKIbA-rG.js');
+var Typography = require('./Typography-B86wO1lJ.js');
+var Tooltip = require('./Tooltip-Bnw2IPWE.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;

package/dist/Chip-uLRwtrdj.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import classnames from 'classnames';
+import { u as useInView_2 } from './useInView-C3asE3kt.js';
+import { A as Avatar } from './Avatar-0GBjiUZ6.js';
+import { I as Icon } from './Icon-BVQsVts7.js';
+import { u as useChildComponent } from './useChildComponent-Ch6_JGJq.js';
+import { T as Typography } from './Typography-CsPdyJTA.js';
+import { T as Tooltip } from './Tooltip-DVhUbeUm.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(children, d => d.type === Avatar || d.type === 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(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/{ChipDismissible-C59FC8-Z.js → ChipDismissible-BIhmiAvw.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-B6kmm2fS.js');
+var tslib_es6 = require('./tslib.es6-ClSceIrE.js');
 var React = require('react');
-var Icon = require('./Icon-BDvCoqvw.js');
-var Chip = require('./Chip-CTWU3Z54.js');
+var Icon = require('./Icon-mHyNEfEl.js');
+var Chip = require('./Chip-Dx8SoGcI.js');
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = tslib_es6.__rest(_a, ["selected"]);

package/dist/{ChipDismissible-DJsvV2WS.js → ChipDismissible-C6Dkm0jl.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-Bb6f_x5V.js';
+import { _ as __rest } from './tslib.es6-BV-IQE7J.js';
 import React from 'react';
-import { I as Icon } from './Icon-BRlWSa0p.js';
-import { C as Chip, s as styles } from './Chip-Dg3zVO7C.js';
+import { I as Icon } from './Icon-BVQsVts7.js';
+import { C as Chip, s as styles } from './Chip-uLRwtrdj.js';
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = __rest(_a, ["selected"]);

package/dist/Chips/ChipsTypes.d.ts

@@ -1,4 +1,5 @@
 import { MouseEvent, ReactElement } from "react";
+import { XOR } from "ts-xor";
 import { ChipProps } from "./Chip";
 interface ChipFoundationProps {
     readonly children: ReactElement<ChipProps>[];
@@ -77,5 +78,5 @@ export interface ChipDismissibleProps extends ChipFoundationProps {
      */
     onLoadMore?(searchValue: string): void;
 }
-export type ChipsProps = ChipSingleSelectProps | (ChipMultiSelectProps | ChipDismissibleProps);
+export type ChipsProps = XOR<ChipSingleSelectProps, XOR<ChipMultiSelectProps, ChipDismissibleProps>>;
 export {};

package/dist/Chips/InternalChip.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InternalChipProps } from "./ChipTypes";
-export declare function InternalChip({ label, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;
+export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var useScrollToActive = require('../../../useScrollToActive-BI2aaSov.js');
+var useScrollToActive = require('../../../useScrollToActive-D5yZMsW_.js');
 require('react');
-require('../../../_commonjsHelpers-CW6RBU8D.js');
-require('../../../_baseFlatten-DU-bD5tZ.js');
-require('../../../_getAllKeys-CAgRkS14.js');
-require('../../../isTypedArray-VZ73FJnI.js');
-require('../../../isObjectLike-B3oROBsE.js');
-require('../../../isSymbol-BbdRzzuK.js');
-require('../../../identity-z4NFtwEr.js');
-require('../../../_getTag-CF6RL-V0.js');
-require('../../../_baseEach-B5SSuupv.js');
-require('../../../_baseFor-6vgGTPyq.js');
-require('../../../_isIterateeCall-ShFl-guc.js');
-require('../../../_setToString-CoJuk1qD.js');
-require('../../../debounce-CjUONqJE.js');
-require('../../../Icon-BDvCoqvw.js');
+require('../../../_commonjsHelpers-CQgsaZPi.js');
+require('../../../_baseFlatten-lZ0wRtNS.js');
+require('../../../_getAllKeys-B-eM8LQx.js');
+require('../../../isTypedArray-BoTpOGx9.js');
+require('../../../isObjectLike-Bc_vSbhb.js');
+require('../../../isSymbol-CMcoBS5a.js');
+require('../../../identity-CLZ6RZlH.js');
+require('../../../_getTag-DUwkTuM-.js');
+require('../../../_baseEach-reNXIBNF.js');
+require('../../../_baseFor-DZ2t-2aZ.js');
+require('../../../_isIterateeCall-Cj9v9yJE.js');
+require('../../../_setToString-BoPcz5xQ.js');
+require('../../../debounce-BPrYNpKc.js');
+require('../../../Icon-mHyNEfEl.js');
 require('@jobber/design');
 require('react-popper');
 

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -1,18 +1,18 @@
-export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-DjKlznx1.js';
+export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-SlshxvbV.js';
 import 'react';
-import '../../../_commonjsHelpers-qxnOGuZu.js';
-import '../../../_baseFlatten-Dmm3pthz.js';
-import '../../../_getAllKeys-Bnp94SiE.js';
-import '../../../isTypedArray-CUZMCrT1.js';
-import '../../../isObjectLike-Bloz6aqf.js';
-import '../../../isSymbol-CiuA79bz.js';
-import '../../../identity-DSiX_RjS.js';
-import '../../../_getTag-B_cQfvKg.js';
-import '../../../_baseEach-D3DlYuby.js';
-import '../../../_baseFor-Cr_7Qi1A.js';
-import '../../../_isIterateeCall-DsiDX82c.js';
-import '../../../_setToString-CHTh_-HH.js';
-import '../../../debounce-5hoZgJBL.js';
-import '../../../Icon-BRlWSa0p.js';
+import '../../../_commonjsHelpers-lsyMJyS5.js';
+import '../../../_baseFlatten-CKbYmOQP.js';
+import '../../../_getAllKeys-DT2Dwax4.js';
+import '../../../isTypedArray-CuV2i9oL.js';
+import '../../../isObjectLike-pPluFN7b.js';
+import '../../../isSymbol-_ZCnW13k.js';
+import '../../../identity-Bb_V-ePN.js';
+import '../../../_getTag-DS1T6KDi.js';
+import '../../../_baseEach-C8BZjhw7.js';
+import '../../../_baseFor-Co523cG5.js';
+import '../../../_isIterateeCall-CjlQFGkb.js';
+import '../../../_setToString-DmOhJ1l3.js';
+import '../../../debounce-CNWjp3n3.js';
+import '../../../Icon-BVQsVts7.js';
 import '@jobber/design';
 import 'react-popper';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -1,41 +1,39 @@
 'use strict';
 
-var InternalChipDismissible = require('../../InternalChipDismissible-C4jrA9RD.js');
+var InternalChipDismissible = require('../../InternalChipDismissible-Ccg_V34I.js');
 require('react');
-require('../../useScrollToActive-BI2aaSov.js');
-require('../../_commonjsHelpers-CW6RBU8D.js');
-require('../../_baseFlatten-DU-bD5tZ.js');
-require('../../_getAllKeys-CAgRkS14.js');
-require('../../isTypedArray-VZ73FJnI.js');
-require('../../isObjectLike-B3oROBsE.js');
-require('../../isSymbol-BbdRzzuK.js');
-require('../../identity-z4NFtwEr.js');
-require('../../_getTag-CF6RL-V0.js');
-require('../../_baseEach-B5SSuupv.js');
-require('../../_baseFor-6vgGTPyq.js');
-require('../../_isIterateeCall-ShFl-guc.js');
-require('../../_setToString-CoJuk1qD.js');
-require('../../debounce-CjUONqJE.js');
-require('../../Icon-BDvCoqvw.js');
+require('../../useScrollToActive-D5yZMsW_.js');
+require('../../_commonjsHelpers-CQgsaZPi.js');
+require('../../_baseFlatten-lZ0wRtNS.js');
+require('../../_getAllKeys-B-eM8LQx.js');
+require('../../isTypedArray-BoTpOGx9.js');
+require('../../isObjectLike-Bc_vSbhb.js');
+require('../../isSymbol-CMcoBS5a.js');
+require('../../identity-CLZ6RZlH.js');
+require('../../_getTag-DUwkTuM-.js');
+require('../../_baseEach-reNXIBNF.js');
+require('../../_baseFor-DZ2t-2aZ.js');
+require('../../_isIterateeCall-Cj9v9yJE.js');
+require('../../_setToString-BoPcz5xQ.js');
+require('../../debounce-BPrYNpKc.js');
+require('../../Icon-mHyNEfEl.js');
 require('@jobber/design');
 require('react-popper');
 require('classnames');
-require('../../Text-BsvR-5_u.js');
-require('../../Typography-CyBtmOFA.js');
-require('../../Button-DgPjS346.js');
+require('../../Text-BQY-HdCW.js');
+require('../../Typography-B86wO1lJ.js');
+require('../../Button-CkvrGZyV.js');
 require('react-router-dom');
-require('../../Spinner-W8niuPUK.js');
-require('../../Chip-CTWU3Z54.js');
-require('../../useInView-C1Ic4EEb.js');
-require('../../Avatar-B1zMHug4.js');
+require('../../Spinner-BuVT6fRO.js');
+require('../../useAssert-DdfHIoZr.js');
+require('../../_polyfill-node.process-D2PwXeJp.js');
+require('../../Avatar-pgaa5JjZ.js');
 require('color');
-require('../../useChildComponent-p_SjrIju.js');
-require('../../Tooltip-DNT__rZR.js');
+require('../../Tooltip-Bnw2IPWE.js');
 require('react-dom');
 require('framer-motion');
-require('../../useSafeLayoutEffect-CMX_953T.js');
-require('../../useIsMounted-RjgvxlxS.js');
-require('../../tslib.es6-B6kmm2fS.js');
+require('../../useSafeLayoutEffect-DQZNED3Z.js');
+require('../../useIsMounted-5xwyov8o.js');