@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/esnext/Avatar/avatar.js

@@ -1,35 +1,34 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { Typography } from '../Typography';
 import { Box } from '../Box';
 import { useImage } from '../hooks';
-/**
- *
- */
-/**
- * Styles.
- */
-const AvatarRoot = styled(Box)((props) => ({
+const stylesBase = () => css({
+    label: 'Avatar',
     userSelect: 'none',
     borderRadius: '50%',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     position: 'relative',
-    ...(props.size === 'small' && {
-        height: 'var(--pv-size-base-6)',
-        width: 'var(--pv-size-base-6)',
-    }),
-    ...(props.size === 'medium' && {
-        height: 'var(--pv-size-base-7)',
-        width: 'var(--pv-size-base-7)',
-    }),
-    ...(props.size === 'large' && {
-        height: 'var(--pv-size-base-8)',
-        width: 'var(--pv-size-base-8)',
-    }),
-}));
-const AvatarImage = styled('img')({
+});
+const stylesSizeSmall = () => css({
+    label: 'small',
+    height: 'var(--pv-size-base-6)',
+    width: 'var(--pv-size-base-6)',
+});
+const stylesSizeMedium = () => css({
+    label: 'medium',
+    height: 'var(--pv-size-base-7)',
+    width: 'var(--pv-size-base-7)',
+});
+const stylesSizeLarge = () => css({
+    label: 'large',
+    height: 'var(--pv-size-base-8)',
+    width: 'var(--pv-size-base-8)',
+});
+const stylesImg = () => css({
+    label: 'img',
     color: 'transparent',
     width: '100%',
     height: '100%',
@@ -38,9 +37,6 @@ const AvatarImage = styled('img')({
     textIndent: 10000,
     borderRadius: '50%',
 });
-/**
- *
- */
 function initials(name) {
     const [firstName, lastName] = name.split(' ');
     return firstName && lastName
@@ -48,13 +44,13 @@ function initials(name) {
         : firstName.charAt(0);
 }
 export const Avatar = React.forwardRef((props, ref) => {
-    const { children: childrenProp, src, name, getInitials = initials, background, color, typographyProps, ...other } = props;
+    const { children: childrenProp, className, size, src, name, getInitials = initials, background, color, typographyProps, ...other } = props;
     const { image } = useImage(src);
     const showImage = image?.src;
     const showInitials = name && getInitials;
     let children = null;
     if (showImage) {
-        children = (React.createElement(AvatarImage, { src: src, alt: name, draggable: "false" }));
+        children = (React.createElement("img", { src: src, alt: name, className: stylesImg(), draggable: "false" }));
     }
     else if (showInitials) {
         children = (React.createElement(Typography, { ...typographyProps, color: color, "aria-label": name, role: "img" }, getInitials(name)));
@@ -63,7 +59,13 @@ export const Avatar = React.forwardRef((props, ref) => {
         children = (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 13", width: 10, role: "img" },
             React.createElement("path", { d: "M2.998 3.174c0 1.594 1 2.674 2 2.674s2-1.08 2-2.674c0-1.595-1-2.674-2-2.674s-2 1.08-2 2.674zM5 8.858c-1.249 0-2.383-.448-3.308-1.146C.95 8.064.5 8.878.5 9.812v2.12h9V9.81c0-.918-.46-1.746-1.193-2.098C7.383 8.41 6.25 8.858 5 8.858z", fill: "#fff", stroke: "#fff" })));
     }
-    return (React.createElement(AvatarRoot, { ref: ref, background: background, ...other },
+    return (React.createElement(Box, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [stylesSizeSmall()]: size === 'small',
+            [stylesSizeMedium()]: size === 'medium',
+            [stylesSizeLarge()]: size === 'large',
+            [className]: !!className,
+        }), background: background },
         children,
         childrenProp));
 });

package/dist/esnext/Avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Backdrop/backdrop.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
 import { Fade } from '../Fade';
 import { Box } from '../Box';
-/**
- *
- */
-/**
- * Styles.
- */
-const BackdropRoot = styled(Box)((props) => ({
+import { css, cx } from '../styles';
+const variants = {
+    light: 0.1,
+    medium: 0.5,
+    heavy: 0.9,
+};
+const stylesBase = () => css({
+    label: 'Backdrop',
     zIndex: -1,
     position: 'fixed',
     right: 0,
@@ -16,22 +16,19 @@ const BackdropRoot = styled(Box)((props) => ({
     top: 0,
     left: 0,
     WebkitTapHighlightColor: 'transparent',
-    ...(props.invisible && {
-        backgroundColor: 'transparent',
-    }),
-}));
-/**
- *
- */
-const variants = {
-    light: 0.1,
-    medium: 0.5,
-    heavy: 0.9,
-};
+});
+const stylesInvisible = () => css({
+    label: 'invisible',
+    backgroundColor: 'transparent',
+});
 export const Backdrop = React.forwardRef((props, ref) => {
-    const { open, transitionDuration, variant, onEnter, onEntered, onEntering, onExit, onExited, onExiting, ...other } = props;
+    const { className, invisible, open, transitionDuration, variant, onEnter, onEntered, onEntering, onExit, onExited, onExiting, ...other } = props;
     return (React.createElement(Fade, { in: open, timeout: transitionDuration, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, finalOpacity: variants[variant] },
-        React.createElement(BackdropRoot, { ref: ref, background: "black", "aria-hidden": "true", ...other })));
+        React.createElement(Box, { ...other, ref: ref, background: "black", className: cx({
+                [stylesBase()]: true,
+                [stylesInvisible()]: invisible,
+                [className]: !!className,
+            }), "aria-hidden": "true" })));
 });
 Backdrop.displayName = 'Backdrop';
 Backdrop.defaultProps = {

package/dist/esnext/Backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAuB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA4B7B;;GAEG;AAEH;;GAEG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAChF,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,uBAAuB,EAAE,aAAa;IACtC,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI;QACrB,eAAe,EAAE,aAAa;KAC/B,CAAC;CACH,CAAC,CAAC,CAAC;AACJ;;GAEG;AAEH,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,EACJ,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,iBACN,MAAM,KACd,KAAK,GACT,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}
+{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAuB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAwBpC,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,uBAAuB,EAAE,aAAa;CACvC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,WAAW;IAClB,eAAe,EAAE,aAAa;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,GAAG,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;gBACpB,CAAC,eAAe,EAAE,CAAC,EAAE,SAAS;gBAC9B,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;aACzB,CAAC,iBACU,MAAM,GAClB,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/esnext/Box/box.js

@@ -1,43 +1,62 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-const BoxRoot = styled('div')((props) => ({
-    background: props.background && `var(--pv-color-${props.background})`,
-    borderColor: props.borderColor && `var(--pv-color-${props.borderColor})`,
-    borderStyle: props.borderStyle,
-    borderRadius: props.borderRadius,
-}), (props) => {
-    const { borderWidth, borderPosition } = props;
-    if (typeof borderWidth !== 'number') {
-        return {};
-    }
-    if (borderPosition) {
-        return {
-            borderWidth: [
-                ['horizontal', 'top'].includes(borderPosition) ? borderWidth : 0,
-                ['vertical', 'right'].includes(borderPosition) ? borderWidth : 0,
-                ['horizontal', 'bottom'].includes(borderPosition) ? borderWidth : 0,
-                ['vertical', 'left'].includes(borderPosition) ? borderWidth : 0,
-                '',
-            ].join('px '),
-        };
-    }
-    return {
-        borderWidth,
-    };
+const stylesBase = () => css({
+    label: 'Box',
+});
+const stylesBackground = (color) => css({
+    label: color,
+    background: `var(--pv-color-${color})`,
+});
+const stylesBorderColor = (color) => css({
+    label: color,
+    borderColor: `var(--pv-color-${color})`,
 });
 /**
  *
  */
 export const Box = React.forwardRef((props, ref) => {
-    const { component, ...other } = props;
+    const { className, background, borderColor, borderWidth, borderStyle, borderPosition, borderRadius, component, ...other } = props;
+    const getBorderWidth = () => {
+        if (typeof borderWidth !== 'number') {
+            return undefined;
+        }
+        if (borderPosition === 'horizontal') {
+            return [borderWidth, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'vertical') {
+            return [0, borderWidth, 0, borderWidth, ''].join('px ');
+        }
+        if (borderPosition === 'top') {
+            return [borderWidth, 0, 0, 0].join('px ');
+        }
+        if (borderPosition === 'right') {
+            return [0, borderWidth, 0, 0].join('px ');
+        }
+        if (borderPosition === 'bottom') {
+            return [0, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'left') {
+            return [0, 0, 0, borderWidth, ''].join('px ');
+        }
+        return borderWidth;
+    };
     const Component = component || 'div';
-    return (React.createElement(BoxRoot, { as: Component, ref: ref, ...other }));
+    return (React.createElement(Component, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [stylesBackground(background)]: !!background,
+            [stylesBorderColor(borderColor)]: !!borderColor,
+            [className]: !!className,
+        }, css({
+            borderWidth: getBorderWidth(),
+            borderStyle,
+            borderRadius,
+        })) }));
 });
 Box.displayName = 'Box';
 //# sourceMappingURL=box.js.map

package/dist/esnext/Box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA8BrC;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAC3B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,kBAAkB,KAAK,CAAC,UAAU,GAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,kBAAkB,KAAK,CAAC,WAAW,GAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;CACjC,CAAC,EACF,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Button/button.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { ButtonBase } from '../ButtonBase';
 /**
  *
@@ -7,44 +7,50 @@ import { ButtonBase } from '../ButtonBase';
 /**
  * Styles.
  */
-const ButtonRoot = styled(ButtonBase)((props) => ({
+const stylesBase = () => css({
+    label: 'Button',
     borderRadius: '4px',
-    ...(props.size === 'small' && {
-        height: 'var(--pv-size-base-6)',
-        minWidth: 'var(--pv-size-base-6)',
-        ...(props.circled && {
-            borderRadius: 'var(--pv-size-base-6)',
-        }),
-        ...(!props.withoutPadding && {
-            padding: '0 var(--pv-size-base-2)',
-        }),
+});
+const stylesSizeSmall = (props) => css({
+    label: 'small',
+    height: 'var(--pv-size-base-6)',
+    minWidth: 'var(--pv-size-base-6)',
+    ...(props.circled && {
+        borderRadius: 'var(--pv-size-base-6)',
+    }),
+    ...(!props.withoutPadding && {
+        padding: '0 var(--pv-size-base-2)',
     }),
-    ...(props.size === 'medium' && {
-        height: 'var(--pv-size-base-7)',
-        minWidth: 'var(--pv-size-base-7)',
-        ...(props.circled && {
-            borderRadius: 'var(--pv-size-base-7)',
-        }),
-        ...(!props.withoutPadding && {
-            padding: '0 var(--pv-size-base-3)',
-        }),
+});
+const stylesSizeMedium = (props) => css({
+    label: 'medium',
+    height: 'var(--pv-size-base-7)',
+    minWidth: 'var(--pv-size-base-7)',
+    ...(props.circled && {
+        borderRadius: 'var(--pv-size-base-7)',
     }),
-    ...(props.size === 'large' && {
-        height: 'var(--pv-size-base-8)',
-        minWidth: 'var(--pv-size-base-8)',
-        ...(props.circled && {
-            borderRadius: 'var(--pv-size-base-8)',
-        }),
-        ...(!props.withoutPadding && {
-            padding: '0 var(--pv-size-base-4)',
-        }),
+    ...(!props.withoutPadding && {
+        padding: '0 var(--pv-size-base-3)',
     }),
-}));
-const ButtonStartIcon = styled('span')({
+});
+const stylesSizeLarge = (props) => css({
+    label: 'large',
+    height: 'var(--pv-size-base-8)',
+    minWidth: 'var(--pv-size-base-8)',
+    ...(props.circled && {
+        borderRadius: 'var(--pv-size-base-8)',
+    }),
+    ...(!props.withoutPadding && {
+        padding: '0 var(--pv-size-base-4)',
+    }),
+});
+const stylesStartIcon = () => css({
+    label: 'Button-startIcon',
     marginRight: 'var(--pv-size-base)',
     display: 'inherit',
 });
-const ButtonEndIcon = styled('span')({
+const stylesEndIcon = () => css({
+    label: 'Button-endIcon',
     marginLeft: 'var(--pv-size-base)',
     display: 'inherit',
 });
@@ -52,10 +58,16 @@ const ButtonEndIcon = styled('span')({
  *
  */
 export const Button = React.forwardRef((props, ref) => {
-    const { children, startIcon: startIconProp, endIcon: endIconProp, ...other } = props;
-    const startIcon = startIconProp && (React.createElement(ButtonStartIcon, null, startIconProp));
-    const endIcon = endIconProp && (React.createElement(ButtonEndIcon, null, endIconProp));
-    return (React.createElement(ButtonRoot, { ref: ref, ...other },
+    const { children, className, size, circled, startIcon: startIconProp, endIcon: endIconProp, withoutPadding, ...other } = props;
+    const startIcon = startIconProp && (React.createElement("span", { className: cx(stylesStartIcon()) }, startIconProp));
+    const endIcon = endIconProp && (React.createElement("span", { className: cx(stylesEndIcon()) }, endIconProp));
+    return (React.createElement(ButtonBase, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [stylesSizeSmall(props)]: size === 'small',
+            [stylesSizeMedium(props)]: size === 'medium',
+            [stylesSizeLarge(props)]: size === 'large',
+            [className]: !!className,
+        }), size: size },
         startIcon,
         children,
         endIcon));

package/dist/esnext/Button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAsB,MAAM,eAAe,CAAC;AA+B/D;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAChE,YAAY,EAAE,KAAK;IACnB,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;QAC5B,MAAM,EAAE,uBAAuB;QAC/B,QAAQ,EAAE,uBAAuB;QACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;YACnB,YAAY,EAAE,uBAAuB;SACtC,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;YAC3B,OAAO,EAAE,yBAAyB;SACnC,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI;QAC7B,MAAM,EAAE,uBAAuB;QAC/B,QAAQ,EAAE,uBAAuB;QACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;YACnB,YAAY,EAAE,uBAAuB;SACtC,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;YAC3B,OAAO,EAAE,yBAAyB;SACnC,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;QAC5B,MAAM,EAAE,uBAAuB;QAC/B,QAAQ,EAAE,uBAAuB;QACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;YACnB,YAAY,EAAE,uBAAuB;SACtC,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;YAC3B,OAAO,EAAE,yBAAyB;SACnC,CAAC;KACH,CAAC;CACH,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,qBAAqB;IACjC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAmB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EACJ,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,aAAa,IAAI,CACjC,oBAAC,eAAe,QACb,aAAa,CACE,CACnB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,IAAI,CAC7B,oBAAC,aAAa,QACX,WAAW,CACE,CACjB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,KACJ,KAAK;QAER,SAAS;QACT,QAAQ;QACR,OAAO,CACG,CACd,CAAC;AACJ,CAAC,CAAwC,CAAC;AAE1C,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"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"}