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

package/dist/esnext/Tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuC3C;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/B,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,wBAAwB;IACnC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;KACtB;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,kCAAkC;SACpD;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,SAAS,EACT,EAAE,EACF,QAAQ;IACR,aAAa;IACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;IAExC,MAAM,SAAS,GAAc,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,QAAQ,EAAE;gBACZ,OAAO,OAAO,CAAC;aAChB;YAED,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,QAAQ,EAAE;YACZ,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC7E,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,mBACS,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,WAAW,KAChB,KAAK;QAET,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,SAAS,IAEf,QAAQ,CACE,CACL,CACX,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/Tabs/tabs.js

@@ -1,12 +1,20 @@
 import * as React from 'react';
-import { css, cx } from '../styles';
-const stylesBase = () => css({
-    label: 'Tabs',
+import styled from '@emotion/styled';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const TabsRoot = styled('div')({
     whiteSpace: 'nowrap',
     overflowX: 'auto',
 });
+/**
+ *
+ */
 export const Tabs = React.forwardRef((props, ref) => {
-    const { children: childrenProp, className, onChange, value, ...other } = props;
+    const { children: childrenProp, value, onChange, ...other } = props;
     const children = React.Children.map(childrenProp, (child) => {
         if (!React.isValidElement(child)) {
             return null;
@@ -23,9 +31,6 @@ export const Tabs = React.forwardRef((props, ref) => {
             onChange,
         });
     });
-    return (React.createElement("div", { ...other, ref: ref, role: "tablist", className: cx({
-            [stylesBase()]: true,
-            [className]: !!className,
-        }) }, children));
+    return (React.createElement(TabsRoot, { ref: ref, role: "tablist", ...other }, children));
 });
 //# sourceMappingURL=tabs.js.map

package/dist/esnext/Tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAwBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,CAAC,KAA+C,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0BrC;;GAEG;AAEH;;GAEG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,CAAC,KAA+C,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,KACV,KAAK,IAER,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esnext/TextField/text_field.js

@@ -1,8 +1,13 @@
 import * as React from 'react';
-import { css, cx } from '../styles';
+import styled from '@emotion/styled';
 import { Typography } from '../Typography';
-const stylesInputBase = () => css({
-    label: 'TextField',
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const TextFieldInput = styled(Typography)((props) => ({
     fontFamily: 'inherit',
     outline: 'none',
     boxSizing: 'border-box',
@@ -39,47 +44,36 @@ const stylesInputBase = () => css({
             borderColor: 'var(--pv-color-secondary-tint-3)',
         },
     },
-});
-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({
+    ...(props.size === 'small' && {
+        height: 'var(--pv-size-base-6)',
+    }),
+    ...(props.size === 'medium' && {
+        height: 'var(--pv-size-base-7)',
+    }),
+    ...(props.size === 'large' && {
+        height: 'var(--pv-size-base-8)',
+    }),
+}));
+const TextFieldLabel = styled('label')({
     label: 'TextField-label',
     marginBottom: '2px',
     display: 'inline-block',
 });
-const stylesError = () => css({
-    label: 'TextField-error',
+const TextFieldError = styled(Typography)({
     marginTop: '2px',
 });
+/**
+ *
+ */
 export const TextField = React.forwardRef((props, ref) => {
-    const { size, className, label, inputProps = {}, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, type = 'text', onChange, ...other } = props;
-    return (React.createElement("div", { ...other, ref: ref, className: className },
-        label && (React.createElement("label", { htmlFor: id, className: cx({
-                [stylesLabel()]: true,
-            }) },
+    const { size, label, inputProps = {}, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, type = 'text', onChange, ...other } = props;
+    return (React.createElement("div", { ref: ref, ...other },
+        label && (React.createElement(TextFieldLabel, { htmlFor: id },
             React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement(Typography, { ...inputProps, component: "input", color: "black", variant: size === 'small' ? 'c1' : 'b3', type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: autoFocus, className: cx({
-                [stylesInputBase()]: true,
-                [stylesInputSizeSmall()]: size === 'small',
-                [stylesInputSizeMedium()]: size === 'medium',
-                [stylesInputSizeLarge()]: size === 'large',
-                [inputProps.className]: !!inputProps.className,
-            }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
-        error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
-                [stylesError()]: true,
-            }) }, errorText))));
+        React.createElement(TextFieldInput, { ...inputProps, 
+            // @ts-ignore
+            component: "input", color: "black", variant: size === 'small' ? 'c1' : 'b3', size: size, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
+        error && errorText && (React.createElement(TextFieldError, { variant: "c2", color: "wrong" }, errorText))));
 });
 TextField.displayName = 'TextField';
 TextField.defaultProps = {

package/dist/esnext/TextField/text_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.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,EAAE,MAAM,eAAe,CAAC;AAkF3C,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,WAAW;IAClB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE;QAChB,KAAK,EAAE,wBAAwB;KAChC;IACD,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;QACrC,KAAK,EAAE,wBAAwB;KAChC;IACD,kBAAkB,EAAE;QAClB,iBAAiB,EAAE;YACjB,eAAe,EAAE,8BAA8B;YAC/C,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;KACF;CACF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,iBAAiB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,YAAY,EACZ,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS;QAEnB,KAAK,IAAI,CACR,+BACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;aACtB,CAAC;YAEF,oBAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,KAAK,CACK,CACP,CACT;QACD,oBAAC,UAAU,OACL,UAAU,EACd,SAAS,EAAC,OAAO,EACjB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACvC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ;YACb,iDAAiD;YACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI;gBACzB,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;gBAC1C,CAAC,qBAAqB,EAAE,CAAC,EAAE,IAAI,KAAK,QAAQ;gBAC5C,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;gBAC1C,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,SAAS;aAC/C,CAAC,kBACY,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;QACD,KAAK,IAAI,SAAS,IAAI,CACrB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;aACtB,CAAC,IAED,SAAS,CACC,CACd,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/TextareaField/textarea_field.js

@@ -1,8 +1,13 @@
 import * as React from 'react';
-import { css, cx } from '../styles';
+import styled from '@emotion/styled';
 import { Typography } from '../Typography';
-const stylesInputBase = () => css({
-    label: 'TextareaField',
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const TextareaFieldInput = styled('textarea')((props) => ({
     fontFamily: 'inherit',
     outline: 'none',
     boxSizing: 'border-box',
@@ -18,6 +23,10 @@ const stylesInputBase = () => css({
     display: 'block',
     appearance: 'none',
     resize: '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)',
     '&::placeholder': {
         color: 'var(--pv-color-gray-9)',
     },
@@ -41,51 +50,33 @@ const stylesInputBase = () => css({
             borderColor: 'var(--pv-color-secondary-tint-3)',
         },
     },
-}, {
-    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',
-    minHeight: 'var(--pv-size-base-12)',
-});
-const stylesInputSizeMedium = () => css({
-    label: 'medium',
-    minHeight: 'var(--pv-size-base-14)',
-});
-const stylesInputSizeLarge = () => css({
-    label: 'large',
-    minHeight: 'var(--pv-size-base-16)',
-});
-const stylesLabel = () => css({
-    label: 'TextareaField-label',
+    ...(props.size === 'small' && {
+        minHeight: 'var(--pv-size-base-12)',
+    }),
+    ...(props.size === 'medium' && {
+        minHeight: 'var(--pv-size-base-14)',
+    }),
+    ...(props.size === 'large' && {
+        minHeight: 'var(--pv-size-base-16)',
+    }),
+}));
+const TextareaFieldLabel = styled('label')({
     marginBottom: '2px',
     display: 'inline-block',
 });
-const stylesError = () => css({
-    label: 'TextareaField-error',
+const TextareaFieldError = styled(Typography)({
     marginTop: '2px',
 });
+/**
+ *
+ */
 export const TextareaField = React.forwardRef((props, ref) => {
-    const { size, className, label, onChange, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, ...other } = props;
-    return (React.createElement("div", { ...other, ref: ref, className: className },
-        label && (React.createElement("label", { htmlFor: id, className: cx({
-                [stylesLabel()]: true,
-            }) },
+    const { size, label, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, onChange, ...other } = props;
+    return (React.createElement("div", { ref: ref, ...other },
+        label && (React.createElement(TextareaFieldLabel, { htmlFor: id },
             React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement("textarea", { ...inputProps, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: autoFocus, className: cx({
-                [stylesInputBase()]: true,
-                [stylesInputSizeSmall()]: size === 'small',
-                [stylesInputSizeMedium()]: size === 'medium',
-                [stylesInputSizeLarge()]: size === 'large',
-            }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
-        error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
-                [stylesError()]: true,
-            }) }, errorText))));
+        React.createElement(TextareaFieldInput, { ...inputProps, size: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
+        error && errorText && (React.createElement(TextareaFieldError, { variant: "c2", color: "wrong" }, errorText))));
 });
 TextareaField.displayName = 'TextareaField';
 TextareaField.defaultProps = {

package/dist/esnext/TextareaField/textarea_field.js.map

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

package/dist/esnext/Toast/toast.js

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { Alert } from '../Alert';
 import { Fade } from '../Fade';
+/**
+ *
+ */
 export const Toast = (props) => {
     const { id, duration, isClosable, alertProps, children, onClose, } = props;
     const handleClose = () => {
@@ -13,7 +16,7 @@ export const Toast = (props) => {
                 clearTimeout(timeout);
             };
         }
-        return null;
+        return undefined;
     });
     return (React.createElement(Fade, { in: true },
         React.createElement(Alert, { ...alertProps, onClose: isClosable ? handleClose : undefined }, children)));

package/dist/esnext/Toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA6B/B,MAAM,CAAC,MAAM,KAAK,GAAwB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,OACA,UAAU,EACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA+B/B;;GAEG;AAEH,MAAM,CAAC,MAAM,KAAK,GAA4B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,OACA,UAAU,EACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esnext/Toast/toast_container.js

@@ -1,7 +1,12 @@
 import * as React from 'react';
-import { css, cx } from '../styles';
-const stylesBase = () => css({
-    label: 'ToastContainer',
+import styled from '@emotion/styled';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const ToastContainerRoot = styled('div')({
     position: 'fixed',
     bottom: 0,
     padding: '10px',
@@ -15,12 +20,12 @@ const stylesBase = () => css({
         marginTop: '10px',
     },
 });
+/**
+ *
+ */
 export const ToastContainer = (props) => {
-    const { children, className, ...other } = props;
-    return (React.createElement("div", { className: cx({
-            [stylesBase()]: true,
-            [className]: !!className,
-        }), ...other }, children));
+    const { children, ...other } = props;
+    return (React.createElement(ToastContainerRoot, { ...other }, children));
 };
 ToastContainer.displayName = 'ToastContainer';
 //# sourceMappingURL=toast_container.js.map

package/dist/esnext/Toast/toast_container.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC;;GAEG;AAEH;;GAEG;AACH,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,IAER,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esnext/Tooltip/tooltip.js

@@ -1,9 +1,11 @@
 import React from 'react';
+import { keyframes } from '@emotion/react';
+import styled from '@emotion/styled';
+import isPropValid from '@emotion/is-prop-valid';
 import { Popper } from '../Popper';
 import { Box } from '../Box';
 import { useMergedRef, useControllableState } from '../hooks';
 import { Typography } from '../Typography';
-import { css, cx, keyframes } from '../styles';
 /**
  *
  */
@@ -18,8 +20,7 @@ const stylesKeyframeOpacity = keyframes `
     opacity: 1;
   }
 `;
-const stylesTooltip = (props) => css({
-    label: 'Tooltip',
+const TooltipRoot = styled(Box)((props) => ({
     boxShadow: 'var(--pv-shadow-light-low)',
     maxWidth: '300px',
     wordWrap: 'break-word',
@@ -32,9 +33,8 @@ const stylesTooltip = (props) => css({
     ...(props.size === 'large' && {
         padding: '8px 10px',
     }),
-});
-const stylesPopper = (props) => css({
-    label: 'Popper',
+}));
+const TooltipPopper = styled(Popper)((props) => ({
     pointerEvents: props.interactive ? 'auto' : 'none',
     zIndex: 1500,
     '&[data-popper-placement^="bottom"]': {
@@ -61,9 +61,10 @@ const stylesPopper = (props) => css({
             marginRight: '-4px',
         },
     },
-});
-const stylesArrow = (props) => css({
-    label: 'arrow',
+}));
+const TooltipArrow = styled('span', {
+    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
+})((props) => ({
     width: '8px',
     height: '8px',
     background: 'transparent',
@@ -79,12 +80,12 @@ const stylesArrow = (props) => css({
         backgroundColor: 'currentColor',
         transform: 'rotate(45deg)',
     },
-});
+}));
 /**
  *
  */
 export const Tooltip = (props) => {
-    const { open: openProp, children, title, placement, className, disableFocusListener, disableHoverListener, disableTouchListener, interactive, size, color, disablePortal, enterDelay, leaveDelay, arrow, offset, ...other } = props;
+    const { open: openProp, children, title, placement, disableFocusListener, disableHoverListener, disableTouchListener, interactive, size, color, disablePortal, enterDelay, leaveDelay, arrow, offset, ...other } = props;
     const [open, setOpen] = useControllableState({
         value: openProp,
         defaultValue: false,
@@ -138,7 +139,7 @@ export const Tooltip = (props) => {
     }
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, childrenProps),
-        React.createElement(Popper, { anchorEl: nodeRef.current, open: title && open, placement: placement, className: stylesPopper(props), disablePortal: disablePortal, modifiers: [
+        React.createElement(TooltipPopper, { anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, modifiers: [
                 {
                     name: 'arrow',
                     enabled: Boolean(arrowRef),
@@ -153,13 +154,10 @@ export const Tooltip = (props) => {
                         offset: [0, offset],
                     },
                 },
-            ], ...popperProps }, (style) => (React.createElement(Box, { ...other, background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, className: cx({
-                [stylesTooltip(props)]: true,
-                [className]: !!className,
-            }) },
+            ], ...popperProps }, (style) => (React.createElement(TooltipRoot, { background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, size: size, ...other },
             React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
             arrow
-                ? (React.createElement("span", { className: stylesArrow(props), "data-popper-arrow": true, ref: setArrowRef, style: style }))
+                ? (React.createElement(TooltipArrow, { "data-popper-arrow": true, ref: setArrowRef, style: style, color: color }))
                 : null)))));
 };
 Tooltip.displayName = 'Tooltip';

package/dist/esnext/Tooltip/tooltip.js.map

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

package/dist/esnext/Typography/typography.js

@@ -1,32 +1,27 @@
 import * as React from 'react';
-import { css, cx, } from '../styles';
+import styled from '@emotion/styled';
+import isPropValid from '@emotion/is-prop-valid';
 /**
  *
  */
 /**
  * Styles.
  */
-const stylesBase = () => css({
-    label: 'Typography',
+const TypographyRoot = styled('p', {
+    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
+})((props) => ({
     margin: 0,
-});
-const stylesVariant = (variant) => css({
-    label: variant,
-    fontWeight: `var(--pv-text-${variant}-weight)`,
-    fontSize: `var(--pv-text-${variant}-size)`,
-    lineHeight: `var(--pv-text-${variant}-height)`,
-    letterSpacing: `var(--pv-text-${variant}-spacing)`,
-});
-const stylesColor = (color) => css({
-    label: color,
-    color: color === 'inherit' ? 'inherit' : `var(--pv-color-${color})`,
-});
-const stylesNoWrap = () => css({
-    label: 'noWrap',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-});
+    color: props.color === 'inherit' ? 'inherit' : `var(--pv-color-${props.color})`,
+    fontWeight: `var(--pv-text-${props.variant}-weight)`,
+    fontSize: `var(--pv-text-${props.variant}-size)`,
+    lineHeight: `var(--pv-text-${props.variant}-height)`,
+    letterSpacing: `var(--pv-text-${props.variant}-spacing)`,
+    ...(props.noWrap && {
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+    }),
+}));
 /**
  *
  */
@@ -47,15 +42,9 @@ const variantMapping = {
     c2: 'p',
 };
 export const Typography = React.forwardRef((props, ref) => {
-    const { variant, className, color, noWrap, component, ...other } = props;
+    const { variant, component, ...other } = props;
     const Component = component || variantMapping[variant] || 'p';
-    return (React.createElement(Component, { ...other, ref: ref, className: cx({
-            [stylesBase()]: true,
-            [stylesVariant(variant)]: !!variant,
-            [stylesColor(color)]: !!color,
-            [stylesNoWrap()]: noWrap,
-            [className]: !!className,
-        }) }));
+    return (React.createElement(TypographyRoot, { as: Component, ref: ref, variant: variant, ...other }));
 });
 Typography.displayName = 'Typography';
 Typography.defaultProps = {

package/dist/esnext/Typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAoCnB;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAmC,EAAE,EAAE,CAAC,GAAG,CAAC;IACjE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,QAAQ,EAAE,iBAAiB,OAAO,QAAQ;IAC1C,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,aAAa,EAAE,iBAAiB,OAAO,WAAW;CAC5C,CAAC,CAAC;AAEV,MAAM,WAAW,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,GAAG,CAAC;IAC3D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,GAAG;CACpE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;YACnC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;YAC7B,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM;YACxB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAyCjD;;GAEG;AAEH;;GAEG;AACH,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO;CACnE,CAAC,CAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,GAAG;IAC/E,UAAU,EAAE,iBAAiB,KAAK,CAAC,OAAO,UAAsB;IAChE,QAAQ,EAAE,iBAAiB,KAAK,CAAC,OAAO,QAAQ;IAChD,UAAU,EAAE,iBAAiB,KAAK,CAAC,OAAO,UAAU;IACpD,aAAa,EAAE,iBAAiB,KAAK,CAAC,OAAO,WAAW;IACxD,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;KACzB,CAAC;CACH,CAAC,CAAC,CAAC;AACJ;;GAEG;AAEH,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/hooks/use_image.js

@@ -12,12 +12,20 @@ export function useImage(src, options = {}) {
         imageRef.current = new Image();
         imageRef.current.src = src;
         imageRef.current.onload = (event) => {
+            // In case already unmounted
+            if (!imageRef.current) {
+                return;
+            }
             setStatus('loaded');
             if (onLoad) {
                 onLoad(event);
             }
         };
         imageRef.current.onerror = (error) => {
+            // In case already unmounted
+            if (!imageRef.current) {
+                return;
+            }
             imageRef.current = undefined;
             setStatus('failed');
             if (onError) {

package/dist/esnext/hooks/use_image.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAqC1D,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,UAA+B,EAAE;IACrE,MAAM,EACJ,MAAM,EACN,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAA+B,CAAC;IAE7D,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;YAClC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACnC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAqC1D,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,UAA+B,EAAE;IACrE,MAAM,EACJ,MAAM,EACN,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAA+B,CAAC;IAE7D,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;YAClC,4BAA4B;YAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,OAAO;aACR;YAED,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACnC,4BAA4B;YAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,OAAO;aACR;YAED,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}