react-miui 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -6,6 +6,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [UNRELEASED]
 (nothing yet)
 
+## [0.7.0] - 2022-01-11
+### Added
+- textarea component
+
 ## [0.6.0] - 2022-01-04
 ### Added
 - input component

package/dist/components/form/Input.module.scss

@@ -7,6 +7,8 @@
     display: block;
     width: 100%;
     background: none;
+    font-family: inherit;
+    padding: 1.2em 0;
 
     &::placeholder {
         color: var(--sub);
@@ -24,6 +26,13 @@
     align-items: center;
 }
 
+.textarea {
+    padding: 1.2em calc(36px / var(--ratio-dimensions));
+    height: unset;
+    resize: vertical;
+    min-height: calc(103px * 3 / var(--ratio-dimensions))
+}
+
 .prefix {
     margin-right: calc(36px / var(--ratio-dimensions));
     display: flex;

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    children?: never;
+}
+declare const TextArea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props>;
+export { TextArea, };
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/form/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,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,CAwBjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/dist/components/form/TextArea.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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.module.scss"));
+const TextArea = (_a) => {
+    var { className, children, onFocus, onBlur } = _a, props = __rest(_a, ["className", "children", "onFocus", "onBlur"]);
+    const [focused, setFocused] = react_1.useState(false);
+    const handleFocus = react_1.useCallback((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = react_1.useCallback((e) => {
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur]);
+    const cls = 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 })));
+};
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/form/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,4DAAoC;AAEpC,4EAAyC;AAMzC,MAAM,QAAQ,GAAwE,CAAC,EAItF,EAAE,EAAE;QAJkF,EACnF,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,MAAM,OAElB,EADM,KAAK,cAH2E,8CAItF,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,mBAAW,CAAC,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,mBAAW,CAAC,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,MAAM,GAAG,GAAG,oBAAU,CAAC,2BAAM,CAAC,OAAO,EAAE;QACnC,CAAC,2BAAM,CAAC,cAAc,CAAC,EAAE,OAAO;KACnC,EAAE,2BAAM,CAAC,KAAK,EAAE,2BAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACH,4DAAc,KAAK,IAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CACpF,CAAC;AACN,CAAC,CAAC;AAGE,4BAAQ"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Input.js";
 export * from "./components/form/Label.js";
+export * from "./components/form/TextArea.js";
 export * from "./components/form/Toggle.js";
 export * from "./components/icons/Icon.js";
 export * from "./components/layout/card/Card.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}

package/dist/index.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components/form/Checkbox.js"), exports);
 __exportStar(require("./components/form/Input.js"), exports);
 __exportStar(require("./components/form/Label.js"), exports);
+__exportStar(require("./components/form/TextArea.js"), exports);
 __exportStar(require("./components/form/Toggle.js"), exports);
 __exportStar(require("./components/icons/Icon.js"), exports);
 __exportStar(require("./components/layout/card/Card.js"), exports);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,8DAA4C;AAE5C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AAEvD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,gEAA8C;AAC9C,8DAA4C;AAE5C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AAEvD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD"}

package/docs/assets/js/search.js

@@ -1 +1 @@
-window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":5,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":6,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":7,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":8,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":9,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":10,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":11,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":15,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":16,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":17,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":18,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":19,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List"},{"id":20,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":21,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":22,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":23,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":24,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":25,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":26,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":27,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section"},{"id":28,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":29,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":30,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,30.91]],["parent/0",[]],["name/1",[1,30.91]],["parent/1",[]],["name/2",[2,25.802]],["parent/2",[]],["name/3",[3,30.91]],["parent/3",[]],["name/4",[4,14.816]],["parent/4",[]],["name/5",[4,14.816]],["parent/5",[]],["name/6",[5,30.91]],["parent/6",[4,0.78]],["name/7",[6,30.91]],["parent/7",[4,0.78]],["name/8",[7,30.91]],["parent/8",[4,0.78]],["name/9",[8,30.91]],["parent/9",[4,0.78]],["name/10",[9,30.91]],["parent/10",[4,0.78]],["name/11",[10,30.91]],["parent/11",[]],["name/12",[11,25.802]],["parent/12",[]],["name/13",[12,30.91]],["parent/13",[]],["name/14",[13,22.437]],["parent/14",[]],["name/15",[13,22.437]],["parent/15",[]],["name/16",[14,30.91]],["parent/16",[13,1.181]],["name/17",[15,22.437]],["parent/17",[]],["name/18",[15,22.437]],["parent/18",[]],["name/19",[11,25.802]],["parent/19",[15,1.181]],["name/20",[16,19.924]],["parent/20",[]],["name/21",[16,19.924]],["parent/21",[]],["name/22",[2,25.802]],["parent/22",[16,1.049]],["name/23",[17,30.91]],["parent/23",[16,1.049]],["name/24",[18,30.91]],["parent/24",[]],["name/25",[19,22.437]],["parent/25",[]],["name/26",[19,22.437]],["parent/26",[]],["name/27",[20,30.91]],["parent/27",[19,1.181]],["name/28",[21,30.91]],["parent/28",[]],["name/29",[22,30.91]],["parent/29",[]],["name/30",[23,30.91]],["parent/30",[]],["name/31",[24,30.91]],["parent/31",[]]],"invertedIndex":[["action",{"_index":21,"name":{"28":{}},"parent":{}}],["back",{"_index":6,"name":{"7":{}},"parent":{}}],["battery",{"_index":9,"name":{"10":{}},"parent":{}}],["button",{"_index":23,"name":{"30":{}},"parent":{}}],["card",{"_index":10,"name":{"11":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":5,"name":{"6":{}},"parent":{}}],["container",{"_index":20,"name":{"27":{}},"parent":{}}],["content",{"_index":14,"name":{"16":{}},"parent":{}}],["directionpad",{"_index":24,"name":{"31":{}},"parent":{}}],["equalactions",{"_index":22,"name":{"29":{}},"parent":{}}],["forward",{"_index":7,"name":{"8":{}},"parent":{}}],["header",{"_index":11,"name":{"12":{},"19":{}},"parent":{}}],["headericonaction",{"_index":12,"name":{"13":{}},"parent":{}}],["icon",{"_index":4,"name":{"4":{},"5":{}},"parent":{"6":{},"7":{},"8":{},"9":{},"10":{}}}],["input",{"_index":1,"name":{"1":{}},"parent":{}}],["item",{"_index":16,"name":{"20":{},"21":{}},"parent":{"22":{},"23":{}}}],["label",{"_index":2,"name":{"2":{},"22":{}},"parent":{}}],["list",{"_index":15,"name":{"17":{},"18":{}},"parent":{"19":{}}}],["search",{"_index":8,"name":{"9":{}},"parent":{}}],["searchcontainer",{"_index":18,"name":{"24":{}},"parent":{}}],["section",{"_index":19,"name":{"25":{},"26":{}},"parent":{"27":{}}}],["stickyheader",{"_index":13,"name":{"14":{},"15":{}},"parent":{"16":{}}}],["toggle",{"_index":3,"name":{"3":{}},"parent":{}}],["value",{"_index":17,"name":{"23":{}},"parent":{}}]],"pipeline":[]}}
+window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"TextArea","url":"modules.html#TextArea","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":6,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":7,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":8,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":9,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":10,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":11,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":12,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":15,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":16,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":17,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":18,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":19,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":20,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List"},{"id":21,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":22,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":23,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":24,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":25,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":26,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":27,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":28,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section"},{"id":29,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":30,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":32,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,31.209]],["parent/0",[]],["name/1",[1,31.209]],["parent/1",[]],["name/2",[2,26.101]],["parent/2",[]],["name/3",[3,31.209]],["parent/3",[]],["name/4",[4,31.209]],["parent/4",[]],["name/5",[5,15.115]],["parent/5",[]],["name/6",[5,15.115]],["parent/6",[]],["name/7",[6,31.209]],["parent/7",[5,0.779]],["name/8",[7,31.209]],["parent/8",[5,0.779]],["name/9",[8,31.209]],["parent/9",[5,0.779]],["name/10",[9,31.209]],["parent/10",[5,0.779]],["name/11",[10,31.209]],["parent/11",[5,0.779]],["name/12",[11,31.209]],["parent/12",[]],["name/13",[12,26.101]],["parent/13",[]],["name/14",[13,31.209]],["parent/14",[]],["name/15",[14,22.736]],["parent/15",[]],["name/16",[14,22.736]],["parent/16",[]],["name/17",[15,31.209]],["parent/17",[14,1.171]],["name/18",[16,22.736]],["parent/18",[]],["name/19",[16,22.736]],["parent/19",[]],["name/20",[12,26.101]],["parent/20",[16,1.171]],["name/21",[17,20.223]],["parent/21",[]],["name/22",[17,20.223]],["parent/22",[]],["name/23",[2,26.101]],["parent/23",[17,1.042]],["name/24",[18,31.209]],["parent/24",[17,1.042]],["name/25",[19,31.209]],["parent/25",[]],["name/26",[20,22.736]],["parent/26",[]],["name/27",[20,22.736]],["parent/27",[]],["name/28",[21,31.209]],["parent/28",[20,1.171]],["name/29",[22,31.209]],["parent/29",[]],["name/30",[23,31.209]],["parent/30",[]],["name/31",[24,31.209]],["parent/31",[]],["name/32",[25,31.209]],["parent/32",[]]],"invertedIndex":[["action",{"_index":22,"name":{"29":{}},"parent":{}}],["back",{"_index":7,"name":{"8":{}},"parent":{}}],["battery",{"_index":10,"name":{"11":{}},"parent":{}}],["button",{"_index":24,"name":{"31":{}},"parent":{}}],["card",{"_index":11,"name":{"12":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":6,"name":{"7":{}},"parent":{}}],["container",{"_index":21,"name":{"28":{}},"parent":{}}],["content",{"_index":15,"name":{"17":{}},"parent":{}}],["directionpad",{"_index":25,"name":{"32":{}},"parent":{}}],["equalactions",{"_index":23,"name":{"30":{}},"parent":{}}],["forward",{"_index":8,"name":{"9":{}},"parent":{}}],["header",{"_index":12,"name":{"13":{},"20":{}},"parent":{}}],["headericonaction",{"_index":13,"name":{"14":{}},"parent":{}}],["icon",{"_index":5,"name":{"5":{},"6":{}},"parent":{"7":{},"8":{},"9":{},"10":{},"11":{}}}],["input",{"_index":1,"name":{"1":{}},"parent":{}}],["item",{"_index":17,"name":{"21":{},"22":{}},"parent":{"23":{},"24":{}}}],["label",{"_index":2,"name":{"2":{},"23":{}},"parent":{}}],["list",{"_index":16,"name":{"18":{},"19":{}},"parent":{"20":{}}}],["search",{"_index":9,"name":{"10":{}},"parent":{}}],["searchcontainer",{"_index":19,"name":{"25":{}},"parent":{}}],["section",{"_index":20,"name":{"26":{},"27":{}},"parent":{"28":{}}}],["stickyheader",{"_index":14,"name":{"15":{},"16":{}},"parent":{"17":{}}}],["textarea",{"_index":3,"name":{"3":{}},"parent":{}}],["toggle",{"_index":4,"name":{"4":{}},"parent":{}}],["value",{"_index":18,"name":{"24":{}},"parent":{}}]],"pipeline":[]}}

package/docs/assets/js/search.json

@@ -1 +1 @@
-{"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","9999999":"Page"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":5,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":6,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":7,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":8,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":9,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":10,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":11,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":15,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":16,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":17,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":18,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":19,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List","pagesPluginParent":"List."},{"id":20,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":21,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":22,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item","pagesPluginParent":"Item."},{"id":23,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item","pagesPluginParent":"Item."},{"id":24,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":25,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":26,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":27,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section","pagesPluginParent":"Section."},{"id":28,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":29,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":30,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":32,"kind":1,"name":"Test","url":"pages/Tutorials/Test.html","classes":"tsd-kind-page","pagesPluginContent":"This is example tutorial page.\n","pagesPluginParent":"Tutorials / "}],"index":{"version":"2.3.9","fields":["pagesPluginContent","name","parent"],"fieldVectors":[["pagesPluginContent/0",[]],["name/0",[0,31.209]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,31.209]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[2,26.101]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[3,31.209]],["parent/3",[]],["pagesPluginContent/4",[]],["name/4",[4,15.115]],["parent/4",[]],["pagesPluginContent/5",[]],["name/5",[4,15.115]],["parent/5",[]],["pagesPluginContent/6",[]],["name/6",[5,31.209]],["parent/6",[4,0.779]],["pagesPluginContent/7",[]],["name/7",[6,31.209]],["parent/7",[4,0.779]],["pagesPluginContent/8",[]],["name/8",[7,31.209]],["parent/8",[4,0.779]],["pagesPluginContent/9",[]],["name/9",[8,31.209]],["parent/9",[4,0.779]],["pagesPluginContent/10",[]],["name/10",[9,31.209]],["parent/10",[4,0.779]],["pagesPluginContent/11",[]],["name/11",[10,31.209]],["parent/11",[]],["pagesPluginContent/12",[]],["name/12",[11,26.101]],["parent/12",[]],["pagesPluginContent/13",[]],["name/13",[12,31.209]],["parent/13",[]],["pagesPluginContent/14",[]],["name/14",[13,22.736]],["parent/14",[]],["pagesPluginContent/15",[]],["name/15",[13,22.736]],["parent/15",[]],["pagesPluginContent/16",[]],["name/16",[14,31.209]],["parent/16",[13,1.171]],["pagesPluginContent/17",[]],["name/17",[15,22.736]],["parent/17",[]],["pagesPluginContent/18",[]],["name/18",[15,22.736]],["parent/18",[]],["pagesPluginContent/19",[]],["name/19",[11,26.101]],["parent/19",[15,1.171]],["pagesPluginContent/20",[]],["name/20",[16,20.223]],["parent/20",[]],["pagesPluginContent/21",[]],["name/21",[16,20.223]],["parent/21",[]],["pagesPluginContent/22",[]],["name/22",[2,26.101]],["parent/22",[16,1.042]],["pagesPluginContent/23",[]],["name/23",[17,31.209]],["parent/23",[16,1.042]],["pagesPluginContent/24",[]],["name/24",[18,31.209]],["parent/24",[]],["pagesPluginContent/25",[]],["name/25",[19,22.736]],["parent/25",[]],["pagesPluginContent/26",[]],["name/26",[19,22.736]],["parent/26",[]],["pagesPluginContent/27",[]],["name/27",[20,31.209]],["parent/27",[19,1.171]],["pagesPluginContent/28",[]],["name/28",[21,31.209]],["parent/28",[]],["pagesPluginContent/29",[]],["name/29",[22,31.209]],["parent/29",[]],["pagesPluginContent/30",[]],["name/30",[23,31.209]],["parent/30",[]],["pagesPluginContent/31",[]],["name/31",[24,31.209]],["parent/31",[]],["pagesPluginContent/32",[25,3.322,26,3.322,27,3.322,28,3.322,29,3.322]],["name/32",[30,31.209]],["parent/32",[]]],"invertedIndex":[["action",{"_index":21,"pagesPluginContent":{},"name":{"28":{}},"parent":{}}],["back",{"_index":6,"pagesPluginContent":{},"name":{"7":{}},"parent":{}}],["battery",{"_index":9,"pagesPluginContent":{},"name":{"10":{}},"parent":{}}],["button",{"_index":23,"pagesPluginContent":{},"name":{"30":{}},"parent":{}}],["card",{"_index":10,"pagesPluginContent":{},"name":{"11":{}},"parent":{}}],["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["checkmark",{"_index":5,"pagesPluginContent":{},"name":{"6":{}},"parent":{}}],["container",{"_index":20,"pagesPluginContent":{},"name":{"27":{}},"parent":{}}],["content",{"_index":14,"pagesPluginContent":{},"name":{"16":{}},"parent":{}}],["directionpad",{"_index":24,"pagesPluginContent":{},"name":{"31":{}},"parent":{}}],["equalactions",{"_index":22,"pagesPluginContent":{},"name":{"29":{}},"parent":{}}],["example",{"_index":27,"pagesPluginContent":{"32":{}},"name":{},"parent":{}}],["forward",{"_index":7,"pagesPluginContent":{},"name":{"8":{}},"parent":{}}],["header",{"_index":11,"pagesPluginContent":{},"name":{"12":{},"19":{}},"parent":{}}],["headericonaction",{"_index":12,"pagesPluginContent":{},"name":{"13":{}},"parent":{}}],["icon",{"_index":4,"pagesPluginContent":{},"name":{"4":{},"5":{}},"parent":{"6":{},"7":{},"8":{},"9":{},"10":{}}}],["input",{"_index":1,"pagesPluginContent":{},"name":{"1":{}},"parent":{}}],["is",{"_index":26,"pagesPluginContent":{"32":{}},"name":{},"parent":{}}],["item",{"_index":16,"pagesPluginContent":{},"name":{"20":{},"21":{}},"parent":{"22":{},"23":{}}}],["label",{"_index":2,"pagesPluginContent":{},"name":{"2":{},"22":{}},"parent":{}}],["list",{"_index":15,"pagesPluginContent":{},"name":{"17":{},"18":{}},"parent":{"19":{}}}],["page",{"_index":29,"pagesPluginContent":{"32":{}},"name":{},"parent":{}}],["search",{"_index":8,"pagesPluginContent":{},"name":{"9":{}},"parent":{}}],["searchcontainer",{"_index":18,"pagesPluginContent":{},"name":{"24":{}},"parent":{}}],["section",{"_index":19,"pagesPluginContent":{},"name":{"25":{},"26":{}},"parent":{"27":{}}}],["stickyheader",{"_index":13,"pagesPluginContent":{},"name":{"14":{},"15":{}},"parent":{"16":{}}}],["test",{"_index":30,"pagesPluginContent":{},"name":{"32":{}},"parent":{}}],["this",{"_index":25,"pagesPluginContent":{"32":{}},"name":{},"parent":{}}],["toggle",{"_index":3,"pagesPluginContent":{},"name":{"3":{}},"parent":{}}],["tutorial",{"_index":28,"pagesPluginContent":{"32":{}},"name":{},"parent":{}}],["value",{"_index":17,"pagesPluginContent":{},"name":{"23":{}},"parent":{}}]],"pipeline":[]}}
+{"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","9999999":"Page"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"TextArea","url":"modules.html#TextArea","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":6,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":7,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":8,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":9,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":10,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":11,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":12,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":15,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":16,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":17,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":18,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":19,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":20,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List","pagesPluginParent":"List."},{"id":21,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":22,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":23,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item","pagesPluginParent":"Item."},{"id":24,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item","pagesPluginParent":"Item."},{"id":25,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":26,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":27,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":28,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section","pagesPluginParent":"Section."},{"id":29,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":30,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":32,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":33,"kind":1,"name":"Test","url":"pages/Tutorials/Test.html","classes":"tsd-kind-page","pagesPluginContent":"This is example tutorial page.\n","pagesPluginParent":"Tutorials / "}],"index":{"version":"2.3.9","fields":["pagesPluginContent","name","parent"],"fieldVectors":[["pagesPluginContent/0",[]],["name/0",[0,31.499]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,31.499]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[2,26.391]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[3,31.499]],["parent/3",[]],["pagesPluginContent/4",[]],["name/4",[4,31.499]],["parent/4",[]],["pagesPluginContent/5",[]],["name/5",[5,15.404]],["parent/5",[]],["pagesPluginContent/6",[]],["name/6",[5,15.404]],["parent/6",[]],["pagesPluginContent/7",[]],["name/7",[6,31.499]],["parent/7",[5,0.777]],["pagesPluginContent/8",[]],["name/8",[7,31.499]],["parent/8",[5,0.777]],["pagesPluginContent/9",[]],["name/9",[8,31.499]],["parent/9",[5,0.777]],["pagesPluginContent/10",[]],["name/10",[9,31.499]],["parent/10",[5,0.777]],["pagesPluginContent/11",[]],["name/11",[10,31.499]],["parent/11",[5,0.777]],["pagesPluginContent/12",[]],["name/12",[11,31.499]],["parent/12",[]],["pagesPluginContent/13",[]],["name/13",[12,26.391]],["parent/13",[]],["pagesPluginContent/14",[]],["name/14",[13,31.499]],["parent/14",[]],["pagesPluginContent/15",[]],["name/15",[14,23.026]],["parent/15",[]],["pagesPluginContent/16",[]],["name/16",[14,23.026]],["parent/16",[]],["pagesPluginContent/17",[]],["name/17",[15,31.499]],["parent/17",[14,1.162]],["pagesPluginContent/18",[]],["name/18",[16,23.026]],["parent/18",[]],["pagesPluginContent/19",[]],["name/19",[16,23.026]],["parent/19",[]],["pagesPluginContent/20",[]],["name/20",[12,26.391]],["parent/20",[16,1.162]],["pagesPluginContent/21",[]],["name/21",[17,20.513]],["parent/21",[]],["pagesPluginContent/22",[]],["name/22",[17,20.513]],["parent/22",[]],["pagesPluginContent/23",[]],["name/23",[2,26.391]],["parent/23",[17,1.035]],["pagesPluginContent/24",[]],["name/24",[18,31.499]],["parent/24",[17,1.035]],["pagesPluginContent/25",[]],["name/25",[19,31.499]],["parent/25",[]],["pagesPluginContent/26",[]],["name/26",[20,23.026]],["parent/26",[]],["pagesPluginContent/27",[]],["name/27",[20,23.026]],["parent/27",[]],["pagesPluginContent/28",[]],["name/28",[21,31.499]],["parent/28",[20,1.162]],["pagesPluginContent/29",[]],["name/29",[22,31.499]],["parent/29",[]],["pagesPluginContent/30",[]],["name/30",[23,31.499]],["parent/30",[]],["pagesPluginContent/31",[]],["name/31",[24,31.499]],["parent/31",[]],["pagesPluginContent/32",[]],["name/32",[25,31.499]],["parent/32",[]],["pagesPluginContent/33",[26,3.258,27,3.258,28,3.258,29,3.258,30,3.258]],["name/33",[31,31.499]],["parent/33",[]]],"invertedIndex":[["action",{"_index":22,"pagesPluginContent":{},"name":{"29":{}},"parent":{}}],["back",{"_index":7,"pagesPluginContent":{},"name":{"8":{}},"parent":{}}],["battery",{"_index":10,"pagesPluginContent":{},"name":{"11":{}},"parent":{}}],["button",{"_index":24,"pagesPluginContent":{},"name":{"31":{}},"parent":{}}],["card",{"_index":11,"pagesPluginContent":{},"name":{"12":{}},"parent":{}}],["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["checkmark",{"_index":6,"pagesPluginContent":{},"name":{"7":{}},"parent":{}}],["container",{"_index":21,"pagesPluginContent":{},"name":{"28":{}},"parent":{}}],["content",{"_index":15,"pagesPluginContent":{},"name":{"17":{}},"parent":{}}],["directionpad",{"_index":25,"pagesPluginContent":{},"name":{"32":{}},"parent":{}}],["equalactions",{"_index":23,"pagesPluginContent":{},"name":{"30":{}},"parent":{}}],["example",{"_index":28,"pagesPluginContent":{"33":{}},"name":{},"parent":{}}],["forward",{"_index":8,"pagesPluginContent":{},"name":{"9":{}},"parent":{}}],["header",{"_index":12,"pagesPluginContent":{},"name":{"13":{},"20":{}},"parent":{}}],["headericonaction",{"_index":13,"pagesPluginContent":{},"name":{"14":{}},"parent":{}}],["icon",{"_index":5,"pagesPluginContent":{},"name":{"5":{},"6":{}},"parent":{"7":{},"8":{},"9":{},"10":{},"11":{}}}],["input",{"_index":1,"pagesPluginContent":{},"name":{"1":{}},"parent":{}}],["is",{"_index":27,"pagesPluginContent":{"33":{}},"name":{},"parent":{}}],["item",{"_index":17,"pagesPluginContent":{},"name":{"21":{},"22":{}},"parent":{"23":{},"24":{}}}],["label",{"_index":2,"pagesPluginContent":{},"name":{"2":{},"23":{}},"parent":{}}],["list",{"_index":16,"pagesPluginContent":{},"name":{"18":{},"19":{}},"parent":{"20":{}}}],["page",{"_index":30,"pagesPluginContent":{"33":{}},"name":{},"parent":{}}],["search",{"_index":9,"pagesPluginContent":{},"name":{"10":{}},"parent":{}}],["searchcontainer",{"_index":19,"pagesPluginContent":{},"name":{"25":{}},"parent":{}}],["section",{"_index":20,"pagesPluginContent":{},"name":{"26":{},"27":{}},"parent":{"28":{}}}],["stickyheader",{"_index":14,"pagesPluginContent":{},"name":{"15":{},"16":{}},"parent":{"17":{}}}],["test",{"_index":31,"pagesPluginContent":{},"name":{"33":{}},"parent":{}}],["textarea",{"_index":3,"pagesPluginContent":{},"name":{"3":{}},"parent":{}}],["this",{"_index":26,"pagesPluginContent":{"33":{}},"name":{},"parent":{}}],["toggle",{"_index":4,"pagesPluginContent":{},"name":{"4":{}},"parent":{}}],["tutorial",{"_index":29,"pagesPluginContent":{"33":{}},"name":{},"parent":{}}],["value",{"_index":18,"pagesPluginContent":{},"name":{"24":{}},"parent":{}}]],"pipeline":[]}}

package/docs/enums/ICON.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>ICON | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>ICON | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -92,7 +92,7 @@
 					<div class="tsd-signature tsd-kind-icon">back<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;back&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L12">src/components/icons/Icon.tsx:12</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L12">src/components/icons/Icon.tsx:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -102,7 +102,7 @@
 					<div class="tsd-signature tsd-kind-icon">battery<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;battery&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L15">src/components/icons/Icon.tsx:15</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L15">src/components/icons/Icon.tsx:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -112,7 +112,7 @@
 					<div class="tsd-signature tsd-kind-icon">checkmark<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;checkmark&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -122,7 +122,7 @@
 					<div class="tsd-signature tsd-kind-icon">forward<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;forward&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L13">src/components/icons/Icon.tsx:13</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L13">src/components/icons/Icon.tsx:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -132,7 +132,7 @@
 					<div class="tsd-signature tsd-kind-icon">search<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;search&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L14">src/components/icons/Icon.tsx:14</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L14">src/components/icons/Icon.tsx:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -226,6 +226,9 @@
 					<li class=" tsd-kind-variable">
 						<a href="../modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
 					</li>
+					<li class=" tsd-kind-variable">
+						<a href="../modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
+					</li>
 					<li class=" tsd-kind-variable">
 						<a href="../modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
 					</li>

package/docs/index.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="assets/css/main.css">
 	<link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="index.html" class="title">react-miui - v0.6.0</a>
+					<a href="index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -57,7 +57,7 @@
 					<a href="modules.html">Globals</a>
 				</li>
 			</ul>
-			<h1>Project react-miui - v0.6.0</h1>
+			<h1>Project react-miui - v0.7.0</h1>
 		</div>
 	</div>
 </header>
@@ -162,6 +162,9 @@
 					<li class=" tsd-kind-variable">
 						<a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
 					</li>
+					<li class=" tsd-kind-variable">
+						<a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
+					</li>
 					<li class=" tsd-kind-variable">
 						<a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
 					</li>

package/docs/modules/Item.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Item | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>Item | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">

package/docs/modules/List.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>List | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>List | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">

package/docs/modules/Section.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Section | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>Section | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">

package/docs/modules/StickyHeader.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>StickyHeader | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>StickyHeader | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -92,7 +92,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
+									<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>

package/docs/modules.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="assets/css/main.css">
 	<link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="index.html" class="title">react-miui - v0.6.0</a>
+					<a href="index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -57,7 +57,7 @@
 					<a href="modules.html">Globals</a>
 				</li>
 			</ul>
-			<h1>Project react-miui - v0.6.0</h1>
+			<h1>Project react-miui - v0.7.0</h1>
 		</div>
 	</div>
 </header>
@@ -102,6 +102,7 @@
 								<li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
 								<li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
 								<li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
+								<li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
 								<li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
 							</ul>
 						</section>
@@ -116,7 +117,7 @@
 					<div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -126,7 +127,7 @@
 					<div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -136,7 +137,7 @@
 					<div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -146,7 +147,7 @@
 					<div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -156,7 +157,7 @@
 					<div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -166,7 +167,7 @@
 					<div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -176,7 +177,7 @@
 					<div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -186,7 +187,7 @@
 					<div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -196,7 +197,7 @@
 					<div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -206,7 +207,7 @@
 					<div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -216,7 +217,7 @@
 					<div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -226,7 +227,7 @@
 					<div class="tsd-signature tsd-kind-icon">Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -236,7 +237,7 @@
 					<div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -246,7 +247,7 @@
 					<div class="tsd-signature tsd-kind-icon">Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -256,7 +257,7 @@
 					<div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -266,7 +267,17 @@
 					<div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable">
+					<a name="TextArea" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Text<wbr>Area</h3>
+					<div class="tsd-signature tsd-kind-icon">Text<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.TextareaHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTextAreaElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -276,7 +287,7 @@
 					<div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -364,6 +375,9 @@
 					<li class=" tsd-kind-variable">
 						<a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
 					</li>
+					<li class=" tsd-kind-variable">
+						<a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
+					</li>
 					<li class=" tsd-kind-variable">
 						<a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
 					</li>

package/docs/pages/Tutorials/Test.html

@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Test | react-miui - v0.6.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.6.0">
+	<title>Test | react-miui - v0.7.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.7.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../../assets/css/main.css">
 	<link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../../index.html" class="title">react-miui - v0.6.0</a>
+					<a href="../../index.html" class="title">react-miui - v0.7.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">

package/esm/components/form/Input.module.scss

@@ -7,6 +7,8 @@
     display: block;
     width: 100%;
     background: none;
+    font-family: inherit;
+    padding: 1.2em 0;
 
     &::placeholder {
         color: var(--sub);
@@ -24,6 +26,13 @@
     align-items: center;
 }
 
+.textarea {
+    padding: 1.2em calc(36px / var(--ratio-dimensions));
+    height: unset;
+    resize: vertical;
+    min-height: calc(103px * 3 / var(--ratio-dimensions))
+}
+
 .prefix {
     margin-right: calc(36px / var(--ratio-dimensions));
     display: flex;

package/esm/components/form/TextArea.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    children?: never;
+}
+declare const TextArea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props>;
+export { TextArea, };
+//# sourceMappingURL=TextArea.d.ts.map

package/esm/components/form/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/form/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,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,CAwBjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/esm/components/form/TextArea.js

@@ -0,0 +1,20 @@
+import React, { useCallback, useState } from "react";
+import classnames from "classnames";
+import styles from "./Input.module.scss";
+const TextArea = ({ className, children, onFocus, onBlur, ...props }) => {
+    const [focused, setFocused] = useState(false);
+    const handleFocus = useCallback((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = useCallback((e) => {
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur]);
+    const cls = classnames(styles.wrapper, {
+        [styles.wrapperFocused]: focused,
+    }, styles.input, styles.textarea, className);
+    return (React.createElement("textarea", { ...props, onFocus: handleFocus, onBlur: handleBlur, className: cls }));
+};
+export { TextArea, };
+//# sourceMappingURL=TextArea.js.map

package/esm/components/form/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/form/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAMzC,MAAM,QAAQ,GAAwE,CAAC,EACnF,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,WAAW,CAAC,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,WAAW,CAAC,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,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;QACnC,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,OAAO;KACnC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACH,qCAAc,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,GAAI,CACpF,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/esm/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Input.js";
 export * from "./components/form/Label.js";
+export * from "./components/form/TextArea.js";
 export * from "./components/form/Toggle.js";
 export * from "./components/icons/Icon.js";
 export * from "./components/layout/card/Card.js";

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}

package/esm/index.js

@@ -1,6 +1,7 @@
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Input.js";
 export * from "./components/form/Label.js";
+export * from "./components/form/TextArea.js";
 export * from "./components/form/Toggle.js";
 export * from "./components/icons/Icon.js";
 export * from "./components/layout/card/Card.js";

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-miui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "author": "Jacek Nowacki",
   "license": "MIT",
   "scripts": {

package/src/components/form/Input.module.scss

@@ -7,6 +7,8 @@
     display: block;
     width: 100%;
     background: none;
+    font-family: inherit;
+    padding: 1.2em 0;
 
     &::placeholder {
         color: var(--sub);
@@ -24,6 +26,13 @@
     align-items: center;
 }
 
+.textarea {
+    padding: 1.2em calc(36px / var(--ratio-dimensions));
+    height: unset;
+    resize: vertical;
+    min-height: calc(103px * 3 / var(--ratio-dimensions))
+}
+
 .prefix {
     margin-right: calc(36px / var(--ratio-dimensions));
     display: flex;

package/src/components/form/TextArea.tsx

@@ -0,0 +1,38 @@
+import React, { useCallback, useState } from "react";
+import classnames from "classnames";
+
+import styles from "./Input.module.scss";
+
+interface Props {
+    children?: never;
+}
+
+const TextArea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props> = ({
+    className, children,
+    onFocus, onBlur,
+    ...props
+}) => {
+    const [focused, setFocused] = useState(false);
+
+    const handleFocus = useCallback((e: React.FocusEvent<HTMLTextAreaElement>) => {
+        setFocused(true);
+        onFocus?.(e);
+    }, [onFocus]);
+
+    const handleBlur = useCallback((e: React.FocusEvent<HTMLTextAreaElement>) => {
+        setFocused(false);
+        onBlur?.(e);
+    }, [onBlur]);
+
+    const cls = classnames(styles.wrapper, {
+        [styles.wrapperFocused]: focused,
+    }, styles.input, styles.textarea, className);
+
+    return (
+        <textarea {...props} onFocus={handleFocus} onBlur={handleBlur} className={cls} />
+    );
+};
+
+export {
+    TextArea,
+};

package/src/demo/components/form/Form.tsx

@@ -4,6 +4,7 @@ import { SectionContainer } from "../../../components/layout/section/SectionCont
 import { Input } from "../../../components/form/Input";
 import { Label } from "../../../components/form/Label";
 import { Button } from "../../../components/ui/button/Button";
+import { TextArea } from "../../../components/form/TextArea";
 
 // @TODO add checkbox
 // @TODO add toggle
@@ -19,6 +20,9 @@ const FormDemo = () => {
                     <Label label={"E-mail"}>
                         <Input placeholder={"Don't forget the @"} suffix={".com"} />
                     </Label>
+                    <Label label={"Your story"}>
+                        <TextArea placeholder={"Hello"} />
+                    </Label>
                     <Label>
                         <Button>Submit</Button>
                     </Label>

package/src/demo/components/form/TextArea.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import { TextArea } from "../../../components/form/TextArea";
+
+const TextAreaDemo: React.FC = () => {
+    return (
+        <>
+            <TextArea placeholder={"Capacity"} />
+        </>
+    );
+};
+
+export { TextAreaDemo };

package/src/index.ts

@@ -1,6 +1,7 @@
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Input.js";
 export * from "./components/form/Label.js";
+export * from "./components/form/TextArea.js";
 export * from "./components/form/Toggle.js";
 
 export * from "./components/icons/Icon.js";