@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AA2CpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACjC,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC1B,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,SAAS,QAAQ,CAAC,IAAY;IAC5B,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9C,OAAO,SAAS,IAAI,QAAQ;QAC1B,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAC/C,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,WAAW,GAAG,QAAQ,EACtB,UAAU,EACV,KAAK,EACL,eAAe,EACf,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC;IAC7B,MAAM,YAAY,GAAG,IAAI,IAAI,WAAW,CAAC;IAEzC,IAAI,QAAQ,GAAG,IAAI,CAAC;IAEpB,IAAI,SAAS,EAAE;QACb,QAAQ,GAAG,CACT,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,SAAS,EAAE,GACtB,CACH,CAAC;KACH;SAAM,IAAI,YAAY,EAAE;QACvB,QAAQ,GAAG,CACT,oBAAC,UAAU,oBACL,eAAe,IACnB,KAAK,EAAE,KAAK,gBACA,IAAI,EAChB,IAAI,EAAC,KAAK,KAET,WAAW,CAAC,IAAI,CAAC,CACP,CACd,CAAC;KACH;SAAM;QACL,QAAQ,GAAG,CACT,6BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,IAAI,EAAC,KAAK;YAEV,8BACE,CAAC,EAAC,wOAAwO,EAC1O,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb,CACE,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,GAAG,oBACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,gBAAgB,EAAE,CAAC,EAAE,IAAI,KAAK,QAAQ;YACvC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,UAAU,EAAE,UAAU,KAErB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/Avatar/index.js

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/esnext/Backdrop/backdrop.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { Fade } from '../Fade';
+import { Box } from '../Box';
+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,
+    bottom: 0,
+    top: 0,
+    left: 0,
+    WebkitTapHighlightColor: 'transparent',
+});
+const stylesInvisible = () => css({
+    label: 'invisible',
+    backgroundColor: 'transparent',
+});
+export const Backdrop = React.forwardRef((props, ref) => {
+    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(Box, Object.assign({}, other, { ref: ref, background: "black", className: cx({
+                [stylesBase()]: true,
+                [stylesInvisible()]: invisible,
+                [className]: !!className,
+            }), "aria-hidden": "true" }))));
+});
+Backdrop.displayName = 'Backdrop';
+Backdrop.defaultProps = {
+    variant: 'medium',
+    invisible: false,
+    transitionDuration: 225,
+};
+//# sourceMappingURL=backdrop.js.map

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

@@ -0,0 +1 @@
+{"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,oBACE,KAAK,IACT,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,IAClB,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/Backdrop/index.js

@@ -0,0 +1,2 @@
+export { Backdrop } from './backdrop';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Backdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC"}

package/dist/esnext/Box/box.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+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 { className, component: componentProp, background, borderColor, borderWidth, borderStyle, borderPosition, borderRadius, ...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 = componentProp || 'div';
+    return (React.createElement(Component, Object.assign({}, other, { ref: ref, className: cx({
+            [stylesBase()]: true,
+            [stylesBackground(background)]: !!background,
+            [stylesBorderColor(borderColor)]: !!borderColor,
+            [className]: !!className,
+        }, css({
+            borderWidth: getBorderWidth(),
+            borderStyle,
+            borderRadius,
+        })) })));
+});
+Box.displayName = 'Box';
+Box.defaultProps = {
+    component: 'div',
+};
+//# sourceMappingURL=box.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/esnext/Button/button.js

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { ButtonBase } from '../ButtonBase';
+const stylesBase = () => css({
+    label: 'Button',
+    borderRadius: '4px',
+});
+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)',
+    }),
+});
+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.withoutPadding && {
+        padding: '0 var(--pv-size-base-3)',
+    }),
+});
+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 stylesEndIcon = () => css({
+    label: 'Button-endIcon',
+    marginLeft: 'var(--pv-size-base)',
+    display: 'inherit',
+});
+export const Button = React.forwardRef((props, ref) => {
+    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, Object.assign({}, 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));
+});
+Button.displayName = 'Button';
+Button.defaultProps = {
+    disabled: false,
+    variant: 'text',
+    color: 'default',
+    size: 'medium',
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAoB5D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,GAAG,CAAC;IAClD,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,QAAQ,EAAE,uBAAuB;IACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;QACnB,YAAY,EAAE,uBAAuB;KACtC,CAAC;IACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;QAC3B,OAAO,EAAE,yBAAyB;KACnC,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,GAAG,CAAC;IACnD,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,uBAAuB;IAC/B,QAAQ,EAAE,uBAAuB;IACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;QACnB,YAAY,EAAE,uBAAuB;KACtC,CAAC;IACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;QAC3B,OAAO,EAAE,yBAAyB;KACnC,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,GAAG,CAAC;IAClD,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,QAAQ,EAAE,uBAAuB;IACjC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI;QACnB,YAAY,EAAE,uBAAuB;KACtC,CAAC;IACF,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;QAC3B,OAAO,EAAE,yBAAyB;KACnC,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,qBAAqB;IACjC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,cAAc,EACd,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,aAAa,IAAI,CACjC,8BACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,IAE/B,aAAa,CACT,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,IAAI,CAC7B,8BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,IAE7B,WAAW,CACP,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO;YAC1C,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ;YAC5C,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO;YAC1C,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAE,IAAI;QAET,SAAS;QACT,QAAQ;QACR,OAAO,CACG,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC"}

package/dist/esnext/ButtonBase/button_base.js

@@ -0,0 +1,216 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { Typography } from '../Typography';
+const stylesBase = () => css({
+    label: 'ButtonBase',
+    fontFamily: 'inherit',
+    outline: 'none',
+    cursor: 'pointer',
+    boxSizing: 'border-box',
+    border: '1px solid transparent',
+    transition: 'background-color 200ms, color 200ms, box-shadow 200ms, border-color 200ms',
+    userSelect: 'none',
+    whiteSpace: 'nowrap',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    verticalAlign: 'middle',
+    backgroundColor: 'transparent',
+    padding: 0,
+    textDecoration: 'none',
+    '&:disabled': {
+        cursor: 'not-allowed',
+        boxShadow: 'none',
+    },
+});
+const stylesVariantTextColorDefault = () => css({
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+});
+const stylesVariantTextColorWhite = () => css({
+    color: 'var(--pv-color-white)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-8)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-9)',
+        },
+    },
+});
+const stylesVariantTextColor = (color) => css({
+    color: `var(--pv-color-${color})`,
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: `var(--pv-color-${color}-tint-5)`,
+        },
+        '&:focus': {
+            backgroundColor: `var(--pv-color-${color}-tint-4)`,
+        },
+        '&:active': {
+            backgroundColor: `var(--pv-color-${color}-tint-3)`,
+        },
+    },
+});
+const stylesVariantText = () => css({
+    '&:disabled': {
+        color: 'var(--pv-color-gray-7)',
+    },
+});
+const stylesVariantContainedColorDefault = () => css({
+    backgroundColor: 'var(--pv-color-gray-8)',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+});
+const stylesVariantContainedColorWhite = () => css({
+    backgroundColor: 'var(--pv-color-white)',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+});
+const stylesVariantContainedColor = (color) => css({
+    backgroundColor: `var(--pv-color-${color})`,
+    color: `var(--pv-color-${color}-contrast)`,
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: `var(--pv-color-${color}-tint-1)`,
+        },
+        '&:focus': {
+            backgroundColor: `var(--pv-color-${color}-tint-2)`,
+        },
+        '&:active': {
+            backgroundColor: `var(--pv-color-${color}-tint-2)`,
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+});
+const stylesVariantContained = () => css({
+    boxShadow: 'var(--pv-shadow-light-low)',
+    '&:disabled': {
+        color: 'var(--pv-color-gray-8)',
+        backgroundColor: 'var(--pv-color-gray-4)',
+    },
+});
+const stylesVariantOutlinedColorDefault = () => css({
+    color: 'var(--pv-color-black)',
+    borderColor: 'var(--pv-color-gray-8)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+});
+const stylesVariantOutlinedColorWhite = () => css({
+    color: 'var(--pv-color-white)',
+    borderColor: 'var(--pv-color-white)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-8)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-9)',
+        },
+    },
+});
+const stylesVariantOutlinedColor = (color) => css({
+    color: `var(--pv-color-${color})`,
+    borderColor: `var(--pv-color-${color}-tint-2)`,
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: `var(--pv-color-${color}-tint-5)`,
+        },
+        '&:focus': {
+            backgroundColor: `var(--pv-color-${color}-tint-4)`,
+        },
+        '&:active': {
+            backgroundColor: `var(--pv-color-${color}-tint-3)`,
+        },
+    },
+});
+const stylesVariantOutlined = () => css({
+    '&:disabled': {
+        color: 'var(--pv-color-gray-8)',
+        borderColor: 'var(--pv-color-gray-4)',
+    },
+});
+const stylesLabel = () => css({
+    label: 'ButtonBase-label',
+    width: '100%',
+    display: 'inherit',
+    alignItems: 'inherit',
+    justifyContent: 'inherit',
+});
+export const ButtonBase = React.forwardRef((props, ref) => {
+    const { variant, textVariant: textVariantProp, color, size, className, children, disabled, type = 'button', component: componentProp, ...other } = props;
+    const Component = componentProp || 'button';
+    const textVariant = textVariantProp || (size === 'small' ? 'btn2' : 'btn1');
+    return (React.createElement(Component, Object.assign({}, other, { ref: ref, 
+        // eslint-disable-next-line react/button-has-type
+        type: type, disabled: disabled, className: cx({
+            [stylesBase()]: true,
+            [stylesVariantTextColorDefault()]: variant === 'text' && color === 'default',
+            [stylesVariantTextColorWhite()]: variant === 'text' && color === 'white',
+            [stylesVariantTextColor(color)]: variant === 'text' && !['white', 'default'].includes(color),
+            [stylesVariantText()]: variant === 'text',
+            [stylesVariantContainedColorDefault()]: variant === 'contained' && color === 'default',
+            [stylesVariantContainedColorWhite()]: variant === 'contained' && color === 'white',
+            [stylesVariantContainedColor(color)]: variant === 'contained' && !['white', 'default'].includes(color),
+            [stylesVariantContained()]: variant === 'contained',
+            [stylesVariantOutlinedColorDefault()]: variant === 'outlined' && color === 'default',
+            [stylesVariantOutlinedColorWhite()]: variant === 'outlined' && color === 'white',
+            [stylesVariantOutlinedColor(color)]: variant === 'outlined' && !['white', 'default'].includes(color),
+            [stylesVariantOutlined()]: variant === 'outlined',
+            [className]: !!className,
+        }) }),
+        React.createElement(Typography, { variant: textVariant, className: cx(stylesLabel()), color: "inherit" }, children)));
+});
+ButtonBase.displayName = 'ButtonBase';
+ButtonBase.defaultProps = {
+    variant: 'text',
+    color: 'default',
+    component: 'button',
+};
+//# sourceMappingURL=button_base.js.map

package/dist/esnext/ButtonBase/button_base.js.map

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

package/dist/esnext/ButtonBase/index.js

@@ -0,0 +1,2 @@
+export { ButtonBase } from './button_base';
+//# sourceMappingURL=index.js.map

package/dist/esnext/ButtonBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC"}

package/dist/esnext/Checkbox/checkbox.js

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { Box } from '../Box';
+import { CheckIcon } from '../icons';
+import { useId } from '../hooks';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Checkbox',
+    cursor: 'pointer',
+    display: 'inline-flex',
+    width: 'var(--pv-size-base-4)',
+    height: 'var(--pv-size-base-4)',
+    borderRadius: '50%',
+    justifyContent: 'center',
+    alignItems: 'center',
+});
+const stylesBaseDisabled = () => css({
+    label: 'disabled',
+    cursor: 'not-allowed',
+});
+const stylesInput = () => css({
+    label: 'Checkbox-input',
+    overflow: 'hidden',
+    width: '100%',
+    height: '100%',
+    margin: 0,
+    padding: 0,
+    cursor: 'inherit',
+    borderRadius: '2px',
+    borderWidth: '2px',
+    borderStyle: 'solid',
+    appearance: 'none',
+    borderColor: 'var(--pv-color-gray-9)',
+    backgroundColor: 'transparent',
+    '&:checked': {
+        backgroundColor: 'var(--pv-color-primary)',
+        borderColor: 'var(--pv-color-primary-shade-1)',
+        '+ [aria-hidden]': {
+            opacity: 1,
+        },
+    },
+    '&:disabled': {
+        borderColor: 'var(--pv-color-gray-6)',
+        '&:checked': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+            borderColor: 'var(--pv-color-gray-7)',
+        },
+    },
+});
+const stylesControl = () => css({
+    label: 'Checkbox-control',
+    width: 'var(--pv-size-base-4)',
+    height: 'var(--pv-size-base-4)',
+    position: 'relative',
+    color: 'var(--pv-color-white)',
+    '&:after': {
+        top: '-10px',
+        left: '-10px',
+        right: '-10px',
+        bottom: '-10px',
+        content: '""',
+        position: 'absolute',
+        borderRadius: '50%',
+    },
+});
+const stylesIcon = () => css({
+    label: 'Checkbox-icon',
+    display: 'block',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    opacity: 0,
+});
+export const Checkbox = React.forwardRef((props, ref) => {
+    const { checked, defaultChecked, required, inputProps, className, disabled, id: idProp, checkedIcon, onChange, ...other } = props;
+    const id = useId(idProp);
+    const renderIcon = () => {
+        const baseIconProps = {
+            'aria-hidden': true,
+            className: cx(stylesIcon()),
+        };
+        if (checkedIcon) {
+            return React.cloneElement(checkedIcon, baseIconProps);
+        }
+        return (React.createElement(CheckIcon, Object.assign({}, baseIconProps)));
+    };
+    return (React.createElement("label", Object.assign({}, other, { ref: ref, htmlFor: id, className: cx({
+            [stylesBase()]: true,
+            [stylesBaseDisabled()]: disabled,
+            [className]: !!className,
+        }) }),
+        React.createElement(Box, { component: "span", className: cx(stylesControl()) },
+            React.createElement("input", Object.assign({}, inputProps, { type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: cx(stylesInput()), onChange: onChange })),
+            renderIcon())));
+});
+Checkbox.displayName = 'Checkbox';
+Checkbox.defaultProps = {};
+//# sourceMappingURL=checkbox.js.map

package/dist/esnext/Checkbox/checkbox.js.map

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

package/dist/esnext/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox } from './checkbox';
+//# sourceMappingURL=index.js.map

package/dist/esnext/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}