react-miui 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -6,6 +6,16 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [UNRELEASED]
 (nothing yet)
 
+## [0.4.0] - 2021-11-27
+### Added
+- Support for splitting list item row into pieces
+- Label, Value and Header components for list item
+### Changed
+- List item has no default padding
+### Dev
+- demo files from npm package
+- some files added to gitignore
+
 ## [0.3.0] - 2021-11-21
 ### Added
 - Toggle component

package/assets/forward.svg

@@ -0,0 +1 @@
+<svg baseProfile="basic" width="9" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="#0FF" d="M.95.15Q.8 0 .55 0t-.4.15Q0 .3 0 .55t.15.4L7.35 8l-7.2 7.05Q0 15.2 0 15.4q0 .25.2.4.15.2.4.2.2 0 .35-.15L9 8 1 .2Q1 .15.95.15"/></svg>

package/dist/components/icons/Back.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Back.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAM1B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Back.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAY1B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B,MAAM,IAAI,GAAqB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,uCAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QAC/G,wCAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,mJAAmJ,GAAI,CACpL,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}
+{"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B,MAAM,IAAI,GAAqB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,uCACI,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,wCAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,mJAAmJ,GAAI,CACpL,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}

package/dist/components/icons/Forward.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    className?: string;
+}
+declare const Forward: React.VFC<Props>;
+export { Forward };
+//# sourceMappingURL=Forward.d.ts.map

package/dist/components/icons/Forward.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Forward.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Forward.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAY7B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/icons/Forward.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Forward = void 0;
+const react_1 = __importDefault(require("react"));
+const Forward = (props) => {
+    return (react_1.default.createElement("svg", { width: "9", height: "16", viewBox: "0 0 9 16", xmlns: "http://www.w3.org/2000/svg", className: props.className },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M.95.15Q.8 0 .55 0t-.4.15Q0 .3 0 .55t.15.4L7.35 8l-7.2 7.05Q0 15.2 0 15.4q0 .25.2.4.15.2.4.2.2 0 .35-.15L9 8 1 .2Q1 .15.95.15" })));
+};
+exports.Forward = Forward;
+//# sourceMappingURL=Forward.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Forward.js","sourceRoot":"","sources":["../../../src/components/icons/Forward.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IACxC,OAAO,CACH,uCACI,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,wCAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,+HAA+H,GAAI,CAChK,CACT,CAAC;AACN,CAAC,CAAC;AAEO,0BAAO"}

package/dist/components/icons/Icon.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 declare enum ICON {
     checkmark = "checkmark",
-    back = "back"
+    back = "back",
+    forward = "forward"
 }
 interface Props {
     name: ICON;

package/dist/components/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;CAChB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/icons/Icon.js

@@ -18,15 +18,18 @@ exports.ICON = exports.Icon = void 0;
 const react_1 = __importDefault(require("react"));
 const Checkmark_1 = require("./Checkmark");
 const Back_1 = require("./Back");
+const Forward_1 = require("./Forward");
 var ICON;
 (function (ICON) {
     ICON["checkmark"] = "checkmark";
     ICON["back"] = "back";
+    ICON["forward"] = "forward";
 })(ICON || (ICON = {}));
 exports.ICON = ICON;
 const iconsMap = new Map([
     [ICON.checkmark, Checkmark_1.Checkmark],
     [ICON.back, Back_1.Back],
+    [ICON.forward, Forward_1.Forward],
 ]);
 const Icon = (_a) => {
     var { name: iconName } = _a, props = __rest(_a, ["name"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,kDAA0B;AAC1B,2CAAwC;AACxC,iCAA8B;AAE9B,IAAK,IAGJ;AAHD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;AACjB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAoBc,oBAAI;AAbnB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqB;IACzC,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,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;AAG1B,2CAAwC;AACxC,iCAA8B;AAC9B,uCAAoC;AAEpC,IAAK,IAIJ;AAJD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;AACvB,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAqBc,oBAAI;AAdnB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqB;IACzC,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;CAC1B,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"}

package/dist/components/layout/list/Header.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const Header: React.FC;
+export { Header };
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/layout/list/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAOnB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/layout/list/Header.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
+const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
+const Header = (props) => {
+    return (react_1.default.createElement("li", { className: classnames_1.default(Item_module_scss_1.default.item, Header_module_scss_1.default.header) },
+        react_1.default.createElement("div", null, props.children)));
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/components/layout/list/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,8EAAgD;AAEhD,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAE/B,OAAO,CACH,sCAAI,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,4BAAY,CAAC,MAAM,CAAC;QACvD,2CAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/layout/list/Header.module.scss

@@ -0,0 +1,8 @@
+.header > * {
+    padding-top: calc(80px / var(--ratio-dimensions));
+    padding-bottom: calc(40px / var(--ratio-dimensions));
+
+    font-size: calc(26px / var(--ratio-font));
+    color: var(--sub);
+    text-transform: uppercase;
+}

package/dist/components/layout/list/Item.d.ts

@@ -8,6 +8,7 @@ interface Props {
     onClick?: () => void;
     className?: string;
     Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
+    ratio?: string;
 }
 declare const Item: React.FC<Props>;
 export { Item };

package/dist/components/layout/list/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;CAChE;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6CzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/list/Item.js

@@ -18,18 +18,31 @@ exports.Item = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
+const Value_1 = require("./Value");
 const Item = (props) => {
-    const { className, children, href, to, onClick, Link } = props, restProps = __rest(props, ["className", "children", "href", "to", "onClick", "Link"]);
+    const { className, children, href, to, onClick, Link, ratio } = props, restProps = __rest(props, ["className", "children", "href", "to", "onClick", "Link", "ratio"]);
     const cls = classnames_1.default(Item_module_scss_1.default.item, className);
     const liProps = {
         className: cls,
     };
+    const r = ratio ? ratio.split("/") : [];
+    const ren = react_1.default.Children.map(props.children, (child, index) => {
+        let flex = undefined;
+        if (!r.length && child && typeof child === "object" && "type" in child && child.type === Value_1.Value) {
+            return child;
+        }
+        if (index in r) {
+            flex = r[index];
+        }
+        return react_1.default.createElement("div", { style: { flex } }, child);
+    });
     if (to) {
         if (!Link) {
             throw new TypeError("`to` prop given without `Link` component");
         }
         return react_1.default.createElement("li", Object.assign({}, liProps),
-            react_1.default.createElement(Link, Object.assign({ href: to }, restProps), children));
+            react_1.default.createElement(Link, Object.assign({ href: to }, restProps),
+                react_1.default.createElement("a", { className: Item_module_scss_1.default.content }, ren)));
     }
     if (href) {
         const aProps = Object.assign({}, restProps);
@@ -37,14 +50,14 @@ const Item = (props) => {
             aProps.onClick = onClick;
         }
         return react_1.default.createElement("li", Object.assign({}, liProps),
-            react_1.default.createElement("a", Object.assign({ href: href }, aProps), children));
+            react_1.default.createElement("a", Object.assign({ href: href }, aProps, { className: Item_module_scss_1.default.content }), ren));
     }
     if (onClick) {
         return (react_1.default.createElement("li", Object.assign({}, liProps),
-            react_1.default.createElement("button", Object.assign({ className: Item_module_scss_1.default.button, onClick: props.onClick }, restProps), children)));
+            react_1.default.createElement("button", Object.assign({ className: classnames_1.default(Item_module_scss_1.default.button, Item_module_scss_1.default.content), onClick: props.onClick }, restProps), ren)));
     }
     return react_1.default.createElement("li", Object.assign({}, liProps),
-        react_1.default.createElement("div", Object.assign({}, restProps), children));
+        react_1.default.createElement("div", Object.assign({}, restProps, { className: Item_module_scss_1.default.content }), ren));
 };
 exports.Item = Item;
 //# sourceMappingURL=Item.js.map

package/dist/components/layout/list/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AAcxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAtE,0DAA8D,CAAQ,CAAC;IAC7E,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG;QACZ,SAAS,EAAE,GAAG;KACjB,CAAC;IAEF,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,sDAAQ,OAAO;YAAE,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS,GAAG,QAAQ,CAAQ,CAAK,CAAC;KACjF;IACD,IAAI,IAAI,EAAE;QACN,MAAM,MAAM,qBAA0D,SAAS,CAAE,CAAC;QAClF,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;QACD,OAAO,sDAAQ,OAAO;YAAE,mDAAG,IAAI,EAAE,IAAI,IAAM,MAAM,GAAG,QAAQ,CAAK,CAAK,CAAC;KAC1E;IACD,IAAI,OAAO,EAAE;QACT,OAAO,CACH,sDAAQ,OAAO;YACX,wDAAQ,SAAS,EAAE,0BAAM,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAM,SAAS,GAAG,QAAQ,CAAU,CAC3F,CACR,CAAC;KACL;IACD,OAAO,sDAAQ,OAAO;QAAE,uDAAS,SAAS,GAAG,QAAQ,CAAO,CAAK,CAAC;AACtE,CAAC,CAAC;AAEO,oBAAI"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,mCAAgC;AAgBhC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA7E,mEAAqE,CAAQ,CAAC;IACpF,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG;QACZ,SAAS,EAAE,GAAG;KACjB,CAAC;IAEF,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExC,MAAM,GAAG,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5D,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,aAAK,EAAE;YAC5F,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;SACnB;QACD,OAAO,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,sDAAQ,OAAO;YAAE,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;gBAAE,qCAAG,SAAS,EAAE,0BAAM,CAAC,OAAO,IAAG,GAAG,CAAK,CAAO,CAAK,CAAC;KAC9G;IACD,IAAI,IAAI,EAAE;QACN,MAAM,MAAM,qBAA0D,SAAS,CAAE,CAAC;QAClF,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;QACD,OAAO,sDAAQ,OAAO;YAAE,mDAAG,IAAI,EAAE,IAAI,IAAM,MAAM,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAK,CAAK,CAAC;KAChG;IACD,IAAI,OAAO,EAAE;QACT,OAAO,CACH,sDAAQ,OAAO;YACX,wDAAQ,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE,0BAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAK,SAAS,GAC7F,GAAG,CACC,CACR,CACR,CAAC;KACL;IACD,OAAO,sDAAQ,OAAO;QAAE,uDAAS,SAAS,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAO,CAAK,CAAC;AAC5F,CAAC,CAAC;AAEO,oBAAI"}

package/dist/components/layout/list/Item.module.scss

@@ -2,7 +2,7 @@
     list-style-type: none;
     margin: 0;
     padding: 0;
-    font-size: 15px;
+    font-size: calc(34px / var(--ratio-font));
 
     &:not(:first-child) > * {
         border-top: 0.37px solid var(--header-border);
@@ -10,7 +10,7 @@
 
     > * {
         display: block;
-        padding: 20px 0;
+        padding: 0;
         text-decoration: none;
     }
 }
@@ -20,4 +20,12 @@
     background: none;
     width: 100%;
     text-align: left;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.content {
+    display: flex;
+    min-height: calc(174px / var(--ratio-dimensions));
+    align-items: center;
 }

package/dist/components/layout/list/Label.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ReactNode } from "react";
+interface Props {
+    sub?: ReactNode;
+}
+declare const Label: React.FC<Props>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/layout/list/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,KAAK;IACX,GAAG,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAS1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/Label.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const react_1 = __importDefault(require("react"));
+const Label_module_scss_1 = __importDefault(require("./Label.module.scss"));
+const Label = (props) => {
+    const sub = props.sub ? react_1.default.createElement("div", { className: Label_module_scss_1.default.sub }, props.sub) : null;
+    return (react_1.default.createElement("div", { className: Label_module_scss_1.default.root },
+        react_1.default.createElement("div", null, props.children),
+        sub));
+};
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/dist/components/layout/list/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,4EAAyC;AAMzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,2BAAM,CAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,OAAO,CACH,uCAAK,SAAS,EAAE,2BAAM,CAAC,IAAI;QACvB,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,CACF,CACT,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}

package/dist/components/layout/list/Label.module.scss

@@ -0,0 +1,9 @@
+.sub {
+    font-size: calc(27px / var(--ratio-font));
+    color: var(--sub);
+    margin-top: calc(27px / var(--ratio-font) / 3);
+}
+
+.root {
+    padding: calc(54px / var(--ratio-dimensions)) 0;
+}

package/dist/components/layout/list/Value.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const Value: React.FC;
+export { Value };
+//# sourceMappingURL=Value.d.ts.map

package/dist/components/layout/list/Value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAIlB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/Value.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Value = void 0;
+const react_1 = __importDefault(require("react"));
+const Value_module_scss_1 = __importDefault(require("./Value.module.scss"));
+const Value = (props) => {
+    return (react_1.default.createElement("div", { className: Value_module_scss_1.default.value }, props.children));
+};
+exports.Value = Value;
+//# sourceMappingURL=Value.js.map

package/dist/components/layout/list/Value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4EAAyC;AAEzC,MAAM,KAAK,GAAa,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CACH,uCAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAO,CACvD,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}

package/dist/components/layout/list/Value.module.scss

@@ -0,0 +1,7 @@
+.value {
+    color: var(--icon);
+    font-size: calc(26px / var(--ratio-font));
+    display: flex;
+    justify-content: flex-end;
+    flex: 1;
+}

package/dist/global.scss

@@ -20,6 +20,8 @@
     --header-border: #c8c8c9;
     --header-bg: #efeff0;
     --header-text: #484848;
+    --text: #323232;
+    --sub: #959595;
 
     --toolbar-border: #ababab;
     --toolbar-bg: #f8f8f8;
@@ -52,4 +54,5 @@
 
 body {
     font-size: 15px;
+    color: var(--text);
 }

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":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":3,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":4,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":5,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":6,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":7,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":8,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":9,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":10,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,22.336]],["parent/0",[]],["name/1",[1,11.35]],["parent/1",[]],["name/2",[1,11.35]],["parent/2",[]],["name/3",[2,22.336]],["parent/3",[1,0.48]],["name/4",[3,22.336]],["parent/4",[1,0.48]],["name/5",[4,22.336]],["parent/5",[]],["name/6",[5,13.863]],["parent/6",[]],["name/7",[5,13.863]],["parent/7",[]],["name/8",[6,22.336]],["parent/8",[5,0.587]],["name/9",[7,22.336]],["parent/9",[]],["name/10",[8,22.336]],["parent/10",[]],["name/11",[9,22.336]],["parent/11",[]],["name/12",[10,22.336]],["parent/12",[]]],"invertedIndex":[["back",{"_index":3,"name":{"4":{}},"parent":{}}],["button",{"_index":9,"name":{"11":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"name":{"3":{}},"parent":{}}],["content",{"_index":6,"name":{"8":{}},"parent":{}}],["directionpad",{"_index":10,"name":{"12":{}},"parent":{}}],["header",{"_index":4,"name":{"5":{}},"parent":{}}],["icon",{"_index":1,"name":{"1":{},"2":{}},"parent":{"3":{},"4":{}}}],["item",{"_index":8,"name":{"10":{}},"parent":{}}],["list",{"_index":7,"name":{"9":{}},"parent":{}}],["stickyheader",{"_index":5,"name":{"6":{},"7":{}},"parent":{"8":{}}}]],"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":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":3,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":4,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":5,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":6,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":7,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":8,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":9,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":10,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,23.026]],["parent/0",[]],["name/1",[1,10.033]],["parent/1",[]],["name/2",[1,10.033]],["parent/2",[]],["name/3",[2,23.026]],["parent/3",[1,0.496]],["name/4",[3,23.026]],["parent/4",[1,0.496]],["name/5",[4,23.026]],["parent/5",[1,0.496]],["name/6",[5,23.026]],["parent/6",[]],["name/7",[6,14.553]],["parent/7",[]],["name/8",[6,14.553]],["parent/8",[]],["name/9",[7,23.026]],["parent/9",[6,0.719]],["name/10",[8,23.026]],["parent/10",[]],["name/11",[9,23.026]],["parent/11",[]],["name/12",[10,23.026]],["parent/12",[]],["name/13",[11,23.026]],["parent/13",[]]],"invertedIndex":[["back",{"_index":3,"name":{"4":{}},"parent":{}}],["button",{"_index":10,"name":{"12":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"name":{"3":{}},"parent":{}}],["content",{"_index":7,"name":{"9":{}},"parent":{}}],["directionpad",{"_index":11,"name":{"13":{}},"parent":{}}],["forward",{"_index":4,"name":{"5":{}},"parent":{}}],["header",{"_index":5,"name":{"6":{}},"parent":{}}],["icon",{"_index":1,"name":{"1":{},"2":{}},"parent":{"3":{},"4":{},"5":{}}}],["item",{"_index":9,"name":{"11":{}},"parent":{}}],["list",{"_index":8,"name":{"10":{}},"parent":{}}],["stickyheader",{"_index":6,"name":{"7":{},"8":{}},"parent":{"9":{}}}]],"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":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":3,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":4,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":5,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":6,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":7,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":8,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":9,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":10,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":13,"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,23.026]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,12.04]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[1,12.04]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[2,23.026]],["parent/3",[1,0.482]],["pagesPluginContent/4",[]],["name/4",[3,23.026]],["parent/4",[1,0.482]],["pagesPluginContent/5",[]],["name/5",[4,23.026]],["parent/5",[]],["pagesPluginContent/6",[]],["name/6",[5,14.553]],["parent/6",[]],["pagesPluginContent/7",[]],["name/7",[5,14.553]],["parent/7",[]],["pagesPluginContent/8",[]],["name/8",[6,23.026]],["parent/8",[5,0.582]],["pagesPluginContent/9",[]],["name/9",[7,23.026]],["parent/9",[]],["pagesPluginContent/10",[]],["name/10",[8,23.026]],["parent/10",[]],["pagesPluginContent/11",[]],["name/11",[9,23.026]],["parent/11",[]],["pagesPluginContent/12",[]],["name/12",[10,23.026]],["parent/12",[]],["pagesPluginContent/13",[11,5.467,12,5.467,13,5.467,14,5.467,15,5.467]],["name/13",[16,23.026]],["parent/13",[]]],"invertedIndex":[["back",{"_index":3,"pagesPluginContent":{},"name":{"4":{}},"parent":{}}],["button",{"_index":9,"pagesPluginContent":{},"name":{"11":{}},"parent":{}}],["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"pagesPluginContent":{},"name":{"3":{}},"parent":{}}],["content",{"_index":6,"pagesPluginContent":{},"name":{"8":{}},"parent":{}}],["directionpad",{"_index":10,"pagesPluginContent":{},"name":{"12":{}},"parent":{}}],["example",{"_index":13,"pagesPluginContent":{"13":{}},"name":{},"parent":{}}],["header",{"_index":4,"pagesPluginContent":{},"name":{"5":{}},"parent":{}}],["icon",{"_index":1,"pagesPluginContent":{},"name":{"1":{},"2":{}},"parent":{"3":{},"4":{}}}],["is",{"_index":12,"pagesPluginContent":{"13":{}},"name":{},"parent":{}}],["item",{"_index":8,"pagesPluginContent":{},"name":{"10":{}},"parent":{}}],["list",{"_index":7,"pagesPluginContent":{},"name":{"9":{}},"parent":{}}],["page",{"_index":15,"pagesPluginContent":{"13":{}},"name":{},"parent":{}}],["stickyheader",{"_index":5,"pagesPluginContent":{},"name":{"6":{},"7":{}},"parent":{"8":{}}}],["test",{"_index":16,"pagesPluginContent":{},"name":{"13":{}},"parent":{}}],["this",{"_index":11,"pagesPluginContent":{"13":{}},"name":{},"parent":{}}],["tutorial",{"_index":14,"pagesPluginContent":{"13":{}},"name":{},"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":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":3,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":4,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":5,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON","pagesPluginParent":"ICON."},{"id":6,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":7,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":8,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":9,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":10,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":12,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":14,"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,23.671]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,10.678]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[1,10.678]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[2,23.671]],["parent/3",[1,0.503]],["pagesPluginContent/4",[]],["name/4",[3,23.671]],["parent/4",[1,0.503]],["pagesPluginContent/5",[]],["name/5",[4,23.671]],["parent/5",[1,0.503]],["pagesPluginContent/6",[]],["name/6",[5,23.671]],["parent/6",[]],["pagesPluginContent/7",[]],["name/7",[6,15.198]],["parent/7",[]],["pagesPluginContent/8",[]],["name/8",[6,15.198]],["parent/8",[]],["pagesPluginContent/9",[]],["name/9",[7,23.671]],["parent/9",[6,0.715]],["pagesPluginContent/10",[]],["name/10",[8,23.671]],["parent/10",[]],["pagesPluginContent/11",[]],["name/11",[9,23.671]],["parent/11",[]],["pagesPluginContent/12",[]],["name/12",[10,23.671]],["parent/12",[]],["pagesPluginContent/13",[]],["name/13",[11,23.671]],["parent/13",[]],["pagesPluginContent/14",[12,5.278,13,5.278,14,5.278,15,5.278,16,5.278]],["name/14",[17,23.671]],["parent/14",[]]],"invertedIndex":[["back",{"_index":3,"pagesPluginContent":{},"name":{"4":{}},"parent":{}}],["button",{"_index":10,"pagesPluginContent":{},"name":{"12":{}},"parent":{}}],["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"pagesPluginContent":{},"name":{"3":{}},"parent":{}}],["content",{"_index":7,"pagesPluginContent":{},"name":{"9":{}},"parent":{}}],["directionpad",{"_index":11,"pagesPluginContent":{},"name":{"13":{}},"parent":{}}],["example",{"_index":14,"pagesPluginContent":{"14":{}},"name":{},"parent":{}}],["forward",{"_index":4,"pagesPluginContent":{},"name":{"5":{}},"parent":{}}],["header",{"_index":5,"pagesPluginContent":{},"name":{"6":{}},"parent":{}}],["icon",{"_index":1,"pagesPluginContent":{},"name":{"1":{},"2":{}},"parent":{"3":{},"4":{},"5":{}}}],["is",{"_index":13,"pagesPluginContent":{"14":{}},"name":{},"parent":{}}],["item",{"_index":9,"pagesPluginContent":{},"name":{"11":{}},"parent":{}}],["list",{"_index":8,"pagesPluginContent":{},"name":{"10":{}},"parent":{}}],["page",{"_index":16,"pagesPluginContent":{"14":{}},"name":{},"parent":{}}],["stickyheader",{"_index":6,"pagesPluginContent":{},"name":{"7":{},"8":{}},"parent":{"9":{}}}],["test",{"_index":17,"pagesPluginContent":{},"name":{"14":{}},"parent":{}}],["this",{"_index":12,"pagesPluginContent":{"14":{}},"name":{},"parent":{}}],["tutorial",{"_index":15,"pagesPluginContent":{"14":{}},"name":{},"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.3.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.3.0">
+	<title>ICON | react-miui - v0.4.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.4.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.3.0</a>
+					<a href="../index.html" class="title">react-miui - v0.4.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -76,6 +76,7 @@
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#back" class="tsd-kind-icon">back</a></li>
 								<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#checkmark" class="tsd-kind-icon">checkmark</a></li>
+								<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#forward" class="tsd-kind-icon">forward</a></li>
 							</ul>
 						</section>
 					</div>
@@ -89,7 +90,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/f959440/src/components/icons/Icon.tsx#L9">src/components/icons/Icon.tsx:9</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L10">src/components/icons/Icon.tsx:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -99,7 +100,17 @@
 					<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/f959440/src/components/icons/Icon.tsx#L8">src/components/icons/Icon.tsx:8</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L9">src/components/icons/Icon.tsx:9</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
+					<a name="forward" class="tsd-anchor"></a>
+					<h3>forward</h3>
+					<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/e3001bc/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -132,6 +143,9 @@
 							<li class=" tsd-kind-enum-member tsd-parent-kind-enum">
 								<a href="ICON.html#checkmark" class="tsd-kind-icon">checkmark</a>
 							</li>
+							<li class=" tsd-kind-enum-member tsd-parent-kind-enum">
+								<a href="ICON.html#forward" class="tsd-kind-icon">forward</a>
+							</li>
 						</ul>
 					</li>
 				</ul>

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.3.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.3.0">
+	<title>react-miui - v0.4.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.4.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.3.0</a>
+					<a href="index.html" class="title">react-miui - v0.4.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.3.0</h1>
+			<h1>Project react-miui - v0.4.0</h1>
 		</div>
 	</div>
 </header>

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.3.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.3.0">
+	<title>StickyHeader | react-miui - v0.4.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.4.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.3.0</a>
+					<a href="../index.html" class="title">react-miui - v0.4.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/f959440/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/e3001bc/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>