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

package/dist/esnext/Dialog/dialog_actions.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import styled from '@emotion/styled';
-/**
- *
- */
-/**
- * Styles.
- */
-const DialogActionsRoot = styled('footer')({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'DialogActions',
     padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
     flex: '0 0 auto',
     display: 'flex',
@@ -14,12 +9,12 @@ const DialogActionsRoot = styled('footer')({
     justifyContent: 'flex-end',
     gap: 'var(--pv-size-base-2)',
 });
-/**
- *
- */
 export const DialogActions = React.forwardRef((props, ref) => {
-    const { children, ...other } = props;
-    return (React.createElement(DialogActionsRoot, { ref: ref, "data-key": "dialog.actions", ...other }, children));
+    const { children, className, ...other } = props;
+    return (React.createElement("footer", { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), "data-key": "dialog.actions" }, children));
 });
 DialogActions.displayName = 'DialogActions';
 DialogActions.defaultProps = {};

package/dist/esnext/Dialog/dialog_actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,uBAAuB;CAC7B,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,cACC,gBAAgB,KACrB,KAAK,IAER,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAepC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,uBAAuB;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,cACO,gBAAgB,IAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Dialog/dialog_content.js

@@ -1,46 +1,56 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import { Box } from '../Box';
 import { Collapse } from '../Collapse';
 import { Alert } from '../Alert';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-const DialogContentRoot = styled(Box)({
+const stylesBase = () => css({
+    label: 'DialogContent',
     flex: '1 1 auto',
     overflow: 'hidden',
     display: 'flex',
     flexDirection: 'column',
 });
-const DialogContentAlertContainer = styled('div')({
+const stylesPinned = () => css({
+    label: 'DialogPinnedContent',
     padding: '0 var(--pv-size-base-4)',
     flex: '0 0 auto',
 });
-const DialogContentCollapse = styled(Collapse)({
-    margin: '0 calc(var(--pv-size-base-3) * -1)',
-});
-const DialogContentContent = styled('div')({
+const stylesScrolled = () => css({
+    label: 'DialogScrolledContent',
     overflowY: 'auto',
     flex: '1 1 auto',
     padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
 });
-const DialogContentAlertError = styled(Alert)({
+const stylesError = () => css({
+    label: 'DialogContent-error',
     margin: 'var(--pv-size-base-2) 0',
     padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
 });
+const stylesCollapse = () => css({
+    margin: '0 calc(var(--pv-size-base-3) * -1)',
+});
 /**
  *
  */
 export const DialogContent = React.forwardRef((props, ref) => {
-    const { children, dividers, error, scrolledElementProps = {}, ...other } = props;
-    return (React.createElement(DialogContentRoot, { ref: ref, borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content", ...other },
-        React.createElement(DialogContentAlertContainer, null,
-            React.createElement(DialogContentCollapse, { in: Boolean(error) },
-                React.createElement(DialogContentAlertError, { variant: "wrong", disableIcon: true }, error))),
-        React.createElement(DialogContentContent, { ...scrolledElementProps }, children)));
+    const { children, className, dividers, error, scrolledElementProps = {}, ...other } = props;
+    return (React.createElement(Box, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" },
+        React.createElement("div", { className: cx(stylesPinned()) },
+            React.createElement(Collapse, { in: Boolean(error), className: cx(stylesCollapse()) },
+                React.createElement(Alert, { variant: "wrong", disableIcon: true, className: cx(stylesError()) }, error))),
+        React.createElement("div", { ...scrolledElementProps, className: cx({
+                [stylesScrolled()]: true,
+                [scrolledElementProps.className]: !!scrolledElementProps.className,
+            }) }, children)));
 });
 DialogContent.displayName = 'DialogContent';
 DialogContent.defaultProps = {

package/dist/esnext/Dialog/dialog_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AAEH;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,oBAAoB,GAAG,EAAE,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB,KACrB,KAAK;QAET,oBAAC,2BAA2B;YAC1B,oBAAC,qBAAqB,IACpB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAElB,oBAAC,uBAAuB,IACtB,OAAO,EAAC,OAAO,EACf,WAAW,UAEV,KAAK,CACkB,CACJ,CACI;QAC9B,oBAAC,oBAAoB,OACf,oBAAoB,IAEvB,QAAQ,CACY,CACL,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AA8BpC;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,oBAAoB,GAAG,EAAE,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC;YAChC,oBAAC,QAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;gBAE/B,oBAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,gCACM,oBAAoB,EACxB,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,cAAc,EAAE,CAAC,EAAE,IAAI;gBACxB,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,SAAS;aACnE,CAAC,IAED,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esnext/Dialog/dialog_title.js

@@ -1,31 +1,27 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import { Typography } from '../Typography';
+import { css, cx } from '../styles';
 import { IconButton } from '../IconButton';
 import { CloseIcon } from '../icons';
-/**
- *
- */
-/**
- * Styles.
- */
-const DialogTitleRoot = styled('header')({
+const stylesBase = () => css({
+    label: 'DialogTitle',
     padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
     display: 'flex',
     flex: '0 0 auto',
     justifyContent: 'space-between',
 });
-const DialogTitleCloseButton = styled(IconButton)({
+const stylesCloseButton = () => css({
+    label: 'DialogTitle-close',
     margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
 });
-/**
- *
- */
 export const DialogTitle = React.forwardRef((props, ref) => {
-    const { children, onClose, ...other } = props;
-    return (React.createElement(DialogTitleRoot, { ref: ref, "data-key": "dialog.title", ...other },
+    const { children, className, onClose, ...other } = props;
+    return (React.createElement("header", { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), "data-key": "dialog.title" },
         React.createElement(Typography, { variant: "h4", color: "black" }, children),
-        onClose && (React.createElement(DialogTitleCloseButton, { size: "small", onClick: onClose },
+        onClose && (React.createElement(IconButton, { size: "small", onClick: onClose, className: cx(stylesCloseButton()) },
             React.createElement(CloseIcon, null)))));
 });
 DialogTitle.displayName = 'DialogTitle';

package/dist/esnext/Dialog/dialog_title.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,cACC,cAAc,KACnB,KAAK;QAET,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,sBAAsB,IACrB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO;YAEhB,oBAAC,SAAS,OAAG,CACU,CAC1B,CACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmBrC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,cACO,cAAc;QAEvB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;YAElC,oBAAC,SAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Drawer/drawer.js

@@ -1,15 +1,10 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
 import { Modal } from '../Modal';
 import { Slide } from '../Slide';
 import { Box } from '../Box';
-/**
- *
- */
-/**
- * Styles.
- */
-const DrawerPaper = styled(Box)({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Drawer',
     width: '270px',
     height: '100%',
     position: 'fixed',
@@ -17,16 +12,15 @@ const DrawerPaper = styled(Box)({
     right: 0,
     overflowY: 'auto',
     outline: 'none',
-    boxSizing: 'border-box',
 });
-/**
- *
- */
 export const Drawer = React.forwardRef((props, ref) => {
-    const { children, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, onClose, 'data-testid': dataTestId, ...other } = props;
+    const { children, className, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, onClose, 'data-testid': dataTestId, ...other } = props;
     return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
         React.createElement(Slide, { in: open, timeout: transitionDuration },
-            React.createElement(DrawerPaper, { background: "white", tabIndex: -1, ...other }, children))));
+            React.createElement(Box, { ...other, background: "white", className: cx({
+                    [stylesBase()]: true,
+                    [className]: !!className,
+                }), tabIndex: -1 }, children))));
 });
 Drawer.displayName = 'Drawer';
 Drawer.defaultProps = {

package/dist/esnext/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAsC7B;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,IACV,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,KACR,KAAK,IAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAoCpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,GAAG,OACE,KAAK,EACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC;oBACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;oBACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;iBACzB,CAAC,EACF,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}

package/dist/esnext/Fab/fab.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,7 +7,8 @@ import { ButtonBase } from '../ButtonBase';
 /**
  * Styles.
  */
-const FabRoot = styled(ButtonBase)({
+const stylesBase = () => css({
+    label: 'Fab',
     borderRadius: '50%',
     height: 'var(--pv-size-base-11)',
     width: 'var(--pv-size-base-11)',
@@ -16,7 +17,13 @@ const FabRoot = styled(ButtonBase)({
 /**
  *
  */
-export const Fab = React.forwardRef((props, ref) => (React.createElement(FabRoot, { ref: ref, size: "large", ...props })));
+export const Fab = React.forwardRef((props, ref) => {
+    const { className, children, ...other } = props;
+    return (React.createElement(ButtonBase, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), size: "large" }, children));
+});
 Fab.displayName = 'Fab';
 Fab.defaultProps = {
     disabled: false,

package/dist/esnext/Fab/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAsB,UAAU,EAAE,MAAM,eAAe,CAAC;AAyB/D;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAc;IAC9C,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACjE,oBAAC,OAAO,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,KACR,KAAK,GACT,CACH,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAsB,MAAM,eAAe,CAAC;AAyB/D;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,OAAO,IAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/esnext/IconButton/icon_button.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { Button } from '../Button';
 import { Tooltip } from '../Tooltip';
 /**
@@ -8,7 +8,7 @@ import { Tooltip } from '../Tooltip';
 /**
  * Styles.
  */
-const IconButtonRoot = styled(Button)({
+const stylesBase = () => css({
     '--pv-color-black': 'var(--pv-color-gray-9)',
     border: 'none',
 });
@@ -16,8 +16,11 @@ const IconButtonRoot = styled(Button)({
  *
  */
 export const IconButton = React.forwardRef((props, ref) => {
-    const { title, disabled, tooltipProps, ...other } = props;
-    const component = (React.createElement(IconButtonRoot, { ref: ref, "aria-label": title, disabled: disabled, withoutPadding: true, ...other }));
+    const { title, className, disabled, tooltipProps, ...other } = props;
+    const component = (React.createElement(Button, { "aria-label": title, disabled: disabled, ...other, ref: ref, withoutPadding: true, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }) }));
     if (!title || disabled) {
         return component;
     }

package/dist/esnext/IconButton/icon_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAC;AA0BtD;;GAEG;AAEH;;GAEG;AACH,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACpC,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAChB,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,WACV,KAAK,GACT,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,KACR,YAAY,IAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAoB,MAAM,YAAY,CAAC;AA0BvD;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,kBACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,KACR,YAAY,IAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/esnext/Image/image.js

@@ -1,8 +1,5 @@
 import * as React from 'react';
 import { useImage } from '../hooks';
-/**
- *
- */
 export const Image = React.forwardRef((props, ref) => {
     const { className, src, fallback, loading, alt, ...other } = props;
     const { status, image } = useImage(src);

package/dist/esnext/Image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAyBpC;;GAEG;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/LinearProgress/linear_progress.js

@@ -1,13 +1,6 @@
 import React from 'react';
-import { keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
 import { Box } from '../Box';
-/**
- *
- */
-/**
- * Styles.
- */
+import { css, cx, keyframes } from '../styles';
 const stylesKeyframeProgress = keyframes `
   0% {
     left: -30%;
@@ -16,12 +9,14 @@ const stylesKeyframeProgress = keyframes `
     left: 100%;
   }
 `;
-const LinearProgressRoot = styled(Box)({
+const stylesBase = () => css({
+    label: 'LinearProgress',
     height: '4px',
     overflow: 'hidden',
     position: 'relative',
 });
-const LinearProgressProgress = styled(Box)({
+const stylesProgress = () => css({
+    label: 'progress',
     top: 0,
     left: 0,
     bottom: 0,
@@ -30,13 +25,13 @@ const LinearProgressProgress = styled(Box)({
     transformOrigin: 'left',
     animation: `${stylesKeyframeProgress} 2s cubic-bezier(0.53, 0.21, 0.29, 0.67) 0s infinite`,
 });
-/**
- *
- */
 export const LinearProgress = React.forwardRef((props, ref) => {
-    const { color, ...other } = props;
-    return (React.createElement(LinearProgressRoot, { ref: ref, background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4', ...other },
-        React.createElement(LinearProgressProgress, { background: color })));
+    const { color, className, ...other } = props;
+    return (React.createElement(Box, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4' },
+        React.createElement(Box, { background: color, className: cx(stylesProgress()) })));
 });
 LinearProgress.displayName = 'LinearProgress';
 LinearProgress.defaultProps = {

package/dist/esnext/LinearProgress/linear_progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAqB7B;;GAEG;AAEH;;GAEG;AACH,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACzC,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,GAAG,sBAAsB,sDAAsD;CAC3F,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,KACnE,KAAK;QAET,oBAAC,sBAAsB,IACrB,UAAU,EAAE,KAAK,GACjB,CACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,cAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}
+{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAmB/C,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,GAAG,sBAAsB,sDAAsD;CAC3F,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;QAEvE,oBAAC,GAAG,IACF,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,GAC/B,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,cAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}

package/dist/esnext/Menu/menu.js

@@ -1,14 +1,15 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import { Popover } from '../Popover';
 import { MenuList, MenuItem, SubMenuItem } from '../MenuList';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-const MenuPopover = styled(Popover)({
+const stylesPopper = () => css({
+    label: 'Menu-popover',
     '&[data-popper-placement^="bottom"]': {
         margin: 'var(--pv-size-base-3) 0px',
     },
@@ -27,7 +28,7 @@ const MenuPopover = styled(Popover)({
  */
 export const Menu = React.forwardRef((props, ref) => {
     const { children, options, onClose, popoverProps = {}, } = props;
-    const { modalProps = {}, } = popoverProps;
+    const { className, modalProps = {}, } = popoverProps;
     const [open, setOpen] = React.useState(false);
     const childRef = React.useRef(null);
     const handleChildClick = () => {
@@ -70,10 +71,13 @@ export const Menu = React.forwardRef((props, ref) => {
     };
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, childrenProps),
-        React.createElement(MenuPopover, { ...popoverProps, modalProps: {
+        React.createElement(Popover, { ...popoverProps, modalProps: {
                 ...modalProps,
                 disableAutoFocus: false,
-            }, ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, onKeyDown: handleKeyDown },
+            }, ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, onKeyDown: handleKeyDown, className: cx({
+                [stylesPopper()]: true,
+                [className]: !!className,
+            }) },
             React.createElement(MenuList, null, options.map(renderOption)))));
 });
 Menu.displayName = 'Menu';

package/dist/esnext/Menu/menu.js.map

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

package/dist/esnext/MenuList/menu_item.js

@@ -1,16 +1,14 @@
 import React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
 import { Typography } from '../Typography';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-const MenuItemRoot = styled('li', {
-    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'disabled',
-})((props) => ({
+const stylesBase = (props) => css({
+    label: 'MenuItem',
     padding: '0px var(--pv-size-base-2)',
     fontFamily: 'inherit',
     outline: 'none',
@@ -43,19 +41,21 @@ const MenuItemRoot = styled('li', {
         cursor: 'not-allowed',
         pointerEvents: 'none',
     }),
-}));
-const MenuItemIcon = styled('span')({
+});
+const stylesIcon = () => css({
+    label: 'MenuItem-icon',
     flexShrink: 0,
     display: 'inline-flex',
 });
-const MenuItemLabel = styled('span')({
+const stylesLabel = () => css({
+    label: 'MenuItem-label',
     flex: '1 1 auto',
 });
 /**
  *
  */
 export const MenuItem = React.forwardRef((props, ref) => {
-    const { component, children, disabled, textVariant: textVariantProp, startIcon, endIcon, onClick, ...other } = props;
+    const { component, children, className, disabled, textVariant: textVariantProp, startIcon, endIcon, onClick, ...other } = props;
     const Component = component || 'li';
     const textVariant = textVariantProp || 'b3';
     const handleKeyDown = (event) => {
@@ -69,10 +69,13 @@ export const MenuItem = React.forwardRef((props, ref) => {
             }
         }
     };
-    return (React.createElement(MenuItemRoot, { as: Component, ref: ref, tabIndex: -1, role: "menuitem", "aria-disabled": disabled, disabled: disabled, onKeyDown: handleKeyDown, onClick: onClick, ...other },
-        startIcon && (React.createElement(MenuItemIcon, null, startIcon)),
-        React.createElement(Typography, { component: MenuItemLabel, variant: textVariant, color: "inherit", noWrap: true }, children),
-        endIcon && (React.createElement(MenuItemIcon, null, endIcon))));
+    return (React.createElement(Component, { ref: ref, tabIndex: -1, role: "menuitem", className: cx({
+            [stylesBase(props)]: true,
+            [className]: !!className,
+        }), "aria-disabled": disabled, onKeyDown: handleKeyDown, onClick: onClick, ...other },
+        startIcon && (React.createElement("span", { className: stylesIcon() }, startIcon)),
+        React.createElement(Typography, { variant: textVariant, color: "inherit", component: "span", noWrap: true, className: stylesLabel() }, children),
+        endIcon && (React.createElement("span", { className: stylesIcon() }, endIcon))));
 });
 MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=menu_item.js.map

package/dist/esnext/MenuList/menu_item.js.map

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

package/dist/esnext/MenuList/menu_list.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { useMergedRef, useEnhancedEffect } from '../hooks';
 import { ownerDocument } from '../utils/owner_document';
 function nextItem(list, item) {
@@ -51,7 +51,8 @@ function moveFocus(list, currentFocus, traversalFunction) {
 /**
  * Styles.
  */
-const MenuListRoot = styled('ul')({
+const stylesBase = () => css({
+    label: 'MenuList',
     padding: 'var(--pv-size-base-2) 0px',
     outline: 'none',
     listStyle: 'none',
@@ -61,7 +62,7 @@ const MenuListRoot = styled('ul')({
  *
  */
 export const MenuList = React.forwardRef((props, ref) => {
-    const { children, component, ...other } = props;
+    const { children, className, component, ...other } = props;
     const rootRef = React.useRef(null);
     const multiRef = useMergedRef(rootRef, ref);
     const Component = component || 'ul';
@@ -84,7 +85,10 @@ export const MenuList = React.forwardRef((props, ref) => {
     useEnhancedEffect(() => {
         rootRef.current.focus();
     }, []);
-    return (React.createElement(MenuListRoot, { as: Component, ref: multiRef, role: "menu", tabIndex: -1, onKeyDown: handleKeyDown, ...other }, children));
+    return (React.createElement(Component, { ref: multiRef, role: "menu", tabIndex: -1, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), onKeyDown: handleKeyDown, ...other }, children));
 });
 MenuList.displayName = 'MenuList';
 //# sourceMappingURL=menu_list.js.map

package/dist/esnext/MenuList/menu_list.js.map

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

package/dist/esnext/MenuList/sub_menu_item.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import { Popper } from '../Popper';
 import { Box } from '../Box';
 import { useMergedRef } from '../hooks';
 import { ArrowRightIcon } from '../icons';
+import { css } from '../styles';
 import { MenuItem } from './menu_item';
 import { MenuList } from './menu_list';
 /**
@@ -12,7 +12,8 @@ import { MenuList } from './menu_list';
 /**
  * Styles.
  */
-const SubMenuItemRoot = styled(MenuList)({
+const stylesBase = () => css({
+    label: 'SubMenu-MenuList',
     minWidth: '16px',
     minHeight: '16px',
     boxShadow: 'var(--pv-shadow-light-low)',
@@ -30,7 +31,7 @@ export const SubMenuItem = React.forwardRef((props, ref) => {
     return (React.createElement(MenuItem, { ...other, endIcon: React.createElement(ArrowRightIcon, null), ref: multiRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleMouseEnter },
         label,
         React.createElement(Popper, { open: open, anchorEl: rootRef.current, placement: "right-start", disablePortal: true, onMouseLeave: handleMouseLeave },
-            React.createElement(Box, { component: SubMenuItemRoot, borderRadius: 4, background: "white" }, children))));
+            React.createElement(Box, { component: MenuList, borderRadius: 4, background: "white", className: stylesBase() }, children))));
 });
 SubMenuItem.displayName = 'SubMenuItem';
 //# sourceMappingURL=sub_menu_item.js.map