@jobber/components 5.29.2-add-script-e2e1a6f.2 → 5.29.2

package/dist/Card/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var Card = require('../Card-CdaZEtlu.js');
+var Card = require('../Card-D9cYKN1Q.js');
 require('react');
 require('classnames');
-require('../Heading-RfDdRxvW.js');
-require('../Typography-DAXwqHRm.js');
-require('../Button-D7_eYi50.js');
+require('../Heading-B6cNvvTv.js');
+require('../Typography-uUCjSAXc.js');
+require('../Button-D0k2yvWN.js');
 require('react-router-dom');
-require('../Icon-DO0V7eGt.js');
+require('../Icon-DsDZ8Ejk.js');
 require('@jobber/design');
-require('../Menu-BVym-KoO.js');
+require('../Menu-CbUmCIow.js');
 require('framer-motion');
-require('../useOnKeyDown-RyCyjJoR.js');
-require('../useRefocusOnActivator-BLM37Akn.js');
+require('../useOnKeyDown-BULmPF8w.js');
+require('../useRefocusOnActivator-BXHdb4VJ.js');
 require('react-popper');
-require('../useIsMounted-DuvWkaPW.js');
-require('../useSafeLayoutEffect-BAa2BdCj.js');
+require('../useIsMounted-CWImBHF2.js');
+require('../useSafeLayoutEffect-BPlfRkr7.js');
 require('react-dom');
-require('../useFocusTrap-McClWUzz.js');
-require('../useFormFieldFocus-BHAhbfr4.js');
+require('../useFocusTrap-I1_gScV5.js');
+require('../useFormFieldFocus-BTxhbIiS.js');
 
 
 

package/dist/Card/index.mjs

@@ -1,19 +1,19 @@
-export { C as Card } from '../Card-DS2B13QP.js';
+export { C as Card } from '../Card-BFoCwdqf.js';
 import 'react';
 import 'classnames';
-import '../Heading-CDjhBt6y.js';
-import '../Typography-VJW0YB9l.js';
-import '../Button-BIaO-XYd.js';
+import '../Heading-CvFqy1B2.js';
+import '../Typography-aoPt4JNX.js';
+import '../Button-B4jndDdN.js';
 import 'react-router-dom';
-import '../Icon-CTlAFUDL.js';
+import '../Icon-BO8RfF_F.js';
 import '@jobber/design';
-import '../Menu-CB7fERsp.js';
+import '../Menu-Dztqf535.js';
 import 'framer-motion';
-import '../useOnKeyDown-CsoUVYR7.js';
-import '../useRefocusOnActivator-DW6jezma.js';
+import '../useOnKeyDown-Ds29mUpS.js';
+import '../useRefocusOnActivator-CtFIq_QK.js';
 import 'react-popper';
-import '../useIsMounted-W7RlBJd6.js';
-import '../useSafeLayoutEffect-B64Bm-Vw.js';
+import '../useIsMounted-Ca17VQDk.js';
+import '../useSafeLayoutEffect-C6py2uCv.js';
 import 'react-dom';
-import '../useFocusTrap-CE6qpcBO.js';
-import '../useFormFieldFocus-D6kK7vEn.js';
+import '../useFocusTrap-CwluEjJR.js';
+import '../useFormFieldFocus-FdIp1_8i.js';

package/dist/{Card-DS2B13QP.js → Card-BFoCwdqf.js}

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-CDjhBt6y.js';
-import { B as Button } from './Button-BIaO-XYd.js';
-import { M as Menu } from './Menu-CB7fERsp.js';
+import { H as Heading } from './Heading-CvFqy1B2.js';
+import { B as Button } from './Button-B4jndDdN.js';
+import { M as Menu } from './Menu-Dztqf535.js';
 
 var styles = {"card":"_2wxPdv7kELk-","accent":"_5LfUFF9DYsk-","clickable":"tRfpysqqk8s-","header":"fAPeD1InvAI-","spinning":"HCjKil5wraw-"};
 

package/dist/{Card-CdaZEtlu.js → Card-D9cYKN1Q.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-RfDdRxvW.js');
-var Button = require('./Button-D7_eYi50.js');
-var Menu = require('./Menu-BVym-KoO.js');
+var Heading = require('./Heading-B6cNvvTv.js');
+var Button = require('./Button-D0k2yvWN.js');
+var Menu = require('./Menu-CbUmCIow.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-B5qj7AEr.js');
-require('../tslib.es6-ZJbGhpOp.js');
+var Checkbox = require('../Checkbox-BNRKYZxk.js');
+require('../tslib.es6-B6hs1cs1.js');
 require('react');
 require('classnames');
 require('react-hook-form');
-require('../Icon-DO0V7eGt.js');
+require('../Icon-DsDZ8Ejk.js');
 require('@jobber/design');
-require('../Text-CPScbDZd.js');
-require('../Typography-DAXwqHRm.js');
+require('../Text-BlFSz2WN.js');
+require('../Typography-uUCjSAXc.js');
 
 
 

package/dist/Checkbox/index.mjs

@@ -1,9 +1,9 @@
-export { C as Checkbox } from '../Checkbox-Cb4YMSuV.js';
-import '../tslib.es6-4eP-EfR_.js';
+export { C as Checkbox } from '../Checkbox-8tYrIOdd.js';
+import '../tslib.es6-OfVniiO8.js';
 import 'react';
 import 'classnames';
 import 'react-hook-form';
-import '../Icon-CTlAFUDL.js';
+import '../Icon-BO8RfF_F.js';
 import '@jobber/design';
-import '../Text-Bn4rJ59m.js';
-import '../Typography-VJW0YB9l.js';
+import '../Text-BLSvOTzS.js';
+import '../Typography-aoPt4JNX.js';

package/dist/{Checkbox-Cb4YMSuV.js → Checkbox-8tYrIOdd.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-4eP-EfR_.js';
+import { _ as __rest } from './tslib.es6-OfVniiO8.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-CTlAFUDL.js';
-import { T as Text } from './Text-Bn4rJ59m.js';
+import { I as Icon } from './Icon-BO8RfF_F.js';
+import { T as Text } from './Text-BLSvOTzS.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-B5qj7AEr.js → Checkbox-BNRKYZxk.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ZJbGhpOp.js');
+var tslib_es6 = require('./tslib.es6-B6hs1cs1.js');
 var React = require('react');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
-var Icon = require('./Icon-DO0V7eGt.js');
-var Text = require('./Text-CPScbDZd.js');
+var Icon = require('./Icon-DsDZ8Ejk.js');
+var Text = require('./Text-BlFSz2WN.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-8xe855jM.js');
+var useChildComponent = require('../../useChildComponent-aQ-T0oRw.js');
 require('react');
 
 

package/dist/Chip/hooks/index.mjs

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

package/dist/Chip/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var Chip = require('../Chip-CO4o0nnG.js');
-var ChipDismissible = require('../ChipDismissible-BqkjQIfD.js');
+var Chip = require('../Chip-CT1aMf_T.js');
+var ChipDismissible = require('../ChipDismissible-ZHuzc6S9.js');
 require('react');
 require('classnames');
-require('../useInView-CDw2X61Q.js');
-require('../Avatar-BBNVsPN4.js');
+require('../useInView-BtOfLcER.js');
+require('../Avatar-CmCr7Pm3.js');
 require('color');
-require('../Icon-DO0V7eGt.js');
+require('../Icon-DsDZ8Ejk.js');
 require('@jobber/design');
-require('../useChildComponent-8xe855jM.js');
-require('../Typography-DAXwqHRm.js');
-require('../Tooltip-BMOh-PJu.js');
+require('../useChildComponent-aQ-T0oRw.js');
+require('../Typography-uUCjSAXc.js');
+require('../Tooltip-Dg2djXnO.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-BAa2BdCj.js');
-require('../useIsMounted-DuvWkaPW.js');
+require('../useSafeLayoutEffect-BPlfRkr7.js');
+require('../useIsMounted-CWImBHF2.js');
 require('react-popper');
-require('../tslib.es6-ZJbGhpOp.js');
+require('../tslib.es6-B6hs1cs1.js');
 
 
 

package/dist/Chip/index.mjs

@@ -1,18 +1,18 @@
-export { C as Chip } from '../Chip-CAAz_EH4.js';
-export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-CuPwoy7P.js';
+export { C as Chip } from '../Chip-wwCctpTU.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-t2-bBZpd.js';
 import 'react';
 import 'classnames';
-import '../useInView-gG_PTuWW.js';
-import '../Avatar-DyMjM3AW.js';
+import '../useInView-B-vcJX6C.js';
+import '../Avatar-BjgW4R4B.js';
 import 'color';
-import '../Icon-CTlAFUDL.js';
+import '../Icon-BO8RfF_F.js';
 import '@jobber/design';
-import '../useChildComponent-C9oGlryh.js';
-import '../Typography-VJW0YB9l.js';
-import '../Tooltip-C4WZ_4ye.js';
+import '../useChildComponent-DHdRxs9i.js';
+import '../Typography-aoPt4JNX.js';
+import '../Tooltip-SdO4kR-W.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-B64Bm-Vw.js';
-import '../useIsMounted-W7RlBJd6.js';
+import '../useSafeLayoutEffect-C6py2uCv.js';
+import '../useIsMounted-Ca17VQDk.js';
 import 'react-popper';
-import '../tslib.es6-4eP-EfR_.js';
+import '../tslib.es6-OfVniiO8.js';

package/dist/Chip-CT1aMf_T.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var useInView = require('./useInView-BtOfLcER.js');
+var Avatar = require('./Avatar-CmCr7Pm3.js');
+var Icon = require('./Icon-DsDZ8Ejk.js');
+var useChildComponent = require('./useChildComponent-aQ-T0oRw.js');
+var Typography = require('./Typography-uUCjSAXc.js');
+var Tooltip = require('./Tooltip-Dg2djXnO.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-wwCctpTU.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import classnames from 'classnames';
+import { u as useInView_2 } from './useInView-B-vcJX6C.js';
+import { A as Avatar } from './Avatar-BjgW4R4B.js';
+import { I as Icon } from './Icon-BO8RfF_F.js';
+import { u as useChildComponent } from './useChildComponent-DHdRxs9i.js';
+import { T as Typography } from './Typography-aoPt4JNX.js';
+import { T as Tooltip } from './Tooltip-SdO4kR-W.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-BqkjQIfD.js → ChipDismissible-ZHuzc6S9.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ZJbGhpOp.js');
+var tslib_es6 = require('./tslib.es6-B6hs1cs1.js');
 var React = require('react');
-var Icon = require('./Icon-DO0V7eGt.js');
-var Chip = require('./Chip-CO4o0nnG.js');
+var Icon = require('./Icon-DsDZ8Ejk.js');
+var Chip = require('./Chip-CT1aMf_T.js');
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = tslib_es6.__rest(_a, ["selected"]);

package/dist/{ChipDismissible-CuPwoy7P.js → ChipDismissible-t2-bBZpd.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-4eP-EfR_.js';
+import { _ as __rest } from './tslib.es6-OfVniiO8.js';
 import React from 'react';
-import { I as Icon } from './Icon-CTlAFUDL.js';
-import { C as Chip, s as styles } from './Chip-CAAz_EH4.js';
+import { I as Icon } from './Icon-BO8RfF_F.js';
+import { C as Chip, s as styles } from './Chip-wwCctpTU.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-CY270NkJ.js');
+var useScrollToActive = require('../../../useScrollToActive-CvQX8Qjq.js');
 require('react');
-require('../../../_commonjsHelpers-BpaR5fz2.js');
-require('../../../_baseFlatten-Cgpn57M1.js');
-require('../../../_getAllKeys-C_lf5Ss6.js');
-require('../../../isTypedArray-Ctn8PJon.js');
-require('../../../isObjectLike-BMOisu0G.js');
-require('../../../isSymbol-D_hUvKVS.js');
-require('../../../identity-OON_iXIh.js');
-require('../../../_getTag-C4nna7Gn.js');
-require('../../../_baseEach-BSt52Ej5.js');
-require('../../../_baseFor-CpV1KT_w.js');
-require('../../../_isIterateeCall-qNcDzyOn.js');
-require('../../../_setToString-Djg-9Ims.js');
-require('../../../debounce-CHcZMUao.js');
-require('../../../Icon-DO0V7eGt.js');
+require('../../../_commonjsHelpers-DkFfPNXw.js');
+require('../../../_baseFlatten-nyDWr5bv.js');
+require('../../../_getAllKeys-B14rpxrH.js');
+require('../../../isTypedArray-CtfwOrVP.js');
+require('../../../isObjectLike-CwRtIliI.js');
+require('../../../isSymbol-DolP_AoU.js');
+require('../../../identity-uR8ICwva.js');
+require('../../../_getTag-CjdPZlht.js');
+require('../../../_baseEach-BcmfxQn7.js');
+require('../../../_baseFor-CuGrzC5B.js');
+require('../../../_isIterateeCall-DbpKK9Vg.js');
+require('../../../_setToString-o6fhM0qi.js');
+require('../../../debounce-CqKHDU21.js');
+require('../../../Icon-DsDZ8Ejk.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-DCC7LnaP.js';
+export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-BAIiemwh.js';
 import 'react';
-import '../../../_commonjsHelpers-B5EAIpKO.js';
-import '../../../_baseFlatten-xO53xvC8.js';
-import '../../../_getAllKeys-C65BZeRD.js';
-import '../../../isTypedArray-i_7zc3u-.js';
-import '../../../isObjectLike-4WgwR78Y.js';
-import '../../../isSymbol-BmXSFcZC.js';
-import '../../../identity-C7MxL4Ow.js';
-import '../../../_getTag-U4BVW4WM.js';
-import '../../../_baseEach-C3jJYkIf.js';
-import '../../../_baseFor-TzpcGXsP.js';
-import '../../../_isIterateeCall-CmHtEMMu.js';
-import '../../../_setToString-BPOWS8-p.js';
-import '../../../debounce-DF_LKYFy.js';
-import '../../../Icon-CTlAFUDL.js';
+import '../../../_commonjsHelpers-jMlUCxNd.js';
+import '../../../_baseFlatten-HWJnhj4G.js';
+import '../../../_getAllKeys-BDlV9TQ_.js';
+import '../../../isTypedArray-B_bKuexU.js';
+import '../../../isObjectLike-BiwynHYz.js';
+import '../../../isSymbol-BE-xuc4e.js';
+import '../../../identity-BArCingA.js';
+import '../../../_getTag-DOmiri6S.js';
+import '../../../_baseEach-Dmj92DdE.js';
+import '../../../_baseFor-CNnlr_Yh.js';
+import '../../../_isIterateeCall-DO7GjNIr.js';
+import '../../../_setToString-CvkxlQG8.js';
+import '../../../debounce-D7uWVSAQ.js';
+import '../../../Icon-BO8RfF_F.js';
 import '@jobber/design';
 import 'react-popper';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -1,41 +1,39 @@
 'use strict';
 
-var InternalChipDismissible = require('../../InternalChipDismissible-CHekYe_U.js');
+var InternalChipDismissible = require('../../InternalChipDismissible-B-2CSllH.js');
 require('react');
-require('../../useScrollToActive-CY270NkJ.js');
-require('../../_commonjsHelpers-BpaR5fz2.js');
-require('../../_baseFlatten-Cgpn57M1.js');
-require('../../_getAllKeys-C_lf5Ss6.js');
-require('../../isTypedArray-Ctn8PJon.js');
-require('../../isObjectLike-BMOisu0G.js');
-require('../../isSymbol-D_hUvKVS.js');
-require('../../identity-OON_iXIh.js');
-require('../../_getTag-C4nna7Gn.js');
-require('../../_baseEach-BSt52Ej5.js');
-require('../../_baseFor-CpV1KT_w.js');
-require('../../_isIterateeCall-qNcDzyOn.js');
-require('../../_setToString-Djg-9Ims.js');
-require('../../debounce-CHcZMUao.js');
-require('../../Icon-DO0V7eGt.js');
+require('../../useScrollToActive-CvQX8Qjq.js');
+require('../../_commonjsHelpers-DkFfPNXw.js');
+require('../../_baseFlatten-nyDWr5bv.js');
+require('../../_getAllKeys-B14rpxrH.js');
+require('../../isTypedArray-CtfwOrVP.js');
+require('../../isObjectLike-CwRtIliI.js');
+require('../../isSymbol-DolP_AoU.js');
+require('../../identity-uR8ICwva.js');
+require('../../_getTag-CjdPZlht.js');
+require('../../_baseEach-BcmfxQn7.js');
+require('../../_baseFor-CuGrzC5B.js');
+require('../../_isIterateeCall-DbpKK9Vg.js');
+require('../../_setToString-o6fhM0qi.js');
+require('../../debounce-CqKHDU21.js');
+require('../../Icon-DsDZ8Ejk.js');
 require('@jobber/design');
 require('react-popper');
 require('classnames');
-require('../../Text-CPScbDZd.js');
-require('../../Typography-DAXwqHRm.js');
-require('../../Button-D7_eYi50.js');
+require('../../Text-BlFSz2WN.js');
+require('../../Typography-uUCjSAXc.js');
+require('../../Button-D0k2yvWN.js');
 require('react-router-dom');
-require('../../Spinner-Dj2ytO_k.js');
-require('../../Chip-CO4o0nnG.js');
-require('../../useInView-CDw2X61Q.js');
-require('../../Avatar-BBNVsPN4.js');
+require('../../Spinner-BwjNln_c.js');
+require('../../useAssert-BHe9ZFRf.js');
+require('../../_polyfill-node.process-haCckXM3.js');
+require('../../Avatar-CmCr7Pm3.js');
 require('color');
-require('../../useChildComponent-8xe855jM.js');
-require('../../Tooltip-BMOh-PJu.js');
+require('../../Tooltip-Dg2djXnO.js');
 require('react-dom');
 require('framer-motion');
-require('../../useSafeLayoutEffect-BAa2BdCj.js');
-require('../../useIsMounted-DuvWkaPW.js');
-require('../../tslib.es6-ZJbGhpOp.js');
+require('../../useSafeLayoutEffect-BPlfRkr7.js');
+require('../../useIsMounted-CWImBHF2.js');