react-miui 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.21.0] - 2022-06-13
+### Breaking
+- `Section` no longer accepts `variant`, it has direct `horizontal` and `vertical` props now
+- `Item` from `List` no longer exported directly, use a `Item` property on `List` constructor
+- `List` accepts `inset` directly instead of `variant` prop
+### Dev
+- `List` converted to stitches
+- `Section` moved to stitches
+- restored old dev mode
+
+## [0.20.1] - 2022-06-08
+### Fixed
+- broken input styles
+- broken textarea styles
+### Dev
+- added textarea storybook
+### Added
+- exported custom scrollbars as stitches styles
+
 ## [0.20.0] - 2022-06-08
 ### Added
 - loader components: CoveringLoader, FullLoader, Loader, Loading, PopLoader

package/dist/components/form/input/Input.css.d.ts

@@ -0,0 +1,47 @@
+declare const input: {
+    height: string;
+    fontSize: string;
+    color: string;
+    border: string;
+    display: string;
+    width: string;
+    background: string;
+    fontFamily: string;
+    padding: string;
+    flex: number;
+    "&::placeholder": {
+        color: string;
+    };
+    "&:read-only, &:disabled": {
+        color: string;
+    };
+};
+declare const wrapper: {
+    background: string;
+    display: string;
+    width: string;
+    borderRadius: string;
+    padding: string;
+    border: string;
+    alignItems: string;
+    variants: {
+        disabled: {
+            true: {
+                background: string;
+                color: string;
+            };
+        };
+        readOnly: {
+            true: {
+                color: string;
+            };
+        };
+        focused: {
+            true: {
+                borderColor: string;
+            };
+        };
+    };
+};
+export { input, wrapper, };
+//# sourceMappingURL=Input.css.d.ts.map

package/dist/components/form/input/Input.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;CAmBV,CAAC;AAGF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BZ,CAAC;AAGF,OAAO,EACH,KAAK,EACL,OAAO,GACV,CAAC"}

package/dist/components/form/input/Input.css.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapper = exports.input = void 0;
+const theme_js_1 = require("../../../theme.js");
+const input = {
+    "height": (0, theme_js_1.dimensionsPxToRem)(103),
+    "fontSize": (0, theme_js_1.fontPxToRem)(25),
+    "color": "$text",
+    "border": "none",
+    "display": "block",
+    "width": "100%",
+    "background": "none",
+    "fontFamily": "inherit",
+    "padding": "1.2em 0",
+    "flex": 1,
+    "&::placeholder": {
+        color: "$sub",
+    },
+    "&:read-only, &:disabled": {
+        color: "inherit",
+    },
+};
+exports.input = input;
+const wrapper = {
+    background: "white",
+    display: "inline-flex",
+    width: "100%",
+    borderRadius: "2px",
+    padding: `0 ${(0, theme_js_1.dimensionsPxToRem)(36)}`,
+    border: `${(0, theme_js_1.borderPxToRem)(1)} solid $border`,
+    alignItems: "center",
+    variants: {
+        disabled: {
+            true: {
+                background: "$inputDisabledBg",
+                color: "$inputDisabledText",
+            },
+        },
+        readOnly: {
+            true: {
+                color: "$inputDisabledText",
+            },
+        },
+        focused: {
+            true: {
+                borderColor: "$focusColor",
+            },
+        },
+    },
+};
+exports.wrapper = wrapper;
+//# sourceMappingURL=Input.css.js.map

package/dist/components/form/input/Input.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":";;;AAEA,gDAAkF;AAElF,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,IAAA,4BAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,sBAAW,EAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;IAED,yBAAyB,EAAE;QACvB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAkCE,sBAAK;AA/BT,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,4BAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,wBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,WAAW,EAAE,aAAa;aAC7B;SACJ;KACJ;CACJ,CAAC;AAKE,0BAAO"}

package/dist/components/form/input/Input.styled.d.ts

@@ -57,17 +57,25 @@ declare const StyledInput: import("@stitches/react/types/styled-component.js").S
         tableStripedBg: string;
     };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
     };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
     };
-    size: (value: string) => {
-        width: string;
-        height: string;
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
     };
 }>>;
 declare const StyledWrapper: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
@@ -133,17 +141,25 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component.js")
         tableStripedBg: string;
     };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
     };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
     };
-    size: (value: string) => {
-        width: string;
-        height: string;
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
     };
 }>>;
 declare const StyledPrefix: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
@@ -205,17 +221,25 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component.js").
         tableStripedBg: string;
     };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
     };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
     };
-    size: (value: string) => {
-        width: string;
-        height: string;
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
     };
 }>>;
 declare const StyledSuffix: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
@@ -277,17 +301,25 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component.js").
         tableStripedBg: string;
     };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
     };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
     };
-    size: (value: string) => {
-        width: string;
-        height: string;
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
     };
 }>>;
 export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };

package/dist/components/form/input/Input.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAef,CAAC;AAEH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCjB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}
+{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}

package/dist/components/form/input/Input.styled.js

@@ -2,55 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSuffix = exports.StyledPrefix = exports.StyledWrapper = exports.StyledInput = void 0;
 const theme_js_1 = require("../../../theme.js");
-const StyledInput = (0, theme_js_1.styled)("input", {
-    "height": (0, theme_js_1.dimensionsPxToRem)(103),
-    "fontSize": (0, theme_js_1.fontPxToRem)(34),
-    "color": "$text",
-    "border": "none",
-    "display": "block",
-    "width": "100%",
-    "background": "none",
-    "fontFamily": "inherit",
-    "padding": "1.2em 0",
-    "flex": 1,
-    "&::placeholder": {
-        color: "$sub",
-    },
-});
+const Input_css_js_1 = require("./Input.css.js");
+const StyledInput = (0, theme_js_1.styled)("input", Input_css_js_1.input);
 exports.StyledInput = StyledInput;
-const StyledWrapper = (0, theme_js_1.styled)("div", {
-    background: "white",
-    display: "inline-flex",
-    width: "100%",
-    borderRadius: "2px",
-    padding: `0 ${(0, theme_js_1.dimensionsPxToRem)(36)}`,
-    border: `${(0, theme_js_1.borderPxToRem)(1)} solid $border`,
-    alignItems: "center",
-    variants: {
-        disabled: {
-            true: {
-                background: "$inputDisabledBg",
-                color: "$inputDisabledText",
-                [StyledInput.toString()]: {
-                    color: "$inputDisabledText",
-                },
-            },
-        },
-        readOnly: {
-            true: {
-                color: "$inputDisabledText",
-                [StyledInput.toString()]: {
-                    color: "$inputDisabledText",
-                },
-            },
-        },
-        focused: {
-            true: {
-                borderColor: "$focusColor",
-            },
-        },
-    },
-});
+const StyledWrapper = (0, theme_js_1.styled)("div", Input_css_js_1.wrapper);
 exports.StyledWrapper = StyledWrapper;
 const StyledPrefix = (0, theme_js_1.styled)("div", {
     marginRight: (0, theme_js_1.dimensionsPxToRem)(36),

package/dist/components/form/input/Input.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,gDAA0F;AAE1F,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,OAAO,EAAE;IAChC,QAAQ,EAAE,IAAA,4BAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,sBAAW,EAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;CACJ,CAAC,CAAC;AAkDC,kCAAW;AAhDf,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAChC,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,4BAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,wBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;gBAE3B,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE;oBACtB,KAAK,EAAE,oBAAoB;iBAC9B;aACJ;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;gBAE3B,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE;oBACtB,KAAK,EAAE,oBAAoB;iBAC9B;aACJ;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,WAAW,EAAE,aAAa;aAC7B;SACJ;KACJ;CACJ,CAAC,CAAC;AAcC,sCAAa;AAZjB,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,IAAA,4BAAiB,EAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAUC,oCAAY;AARhB,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,IAAA,4BAAiB,EAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAMC,oCAAY"}
+{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,gDAA8D;AAE9D,iDAAgD;AAEhD,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,OAAO,EAAE,oBAAK,CAAC,CAAC;AAevC,kCAAW;AAbf,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE,sBAAO,CAAC,CAAC;AAczC,sCAAa;AAZjB,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,IAAA,4BAAiB,EAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAUC,oCAAY;AARhB,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,IAAA,4BAAiB,EAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAMC,oCAAY"}

package/dist/components/form/textarea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CA2BjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/dist/components/form/{TextArea.js → textarea/TextArea.js}

@@ -33,16 +33,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Input_module_scss_1 = __importDefault(require("./input/Input.module.scss"));
+const TextArea_styled_1 = require("./TextArea.styled");
 const TextArea = (_a) => {
-    var { className, children, onFocus, onBlur } = _a, props = __rest(_a, ["className", "children", "onFocus", "onBlur"]);
+    var { children, onFocus, onBlur } = _a, props = __rest(_a, ["children", "onFocus", "onBlur"]);
     const [focused, setFocused] = (0, react_1.useState)(false);
     const handleFocus = (0, react_1.useCallback)((e) => {
         setFocused(true);
@@ -52,10 +48,7 @@ const TextArea = (_a) => {
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    const cls = (0, classnames_1.default)(Input_module_scss_1.default.wrapper, {
-        [Input_module_scss_1.default.wrapperFocused]: focused,
-    }, Input_module_scss_1.default.input, Input_module_scss_1.default.textarea, className);
-    return (react_1.default.createElement("textarea", Object.assign({}, props, { onFocus: handleFocus, onBlur: handleBlur, className: cls })));
+    return (react_1.default.createElement(TextArea_styled_1.StyledTextArea, Object.assign({}, props, { disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), focused: focused, onFocus: handleFocus, onBlur: handleBlur })));
 };
 exports.TextArea = TextArea;
 //# sourceMappingURL=TextArea.js.map

package/dist/components/form/textarea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uDAAmD;AAMnD,MAAM,QAAQ,GAAwE,CAAC,EAItF,EAAE,EAAE;QAJkF,EACnF,QAAQ,EACR,OAAO,EAAE,MAAM,OAElB,EADM,KAAK,cAH2E,iCAItF,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACzE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACxE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,8BAAC,gCAAc,oBACP,KAAK,IACT,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,IACpB,CACL,CAAC;AACN,CAAC,CAAC;AAGE,4BAAQ"}

package/dist/components/form/textarea/TextArea.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { TextArea } from "./TextArea.js";
+declare const meta: Meta;
+type Story = StoryObj<typeof TextArea>;
+declare const Primary: Story;
+export { Primary, };
+export default meta;
+//# sourceMappingURL=TextArea.stories.d.ts.map

package/dist/components/form/textarea/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAEd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/textarea/TextArea.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const TextArea_js_1 = require("./TextArea.js");
+const meta = {
+    title: "Components/Form/TextArea",
+    component: TextArea_js_1.TextArea,
+    tags: ["autodocs", "form"],
+};
+const Primary = {
+    args: {},
+};
+exports.Primary = Primary;
+exports.default = meta;
+//# sourceMappingURL=TextArea.stories.js.map

package/dist/components/form/textarea/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA,+CAAyC;AAEzC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,sBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;CACX,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/{layout/list/Value.styled.d.ts → form/textarea/TextArea.styled.d.ts}

@@ -1,4 +1,8 @@
-declare const StyledValue: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+declare const StyledTextArea: import("@stitches/react/types/styled-component.js").StyledComponent<"textarea", {
+    disabled?: boolean | "true";
+    readOnly?: boolean | "true";
+    focused?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
     colors: {
         background: string;
         mainColor: string;
@@ -57,18 +61,26 @@ declare const StyledValue: import("@stitches/react/types/styled-component.js").S
         tableStripedBg: string;
     };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
     };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
     };
-    size: (value: string) => {
-        width: string;
-        height: string;
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
     };
 }>>;
-export { StyledValue, };
-//# sourceMappingURL=Value.styled.d.ts.map
+export { StyledTextArea, };
+//# sourceMappingURL=TextArea.styled.d.ts.map

package/dist/components/form/textarea/TextArea.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}

package/dist/components/form/textarea/TextArea.styled.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTextArea = void 0;
+const theme_js_1 = require("../../../theme.js");
+const Input_css_1 = require("../input/Input.css");
+const scrollbars_css_1 = require("../../../scrollbars.css");
+const StyledTextArea = (0, theme_js_1.styled)("textarea", Object.assign(Object.assign(Object.assign(Object.assign({}, scrollbars_css_1.miuiScrollbars), Input_css_1.input), Input_css_1.wrapper), { padding: `1.2em ${(0, theme_js_1.dimensionsPxToRem)(36)}`, height: "unset", resize: "vertical", minHeight: (0, theme_js_1.dimensionsPxToRem)(103) }));
+exports.StyledTextArea = StyledTextArea;
+//# sourceMappingURL=TextArea.styled.js.map

package/dist/components/form/textarea/TextArea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,gDAA8D;AAC9D,kDAAoD;AACpD,4DAAyD;AAEzD,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,UAAU,8DACjC,+BAAc,GACd,iBAAK,GACL,mBAAO,KAEV,OAAO,EAAE,SAAS,IAAA,4BAAiB,EAAC,EAAE,CAAC,EAAE,EACzC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,4BAAiB,EAAC,GAAG,CAAC,IAEnC,CAAC;AAGC,wCAAc"}

package/dist/components/icons/Icon.js

@@ -36,8 +36,7 @@ var ICON;
     ICON["trash"] = "trash";
     ICON["config"] = "config";
     ICON["dots"] = "dots";
-})(ICON || (ICON = {}));
-exports.ICON = ICON;
+})(ICON || (exports.ICON = ICON = {}));
 const iconsMap = new Map([
     [ICON.checkmark, Checkmark_js_1.Checkmark],
     [ICON.back, Back_js_1.Back],

package/dist/components/icons/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,iDAA2C;AAC3C,uCAAiC;AACjC,6CAAuC;AACvC,2CAAqC;AACrC,6CAAuC;AACvC,yCAAmC;AACnC,yCAAmC;AACnC,2CAAqC;AACrC,uCAAiC;AAEjC,IAAK,IAUJ;AAVD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;AACjB,CAAC,EAVI,IAAI,KAAJ,IAAI,QAUR;AA2Bc,oBAAI;AApBnB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAA6C;IACjE,CAAC,IAAI,CAAC,SAAS,EAAE,wBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,cAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,cAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE;QACJ,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;KACpD;IACD,OAAO,8BAAC,CAAC,oBAAK,KAAK,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEO,oBAAI"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,iDAA2C;AAC3C,uCAAiC;AACjC,6CAAuC;AACvC,2CAAqC;AACrC,6CAAuC;AACvC,yCAAmC;AACnC,yCAAmC;AACnC,2CAAqC;AACrC,uCAAiC;AAEjC,IAAK,IAUJ;AAVD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;AACjB,CAAC,EAVI,IAAI,oBAAJ,IAAI,QAUR;AAOD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAA6C;IACjE,CAAC,IAAI,CAAC,SAAS,EAAE,wBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,cAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,cAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE;QACJ,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;KACpD;IACD,OAAO,8BAAC,CAAC,oBAAK,KAAK,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEO,oBAAI"}