@jobber/components 5.7.9-poc-moving.0 → 5.8.0

package/dist/Box-DeW-QV6C.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BmKeBnB0.js');
+var React = require('react');
+var classnames = require('classnames');
+
+var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-"};
+
+// Borders
+const getBorderClassNames = (size) => getClassNames$1({
+    defaultClass: "border",
+    prefix: "border",
+    size,
+    styles: borderStyles,
+});
+const getBorderVars = (size) => getVars$2({ size, tokenPrefix: "border", varPrefix: "border" });
+function getClassNames$1({ defaultClass, prefix, size, styles, }) {
+    if (!size)
+        return;
+    const className = [
+        defaultClass && styles[defaultClass],
+    ];
+    if (typeof size === "string") {
+        className.push(styles[`${prefix}-base`]);
+        // Return early since we don't need to process the object
+        return classnames(className);
+    }
+    Object.keys(size).forEach(key => className.push(styles[`${prefix}-${key}`]));
+    return classnames(className);
+}
+function getVars$2({ size, tokenPrefix, varPrefix }) {
+    if (!size)
+        return;
+    const fullPrefix = `--box-${varPrefix}`;
+    const customProperties = {};
+    if (typeof size === "string") {
+        customProperties[fullPrefix] = `var(--${tokenPrefix}-${size})`;
+        // Return early since we don't need to process the object
+        return customProperties;
+    }
+    const entries = Object.entries(size);
+    entries.forEach(([key, value]) => {
+        customProperties[`${fullPrefix}-${key}`] = `var(--${tokenPrefix}-${value})`;
+    });
+    return customProperties;
+}
+
+var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-"};
+
+const getHeightClassName = (value) => getClassName(value, "height");
+const getHeightVars = (value) => getVars$1(value, "height");
+const getWidthClassName = (value) => getClassName(value, "width");
+const getWidthVars = (value) => getVars$1(value, "width");
+function getClassName(value, prefix) {
+    if (typeof value === "string" && !value.endsWith("%")) {
+        return styles$1[`${prefix}-${value}`];
+    }
+    return styles$1[`${prefix}-auto`];
+}
+function getVars$1(value, prefix) {
+    let size;
+    if (typeof value === "string" && value.endsWith("%")) {
+        size = value;
+    }
+    else if (typeof value === "number") {
+        size = `${value}px`;
+    }
+    if (size) {
+        return { [prefix]: size };
+    }
+}
+
+var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-"};
+
+var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-"};
+
+// Padding
+const getPaddingClassNames = getClassNames;
+const getPaddingVars = getVars;
+// Margin
+const getMarginClassNames = (size) => getClassNames(size, true);
+const getMarginVars = (size) => getVars(size, "--box-margin");
+/**
+ * Converts BoxSpace object values into class names.
+ */
+function getClassNames(size, isMargin = false) {
+    if (!size)
+        return;
+    const styles = isMargin ? marginStyles : paddingStyles;
+    const className = [];
+    if (typeof size === "string") {
+        className.push(styles.base);
+        // Return early since we don't need to process the object
+        return classnames(className);
+    }
+    Object.keys(size).forEach(key => className.push(` ${styles[key]}`));
+    return classnames(className);
+}
+/**
+ * Converts BoxSpace object values into custom properties.
+ */
+function getVars(size, basePrefix = "--box-padding") {
+    if (!size)
+        return;
+    const customProperties = {};
+    if (typeof size === "string") {
+        customProperties[basePrefix] = `var(--space-${size})`;
+        // Return early since we don't need to process the object
+        return customProperties;
+    }
+    const paddingEntries = Object.entries(size);
+    paddingEntries.forEach(([key, value]) => {
+        customProperties[`${basePrefix}-${key}`] = `var(--space-${value})`;
+    });
+    return customProperties;
+}
+
+var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-"};
+
+var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-"};
+
+var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-"};
+
+function Box(_a) {
+    var { alignItems, alignSelf, as: Tag = "div", background, border, borderColor, children, direction, gap, height = "auto", justifyContent, margin, overflow, padding, position = "relative", preserveWhiteSpace, radius, width = "auto" } = _a, props = tslib_es6.__rest(_a, ["alignItems", "alignSelf", "as", "background", "border", "borderColor", "children", "direction", "gap", "height", "justifyContent", "margin", "overflow", "padding", "position", "preserveWhiteSpace", "radius", "width"]);
+    return (React.createElement(Tag, Object.assign({}, props, { className: classnames(styles.box, preserveWhiteSpace && styles["preserve-white-space"], getPaddingClassNames(padding), getMarginClassNames(margin), getHeightClassName(height), getWidthClassName(width), getBorderClassNames(border), radius && radiusStyles[`radius-${radius}`], gap && gapStyles[`gap-${gap}`]), style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getPaddingVars(padding)), getMarginVars(margin)), getHeightVars(height)), getWidthVars(width)), getBorderVars(border)), (background && { backgroundColor: `var(--color-${background})` })), (borderColor && { borderColor: `var(--color-${borderColor})` })), { alignItems,
+            alignSelf, flexDirection: direction, justifyContent,
+            overflow,
+            position }) }), children));
+}
+
+exports.Box = Box;

package/dist/Box-JsS0xHKE.js

@@ -0,0 +1,130 @@
+import { _ as __rest } from './tslib.es6-DNcdghCd.js';
+import React from 'react';
+import classnames from 'classnames';
+
+var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-"};
+
+// Borders
+const getBorderClassNames = (size) => getClassNames$1({
+    defaultClass: "border",
+    prefix: "border",
+    size,
+    styles: borderStyles,
+});
+const getBorderVars = (size) => getVars$2({ size, tokenPrefix: "border", varPrefix: "border" });
+function getClassNames$1({ defaultClass, prefix, size, styles, }) {
+    if (!size)
+        return;
+    const className = [
+        defaultClass && styles[defaultClass],
+    ];
+    if (typeof size === "string") {
+        className.push(styles[`${prefix}-base`]);
+        // Return early since we don't need to process the object
+        return classnames(className);
+    }
+    Object.keys(size).forEach(key => className.push(styles[`${prefix}-${key}`]));
+    return classnames(className);
+}
+function getVars$2({ size, tokenPrefix, varPrefix }) {
+    if (!size)
+        return;
+    const fullPrefix = `--box-${varPrefix}`;
+    const customProperties = {};
+    if (typeof size === "string") {
+        customProperties[fullPrefix] = `var(--${tokenPrefix}-${size})`;
+        // Return early since we don't need to process the object
+        return customProperties;
+    }
+    const entries = Object.entries(size);
+    entries.forEach(([key, value]) => {
+        customProperties[`${fullPrefix}-${key}`] = `var(--${tokenPrefix}-${value})`;
+    });
+    return customProperties;
+}
+
+var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-"};
+
+const getHeightClassName = (value) => getClassName(value, "height");
+const getHeightVars = (value) => getVars$1(value, "height");
+const getWidthClassName = (value) => getClassName(value, "width");
+const getWidthVars = (value) => getVars$1(value, "width");
+function getClassName(value, prefix) {
+    if (typeof value === "string" && !value.endsWith("%")) {
+        return styles$1[`${prefix}-${value}`];
+    }
+    return styles$1[`${prefix}-auto`];
+}
+function getVars$1(value, prefix) {
+    let size;
+    if (typeof value === "string" && value.endsWith("%")) {
+        size = value;
+    }
+    else if (typeof value === "number") {
+        size = `${value}px`;
+    }
+    if (size) {
+        return { [prefix]: size };
+    }
+}
+
+var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-"};
+
+var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-"};
+
+// Padding
+const getPaddingClassNames = getClassNames;
+const getPaddingVars = getVars;
+// Margin
+const getMarginClassNames = (size) => getClassNames(size, true);
+const getMarginVars = (size) => getVars(size, "--box-margin");
+/**
+ * Converts BoxSpace object values into class names.
+ */
+function getClassNames(size, isMargin = false) {
+    if (!size)
+        return;
+    const styles = isMargin ? marginStyles : paddingStyles;
+    const className = [];
+    if (typeof size === "string") {
+        className.push(styles.base);
+        // Return early since we don't need to process the object
+        return classnames(className);
+    }
+    Object.keys(size).forEach(key => className.push(` ${styles[key]}`));
+    return classnames(className);
+}
+/**
+ * Converts BoxSpace object values into custom properties.
+ */
+function getVars(size, basePrefix = "--box-padding") {
+    if (!size)
+        return;
+    const customProperties = {};
+    if (typeof size === "string") {
+        customProperties[basePrefix] = `var(--space-${size})`;
+        // Return early since we don't need to process the object
+        return customProperties;
+    }
+    const paddingEntries = Object.entries(size);
+    paddingEntries.forEach(([key, value]) => {
+        customProperties[`${basePrefix}-${key}`] = `var(--space-${value})`;
+    });
+    return customProperties;
+}
+
+var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-"};
+
+var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-"};
+
+var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-"};
+
+function Box(_a) {
+    var { alignItems, alignSelf, as: Tag = "div", background, border, borderColor, children, direction, gap, height = "auto", justifyContent, margin, overflow, padding, position = "relative", preserveWhiteSpace, radius, width = "auto" } = _a, props = __rest(_a, ["alignItems", "alignSelf", "as", "background", "border", "borderColor", "children", "direction", "gap", "height", "justifyContent", "margin", "overflow", "padding", "position", "preserveWhiteSpace", "radius", "width"]);
+    return (React.createElement(Tag, Object.assign({}, props, { className: classnames(styles.box, preserveWhiteSpace && styles["preserve-white-space"], getPaddingClassNames(padding), getMarginClassNames(margin), getHeightClassName(height), getWidthClassName(width), getBorderClassNames(border), radius && radiusStyles[`radius-${radius}`], gap && gapStyles[`gap-${gap}`]), style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getPaddingVars(padding)), getMarginVars(margin)), getHeightVars(height)), getWidthVars(width)), getBorderVars(border)), (background && { backgroundColor: `var(--color-${background})` })), (borderColor && { borderColor: `var(--color-${borderColor})` })), { alignItems,
+            alignSelf, flexDirection: direction, justifyContent,
+            overflow,
+            position }) }), children));
+}
+
+export { Box as B };

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-DfoSryhu.js');
+var Button = require('../Button-BHR__Xp1.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-y9o49fEV.js');
+require('../Icon-CaLv-8kG.js');
 require('@jobber/design');
-require('../Typography-b_2F-qfG.js');
+require('../Typography-CGjnDRkN.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-CjmFrkGt.js';
+export { B as Button } from '../Button-I8bsy701.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-D_RnJFxm.js';
+import '../Icon-DJo4AfvY.js';
 import '@jobber/design';
-import '../Typography-B4ZyRuht.js';
+import '../Typography-BtVFRuRk.js';

package/dist/{Button-DfoSryhu.js → Button-BHR__Xp1.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
-var Icon = require('./Icon-y9o49fEV.js');
-var Typography = require('./Typography-b_2F-qfG.js');
+var Icon = require('./Icon-CaLv-8kG.js');
+var Typography = require('./Typography-CGjnDRkN.js');
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 

package/dist/{Button-CjmFrkGt.js → Button-I8bsy701.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-D_RnJFxm.js';
-import { T as Typography } from './Typography-B4ZyRuht.js';
+import { I as Icon } from './Icon-DJo4AfvY.js';
+import { T as Typography } from './Typography-BtVFRuRk.js';
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 

package/dist/ButtonDismiss/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var ButtonDismiss = require('../ButtonDismiss-BEpi18JP.js');
+var ButtonDismiss = require('../ButtonDismiss-DMmogQAx.js');
 require('react');
-require('../Button-DfoSryhu.js');
+require('../Button-BHR__Xp1.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-y9o49fEV.js');
+require('../Icon-CaLv-8kG.js');
 require('@jobber/design');
-require('../Typography-b_2F-qfG.js');
+require('../Typography-CGjnDRkN.js');
 
 
 

package/dist/ButtonDismiss/index.mjs

@@ -1,8 +1,8 @@
-export { B as ButtonDismiss } from '../ButtonDismiss-DWyZPCXD.js';
+export { B as ButtonDismiss } from '../ButtonDismiss-j7MU_hZo.js';
 import 'react';
-import '../Button-CjmFrkGt.js';
+import '../Button-I8bsy701.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-D_RnJFxm.js';
+import '../Icon-DJo4AfvY.js';
 import '@jobber/design';
-import '../Typography-B4ZyRuht.js';
+import '../Typography-BtVFRuRk.js';

package/dist/{ButtonDismiss-BEpi18JP.js → ButtonDismiss-DMmogQAx.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-DfoSryhu.js');
+var Button = require('./Button-BHR__Xp1.js');
 
 function ButtonDismiss({ onClick, ariaLabel }) {
     return (React.createElement(Button.Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));

package/dist/{ButtonDismiss-DWyZPCXD.js → ButtonDismiss-j7MU_hZo.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { B as Button } from './Button-CjmFrkGt.js';
+import { B as Button } from './Button-I8bsy701.js';
 
 function ButtonDismiss({ onClick, ariaLabel }) {
     return (React.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));

package/dist/Card/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var Card = require('../Card-6Qevt76l.js');
+var Card = require('../Card-Ckr0EVWl.js');
 require('react');
 require('classnames');
-require('../Heading-T1KNy52p.js');
-require('../Typography-b_2F-qfG.js');
-require('../Button-DfoSryhu.js');
+require('../Heading-BzRSmk4Y.js');
+require('../Typography-CGjnDRkN.js');
+require('../Button-BHR__Xp1.js');
 require('react-router-dom');
-require('../Icon-y9o49fEV.js');
+require('../Icon-CaLv-8kG.js');
 require('@jobber/design');
-require('../Menu-BGJLu_IQ.js');
+require('../Menu-B7mE6X56.js');
 require('framer-motion');
-require('../useOnKeyDown-BiFGeUHj.js');
-require('../useRefocusOnActivator-Bx69qGB4.js');
+require('../useOnKeyDown-CnkMzGEX.js');
+require('../useRefocusOnActivator-Doj-bKfo.js');
 require('react-popper');
-require('../useIsMounted-CZ1WNfzW.js');
-require('../useSafeLayoutEffect-CK140rNV.js');
+require('../useIsMounted-CawLImYr.js');
+require('../useSafeLayoutEffect-BSmzEmJM.js');
 require('react-dom');
-require('../useFocusTrap-EK8W7K9i.js');
-require('../useFormFieldFocus-C6fCXHiQ.js');
+require('../useFocusTrap-iNPP7SH8.js');
+require('../useFormFieldFocus-7P-fWpqA.js');
 
 
 

package/dist/Card/index.mjs

@@ -1,19 +1,19 @@
-export { C as Card } from '../Card-BzaVcmVs.js';
+export { C as Card } from '../Card-BocX3_Ia.js';
 import 'react';
 import 'classnames';
-import '../Heading-77DnP1NM.js';
-import '../Typography-B4ZyRuht.js';
-import '../Button-CjmFrkGt.js';
+import '../Heading-BHGddlsm.js';
+import '../Typography-BtVFRuRk.js';
+import '../Button-I8bsy701.js';
 import 'react-router-dom';
-import '../Icon-D_RnJFxm.js';
+import '../Icon-DJo4AfvY.js';
 import '@jobber/design';
-import '../Menu-BTq9pQw9.js';
+import '../Menu-BiO6Ak3S.js';
 import 'framer-motion';
-import '../useOnKeyDown-BXvc4F_C.js';
-import '../useRefocusOnActivator-TEw2oXdf.js';
+import '../useOnKeyDown-CWaf9tXT.js';
+import '../useRefocusOnActivator-9aD5j5BK.js';
 import 'react-popper';
-import '../useIsMounted-CaCddARK.js';
-import '../useSafeLayoutEffect-BCshx9VV.js';
+import '../useIsMounted-BuitoiPb.js';
+import '../useSafeLayoutEffect-C6EJg59K.js';
 import 'react-dom';
-import '../useFocusTrap-DQjHsTgA.js';
-import '../useFormFieldFocus-C7Irb0Qf.js';
+import '../useFocusTrap-BHtshy_w.js';
+import '../useFormFieldFocus-BpgEl_xa.js';

package/dist/{Card-BzaVcmVs.js → Card-BocX3_Ia.js}

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-77DnP1NM.js';
-import { B as Button } from './Button-CjmFrkGt.js';
-import { M as Menu } from './Menu-BTq9pQw9.js';
+import { H as Heading } from './Heading-BHGddlsm.js';
+import { B as Button } from './Button-I8bsy701.js';
+import { M as Menu } from './Menu-BiO6Ak3S.js';
 
 var styles = {"card":"_2wxPdv7kELk-","accent":"_5LfUFF9DYsk-","clickable":"tRfpysqqk8s-","header":"fAPeD1InvAI-"};
 

package/dist/{Card-6Qevt76l.js → Card-Ckr0EVWl.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-T1KNy52p.js');
-var Button = require('./Button-DfoSryhu.js');
-var Menu = require('./Menu-BGJLu_IQ.js');
+var Heading = require('./Heading-BzRSmk4Y.js');
+var Button = require('./Button-BHR__Xp1.js');
+var Menu = require('./Menu-B7mE6X56.js');
 
 var styles = {"card":"_2wxPdv7kELk-","accent":"_5LfUFF9DYsk-","clickable":"tRfpysqqk8s-","header":"fAPeD1InvAI-"};
 

package/dist/Checkbox/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var Checkbox = require('../Checkbox-CILVBS9h.js');
-require('../tslib.es6-DlmeWrDS.js');
+var Checkbox = require('../Checkbox-DVByk01Q.js');
+require('../tslib.es6-BmKeBnB0.js');
 require('react');
 require('classnames');
 require('react-hook-form');
-require('../Icon-y9o49fEV.js');
+require('../Icon-CaLv-8kG.js');
 require('@jobber/design');
-require('../Text-DCpKaF5f.js');
-require('../Typography-b_2F-qfG.js');
+require('../Text-DrEbJ-f7.js');
+require('../Typography-CGjnDRkN.js');
 
 
 

package/dist/Checkbox/index.mjs

@@ -1,9 +1,9 @@
-export { C as Checkbox } from '../Checkbox-CSwX0ray.js';
-import '../tslib.es6-qgsHgzgN.js';
+export { C as Checkbox } from '../Checkbox-DIzQIW7B.js';
+import '../tslib.es6-DNcdghCd.js';
 import 'react';
 import 'classnames';
 import 'react-hook-form';
-import '../Icon-D_RnJFxm.js';
+import '../Icon-DJo4AfvY.js';
 import '@jobber/design';
-import '../Text-CnsVDzdo.js';
-import '../Typography-B4ZyRuht.js';
+import '../Text-jAK9RUhf.js';
+import '../Typography-BtVFRuRk.js';

package/dist/{Checkbox-CSwX0ray.js → Checkbox-DIzQIW7B.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-qgsHgzgN.js';
+import { _ as __rest } from './tslib.es6-DNcdghCd.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-D_RnJFxm.js';
-import { T as Text } from './Text-CnsVDzdo.js';
+import { I as Icon } from './Icon-DJo4AfvY.js';
+import { T as Text } from './Text-jAK9RUhf.js';
 
 var styles = {"checkBoxParent":"S4ILp9Wc1GY-","wrapper":"OFHQaLxY8zI-","disabled":"HRrf3AZlpHc-","checkHolder":"kMH5B1jwh-Y-","input":"rup0RBe4DNU-","checkBox":"lOQVnJA7zPM-","indeterminate":"Njn2CQDXwVA-","label":"eHENKCs5umc-","description":"fSEH0cAO9cI-"};
 

package/dist/{Checkbox-CILVBS9h.js → Checkbox-DVByk01Q.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DlmeWrDS.js');
+var tslib_es6 = require('./tslib.es6-BmKeBnB0.js');
 var React = require('react');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
-var Icon = require('./Icon-y9o49fEV.js');
-var Text = require('./Text-DCpKaF5f.js');
+var Icon = require('./Icon-CaLv-8kG.js');
+var Text = require('./Text-DrEbJ-f7.js');
 
 var styles = {"checkBoxParent":"S4ILp9Wc1GY-","wrapper":"OFHQaLxY8zI-","disabled":"HRrf3AZlpHc-","checkHolder":"kMH5B1jwh-Y-","input":"rup0RBe4DNU-","checkBox":"lOQVnJA7zPM-","indeterminate":"Njn2CQDXwVA-","label":"eHENKCs5umc-","description":"fSEH0cAO9cI-"};
 

package/dist/Chip/hooks/index.cjs

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

package/dist/Chip/hooks/index.mjs

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

package/dist/Chip/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var Chip = require('../Chip-DAG1SLZy.js');
-var ChipDismissible = require('../ChipDismissible-G63-vnhj.js');
+var Chip = require('../Chip-DhWVHTbu.js');
+var ChipDismissible = require('../ChipDismissible-CEa1bMh_.js');
 require('react');
 require('classnames');
-require('../useInView-BF8zzXdW.js');
-require('../Avatar-uN_nwLXA.js');
+require('../useInView-BGdv1k1O.js');
+require('../Avatar-DqxZOhT8.js');
 require('color');
-require('../Icon-y9o49fEV.js');
+require('../Icon-CaLv-8kG.js');
 require('@jobber/design');
-require('../useChildComponent-D2AcLVS5.js');
-require('../Typography-b_2F-qfG.js');
-require('../Tooltip-CwLAXZP7.js');
+require('../useChildComponent-Q9b9vK3U.js');
+require('../Typography-CGjnDRkN.js');
+require('../Tooltip-Dn2njaLf.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-CK140rNV.js');
-require('../useIsMounted-CZ1WNfzW.js');
+require('../useSafeLayoutEffect-BSmzEmJM.js');
+require('../useIsMounted-CawLImYr.js');
 require('react-popper');
-require('../tslib.es6-DlmeWrDS.js');
+require('../tslib.es6-BmKeBnB0.js');
 
 
 

package/dist/Chip/index.mjs

@@ -1,18 +1,18 @@
-export { C as Chip } from '../Chip-CwqlGwTS.js';
-export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-e2UpMGOb.js';
+export { C as Chip } from '../Chip-CLtoAaN5.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-DibQQH6k.js';
 import 'react';
 import 'classnames';
-import '../useInView-CX9dXX3D.js';
-import '../Avatar-qhiktTqs.js';
+import '../useInView-BVtqJL8_.js';
+import '../Avatar-BY6DprHF.js';
 import 'color';
-import '../Icon-D_RnJFxm.js';
+import '../Icon-DJo4AfvY.js';
 import '@jobber/design';
-import '../useChildComponent-CpIEQ7W_.js';
-import '../Typography-B4ZyRuht.js';
-import '../Tooltip-C7bZ1xII.js';
+import '../useChildComponent-BJxatbEH.js';
+import '../Typography-BtVFRuRk.js';
+import '../Tooltip-BzL7ceh5.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-BCshx9VV.js';
-import '../useIsMounted-CaCddARK.js';
+import '../useSafeLayoutEffect-C6EJg59K.js';
+import '../useIsMounted-BuitoiPb.js';
 import 'react-popper';
-import '../tslib.es6-qgsHgzgN.js';
+import '../tslib.es6-DNcdghCd.js';

package/dist/{Chip-CwqlGwTS.js → Chip-CLtoAaN5.js}

@@ -1,11 +1,11 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useInView_2 } from './useInView-CX9dXX3D.js';
-import { A as Avatar } from './Avatar-qhiktTqs.js';
-import { I as Icon } from './Icon-D_RnJFxm.js';
-import { u as useChildComponent } from './useChildComponent-CpIEQ7W_.js';
-import { T as Typography } from './Typography-B4ZyRuht.js';
-import { T as Tooltip } from './Tooltip-C7bZ1xII.js';
+import { u as useInView_2 } from './useInView-BVtqJL8_.js';
+import { A as Avatar } from './Avatar-BY6DprHF.js';
+import { I as Icon } from './Icon-DJo4AfvY.js';
+import { u as useChildComponent } from './useChildComponent-BJxatbEH.js';
+import { T as Typography } from './Typography-BtVFRuRk.js';
+import { T as Tooltip } from './Tooltip-BzL7ceh5.js';
 
 var styles = {"chip":"af7U8MvcbHE-","prefix":"e905AYK4SCc-","suffix":"ySADfZ0FckM-","empty":"usdkmQ9Sxbk-","chipBar":"dg1-Izy1eQA-","selected":"-lz0EYLTDgg-","base":"wSI5L-5rODg-","invalid":"SmUxkzpIC84-","subtle":"Mux23dmZSuw-","disabled":"MbRItb9vKhc-","chipContent":"tJhURjR2Vec-","truncateGradient":"G3QXY0rNcK0-","chipLabelRef":"MUKEW6c2nNA-"};