@jobber/components 6.26.1 → 6.26.2-scotttla-c4cc76e.32

package/AtlantisPortalContent.d.ts

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

package/AtlantisPortalContent.js

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

package/Cluster.d.ts

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

package/Cluster.js

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

package/Container.d.ts

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

package/Container.js

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

package/ContentBlock.d.ts

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

package/ContentBlock.js

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

package/Cover.d.ts

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

package/Cover.js

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

package/Frame.d.ts

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

package/Frame.js

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

package/ResponsiveSwitcher.d.ts

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

package/ResponsiveSwitcher.js

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

package/SideKick.d.ts

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

package/SideKick.js

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

package/Stack.d.ts

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

package/Stack.js

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

package/Tiles.d.ts

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

package/Tiles.js

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

package/dist/AtlantisPortalContent/AtlantisPortalContent.d.ts

@@ -0,0 +1,2 @@
+import { AtlantisPortalContentProps } from "./AtlantisPortalContent.types";
+export declare function AtlantisPortalContent({ children, }: AtlantisPortalContentProps): JSX.Element;

package/dist/AtlantisPortalContent/AtlantisPortalContent.types.d.ts

@@ -0,0 +1,4 @@
+export interface AtlantisPortalContentProps {
+    /** The content that will be rendered inside a portal. */
+    readonly children: React.ReactNode;
+}

package/dist/AtlantisPortalContent/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var AtlantisPortalContent = require('../AtlantisPortalContent-cjs.js');
+require('react');
+require('../AtlantisThemeContext-cjs.js');
+require('@jobber/design');
+require('../_commonjsHelpers-cjs.js');
+require('../identity-cjs.js');
+require('../isTypedArray-cjs.js');
+require('../isObjectLike-cjs.js');
+require('../_baseAssignValue-cjs.js');
+require('../_baseFor-cjs.js');
+require('../keysIn-cjs.js');
+require('../_isIterateeCall-cjs.js');
+require('../_setToString-cjs.js');
+
+
+
+exports.AtlantisPortalContent = AtlantisPortalContent.AtlantisPortalContent;

package/dist/AtlantisPortalContent/index.d.ts

@@ -0,0 +1,2 @@
+export { AtlantisPortalContent } from "./AtlantisPortalContent";
+export type { AtlantisPortalContentProps } from "./AtlantisPortalContent.types";

package/dist/AtlantisPortalContent/index.mjs

@@ -0,0 +1,13 @@
+export { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
+import 'react';
+import '../AtlantisThemeContext-es.js';
+import '@jobber/design';
+import '../_commonjsHelpers-es.js';
+import '../identity-es.js';
+import '../isTypedArray-es.js';
+import '../isObjectLike-es.js';
+import '../_baseAssignValue-es.js';
+import '../_baseFor-es.js';
+import '../keysIn-es.js';
+import '../_isIterateeCall-es.js';
+import '../_setToString-es.js';

package/dist/AtlantisPortalContent-cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var React = require('react');
+var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
+
+function AtlantisPortalContent({ children, }) {
+    const { theme } = AtlantisThemeContext.useAtlantisTheme();
+    return (React.createElement(AtlantisThemeContext.AtlantisThemeContextProvider, { dangerouslyOverrideTheme: theme }, children));
+}
+
+exports.AtlantisPortalContent = AtlantisPortalContent;

package/dist/AtlantisPortalContent-es.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { u as useAtlantisTheme, A as AtlantisThemeContextProvider } from './AtlantisThemeContext-es.js';
+
+function AtlantisPortalContent({ children, }) {
+    const { theme } = useAtlantisTheme();
+    return (React__default.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: theme }, children));
+}
+
+export { AtlantisPortalContent as A };

package/dist/Banner/Banner.d.ts

@@ -4,23 +4,26 @@ import { BannerType } from "./Banner.types";
 import { ButtonProps } from "../Button";
 interface BannerProps {
     readonly children: ReactNode;
+    /**
+     * Sets the status-based theme of the Banner
+     */
     readonly type: BannerType;
     /**
-     * The default cta variation should be a 'work' variation. If the banner
-     * 'type' is set to 'notice' we change the cta variation to 'learning'
+     * Accepts props for Button. Default action uses a 'subtle' Button
      */
     readonly primaryAction?: ButtonProps;
     /**
+     * Set to false to hide the dismiss button
      * @default true
      */
     readonly dismissible?: boolean;
     /**
-     * Adds an icon to the left of the banner content
+     * Use to override the default status Icon
      */
     readonly icon?: IconNames;
     onDismiss?(): void;
     /**
-     * When provided, the banner's visibility is controlled by this value.
+     * When provided, Banner's visibility is controlled by this value
      * @default undefined
      */
     readonly controlledVisiblity?: boolean;

package/dist/Banner-cjs.js

@@ -51,11 +51,11 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
 function getBannerIcon(type) {
     switch (type) {
         case "notice":
-            return "starburst";
+            return "info";
         case "success":
             return "checkmark";
         case "warning":
-            return "help";
+            return "warning";
         case "error":
             return "alert";
     }

package/dist/Banner-es.js

@@ -49,11 +49,11 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
 function getBannerIcon(type) {
     switch (type) {
         case "notice":
-            return "starburst";
+            return "info";
         case "success":
             return "checkmark";
         case "warning":
-            return "help";
+            return "warning";
         case "error":
             return "alert";
     }

package/dist/Box-cjs.js

@@ -117,7 +117,7 @@ function getVars(size, basePrefix = "--box-padding") {
 
 var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
-var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
+var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 
 var radiusStyles = {"radius-small":"kCKg-JJTRO8-","radius-base":"_235nMwtuWSw-","radius-large":"_9ppkWehd4QA-","radius-larger":"CsG3cZAn6r0-","radius-circle":"WWKSAC2020Q-","spinning":"CiyryaHCYUs-"};
 

package/dist/Box-es.js

@@ -115,7 +115,7 @@ function getVars(size, basePrefix = "--box-padding") {
 
 var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
-var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
+var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 
 var radiusStyles = {"radius-small":"kCKg-JJTRO8-","radius-base":"_235nMwtuWSw-","radius-large":"_9ppkWehd4QA-","radius-larger":"CsG3cZAn6r0-","radius-circle":"WWKSAC2020Q-","spinning":"CiyryaHCYUs-"};
 

package/dist/Button/Button.types.d.ts

@@ -1,6 +1,9 @@
 import { IconNames } from "@jobber/design";
 import { LinkProps } from "react-router-dom";
 import { XOR } from "ts-xor";
+import { CSSProperties } from "react";
+import { TypographyProps } from "../Typography/Typography";
+import { IconProps } from "../Icon/Icon";
 export type HTMLButtonType = "button" | "submit";
 export type ButtonVariation = "work" | "learning" | "subtle" | "destructive";
 export type ButtonSize = "small" | "base" | "large";
@@ -22,6 +25,30 @@ export interface ButtonFoundationProps {
     readonly ariaLabel?: string;
     onClick?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
     onMouseDown?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
+    /**
+     * **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.
+     * **Note:** If you are applying fill override to buttonIcon.path, you will need to add !important due
+     * to Button's children element css inheritance.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: {
+        container?: string;
+        buttonLabel?: TypographyProps["UNSAFE_className"];
+        buttonIcon?: IconProps["UNSAFE_className"];
+    };
+    /**
+     * **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.
+     * **Note:** If you are applying fill override to buttonIcon.path, you will need to add !important due
+     * to Button's children element css inheritance.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: {
+        container?: CSSProperties;
+        buttonLabel?: TypographyProps["UNSAFE_style"];
+        buttonIcon?: IconProps["UNSAFE_style"];
+    };
 }
 interface ButtonNonComposableProps extends ButtonFoundationProps {
     readonly icon?: IconNames;

package/dist/Button/ButtonInternals.d.ts

@@ -5,6 +5,6 @@ import { TypographyProps } from "../Typography";
  * For backwards compatibility with the legacy button
  * @deprecated Used composed solution instead
  */
-export declare function ButtonContent({ label, icon, size, iconOnRight, }: Pick<ButtonProps, "label" | "icon" | "size" | "iconOnRight">): JSX.Element;
-export declare function ButtonIcon({ size: sizeProp, ...props }: Pick<IconProps, "size" | "name" | "testID">): JSX.Element;
+export declare function ButtonContent({ label, icon, size, iconOnRight, UNSAFE_className, UNSAFE_style, }: Pick<ButtonProps, "label" | "icon" | "size" | "iconOnRight" | "UNSAFE_className" | "UNSAFE_style">): JSX.Element;
+export declare function ButtonIcon({ size: sizeProp, ...props }: Pick<IconProps, "size" | "name" | "testID" | "UNSAFE_className" | "UNSAFE_style">): JSX.Element;
 export declare function ButtonLabel({ element, fontWeight, fontFamily, size: sizeProp, ...props }: Omit<TypographyProps, "textColor">): JSX.Element;

package/dist/Button/ButtonProvider.d.ts

@@ -6,5 +6,5 @@ interface ButtonContextProps {
 export declare function ButtonProvider({ children, size, }: PropsWithChildren<{
     readonly size?: ButtonSize;
 }>): JSX.Element;
-export declare function useButton(): ButtonContextProps;
+export declare function useButtonContext(): ButtonContextProps;
 export {};

package/dist/Button/index.cjs

@@ -12,5 +12,5 @@ require('../Typography-cjs.js');
 
 
 exports.Button = Button.Button;
-exports.useButton = Button.useButton;
+exports.useButtonContext = Button.useButtonContext;
 exports.useButtonStyles = Button.useButtonStyles;

package/dist/Button/index.d.ts

@@ -1,4 +1,4 @@
 export { Button } from "./Button";
 export * from "./Button.types";
 export { useButtonStyles, UseButtonStylesProps } from "./useButtonStyles";
-export { useButton } from "./ButtonProvider";
+export { useButtonContext } from "./ButtonProvider";

package/dist/Button/index.mjs

@@ -1,4 +1,4 @@
-export { B as Button, a as useButton, u as useButtonStyles } from '../Button-es.js';
+export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
 import 'react';
 import 'react-router-dom';
 import 'classnames';

package/dist/Button-cjs.js

@@ -15,12 +15,12 @@ const ButtonContext = React.createContext({
 function ButtonProvider({ children, size = "base", }) {
     return (React.createElement(ButtonContext.Provider, { value: { size } }, children));
 }
-function useButton() {
+function useButtonContext() {
     return React.useContext(ButtonContext);
 }
 
 function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variation = "work", type = "primary", }) {
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     const wrapper = classnames([styles.button, styles[size], styles[variation], styles[type]], {
         [styles.disabled]: disabled,
@@ -39,11 +39,11 @@ function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variati
  * For backwards compatibility with the legacy button
  * @deprecated Used composed solution instead
  */
-function ButtonContent({ label, icon, size = "base", iconOnRight = false, }) {
+function ButtonContent({ label, icon, size = "base", iconOnRight = false, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(React.Fragment, null,
-        icon && !iconOnRight && React.createElement(ButtonIcon, { name: icon, size: size }),
-        label && React.createElement(ButtonLabel, { size: size }, label),
-        icon && iconOnRight && React.createElement(ButtonIcon, { name: icon, size: size })));
+        icon && !iconOnRight && (React.createElement(ButtonIcon, { name: icon, size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon })),
+        label && (React.createElement(ButtonLabel, { size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonLabel, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonLabel }, label)),
+        icon && iconOnRight && (React.createElement(ButtonIcon, { name: icon, size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon }))));
 }
 function getTypeSizes(size) {
     switch (size) {
@@ -57,13 +57,13 @@ function getTypeSizes(size) {
 }
 function ButtonIcon(_a) {
     var { size: sizeProp } = _a, props = tslib_es6.__rest(_a, ["size"]);
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     return React.createElement(Icon.Icon, Object.assign({}, props, { size: size }));
 }
 function ButtonLabel(_a) {
     var { element = "span", fontWeight = "semiBold", fontFamily = "base", size: sizeProp } = _a, props = tslib_es6.__rest(_a, ["element", "fontWeight", "fontFamily", "size"]);
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     return (React.createElement(Typography.Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
 }
@@ -74,12 +74,13 @@ function Button(props) {
         React.createElement(ButtonWrapper, Object.assign({}, props))));
 }
 function ButtonWrapper(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, role, value, submit, to, url, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
     const { combined } = useButtonStyles(props);
     const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: combined, disabled,
-        id }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
-    const buttonInternals = props.children || React.createElement(ButtonContent, Object.assign({}, props));
+    const buttonClassNames = classnames(combined, UNSAFE_className.container);
+    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
+        id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    const buttonInternals = children || React.createElement(ButtonContent, Object.assign({}, props));
     if (to) {
         return (React.createElement(reactRouterDom.Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
     }
@@ -90,5 +91,5 @@ Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;
 
 exports.Button = Button;
-exports.useButton = useButton;
+exports.useButtonContext = useButtonContext;
 exports.useButtonStyles = useButtonStyles;

package/dist/Button-es.js

@@ -13,12 +13,12 @@ const ButtonContext = createContext({
 function ButtonProvider({ children, size = "base", }) {
     return (React__default.createElement(ButtonContext.Provider, { value: { size } }, children));
 }
-function useButton() {
+function useButtonContext() {
     return useContext(ButtonContext);
 }
 
 function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variation = "work", type = "primary", }) {
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     const wrapper = classnames([styles.button, styles[size], styles[variation], styles[type]], {
         [styles.disabled]: disabled,
@@ -37,11 +37,11 @@ function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variati
  * For backwards compatibility with the legacy button
  * @deprecated Used composed solution instead
  */
-function ButtonContent({ label, icon, size = "base", iconOnRight = false, }) {
+function ButtonContent({ label, icon, size = "base", iconOnRight = false, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(React__default.Fragment, null,
-        icon && !iconOnRight && React__default.createElement(ButtonIcon, { name: icon, size: size }),
-        label && React__default.createElement(ButtonLabel, { size: size }, label),
-        icon && iconOnRight && React__default.createElement(ButtonIcon, { name: icon, size: size })));
+        icon && !iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon })),
+        label && (React__default.createElement(ButtonLabel, { size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonLabel, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonLabel }, label)),
+        icon && iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon }))));
 }
 function getTypeSizes(size) {
     switch (size) {
@@ -55,13 +55,13 @@ function getTypeSizes(size) {
 }
 function ButtonIcon(_a) {
     var { size: sizeProp } = _a, props = __rest(_a, ["size"]);
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     return React__default.createElement(Icon, Object.assign({}, props, { size: size }));
 }
 function ButtonLabel(_a) {
     var { element = "span", fontWeight = "semiBold", fontFamily = "base", size: sizeProp } = _a, props = __rest(_a, ["element", "fontWeight", "fontFamily", "size"]);
-    const { size: contextSize } = useButton();
+    const { size: contextSize } = useButtonContext();
     const size = sizeProp || contextSize;
     return (React__default.createElement(Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
 }
@@ -72,12 +72,13 @@ function Button(props) {
         React__default.createElement(ButtonWrapper, Object.assign({}, props))));
 }
 function ButtonWrapper(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, role, value, submit, to, url, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
     const { combined } = useButtonStyles(props);
     const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: combined, disabled,
-        id }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
-    const buttonInternals = props.children || React__default.createElement(ButtonContent, Object.assign({}, props));
+    const buttonClassNames = classnames(combined, UNSAFE_className.container);
+    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
+        id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    const buttonInternals = children || React__default.createElement(ButtonContent, Object.assign({}, props));
     if (to) {
         return (React__default.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
     }
@@ -87,4 +88,4 @@ function ButtonWrapper(props) {
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;
 
-export { Button as B, useButton as a, useButtonStyles as u };
+export { Button as B, useButtonContext as a, useButtonStyles as u };

package/dist/ButtonDismiss/ButtonDismiss.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-interface ButtonDismissProps {
+export interface ButtonDismissProps {
     onClick?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
     readonly ariaLabel: string;
 }
 export declare function ButtonDismiss({ onClick, ariaLabel }: ButtonDismissProps): JSX.Element;
-export {};

package/dist/ButtonDismiss/index.d.ts

@@ -1 +1 @@
-export { ButtonDismiss } from "./ButtonDismiss";
+export { ButtonDismiss, type ButtonDismissProps } from "./ButtonDismiss";