@jobber/components 6.38.2 → 6.38.3

package/dist/Page-cjs.js

@@ -46,9 +46,9 @@ function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, child
                                     React.createElement(Markdown.Markdown, { content: subtitle, basicUsage: true })))))),
                     showActionGroup && (React.createElement("div", { className: styles.actionGroup },
                         primaryAction && (React.createElement("div", { className: styles.primaryAction, ref: primaryAction.ref },
-                            React.createElement(Button.ButtonNamespace, Object.assign({}, getActionProps(primaryAction))))),
+                            React.createElement(Button.Button, Object.assign({}, getActionProps(primaryAction))))),
                         secondaryAction && (React.createElement("div", { className: styles.actionButton, ref: secondaryAction.ref },
-                            React.createElement(Button.ButtonNamespace, Object.assign({}, getActionProps(secondaryAction))))),
+                            React.createElement(Button.Button, Object.assign({}, getActionProps(secondaryAction))))),
                         showMenu && (React.createElement("div", { className: styles.actionButton },
                             React.createElement(Menu.Menu, { items: moreActionsMenu })))))),
                 intro && (React.createElement(Text.Text, { size: "large" },

package/dist/Page-es.js

@@ -5,7 +5,7 @@ import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
-import { B as ButtonNamespace } from './Button-es.js';
+import { B as Button } from './Button-es.js';
 import { M as Menu } from './Menu-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 
@@ -44,9 +44,9 @@ function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, child
                                     React__default.createElement(Markdown, { content: subtitle, basicUsage: true })))))),
                     showActionGroup && (React__default.createElement("div", { className: styles.actionGroup },
                         primaryAction && (React__default.createElement("div", { className: styles.primaryAction, ref: primaryAction.ref },
-                            React__default.createElement(ButtonNamespace, Object.assign({}, getActionProps(primaryAction))))),
+                            React__default.createElement(Button, Object.assign({}, getActionProps(primaryAction))))),
                         secondaryAction && (React__default.createElement("div", { className: styles.actionButton, ref: secondaryAction.ref },
-                            React__default.createElement(ButtonNamespace, Object.assign({}, getActionProps(secondaryAction))))),
+                            React__default.createElement(Button, Object.assign({}, getActionProps(secondaryAction))))),
                         showMenu && (React__default.createElement("div", { className: styles.actionButton },
                             React__default.createElement(Menu, { items: moreActionsMenu })))))),
                 intro && (React__default.createElement(Text, { size: "large" },

package/dist/SideDrawer-cjs.js

@@ -61,7 +61,7 @@ function SideDrawerBackButton({ onClick, }) {
     }, []);
     if (!backPortal)
         return null;
-    return ReactDOM.createPortal(React.createElement(Button.ButtonNamespace, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+    return ReactDOM.createPortal(React.createElement(Button.Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
 }
 
 function SideDrawerFooter({ children }) {
@@ -143,7 +143,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
                             React.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
                         React.createElement("div", { className: styles.headerActions },
                             React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
-                            React.createElement(Button.ButtonNamespace, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                            React.createElement(Button.Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
                     React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
                 React.createElement("div", { className: styles.content },
                     React.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),

package/dist/SideDrawer-es.js

@@ -8,7 +8,7 @@ import { u as useInView_2 } from './useInView-es.js';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { tokens } from '@jobber/design';
 import { H as Heading } from './Heading-es.js';
-import { B as ButtonNamespace } from './Button-es.js';
+import { B as Button } from './Button-es.js';
 import { F as Flex } from './Flex-es.js';
 
 const SideDrawerContext = createContext({
@@ -59,7 +59,7 @@ function SideDrawerBackButton({ onClick, }) {
     }, []);
     if (!backPortal)
         return null;
-    return createPortal(React__default.createElement(ButtonNamespace, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+    return createPortal(React__default.createElement(Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
 }
 
 function SideDrawerFooter({ children }) {
@@ -141,7 +141,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
                             React__default.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
                         React__default.createElement("div", { className: styles.headerActions },
                             React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
-                            React__default.createElement(ButtonNamespace, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                            React__default.createElement(Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
                     React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
                 React__default.createElement("div", { className: styles.content },
                     React__default.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),

package/dist/index.cjs

@@ -207,7 +207,7 @@ exports.Icon = Icon.Icon;
 exports.Avatar = Avatar.Avatar;
 exports.Banner = Banner.Banner;
 exports.Box = Box.Box;
-exports.Button = Button.ButtonNamespace;
+exports.Button = Button.Button;
 exports.useButtonContext = Button.useButtonContext;
 exports.useButtonStyles = Button.useButtonStyles;
 exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
@@ -216,7 +216,7 @@ exports.Cluster = Cluster.Cluster;
 exports.Container = Container.Container;
 exports.Cover = Cover.Cover;
 exports.Checkbox = Checkbox_index.Checkbox;
-exports.Chip = Chip.ChipNamespace;
+exports.Chip = Chip.Chip;
 exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;
 exports.Chips = Chips.Chips;

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.ButtonNamespace, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React.createElement("div", { className: styles.button },
-                React.createElement(Button.ButtonNamespace, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React.createElement(Button.Button, { 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 ButtonNamespace } from './Button-es.js';
+import { B as Button } 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(ButtonNamespace, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            action && (React__default.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React__default.createElement("div", { className: styles.button },
-                React__default.createElement(ButtonNamespace, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React__default.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.38.2",
+  "version": "6.38.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -534,5 +534,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "90e851ce375c5fa0599a88ca378378f44e4f6b9e"
+  "gitHead": "910fa2d1087c90771dbcfe69706d79ffde90cfb3"
 }

package/dist/Chip/Chip.types.d.ts

@@ -1,64 +0,0 @@
-import React, { PropsWithChildren } from "react";
-export interface ChipProps extends PropsWithChildren {
-    /**
-     * Accessible label, which can be different from the primary label.
-     */
-    readonly ariaLabel?: string;
-    /**
-     * The testing id for the chip if necessary.
-     */
-    testID?: string;
-    /**
-     * Disables both mouse and keyboard functionality, and updates the visual style of the Chip to appear disabled.
-     */
-    readonly disabled?: boolean;
-    /**
-     * Adds more prominent text to act as a heading. Will be displayed on the left with a | separator.
-     */
-    readonly heading?: string;
-    /**
-     * Changes Chip styling to inform the user of an issue.
-     */
-    readonly invalid?: boolean;
-    /**
-     * The content of the chip. Will be displayed on the right if you include a heading.
-     */
-    readonly label: string;
-    /**
-     * The accessible role the Chip is fulfilling. Defaults to 'button'
-     */
-    readonly role?: string;
-    /**
-     * Used for accessibility purpopses, specifically using the tab key as navigation.
-     * @default 0
-     */
-    readonly tabIndex?: number;
-    /**
-     * Will be passed to onClick, when the user clicks on this Chip.
-     */
-    readonly value?: string | number;
-    /**
-     * Button style variation. Does not affect functionality.
-     * @default "base"
-     */
-    readonly variation?: ChipVariations;
-    /**
-     * Chip Click Callback. Sends an event and sometimes a value (SelectableChip).
-     */
-    readonly onClick?: (value: string | number | undefined, ev: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
-    /**
-     * Callback. Called when you keydown on Chip. Ships the event, so you can get the key pushed.
-     */
-    readonly onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void;
-}
-export type ChipVariations = "subtle" | "base";
-export interface ChipSelectableProps extends ChipProps {
-    /**
-     * Is Chip selected?
-     */
-    readonly selected?: boolean;
-    /**
-     * Send this back onClick. Good for determining which Chip was clicked.
-     */
-    readonly value?: string | number;
-}