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

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

@@ -1 +1 @@
-{"version":3,"file":"sub_menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/sub_menu_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC;;GAEG;AAEH;;GAEG;AACH,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,4BAA4B;CACxC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,OAAO,EAAE,oBAAC,cAAc,OAAG,EAC3B,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB;QAExB,KAAK;QACN,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,OAAO,EACzB,SAAS,EAAC,aAAa,EACvB,aAAa,QACb,YAAY,EAAE,gBAAgB;YAE9B,oBAAC,GAAG,IACF,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,CAAC,EACf,UAAU,EAAC,OAAO,IAEjB,QAAQ,CACL,CACC,CACA,CACZ,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"sub_menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/sub_menu_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,4BAA4B;CACxC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,OAAO,EAAE,oBAAC,cAAc,OAAG,EAC3B,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB;QAExB,KAAK;QACN,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,OAAO,EACzB,SAAS,EAAC,aAAa,EACvB,aAAa,QACb,YAAY,EAAE,gBAAgB;YAE9B,oBAAC,GAAG,IACF,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,CAAC,EACf,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,UAAU,EAAE,IAEtB,QAAQ,CACL,CACC,CACA,CACZ,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/esnext/Modal/modal.js

@@ -1,33 +1,23 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
 import { FocusTrap } from '../FocusTrap';
 import { Backdrop } from '../Backdrop';
 import { Portal } from '../Portal';
-/**
- *
- */
-/**
- * Styles.
- */
-const ModalRoot = styled('div', {
-    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'open',
-})((props) => ({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Modal',
     position: 'fixed',
     zIndex: 1300,
     top: 0,
     bottom: 0,
     right: 0,
     left: 0,
-    ...(!props.open && props.exited && {
-        visibility: 'hidden',
-    }),
-}));
-/**
- *
- */
+});
+const stylesHidden = () => css({
+    label: 'hidden',
+    visibility: 'hidden',
+});
 export const Modal = React.forwardRef((props, ref) => {
-    const { children, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, keepMounted, backdropProps, disableEnforceFocus, disableAutoFocus, onClose, ...other } = props;
+    const { children, className, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, keepMounted, backdropProps, disableEnforceFocus, disableAutoFocus, onClose, ...other } = props;
     const [exited, setExited] = React.useState(true);
     if (!keepMounted && !open) {
         return null;
@@ -53,7 +43,11 @@ export const Modal = React.forwardRef((props, ref) => {
         }
     };
     return (React.createElement(Portal, null,
-        React.createElement(ModalRoot, { ref: ref, open: open, exited: exited, role: "presentation", "aria-hidden": !open, onKeyDown: handleKeyDown, ...other },
+        React.createElement("div", { ...other, ref: ref, className: cx({
+                [stylesBase()]: true,
+                [stylesHidden()]: !open && exited,
+                [className]: !!className,
+            }), role: "presentation", "aria-hidden": !open, onKeyDown: handleKeyDown },
             React.createElement(Backdrop, { ...backdropProps, open: open, onClick: handleBackdropClick, onEnter: () => setExited(false), onExited: () => setExited(true), transitionDuration: transitionDuration }),
             React.createElement(FocusTrap, { open: disableEnforceFocus ? false : open, disableAutoFocus: disableAutoFocus }, children))));
 });

package/dist/esnext/Modal/modal.js.map

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

package/dist/esnext/Popover/popover.js

@@ -1,13 +1,11 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import { usePopper } from 'react-popper';
 import { Modal } from '../Modal';
 import { Box } from '../Box';
 import { Fade } from '../Fade';
-/**
- * Styles.
- */
-const PopoverRoot = styled(Box)({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Popover',
     outline: 0,
     maxWidth: 'calc(100% - 32px)',
     minWidth: '16px',
@@ -15,11 +13,8 @@ const PopoverRoot = styled(Box)({
     minHeight: '16px',
     boxShadow: 'var(--pv-shadow-light-low)',
 });
-/**
- *
- */
 export const Popover = React.forwardRef((props, ref) => {
-    const { open, children, anchorEl, placement, modalProps, allowUseSameWidth, onClose, ...other } = props;
+    const { open, children, anchorEl, placement, onClose, className, modalProps, allowUseSameWidth, ...other } = props;
     const [popperElement, setPopperElement] = React.useState(null);
     const sameWidthModifier = React.useMemo(() => ({
         name: 'sameWidth',
@@ -44,7 +39,10 @@ export const Popover = React.forwardRef((props, ref) => {
             invisible: true,
         } },
         React.createElement(Fade, { in: open, ref: setPopperElement },
-            React.createElement(PopoverRoot, { ...other, borderRadius: 4, background: "white", tabIndex: -1, style: styles.popper, ...attributes.popper }, children))));
+            React.createElement(Box, { ...other, borderRadius: 4, background: "white", tabIndex: -1, style: styles.popper, ...attributes.popper, className: cx({
+                    [stylesBase()]: true,
+                    [className]: !!className,
+                }) }, children))));
 });
 Popover.displayName = 'Popover';
 Popover.defaultProps = {

package/dist/esnext/Popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/Popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAyB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAmC/B;;GAEG;AACH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,mBAAmB;IAC9B,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,4BAA4B;CACxC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAA0B,KAAK,CAAC,OAAO,CAC5D,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;QAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YAChB,6CAA6C;YAC7C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QACjE,CAAC;QACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,aAAa;YACb,6CAA6C;YAC7C,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC;QAClF,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CACtC,QAAQ,EACR,aAAa,EACb;QACE,SAAS;QACT,SAAS,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,OACA,UAAU,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE;YACb,SAAS,EAAE,IAAI;SAChB;QAED,oBAAC,IAAI,IACH,EAAE,EAAE,IAAI,EACR,GAAG,EAAE,gBAAgB;YAErB,oBAAC,WAAW,OACN,KAAK,EACT,YAAY,EAAE,CAAC,EACf,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,KAChB,UAAU,CAAC,MAAM,IAEpB,QAAQ,CACG,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,YAAY;IACvB,iBAAiB,EAAE,KAAK;CACzB,CAAC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/Popover/popover.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Radio/radio.js

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
 import { DotIcon } from '../icons';
 import { useId } from '../hooks';
-/**
- *
- */
+import { css, cx } from '../styles';
 /**
  * Styles.
  */
-const RadioRoot = styled('label')({
+const stylesBase = () => css({
+    label: 'Radio',
     cursor: 'pointer',
     display: 'inline-flex',
     width: 'var(--pv-size-base-4)',
@@ -17,7 +15,8 @@ const RadioRoot = styled('label')({
     color: 'var(--pv-color-gray-6)',
     position: 'relative',
 });
-const RadioInput = styled('input')({
+const stylesInput = () => css({
+    label: 'Radio-input',
     cursor: 'inherit',
     width: '100%',
     height: '100%',
@@ -81,7 +80,8 @@ const RadioInput = styled('input')({
         },
     },
 });
-const CheckboxIcon = styled('svg')({
+const stylesIcon = () => css({
+    label: 'Radio-icon',
     display: 'block',
     position: 'absolute',
     top: 0,
@@ -95,11 +95,24 @@ const CheckboxIcon = styled('svg')({
  *
  */
 export const Radio = React.forwardRef((props, ref) => {
-    const { checked, defaultChecked, required, inputProps, disabled, id: idProp, checkedIcon = DotIcon, name, onChange, ...other } = props;
+    const { checked, defaultChecked, required, inputProps, className, disabled, id: idProp, checkedIcon, name, onChange, ...other } = props;
     const id = useId(idProp);
-    return (React.createElement(RadioRoot, { ref: ref, htmlFor: id, ...other },
-        React.createElement(RadioInput, { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange }),
-        React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
+    const renderIcon = () => {
+        const baseIconProps = {
+            'aria-hidden': true,
+            className: cx(stylesIcon()),
+        };
+        if (checkedIcon) {
+            return React.cloneElement(checkedIcon, baseIconProps);
+        }
+        return (React.createElement(DotIcon, { ...baseIconProps }));
+    };
+    return (React.createElement("label", { ...other, ref: ref, htmlFor: id, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }) },
+        React.createElement("input", { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: cx(stylesInput()), onChange: onChange }),
+        renderIcon()));
 });
 Radio.displayName = 'Radio';
 Radio.defaultProps = {};

package/dist/esnext/Radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAgDpC;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,wBAAwB;IAC/B,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,cAAc;QAC/B,UAAU,EAAE,eAAe;KAC5B;IAED,WAAW,EAAE;QACX,iBAAiB,EAAE;YACjB,KAAK,EAAE,yBAAyB;YAChC,OAAO,EAAE,CAAC;SACX;KACF;IAED,kBAAkB,EAAE;QAClB,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,KAAK,EAAE,iCAAiC;SACzC;QACD,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI;aACd;SACF;QACD,UAAU,EAAE;YACV,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI;aACd;SACF;KACF;IAED,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QAErB,iBAAiB,EAAE;YACjB,KAAK,EAAE,SAAS;SACjB;QAED,KAAK,EAAE,wBAAwB;QAC/B,WAAW,EAAE;YACX,KAAK,EAAE,wBAAwB;SAChC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,aAAa,GAAG;YACpB,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC;SAC5B,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,OAAO,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;SACvD;QAED,OAAO,CACL,oBAAC,OAAO,OACF,aAAa,GACjB,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,kCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC;QAEF,kCACM,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,EAC5B,QAAQ,EAAE,QAAQ,GAClB;QACD,UAAU,EAAE,CACP,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Select/select.js

@@ -1,14 +1,9 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { Typography } from '../Typography';
 import { ArrowDropDownIcon } from '../icons';
-/**
- *
- */
-/**
- * Styles.
- */
-const SelectRoot = styled('select')((props) => ({
+const stylesInputBase = () => css({
+    label: 'Select-input',
     fontFamily: 'inherit',
     outline: 'none',
     cursor: 'pointer',
@@ -24,10 +19,6 @@ const SelectRoot = styled('select')((props) => ({
     transition: 'background-color 200ms, color 200ms, border-color 200ms',
     display: 'block',
     appearance: 'none',
-    fontWeight: 'var(--pv-text-c1-weight)',
-    fontSize: 'var(--pv-text-c1-size)',
-    lineHeight: 'var(--pv-text-c1-height)',
-    letterSpacing: 'var(--pv-text-c1-spacing)',
     '&:hover': {
         backgroundColor: 'var(--pv-color-gray-3)',
         borderColor: 'var(--pv-color-gray-7)',
@@ -48,53 +39,75 @@ const SelectRoot = styled('select')((props) => ({
             borderColor: 'var(--pv-color-secondary-tint-3)',
         },
     },
-    ...(props.selectSize === 'small' && {
-        height: 'var(--pv-size-base-6)',
-    }),
-    ...(props.selectSize === 'medium' && {
-        height: 'var(--pv-size-base-7)',
-    }),
-    ...(props.selectSize === 'large' && {
-        height: 'var(--pv-size-base-8)',
-    }),
-}));
-const SelectLabel = styled('label')({
+}, {
+    fontWeight: 'var(--pv-text-c1-weight)',
+    fontSize: 'var(--pv-text-c1-size)',
+    lineHeight: 'var(--pv-text-c1-height)',
+    letterSpacing: 'var(--pv-text-c1-spacing)',
+});
+const stylesInputSizeSmall = () => css({
+    label: 'small',
+    height: 'var(--pv-size-base-6)',
+});
+const stylesInputSizeMedium = () => css({
+    label: 'medium',
+    height: 'var(--pv-size-base-7)',
+});
+const stylesInputSizeLarge = () => css({
+    label: 'large',
+    height: 'var(--pv-size-base-8)',
+});
+const stylesLabel = () => css({
+    label: 'Select-label',
     marginBottom: '2px',
     display: 'inline-block',
 });
-const SelectErrorMessage = styled(Typography)({
+const stylesError = () => css({
+    label: 'Select-error',
     marginTop: '2px',
 });
-const SelectContainer = styled('div')({
+const stylesInputContainer = () => css({
+    label: 'Select-container',
     position: 'relative',
 });
-const SelectArrowIcon = styled(ArrowDropDownIcon)((props) => ({
+const stylesInputArrowIcon = () => css({
+    label: 'Select-arrow-icon',
     position: 'absolute',
     right: '0px',
     top: 'calc(50% - 12px)',
     pointerEvents: 'none',
     margin: '0px var(--pv-size-base)',
     color: 'var(--pv-color-gray-10)',
-    ...(props.disabled && {
-        color: 'var(--pv-color-gray-7)',
-    }),
-}));
-/**
- *
- */
+});
+const stylesInputArrowIconDisabled = () => css({
+    label: 'disabled',
+    color: 'var(--pv-color-gray-7)',
+});
 export const Select = React.forwardRef((props, ref) => {
-    const { options, size, label, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, onChange, ...other } = props;
-    return (React.createElement("div", { ref: ref, ...other },
-        label && (React.createElement(SelectLabel, { htmlFor: id },
+    const { options, size, className, label, onChange, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, ...other } = props;
+    return (React.createElement("div", { ...other, ref: ref, className: className },
+        label && (React.createElement("label", { htmlFor: id, className: cx({
+                [stylesLabel()]: true,
+            }) },
             React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement(SelectContainer, null,
-            React.createElement(SelectRoot, { selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+        React.createElement("div", { className: cx(stylesInputContainer()) },
+            React.createElement("select", { disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
                 // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, ...inputProps },
+                autoFocus: autoFocus, className: cx({
+                    [stylesInputBase()]: true,
+                    [stylesInputSizeSmall()]: size === 'small',
+                    [stylesInputSizeMedium()]: size === 'medium',
+                    [stylesInputSizeLarge()]: size === 'large',
+                }), "aria-invalid": error || undefined, onChange: onChange, ...inputProps },
                 placeholder && (React.createElement("option", { value: "" }, placeholder)),
                 options.map((option) => (React.createElement("option", { key: option.value, value: option.value }, option.label)))),
-            React.createElement(SelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
-        error && errorText && (React.createElement(SelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
+            React.createElement(ArrowDropDownIcon, { className: cx({
+                    [stylesInputArrowIcon()]: true,
+                    [stylesInputArrowIconDisabled()]: disabled,
+                }), "aria-hidden": true })),
+        error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
+                [stylesError()]: true,
+            }) }, errorText))));
 });
 Select.displayName = 'Select';
 Select.defaultProps = {

package/dist/esnext/Select/select.js.map

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

package/dist/esnext/Skeleton/skeleton.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
+import { css, cx, keyframes, } from '../styles';
 import { Box } from '../Box';
 /**
  *
@@ -19,9 +18,8 @@ const pulseKeyframe = keyframes `
     opacity: 1;
   }
 `;
-const SkeletonRoot = styled(Box, {
-    shouldForwardProp: (prop) => !['width', 'height'].includes(prop),
-})((props) => ({
+const stylesBase = (props) => css({
+    label: 'Skeleton',
     display: 'block',
     height: '1.2em',
     animation: `${pulseKeyframe} 1.5s ease-in-out 0.5s infinite`,
@@ -56,13 +54,16 @@ const SkeletonRoot = styled(Box, {
     ...(props.width && {
         width: props.width,
     }),
-}));
+});
 /**
  *
  */
 export const Skeleton = React.forwardRef((props, ref) => {
-    const { children, ...other } = props;
-    return (React.createElement(SkeletonRoot, { ref: ref, ...other }, children));
+    const { children, height, width, variant, className, ...other } = props;
+    return (React.createElement(Box, { ref: ref, className: cx({
+            [stylesBase(props)]: true,
+            [className]: !!className,
+        }), ...other }, children));
 });
 Skeleton.displayName = 'Skeleton';
 Skeleton.defaultProps = {

package/dist/esnext/Skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAmC7B;;GAEG;AAEH;;GAEG;AACH,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CACjE,CAAC,CAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC5B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,GAAG,aAAa,iCAAiC;IAC5D,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;QAC9B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,KAAK;QACnB,gBAAgB,EAAE;YAChB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;QAChC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI;QACpB,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;QAED,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;YAClB,QAAQ,EAAE,aAAa;SACxB,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;CACH,CAAC,CAAC,CAAC;AACJ;;GAEG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,GAAqB,KACtB,KAAK,IAER,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,GAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAmC7B;;GAEG;AAEH;;GAEG;AACH,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,GAAG,CAAC;IAC/C,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,GAAG,aAAa,iCAAiC;IAC5D,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;QAC9B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,KAAK;QACnB,gBAAgB,EAAE;YAChB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;QAChC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI;QACpB,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;QAED,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;YAClB,QAAQ,EAAE,aAAa;SACxB,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;CACH,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,GAAqB,EAC1B,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/esnext/Slider/slider.js

@@ -1,16 +1,12 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
-/**
- *
- */
-/**
- * Styles.
- */
-const SliderRoot = styled('div')({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Slider',
     height: '16px',
     width: '100%',
 });
-const SliderInput = styled('input')({
+const stylesInput = () => css({
+    label: 'Slider-input',
     appearance: 'none',
     width: '100%',
     height: '100%',
@@ -62,13 +58,13 @@ const SliderInput = styled('input')({
         },
     },
 });
-/**
- *
- */
 export const Slider = React.forwardRef((props, ref) => {
-    const { defaultValue, value, disabled, max, min, name, step, onChange, ...other } = props;
-    return (React.createElement(SliderRoot, { ref: ref, ...other },
-        React.createElement(SliderInput, { type: "range", name: name, min: min, max: max, step: step, value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
+    const { className, defaultValue, value, disabled, max, min, name, step, onChange, ...other } = props;
+    return (React.createElement("div", { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }) },
+        React.createElement("input", { type: "range", name: name, min: min, max: max, step: step, className: cx(stylesInput()), value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
 });
 Slider.displayName = 'Slider';
 Slider.defaultProps = {

package/dist/esnext/Slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0CrC;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAc;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,KACJ,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAyCpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,gCACM,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;QAEF,+BACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,EAC5B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}

package/dist/esnext/Switch/switch.js

@@ -1,15 +1,9 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
 import { Box } from '../Box';
 import { useId } from '../hooks';
-/**
- *
- */
-/**
- * Styles.
- */
-const SwitchRoot = styled('label')({
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Switch',
     display: 'inline-flex',
     width: 'var(--pv-size-base-7)',
     height: 'var(--pv-size-base-4)',
@@ -18,9 +12,7 @@ const SwitchRoot = styled('label')({
     position: 'relative',
     alignItems: 'center',
 });
-const SwitchInput = styled('input', {
-    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
-})((props) => ({
+const stylesInput = (props) => css({
     label: 'Switch-input',
     overflow: 'hidden',
     width: '100%',
@@ -63,8 +55,9 @@ const SwitchInput = styled('input', {
             },
         },
     },
-}));
-const SwitchDot = styled(Box)({
+});
+const stylesDot = () => css({
+    label: 'Switch-dot',
     display: 'block',
     position: 'absolute',
     width: 'var(--pv-size-base-3)',
@@ -87,15 +80,15 @@ const SwitchDot = styled(Box)({
         transition: 'opacity 200ms, background-color 200ms',
     },
 });
-/**
- *
- */
 export const Switch = React.forwardRef((props, ref) => {
-    const { checked, defaultChecked, color = 'primary', required, inputProps, disabled, id: idProp, name, onChange, ...other } = props;
+    const { checked, defaultChecked, color = 'primary', required, inputProps, className, disabled, id: idProp, name, onChange, ...other } = props;
     const id = useId(idProp);
-    return (React.createElement(SwitchRoot, { ref: ref, htmlFor: id, ...other },
-        React.createElement(SwitchInput, { ...inputProps, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange }),
-        React.createElement(SwitchDot, { "aria-hidden": true, background: `${color}-contrast`, borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
+    return (React.createElement("label", { ...other, ref: ref, htmlFor: id, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }) },
+        React.createElement("input", { ...inputProps, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: cx(stylesInput(props)), onChange: onChange }),
+        React.createElement(Box, { "aria-hidden": true, className: cx(stylesDot()), background: `${color}-contrast`, borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
 });
 Switch.displayName = 'Switch';
 Switch.defaultProps = {

package/dist/esnext/Switch/switch.js.map

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

package/dist/esnext/Tabs/tab.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { Typography } from '../Typography';
 /**
  *
@@ -7,7 +7,8 @@ import { Typography } from '../Typography';
 /**
  * Styles.
  */
-const TabRoot = styled('button')({
+const stylesBase = () => css({
+    label: 'Tab',
     fontFamily: 'inherit',
     outline: 'none',
     cursor: 'pointer',
@@ -45,9 +46,9 @@ const TabRoot = styled('button')({
  *
  */
 export const Tab = React.forwardRef((props, ref) => {
-    const { color = 'black', component, id, disabled, 
+    const { children, className, disabled, id, color = 'black', component, onChange, 
     // @ts-ignore
-    selected, children, onChange, ...other } = props;
+    selected, ...other } = props;
     const Component = component || 'button';
     const textColor = React.useMemo(() => {
         if (disabled) {
@@ -69,7 +70,10 @@ export const Tab = React.forwardRef((props, ref) => {
             onChange(event, id);
         }
     };
-    return (React.createElement(TabRoot, { as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, "aria-selected": selected || undefined, onClick: handleClick, ...other },
+    return (React.createElement(Component, { ...other, type: "button", ref: ref, role: "tab", disabled: disabled, id: id, "aria-selected": selected || undefined, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), onClick: handleClick },
         React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
 });
 Tab.displayName = 'Tab';