@jobber/components 6.36.1 → 6.38.0

package/dist/index.mjs

@@ -19,6 +19,9 @@ export { B as Box } from './Box-es.js';
 export { B as Button, a as useButtonContext, u as useButtonStyles } from './Button-es.js';
 export { B as ButtonDismiss } from './ButtonDismiss-es.js';
 export { C as Card } from './Card-es.js';
+export { C as Cluster } from './Cluster-es.js';
+export { C as Container } from './Container-es.js';
+export { C as Cover } from './Cover-es.js';
 export { Checkbox } from './Checkbox/index.mjs';
 export { C as Chip } from './Chip-es.js';
 export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-es.js';
@@ -28,6 +31,7 @@ export { C as Combobox } from './Combobox-es.js';
 export { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
 export { C as ConfirmationModal } from './ConfirmationModal-es.js';
 export { C as Content } from './Content-es.js';
+export { C as ContentBlock } from './ContentBlock-es.js';
 export { C as Countdown } from './Countdown-es.js';
 export { D as DataDump } from './DataDump-es.js';
 export { D as DataList } from './DataList-es.js';
@@ -49,6 +53,7 @@ export { F as FormatEmail } from './FormatEmail-es.js';
 export { F as FormatFile } from './FormatFile-es.js';
 export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-es.js';
 export { F as FormatTime } from './FormatTime-es.js';
+export { F as Frame } from './Frame-es.js';
 export { G as Gallery } from './Gallery-es.js';
 export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-es.js';
 export { G as GRID_TEST_ID, a as Grid } from './Grid-es.js';
@@ -77,15 +82,19 @@ export { P as ProgressBar } from './ProgressBar-es.js';
 export { R as RadioGroup, a as RadioOption } from './RadioGroup-es.js';
 export { R as RecurringSelect } from './RecurringSelect-es.js';
 export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-es.js';
+export { R as ResponsiveSwitcher } from './ResponsiveSwitcher-es.js';
 export { a as Option, S as Select } from './Option-es.js';
 export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from './SegmentedControl-es.js';
 export { S as SideDrawer } from './SideDrawer-es.js';
+export { S as SideKick } from './SideKick-es.js';
 export { S as Spinner } from './Spinner-es.js';
 export { S as StatusIndicator } from './StatusIndicator-es.js';
 export { S as StatusLabel } from './StatusLabel-es.js';
+export { S as Stack } from './Stack-es.js';
 export { S as Switch } from './Switch-es.js';
 export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-es.js';
 export { a as Tab, T as Tabs } from './Tabs-es.js';
+export { T as Tiles } from './Tiles-es.js';
 export { T as Toast, s as showToast } from './showToast-es.js';
 export { T as Tooltip } from './Tooltip-es.js';
 export { T as Typography } from './Typography-es.js';
@@ -108,6 +117,7 @@ import './isSymbol-es.js';
 import 'color';
 import './BannerIcon-es.js';
 import 'react-router-dom';
+import './getMappedAtlantisSpaceToken-es.js';
 import 'react-hook-form';
 import './useInView-es.js';
 import './useChildComponent-es.js';

package/dist/sharedHelpers/getMappedAtlantisSpaceToken.d.ts

@@ -0,0 +1,3 @@
+import { Spaces } from "./types";
+export declare const spaceTokens: Record<Spaces, string>;
+export declare const getMappedAtlantisSpaceToken: (space: Spaces | (string & NonNullable<unknown>) | undefined) => string | undefined;

package/dist/sharedHelpers/getMappedBreakpointWidth.d.ts

@@ -0,0 +1,8 @@
+export declare const AtlantisBreakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const getMappedBreakpointWidth: (maxWidth: keyof typeof AtlantisBreakpoints | string | number) => string;

package/dist/sharedHelpers/types.d.ts

@@ -0,0 +1,15 @@
+export interface CommonAtlantisProps {
+    /** Standard HTML data attributes. Accepts anything in a {{"data-key":"value"}} format. */
+    dataAttributes?: {
+        [key: `data-${string}`]: string;
+    };
+    /** Standard HTML aria attributes. Accepts all standard HTML aria attributes. */
+    ariaAttributes?: React.AriaAttributes;
+    /** Standard HTML role attribute. */
+    role?: React.AriaRole;
+    /** Standard HTML id attribute. */
+    id?: string;
+}
+export type CommonAllowedElements = "section" | "p" | "article" | "ul" | "li" | "div" | "span" | "dl" | "dd" | "dt";
+export type Spaces = "minuscule" | "slim" | "smallest" | "smaller" | "small" | "base" | "large" | "larger" | "largest" | "extravagant";
+export type GapSpacing = Spaces | (string & NonNullable<unknown>);

package/dist/showToast-cjs.js

@@ -24,9 +24,9 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
         React.createElement("div", { className: styles.slice },
             React.createElement(Icon.Icon, { color: icon.color, name: icon.name }),
             React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            action && (React.createElement(Button.ButtonNamespace, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React.createElement("div", { className: styles.button },
-                React.createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React.createElement(Button.ButtonNamespace, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }

package/dist/showToast-es.js

@@ -2,7 +2,7 @@ import React__default, { useState, useEffect, forwardRef, useImperativeHandle, u
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
 import { I as Icon } from './Icon-es.js';
-import { B as Button } from './Button-es.js';
+import { B as ButtonNamespace } from './Button-es.js';
 import 'classnames';
 import { T as Typography } from './Typography-es.js';
 
@@ -22,9 +22,9 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
         React__default.createElement("div", { className: styles.slice },
             React__default.createElement(Icon, { color: icon.color, name: icon.name }),
             React__default.createElement(Typography, { element: "span", size: "large" }, message),
-            action && (React__default.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            action && (React__default.createElement(ButtonNamespace, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React__default.createElement("div", { className: styles.button },
-                React__default.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React__default.createElement(ButtonNamespace, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }