@jobber/components 5.50.0 → 6.2.0

package/dist/RadioGroup/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var RadioGroup = require('../RadioGroup-D1zKHcqG.js');
+var RadioGroup = require('../RadioGroup-D2RudHhx.js');
 require('react');
-require('../Text-Cbgt9k85.js');
-require('../Typography-DwlgxdMt.js');
+require('../Text-BMSQVY3T.js');
+require('../Typography-DEXViLh9.js');
 require('classnames');
 
 

package/dist/RadioGroup/index.mjs

@@ -1,5 +1,5 @@
-export { R as RadioGroup, a as RadioOption } from '../RadioGroup-DawjAQGY.js';
+export { R as RadioGroup, a as RadioOption } from '../RadioGroup-DXxzvMGb.js';
 import 'react';
-import '../Text-95k0viTB.js';
-import '../Typography-CB_9wIpS.js';
+import '../Text-BsOWuaPl.js';
+import '../Typography-Dd_VknzV.js';
 import 'classnames';

package/dist/{RadioGroup-D1zKHcqG.js → RadioGroup-D2RudHhx.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-Cbgt9k85.js');
+var Text = require('./Text-BMSQVY3T.js');
 
 var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T07x0l0-","description":"Ke2WKKuvmRo-","children":"JZOA-psW-FI-","spinning":"_54fzkHxkCbs-"};
 

package/dist/{RadioGroup-DawjAQGY.js → RadioGroup-DXxzvMGb.js}

@@ -1,5 +1,5 @@
 import React, { useId } from 'react';
-import { T as Text } from './Text-95k0viTB.js';
+import { T as Text } from './Text-BsOWuaPl.js';
 
 var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T07x0l0-","description":"Ke2WKKuvmRo-","children":"JZOA-psW-FI-","spinning":"_54fzkHxkCbs-"};
 

package/dist/RecurringSelect/components/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var DayOfMonthSelect = require('../../DayOfMonthSelect-fMqaDeUy.js');
+var DayOfMonthSelect = require('../../DayOfMonthSelect-BTfAfAiy.js');
 require('react');
-require('../../RadioGroup-D1zKHcqG.js');
-require('../../Text-Cbgt9k85.js');
-require('../../Typography-DwlgxdMt.js');
+require('../../RadioGroup-D2RudHhx.js');
+require('../../Text-BMSQVY3T.js');
+require('../../Typography-DEXViLh9.js');
 require('classnames');
 
 

package/dist/RecurringSelect/components/index.mjs

@@ -1,6 +1,6 @@
-export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-kqWcfqDH.js';
+export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-BknrP23A.js';
 import 'react';
-import '../../RadioGroup-DawjAQGY.js';
-import '../../Text-95k0viTB.js';
-import '../../Typography-CB_9wIpS.js';
+import '../../RadioGroup-DXxzvMGb.js';
+import '../../Text-BsOWuaPl.js';
+import '../../Typography-Dd_VknzV.js';
 import 'classnames';

package/dist/RecurringSelect/index.cjs

@@ -1,27 +1,27 @@
 'use strict';
 
-var RecurringSelect = require('../RecurringSelect-C-ak2VIP.js');
-var DayOfMonthSelect = require('../DayOfMonthSelect-fMqaDeUy.js');
+var RecurringSelect = require('../RecurringSelect-tPm_863N.js');
+var DayOfMonthSelect = require('../DayOfMonthSelect-BTfAfAiy.js');
 require('react');
-require('../Text-Cbgt9k85.js');
-require('../Typography-DwlgxdMt.js');
+require('../Text-BMSQVY3T.js');
+require('../Typography-DEXViLh9.js');
 require('classnames');
-require('../Option-GtDFH4gU.js');
-require('../FormField-DGRJhfKA.js');
-require('../tslib.es6-CxJALRyB.js');
+require('../Option-BH32QLT4.js');
+require('../FormField-DjgdG5pG.js');
+require('../tslib.es6-raCxkt_E.js');
 require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-C2dSiDL7.js');
+require('../Button-DkTlEaqK.js');
 require('react-router-dom');
-require('../Icon-Dm_IzXSs.js');
-require('../useFormFieldFocus-B4HT-yMQ.js');
-require('../InputValidation-GFKNRiwr.js');
-require('../Spinner-Jr8mvx51.js');
-require('../InputNumber-C7-zzWxf.js');
-require('../InputGroup-DM8HKhBg.js');
-require('../Content-UapoZ-qx.js');
-require('../RadioGroup-D1zKHcqG.js');
+require('../Icon-YzvhFG0k.js');
+require('../useFormFieldFocus-BVN0DR7T.js');
+require('../InputValidation-DBjYoi2F.js');
+require('../Spinner-CJ4BB0nN.js');
+require('../InputNumber-BGFYH7jr.js');
+require('../InputGroup-BEKiU77k.js');
+require('../Content-CANi3Qqp.js');
+require('../RadioGroup-D2RudHhx.js');
 
 
 

package/dist/RecurringSelect/index.mjs

@@ -1,22 +1,22 @@
-export { R as RecurringSelect } from '../RecurringSelect-B75jdd_W.js';
-export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-kqWcfqDH.js';
+export { R as RecurringSelect } from '../RecurringSelect-D_N9CtIq.js';
+export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-BknrP23A.js';
 import 'react';
-import '../Text-95k0viTB.js';
-import '../Typography-CB_9wIpS.js';
+import '../Text-BsOWuaPl.js';
+import '../Typography-Dd_VknzV.js';
 import 'classnames';
-import '../Option-qbnKK-4E.js';
-import '../FormField-DncwETX-.js';
-import '../tslib.es6-B-LBnN3J.js';
+import '../Option-IdiiU_YR.js';
+import '../FormField-DSH6KDVk.js';
+import '../tslib.es6-DRYxe9ZF.js';
 import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-LGnqDHeg.js';
+import '../Button-BTtqBcvu.js';
 import 'react-router-dom';
-import '../Icon-CBGy94yv.js';
-import '../useFormFieldFocus-bfJcVlwL.js';
-import '../InputValidation-BDPI9fX3.js';
-import '../Spinner-CWJMIBnK.js';
-import '../InputNumber-gvJNZUI1.js';
-import '../InputGroup-C49c4nrK.js';
-import '../Content-C_y3STcz.js';
-import '../RadioGroup-DawjAQGY.js';
+import '../Icon-B37eaDH7.js';
+import '../useFormFieldFocus-B-fmiZkK.js';
+import '../InputValidation-Bp1BO4FF.js';
+import '../Spinner-DzOaDjOp.js';
+import '../InputNumber-DL8cQLdo.js';
+import '../InputGroup-BpaSn-p3.js';
+import '../Content-DP-RtWb0.js';
+import '../RadioGroup-DXxzvMGb.js';

package/dist/{RecurringSelect-B75jdd_W.js → RecurringSelect-D_N9CtIq.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-kqWcfqDH.js';
-import { T as Text } from './Text-95k0viTB.js';
+import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-BknrP23A.js';
+import { T as Text } from './Text-BsOWuaPl.js';
 import 'classnames';
-import { S as Select, a as SelectOption } from './Option-qbnKK-4E.js';
-import { I as InputNumber } from './InputNumber-gvJNZUI1.js';
-import { I as InputGroup } from './InputGroup-C49c4nrK.js';
-import { C as Content } from './Content-C_y3STcz.js';
+import { S as Select, a as SelectOption } from './Option-IdiiU_YR.js';
+import { I as InputNumber } from './InputNumber-DL8cQLdo.js';
+import { I as InputGroup } from './InputGroup-BpaSn-p3.js';
+import { C as Content } from './Content-DP-RtWb0.js';
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/{RecurringSelect-C-ak2VIP.js → RecurringSelect-tPm_863N.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-fMqaDeUy.js');
-var Text = require('./Text-Cbgt9k85.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-BTfAfAiy.js');
+var Text = require('./Text-BMSQVY3T.js');
 require('classnames');
-var Option = require('./Option-GtDFH4gU.js');
-var InputNumber = require('./InputNumber-C7-zzWxf.js');
-var InputGroup = require('./InputGroup-DM8HKhBg.js');
-var Content = require('./Content-UapoZ-qx.js');
+var Option = require('./Option-BH32QLT4.js');
+var InputNumber = require('./InputNumber-BGFYH7jr.js');
+var InputGroup = require('./InputGroup-BEKiU77k.js');
+var Content = require('./Content-CANi3Qqp.js');
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -24,12 +24,16 @@ interface SegmentedControlProps<T> extends PropsWithChildren {
      * @default useId()
      */
     readonly name?: string;
+    /**
+     * Adjusts the size of the SegmentedControl. The default size is "base".
+     *
+     * @default base
+     */
+    readonly size?: "small" | "base" | "large";
 }
-export declare function SegmentedControl<T>({ selectedValue, onSelectValue, defaultValue, children, name, }: SegmentedControlProps<T>): JSX.Element;
+export declare function SegmentedControl<T>({ selectedValue, onSelectValue, defaultValue, children, name, size, }: SegmentedControlProps<T>): JSX.Element;
 export declare namespace SegmentedControl {
     var Option: typeof SegmentedControlOption;
-    var Base: React.ForwardRefExoticComponent<{
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
+    var Base: React.ForwardRefExoticComponent<import("./SegmentedControlBase").SegmentedControlBaseProps & React.RefAttributes<HTMLDivElement>>;
 }
 export {};

package/dist/SegmentedControl/SegmentedControlBase.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-declare const SegmentedControlBase: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+import React, { PropsWithChildren } from "react";
+export interface SegmentedControlBaseProps extends PropsWithChildren {
+    readonly size?: "small" | "base" | "large";
+}
+declare const SegmentedControlBase: React.ForwardRefExoticComponent<SegmentedControlBaseProps & React.RefAttributes<HTMLDivElement>>;
 export { SegmentedControlBase };

package/dist/SegmentedControl/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var SegmentedControl = require('../SegmentedControl-Daynn5kB.js');
+var SegmentedControl = require('../SegmentedControl-COPt16nG.js');
 require('react');
+require('classnames');
 
 
 

package/dist/SegmentedControl/index.mjs

@@ -1,2 +1,3 @@
-export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from '../SegmentedControl-DgmA9dTs.js';
+export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from '../SegmentedControl-Q7Zm2uWd.js';
 import 'react';
+import 'classnames';

package/dist/{SegmentedControl-Daynn5kB.js → SegmentedControl-COPt16nG.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var classnames = require('classnames');
 
 const SegmentedControlContext = React.createContext({
     handleChange: () => ({}),
@@ -44,21 +45,25 @@ function SegmentedControlOption({ value, children, ariaLabel, }) {
         React.createElement("label", { htmlFor: inputId }, children)));
 }
 
-var styles = {"container":"FDDKTZkTdfM-","spinning":"iKliBX-y4ec-"};
+var styles = {"container":"FDDKTZkTdfM-","small":"V41prM1xcKI-","large":"DbXvfxdDF-c-","spinning":"iKliBX-y4ec-"};
 
-const SegmentedControlBase = React.forwardRef(function SegmentedControlBase({ children }, ref) {
+const SegmentedControlBase = React.forwardRef(function SegmentedControlBase({ children, size = "base" }, ref) {
     const optionCount = React.Children.count(children);
-    return (React.createElement("div", { ref: ref, className: styles.container, role: "radiogroup", style: {
+    const containerClassNames = classnames(styles.container, {
+        [styles.small]: size === "small",
+        [styles.large]: size === "large",
+    });
+    return (React.createElement("div", { ref: ref, className: containerClassNames, role: "radiogroup", style: {
             "--segmentedControl--option-count": optionCount,
         } },
         children,
         React.createElement("span", null)));
 });
 
-function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = React.useId(), }) {
+function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = React.useId(), size = "base", }) {
     const container = React.useRef(null);
     return (React.createElement(SegmentedControlProvider, { selectedValue: selectedValue, onSelectValue: onSelectValue, defaultValue: defaultValue, name: name },
-        React.createElement(SegmentedControlBase, { ref: container }, children)));
+        React.createElement(SegmentedControlBase, { ref: container, size: size }, children)));
 }
 SegmentedControl.Option = SegmentedControlOption;
 SegmentedControl.Base = SegmentedControlBase;

package/dist/{SegmentedControl-DgmA9dTs.js → SegmentedControl-Q7Zm2uWd.js}

@@ -1,4 +1,5 @@
 import React, { createContext, useContext, useState, useCallback, useRef, useMemo, useId, forwardRef, Children } from 'react';
+import classnames from 'classnames';
 
 const SegmentedControlContext = createContext({
     handleChange: () => ({}),
@@ -42,21 +43,25 @@ function SegmentedControlOption({ value, children, ariaLabel, }) {
         React.createElement("label", { htmlFor: inputId }, children)));
 }
 
-var styles = {"container":"FDDKTZkTdfM-","spinning":"iKliBX-y4ec-"};
+var styles = {"container":"FDDKTZkTdfM-","small":"V41prM1xcKI-","large":"DbXvfxdDF-c-","spinning":"iKliBX-y4ec-"};
 
-const SegmentedControlBase = forwardRef(function SegmentedControlBase({ children }, ref) {
+const SegmentedControlBase = forwardRef(function SegmentedControlBase({ children, size = "base" }, ref) {
     const optionCount = Children.count(children);
-    return (React.createElement("div", { ref: ref, className: styles.container, role: "radiogroup", style: {
+    const containerClassNames = classnames(styles.container, {
+        [styles.small]: size === "small",
+        [styles.large]: size === "large",
+    });
+    return (React.createElement("div", { ref: ref, className: containerClassNames, role: "radiogroup", style: {
             "--segmentedControl--option-count": optionCount,
         } },
         children,
         React.createElement("span", null)));
 });
 
-function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = useId(), }) {
+function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = useId(), size = "base", }) {
     const container = useRef(null);
     return (React.createElement(SegmentedControlProvider, { selectedValue: selectedValue, onSelectValue: onSelectValue, defaultValue: defaultValue, name: name },
-        React.createElement(SegmentedControlBase, { ref: container }, children)));
+        React.createElement(SegmentedControlBase, { ref: container, size: size }, children)));
 }
 SegmentedControl.Option = SegmentedControlOption;
 SegmentedControl.Base = SegmentedControlBase;

package/dist/Select/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var Option = require('../Option-GtDFH4gU.js');
+var Option = require('../Option-BH32QLT4.js');
 require('react');
-require('../FormField-DGRJhfKA.js');
-require('../tslib.es6-CxJALRyB.js');
+require('../FormField-DjgdG5pG.js');
+require('../tslib.es6-raCxkt_E.js');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-C2dSiDL7.js');
+require('../Button-DkTlEaqK.js');
 require('react-router-dom');
-require('../Icon-Dm_IzXSs.js');
-require('../Typography-DwlgxdMt.js');
-require('../Text-Cbgt9k85.js');
-require('../useFormFieldFocus-B4HT-yMQ.js');
-require('../InputValidation-GFKNRiwr.js');
-require('../Spinner-Jr8mvx51.js');
+require('../Icon-YzvhFG0k.js');
+require('../Typography-DEXViLh9.js');
+require('../Text-BMSQVY3T.js');
+require('../useFormFieldFocus-BVN0DR7T.js');
+require('../InputValidation-DBjYoi2F.js');
+require('../Spinner-CJ4BB0nN.js');
 
 
 

package/dist/Select/index.mjs

@@ -1,16 +1,16 @@
-export { a as Option, S as Select } from '../Option-qbnKK-4E.js';
+export { a as Option, S as Select } from '../Option-IdiiU_YR.js';
 import 'react';
-import '../FormField-DncwETX-.js';
-import '../tslib.es6-B-LBnN3J.js';
+import '../FormField-DSH6KDVk.js';
+import '../tslib.es6-DRYxe9ZF.js';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-LGnqDHeg.js';
+import '../Button-BTtqBcvu.js';
 import 'react-router-dom';
-import '../Icon-CBGy94yv.js';
-import '../Typography-CB_9wIpS.js';
-import '../Text-95k0viTB.js';
-import '../useFormFieldFocus-bfJcVlwL.js';
-import '../InputValidation-BDPI9fX3.js';
-import '../Spinner-CWJMIBnK.js';
+import '../Icon-B37eaDH7.js';
+import '../Typography-Dd_VknzV.js';
+import '../Text-BsOWuaPl.js';
+import '../useFormFieldFocus-B-fmiZkK.js';
+import '../InputValidation-Bp1BO4FF.js';
+import '../Spinner-DzOaDjOp.js';

package/dist/SideDrawer/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var SideDrawer = require('../SideDrawer-Ba_26st7.js');
+var SideDrawer = require('../SideDrawer-Ci6sZXye.js');
 require('react');
 require('react-dom');
 require('framer-motion');
 require('@jobber/design');
-require('../useRefocusOnActivator-DkS6wj1m.js');
-require('../useFocusTrap-Bt5TvdtN.js');
+require('../useRefocusOnActivator-CdLOEyui.js');
+require('../useFocusTrap-CCCa7uzR.js');
 require('classnames');
-require('../useInView-2dtNQkft.js');
-require('../useIsMounted-BsWYMC1h.js');
-require('../useSafeLayoutEffect-BglmHyu4.js');
-require('../Heading-HC-ciLEq.js');
-require('../Typography-DwlgxdMt.js');
-require('../Button-C2dSiDL7.js');
+require('../useInView-DTO-IH-1.js');
+require('../useIsMounted-DCwo0i_O.js');
+require('../useSafeLayoutEffect-j4SPrc8R.js');
+require('../Heading-DIoG9TqZ.js');
+require('../Typography-DEXViLh9.js');
+require('../Button-DkTlEaqK.js');
 require('react-router-dom');
-require('../Icon-Dm_IzXSs.js');
-require('../Flex-4sGeBUyR.js');
+require('../Icon-YzvhFG0k.js');
+require('../Flex-BiOavXpW.js');
 
 
 

package/dist/SideDrawer/index.mjs

@@ -1,17 +1,17 @@
-export { S as SideDrawer } from '../SideDrawer-DQF4qVlQ.js';
+export { S as SideDrawer } from '../SideDrawer-qDbOVxP9.js';
 import 'react';
 import 'react-dom';
 import 'framer-motion';
 import '@jobber/design';
-import '../useRefocusOnActivator-CGLqxk9g.js';
-import '../useFocusTrap-CtqAohio.js';
+import '../useRefocusOnActivator-BRREQQfo.js';
+import '../useFocusTrap-DCuJckoW.js';
 import 'classnames';
-import '../useInView-BYldrd04.js';
-import '../useIsMounted-VPR90GGk.js';
-import '../useSafeLayoutEffect-DxxQg6ka.js';
-import '../Heading-Cv8YIQ6a.js';
-import '../Typography-CB_9wIpS.js';
-import '../Button-LGnqDHeg.js';
+import '../useInView-84LjvAVZ.js';
+import '../useIsMounted-Cs6_OeZg.js';
+import '../useSafeLayoutEffect-BeldnEl1.js';
+import '../Heading-Bk9MCyr5.js';
+import '../Typography-Dd_VknzV.js';
+import '../Button-BTtqBcvu.js';
 import 'react-router-dom';
-import '../Icon-CBGy94yv.js';
-import '../Flex-BlsssxPz.js';
+import '../Icon-B37eaDH7.js';
+import '../Flex-BAs6vJcC.js';

package/dist/{SideDrawer-Ba_26st7.js → SideDrawer-Ci6sZXye.js}

@@ -4,14 +4,14 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
-var useRefocusOnActivator = require('./useRefocusOnActivator-DkS6wj1m.js');
-var useFocusTrap = require('./useFocusTrap-Bt5TvdtN.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CdLOEyui.js');
+var useFocusTrap = require('./useFocusTrap-CCCa7uzR.js');
 var classnames = require('classnames');
-var useInView = require('./useInView-2dtNQkft.js');
-var useIsMounted = require('./useIsMounted-BsWYMC1h.js');
-var Heading = require('./Heading-HC-ciLEq.js');
-var Button = require('./Button-C2dSiDL7.js');
-var Flex = require('./Flex-4sGeBUyR.js');
+var useInView = require('./useInView-DTO-IH-1.js');
+var useIsMounted = require('./useIsMounted-DCwo0i_O.js');
+var Heading = require('./Heading-DIoG9TqZ.js');
+var Button = require('./Button-DkTlEaqK.js');
+var Flex = require('./Flex-BiOavXpW.js');
 
 const SideDrawerContext = React.createContext({
     components: {

package/dist/{SideDrawer-DQF4qVlQ.js → SideDrawer-qDbOVxP9.js}

@@ -2,14 +2,14 @@ import React, { createContext, useContext, useEffect, useState, useId } from 're
 import { createPortal } from 'react-dom';
 import { AnimatePresence, motion } from 'framer-motion';
 import { tokens } from '@jobber/design';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CGLqxk9g.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-CtqAohio.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BRREQQfo.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-DCuJckoW.js';
 import classnames from 'classnames';
-import { u as useInView_2 } from './useInView-BYldrd04.js';
-import { u as useIsMounted_2 } from './useIsMounted-VPR90GGk.js';
-import { H as Heading } from './Heading-Cv8YIQ6a.js';
-import { B as Button } from './Button-LGnqDHeg.js';
-import { F as Flex } from './Flex-BlsssxPz.js';
+import { u as useInView_2 } from './useInView-84LjvAVZ.js';
+import { u as useIsMounted_2 } from './useIsMounted-Cs6_OeZg.js';
+import { H as Heading } from './Heading-Bk9MCyr5.js';
+import { B as Button } from './Button-BTtqBcvu.js';
+import { F as Flex } from './Flex-BAs6vJcC.js';
 
 const SideDrawerContext = createContext({
     components: {

package/dist/Spinner/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Spinner = require('../Spinner-Jr8mvx51.js');
+var Spinner = require('../Spinner-CJ4BB0nN.js');
 require('react');
 require('classnames');
 

package/dist/Spinner/index.mjs

@@ -1,3 +1,3 @@
-export { S as Spinner } from '../Spinner-CWJMIBnK.js';
+export { S as Spinner } from '../Spinner-DzOaDjOp.js';
 import 'react';
 import 'classnames';

package/dist/StatusIndicator/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var StatusIndicator = require('../StatusIndicator-LoTQxbsL.js');
+var StatusIndicator = require('../StatusIndicator-Dtagu4ja.js');
 require('react');
 
 

package/dist/StatusIndicator/index.mjs

@@ -1,2 +1,2 @@
-export { S as StatusIndicator } from '../StatusIndicator-DtwVwCnc.js';
+export { S as StatusIndicator } from '../StatusIndicator-DvwSKmpy.js';
 import 'react';

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-DcCK5Kxh.js');
+var StatusLabel = require('../StatusLabel-DIQlk9eY.js');
 require('react');
 require('classnames');
-require('../Typography-DwlgxdMt.js');
-require('../StatusIndicator-LoTQxbsL.js');
+require('../Typography-DEXViLh9.js');
+require('../StatusIndicator-Dtagu4ja.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-CXCaovbd.js';
+export { S as StatusLabel } from '../StatusLabel-DyH-d_kQ.js';
 import 'react';
 import 'classnames';
-import '../Typography-CB_9wIpS.js';
-import '../StatusIndicator-DtwVwCnc.js';
+import '../Typography-Dd_VknzV.js';
+import '../StatusIndicator-DvwSKmpy.js';

package/dist/{StatusLabel-DcCK5Kxh.js → StatusLabel-DIQlk9eY.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-DwlgxdMt.js');
-var StatusIndicator = require('./StatusIndicator-LoTQxbsL.js');
+var Typography = require('./Typography-DEXViLh9.js');
+var StatusIndicator = require('./StatusIndicator-Dtagu4ja.js');
 
 var styles = {"statusLabelRow":"OADGAhZt8dY-","success":"gQdAtJ0BiSk-","warning":"_1vqcSM0FTig-","critical":"maK19lcw4T8-","inactive":"n-xRjfGbWgM-","informative":"d6Y1CRe9qac-","labelTextEndAligned":"PqXUSR-3s4M-","statusIndicatorWrapper":"RmE4LVHqe60-","spinning":"EJ48QL3omXo-"};
 

package/dist/{StatusLabel-CXCaovbd.js → StatusLabel-DyH-d_kQ.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CB_9wIpS.js';
-import { S as StatusIndicator } from './StatusIndicator-DtwVwCnc.js';
+import { T as Typography } from './Typography-Dd_VknzV.js';
+import { S as StatusIndicator } from './StatusIndicator-DvwSKmpy.js';
 
 var styles = {"statusLabelRow":"OADGAhZt8dY-","success":"gQdAtJ0BiSk-","warning":"_1vqcSM0FTig-","critical":"maK19lcw4T8-","inactive":"n-xRjfGbWgM-","informative":"d6Y1CRe9qac-","labelTextEndAligned":"PqXUSR-3s4M-","statusIndicatorWrapper":"RmE4LVHqe60-","spinning":"EJ48QL3omXo-"};
 

package/dist/Switch/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Switch = require('../Switch-HNEKLP2T.js');
+var Switch = require('../Switch-BfEJoUdM.js');
 require('react');
 require('classnames');
-require('../Typography-DwlgxdMt.js');
+require('../Typography-DEXViLh9.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-Mx5ERdhg.js';
+export { S as Switch } from '../Switch-BWi4EDoA.js';
 import 'react';
 import 'classnames';
-import '../Typography-CB_9wIpS.js';
+import '../Typography-Dd_VknzV.js';

package/dist/{Switch-Mx5ERdhg.js → Switch-BWi4EDoA.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CB_9wIpS.js';
+import { T as Typography } from './Typography-Dd_VknzV.js';
 
 var styles = {"switch":"rVg6dYYBFN4-","track":"yyISARGmmJo-","isChecked":"_40c6OIH33p8-","toggle":"zA0Fmn8IIZI-","label":"HLUIVXs3n5w-","pip":"PiwOCJz7Zto-","disabled":"e-cSZjkHGw8-","spinning":"_0lBGF-nXMrc-"};
 

package/dist/{Switch-HNEKLP2T.js → Switch-BfEJoUdM.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-DwlgxdMt.js');
+var Typography = require('./Typography-DEXViLh9.js');
 
 var styles = {"switch":"rVg6dYYBFN4-","track":"yyISARGmmJo-","isChecked":"_40c6OIH33p8-","toggle":"zA0Fmn8IIZI-","label":"HLUIVXs3n5w-","pip":"PiwOCJz7Zto-","disabled":"e-cSZjkHGw8-","spinning":"_0lBGF-nXMrc-"};