@jobber/components 6.44.0 → 6.44.1-scottthi-50f9f2e.5

package/Hidden.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Hidden";

package/Hidden.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Hidden = require("./dist/Hidden");
+
+Object.keys(Hidden).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Hidden[key];
+    },
+  });
+});

package/HiddenVisually.d.ts

@@ -0,0 +1 @@
+export * from "./dist/HiddenVisually";

package/HiddenVisually.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var HiddenVisually = require("./dist/HiddenVisually");
+
+Object.keys(HiddenVisually).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return HiddenVisually[key];
+    },
+  });
+});

package/dist/Chip/Chip.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
 import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
 import { ChipProps } from "./Chip.types";
-export declare function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role, tabIndex, variation, }: ChipProps): JSX.Element;
-export declare namespace Chip {
-    var Prefix: typeof ChipPrefix;
-    var Suffix: typeof ChipSuffix;
-}
+declare const ChipNamespace: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
+    Prefix: typeof ChipPrefix;
+    Suffix: typeof ChipSuffix;
+};
+export { ChipNamespace as Chip };

package/dist/Chip/index.cjs

@@ -21,6 +21,6 @@ require('../tslib.es6-cjs.js');
 
 
 
-exports.Chip = Chip.Chip;
+exports.Chip = Chip.ChipNamespace;
 exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;

package/dist/Chip-cjs.js

@@ -75,35 +75,56 @@ const allowedSuffixIcons = [
     "arrowDown",
 ];
 
-function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
+const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
     });
-    const prefix = useChildComponent.useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent.useChildComponent(children, d => d.type === Chip.Suffix);
+    const prefix = useChildComponent.useChildComponent(children, d => d.type === ChipPrefix);
+    const suffix = useChildComponent.useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = useInView.useInView_2();
     const [headingRef, headingFullyVisible] = useInView.useInView_2();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    const Tag = onClick ? "button" : "div";
-    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false },
-        React.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
-            prefix,
-            React.createElement("div", { className: styles$1.chipContent },
-                heading && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
-                    label && React.createElement("span", { className: styles$1.chipBar }))),
-                React.createElement(Typography.Typography, { size: "base" },
-                    label,
-                    React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
-                !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
-                    React.createElement("span", null)))),
-            suffix)));
-}
+    const chipContent = (React.createElement(React.Fragment, null,
+        prefix,
+        React.createElement("div", { className: styles$1.chipContent },
+            heading && (React.createElement(React.Fragment, null,
+                React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
+                    heading,
+                    React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
+                label && React.createElement("span", { className: styles$1.chipBar }))),
+            React.createElement(Typography.Typography, { size: "base" },
+                label,
+                React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
+            !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
+                React.createElement("span", null)))),
+        suffix));
+    // Use createElement to properly handle the ref typing
+    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
+        ? React.createElement("button", {
+            className: classes,
+            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            disabled,
+            role,
+            "data-testid": testID,
+            type: "button",
+            ref,
+        }, chipContent)
+        : React.createElement("div", {
+            className: classes,
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            role,
+            "data-testid": testID,
+            ref,
+        }, chipContent)));
+});
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";
     if (heading && !headingFullyVisible) {
@@ -114,10 +135,13 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
     }
     return message;
 }
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
+ChipComponent.displayName = "Chip";
+const ChipNamespace = Object.assign(ChipComponent, {
+    Prefix: ChipPrefix,
+    Suffix: ChipSuffix,
+});
 
-exports.Chip = Chip;
+exports.ChipNamespace = ChipNamespace;
 exports.InternalChipButton = InternalChipButton;
 exports.styles = styles$1;
 exports.styles$1 = styles;

package/dist/Chip-es.js

@@ -1,4 +1,4 @@
-import React__default, { useRef } from 'react';
+import React__default, { useRef, forwardRef } from 'react';
 import classnames from 'classnames';
 import { u as useInView_2 } from './useInView-es.js';
 import { A as Avatar } from './Avatar-es.js';
@@ -73,35 +73,56 @@ const allowedSuffixIcons = [
     "arrowDown",
 ];
 
-function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
+const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
     });
-    const prefix = useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent(children, d => d.type === Chip.Suffix);
+    const prefix = useChildComponent(children, d => d.type === ChipPrefix);
+    const suffix = useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = useInView_2();
     const [headingRef, headingFullyVisible] = useInView_2();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    const Tag = onClick ? "button" : "div";
-    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false },
-        React__default.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
-            prefix,
-            React__default.createElement("div", { className: styles$1.chipContent },
-                heading && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
-                    label && React__default.createElement("span", { className: styles$1.chipBar }))),
-                React__default.createElement(Typography, { size: "base" },
-                    label,
-                    React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
-                !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
-                    React__default.createElement("span", null)))),
-            suffix)));
-}
+    const chipContent = (React__default.createElement(React__default.Fragment, null,
+        prefix,
+        React__default.createElement("div", { className: styles$1.chipContent },
+            heading && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
+                    heading,
+                    React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
+                label && React__default.createElement("span", { className: styles$1.chipBar }))),
+            React__default.createElement(Typography, { size: "base" },
+                label,
+                React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
+            !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
+                React__default.createElement("span", null)))),
+        suffix));
+    // Use createElement to properly handle the ref typing
+    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
+        ? React__default.createElement("button", {
+            className: classes,
+            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            disabled,
+            role,
+            "data-testid": testID,
+            type: "button",
+            ref,
+        }, chipContent)
+        : React__default.createElement("div", {
+            className: classes,
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            role,
+            "data-testid": testID,
+            ref,
+        }, chipContent)));
+});
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";
     if (heading && !headingFullyVisible) {
@@ -112,7 +133,10 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
     }
     return message;
 }
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
+ChipComponent.displayName = "Chip";
+const ChipNamespace = Object.assign(ChipComponent, {
+    Prefix: ChipPrefix,
+    Suffix: ChipSuffix,
+});
 
-export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
+export { ChipNamespace as C, InternalChipButton as I, styles as a, styles$1 as s };

package/dist/ChipDismissible-cjs.js

@@ -7,14 +7,14 @@ var Chip = require('./Chip-cjs.js');
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = tslib_es6.__rest(_a, ["selected"]);
-    return (React.createElement(Chip.Chip, Object.assign({}, rest),
-        React.createElement(Chip.Chip.Suffix, { className: selected ? Chip.styles.selected : "" },
+    return (React.createElement(Chip.ChipNamespace, Object.assign({}, rest),
+        React.createElement(Chip.ChipNamespace.Suffix, { className: selected ? Chip.styles.selected : "" },
             React.createElement(Icon.Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
 }
 
 function ChipDismissible(props) {
-    return (React.createElement(Chip.Chip, Object.assign({}, props),
-        React.createElement(Chip.Chip.Suffix, null,
+    return (React.createElement(Chip.ChipNamespace, Object.assign({}, props),
+        React.createElement(Chip.ChipNamespace.Suffix, null,
             React.createElement(Icon.Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 

package/dist/ChipDismissible-es.js

@@ -1,18 +1,18 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import { I as Icon } from './Icon-es.js';
-import { C as Chip, s as styles } from './Chip-es.js';
+import { C as ChipNamespace, s as styles } from './Chip-es.js';
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = __rest(_a, ["selected"]);
-    return (React__default.createElement(Chip, Object.assign({}, rest),
-        React__default.createElement(Chip.Suffix, { className: selected ? styles.selected : "" },
+    return (React__default.createElement(ChipNamespace, Object.assign({}, rest),
+        React__default.createElement(ChipNamespace.Suffix, { className: selected ? styles.selected : "" },
             React__default.createElement(Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
 }
 
 function ChipDismissible(props) {
-    return (React__default.createElement(Chip, Object.assign({}, props),
-        React__default.createElement(Chip.Suffix, null,
+    return (React__default.createElement(ChipNamespace, Object.assign({}, props),
+        React__default.createElement(ChipNamespace.Suffix, null,
             React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 

package/dist/ComboboxActivator-cjs.js

@@ -23,7 +23,7 @@ function ComboboxActivator(props) {
     const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
-        (props.children.type === Button.Button || props.children.type === Chip.Chip)) {
+        (props.children.type === Button.Button || props.children.type === Chip.ChipNamespace)) {
         return React.cloneElement(props.children, {
             role: accessibilityAttributes.role,
             onClick: handleOpen,

package/dist/ComboboxActivator-es.js

@@ -1,7 +1,7 @@
 import React__default, { useContext } from 'react';
 import { B as Button } from './Button-es.js';
 import 'classnames';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import '@jobber/design';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -21,7 +21,7 @@ function ComboboxActivator(props) {
     const { handleOpen } = React__default.useContext(ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
-        (props.children.type === Button || props.children.type === Chip)) {
+        (props.children.type === Button || props.children.type === ChipNamespace)) {
         return React__default.cloneElement(props.children, {
             role: accessibilityAttributes.role,
             onClick: handleOpen,

package/dist/ComboboxTrigger-cjs.js

@@ -10,7 +10,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
     const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
+    return (React.createElement(Chip.ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.ChipNamespace.Suffix, null,
         React.createElement(Icon.Icon, { name: "add", size: "small" })))));
 }
 

package/dist/ComboboxTrigger-es.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -8,7 +8,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
     const { handleOpen } = React__default.useContext(ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React__default.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(Chip.Suffix, null,
+    return (React__default.createElement(ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(ChipNamespace.Suffix, null,
         React__default.createElement(Icon, { name: "add", size: "small" })))));
 }
 

package/dist/DataListSort-cjs.js

@@ -21,7 +21,7 @@ function DataListSort() {
             },
         ] },
         React.createElement(Combobox.Combobox.Activator, null,
-            React.createElement(Chip.Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.Chip.Suffix, null,
+            React.createElement(Chip.ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.ChipNamespace.Suffix, null,
                 React.createElement(Icon.Icon, { name: "arrowDown", size: "small" }))))),
         sortByOptions.map(({ label, value }) => (React.createElement(Combobox.Combobox.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {

package/dist/DataListSort-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { C as Combobox } from './Combobox-es.js';
 import './ComboboxProvider-es.js';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 
@@ -19,7 +19,7 @@ function DataListSort() {
             },
         ] },
         React__default.createElement(Combobox.Activator, null,
-            React__default.createElement(Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(Chip.Suffix, null,
+            React__default.createElement(ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(ChipNamespace.Suffix, null,
                 React__default.createElement(Icon, { name: "arrowDown", size: "small" }))))),
         sortByOptions.map(({ label, value }) => (React__default.createElement(Combobox.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {

package/dist/FormField/FormFieldWrapper.d.ts

@@ -6,7 +6,7 @@ export interface FormFieldWrapperProps extends FormFieldProps {
     readonly identifier: string;
     readonly descriptionIdentifier: string;
     readonly clearable: Clearable;
-    readonly onClear: () => void;
+    readonly onClear?: () => void;
     readonly showMiniLabel?: boolean;
     readonly readonly?: boolean;
 }

package/dist/FormField/components/ClearAction.d.ts

@@ -3,7 +3,7 @@ interface ClearActionProps {
     /**
      * Click handler
      */
-    readonly onClick: () => void;
+    readonly onClick?: () => void;
     readonly visible?: boolean;
 }
 export declare function ClearAction({ onClick, visible, }: ClearActionProps): React.ReactElement | null;

package/dist/Hidden/Hidden.d.ts

@@ -0,0 +1,2 @@
+import { HiddenProps } from "./types";
+export declare function Hidden({ as: Tag, dataAttributes, ariaAttributes, role, id, children, UNSAFE_className, UNSAFE_style, above, below, }: HiddenProps): JSX.Element;

package/dist/Hidden/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var Hidden = require('../Hidden-cjs.js');
+require('classnames');
+require('react');
+
+
+
+exports.Hidden = Hidden.Hidden;

package/dist/Hidden/index.d.ts

@@ -0,0 +1 @@
+export * from "./Hidden";

package/dist/Hidden/index.mjs

@@ -0,0 +1,3 @@
+export { H as Hidden } from '../Hidden-es.js';
+import 'classnames';
+import 'react';

package/dist/Hidden/types.d.ts

@@ -0,0 +1,22 @@
+import { AtlantisBreakpoints } from "../sharedHelpers/getMappedBreakpointWidth";
+import { CommonAllowedElements, CommonAtlantisProps } from "../sharedHelpers/types";
+export interface HiddenProps extends CommonAtlantisProps {
+    as?: CommonAllowedElements;
+    above?: keyof Omit<typeof AtlantisBreakpoints, "xs">;
+    below?: keyof Omit<typeof AtlantisBreakpoints, "xs">;
+    children: React.ReactNode;
+    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: {
+        container?: string;
+    };
+    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: {
+        container?: React.CSSProperties;
+    };
+}

package/dist/Hidden-cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var classnames = require('classnames');
+var React = require('react');
+
+var styles = {"hidden":"e4hGIsaejY0-","smAndUp":"_649EOf4qo-s-","mdAndUp":"UuA9Ph5Q5Rw-","lgAndUp":"QaAD6nxesFU-","xlAndUp":"XF-Uuqx6B-I-","smAndDown":"pDvz0mHYkPs-","mdAndDown":"_5HzS5AKC-fs-","lgAndDown":"PuKTHF-lcJc-","xlAndDown":"qq7dacxDjhk-","spinning":"WZj6FJbA0iU-"};
+
+function Hidden({ as: Tag = "div", dataAttributes, ariaAttributes, role, id, children, UNSAFE_className, UNSAFE_style, above, below, }) {
+    return (React.createElement(Tag, Object.assign({}, dataAttributes, ariaAttributes, { role: role, id: id, className: classnames(styles.hidden, UNSAFE_className, above && styles[`${above}AndUp`], below && styles[`${below}AndDown`]), style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container }), children));
+}
+
+exports.Hidden = Hidden;

package/dist/Hidden-es.js

@@ -0,0 +1,10 @@
+import classnames from 'classnames';
+import React__default from 'react';
+
+var styles = {"hidden":"e4hGIsaejY0-","smAndUp":"_649EOf4qo-s-","mdAndUp":"UuA9Ph5Q5Rw-","lgAndUp":"QaAD6nxesFU-","xlAndUp":"XF-Uuqx6B-I-","smAndDown":"pDvz0mHYkPs-","mdAndDown":"_5HzS5AKC-fs-","lgAndDown":"PuKTHF-lcJc-","xlAndDown":"qq7dacxDjhk-","spinning":"WZj6FJbA0iU-"};
+
+function Hidden({ as: Tag = "div", dataAttributes, ariaAttributes, role, id, children, UNSAFE_className, UNSAFE_style, above, below, }) {
+    return (React__default.createElement(Tag, Object.assign({}, dataAttributes, ariaAttributes, { role: role, id: id, className: classnames(styles.hidden, UNSAFE_className, above && styles[`${above}AndUp`], below && styles[`${below}AndDown`]), style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container }), children));
+}
+
+export { Hidden as H };

package/dist/HiddenVisually/HiddenVisually.d.ts

@@ -0,0 +1,2 @@
+import { HiddenVisuallyProps } from "./types";
+export declare function HiddenVisually({ children, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, above, below, }: HiddenVisuallyProps): JSX.Element;

package/dist/HiddenVisually/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var HiddenVisually = require('../HiddenVisually-cjs.js');
+require('react');
+require('classnames');
+
+
+
+exports.HiddenVisually = HiddenVisually.HiddenVisually;

package/dist/HiddenVisually/index.d.ts

@@ -0,0 +1 @@
+export * from "./HiddenVisually";

package/dist/HiddenVisually/index.mjs

@@ -0,0 +1,3 @@
+export { H as HiddenVisually } from '../HiddenVisually-es.js';
+import 'react';
+import 'classnames';

package/dist/HiddenVisually/types.d.ts

@@ -0,0 +1,18 @@
+import { AtlantisBreakpoints } from "../sharedHelpers/getMappedBreakpointWidth";
+import { CommonAllowedElements, CommonAtlantisProps } from "../sharedHelpers/types";
+export interface HiddenVisuallyProps extends CommonAtlantisProps {
+    above?: keyof Omit<typeof AtlantisBreakpoints, "xs">;
+    below?: keyof Omit<typeof AtlantisBreakpoints, "xs">;
+    children: React.ReactNode;
+    as?: CommonAllowedElements;
+    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    UNSAFE_className?: string;
+    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    UNSAFE_style?: React.CSSProperties;
+}

package/dist/HiddenVisually-cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+
+var styles = {"hiddenVisually":"KIQEOl5--Ps-","smAndUp":"dyD8LqeU6rk-","mdAndUp":"_4cvm5Lo6b-4-","lgAndUp":"_2tqcdABzC-A-","xlAndUp":"ZI43Z0NrdTQ-","smAndDown":"tci49Fv-zGo-","mdAndDown":"gjbmECkM2Gk-","lgAndDown":"c7PlOuwuepk-","xlAndDown":"Xp7lP5jyOn4-","spinning":"I-xU3Z2iq1E-"};
+
+function HiddenVisually({ children, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, above, below, }) {
+    return (React.createElement(Tag, Object.assign({}, dataAttributes, ariaAttributes, { role: role, id: id, className: classnames(styles.hiddenVisually, UNSAFE_className, above && styles[`${above}AndUp`], below && styles[`${below}AndDown`]), style: UNSAFE_style }), children));
+}
+
+exports.HiddenVisually = HiddenVisually;

package/dist/HiddenVisually-es.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import classnames from 'classnames';
+
+var styles = {"hiddenVisually":"KIQEOl5--Ps-","smAndUp":"dyD8LqeU6rk-","mdAndUp":"_4cvm5Lo6b-4-","lgAndUp":"_2tqcdABzC-A-","xlAndUp":"ZI43Z0NrdTQ-","smAndDown":"tci49Fv-zGo-","mdAndDown":"gjbmECkM2Gk-","lgAndDown":"c7PlOuwuepk-","xlAndDown":"Xp7lP5jyOn4-","spinning":"I-xU3Z2iq1E-"};
+
+function HiddenVisually({ children, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, above, below, }) {
+    return (React__default.createElement(Tag, Object.assign({}, dataAttributes, ariaAttributes, { role: role, id: id, className: classnames(styles.hiddenVisually, UNSAFE_className, above && styles[`${above}AndUp`], below && styles[`${below}AndDown`]), style: UNSAFE_style }), children));
+}
+
+export { HiddenVisually as H };

package/dist/InternalChipDismissible-cjs.js

@@ -14,9 +14,9 @@ var Chip = require('./Chip-cjs.js');
 require('./tslib.es6-cjs.js');
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    return (React.createElement(Chip.Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
-        prefix && React.createElement(Chip.Chip.Prefix, null, prefix),
-        suffix && React.createElement(Chip.Chip.Suffix, null, suffix)));
+    return (React.createElement(Chip.ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
+        prefix && React.createElement(Chip.ChipNamespace.Prefix, null, prefix),
+        suffix && React.createElement(Chip.ChipNamespace.Suffix, null, suffix)));
 }
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};

package/dist/InternalChipDismissible-es.js

@@ -8,13 +8,13 @@ import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
 import { S as Spinner } from './Spinner-es.js';
-import { C as Chip, I as InternalChipButton } from './Chip-es.js';
+import { C as ChipNamespace, I as InternalChipButton } from './Chip-es.js';
 import './tslib.es6-es.js';
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    return (React__default.createElement(Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
-        prefix && React__default.createElement(Chip.Prefix, null, prefix),
-        suffix && React__default.createElement(Chip.Suffix, null, suffix)));
+    return (React__default.createElement(ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
+        prefix && React__default.createElement(ChipNamespace.Prefix, null, prefix),
+        suffix && React__default.createElement(ChipNamespace.Suffix, null, suffix)));
 }
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};

package/dist/ResponsiveSwitcher/ResponsiveSwitcher.d.ts

@@ -1,2 +1,2 @@
 import { ResponsiveSwitcherProps } from "./types";
-export declare function ResponsiveSwitcher({ children, threshold, gap, limit, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ResponsiveSwitcherProps): JSX.Element;
+export declare function ResponsiveSwitcher({ children, threshold, gap, limit, scaleBy, as: Tag, dataAttributes, ariaAttributes, collapseBelow, collapsed, role, id, UNSAFE_className, UNSAFE_style, }: ResponsiveSwitcherProps): JSX.Element;