react-miui 0.1.0 → 0.2.0

package/dist/demo/componentsMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentsMap.js","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":";;;AACA,yDAA0D;AAC1D,8DAA+D;AAC/D,0EAIiD;AACjD,kEAAkE;AAClE,0DAAoE;AACpE,uDAAwD;AACxD,kEAA+D;AAC/D,0DAMuC;AAavC,MAAM,aAAa,GAAW;IAC1B,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,uBAAU;KACxB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAY;KAC1B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE;YACN,MAAM,EAAE;gBACJ,IAAI,EAAE,eAAe;gBACrB,SAAS,EAAE,+BAAgB;aAC9B;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,WAAW;gBACjB,SAAS,EAAE,qCAAsB;aACpC;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,iBAAiB;gBACvB,SAAS,EAAE,wCAAyB;aACvC;YACD,UAAU,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,mCAAoB;aAClC;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,UAAU;gBAChB,SAAS,EAAE,oCAAqB;aACnC;YACD,kBAAkB,EAAE;gBAChB,IAAI,EAAE,kBAAkB;gBACxB,SAAS,EAAE,yCAA0B;aACxC;SACJ;KACJ;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE;YACN,cAAc,EAAE;gBACZ,IAAI,EAAE,mBAAmB;gBACzB,SAAS,EAAE,wBAAe;aAC7B;YACD,oBAAoB,EAAE;gBAClB,IAAI,EAAE,+BAA+B;gBACrC,SAAS,EAAE,6BAAoB;aAClC;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,sBAAa;aAC3B;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,mBAAmB;gBACzB,SAAS,EAAE,oBAAW;aACzB;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,wBAAY;KAC1B;IACD,GAAG,EAAE;QACD,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,sBAAgB;KAC9B;IACD,KAAK,EAAE;QACH,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,iBAAS;KACvB;CACJ,CAAC;AAGE,sCAAa"}
+{"version":3,"file":"componentsMap.js","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":";;;AACA,yDAA0D;AAC1D,8DAK2C;AAC3C,0EAIiD;AACjD,kEAAkE;AAClE,0DAAoE;AACpE,uDAAwD;AACxD,kEAA+D;AAC/D,0DAMuC;AAavC,MAAM,aAAa,GAAW;IAC1B,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,uBAAU;KACxB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAY;KAC1B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE;YACN,QAAQ,EAAE;gBACN,IAAI,EAAE,UAAU;gBAChB,SAAS,EAAE,2BAAkB;aAChC;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,8BAAqB;gBAChC,QAAQ,EAAE;oBACN,MAAM,EAAE;wBACJ,IAAI,EAAE,aAAa;wBACnB,SAAS,EAAE,oCAA2B;qBACzC;iBACJ;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,+BAAgB;gBAC3B,QAAQ,EAAE;oBACN,YAAY,EAAE;wBACV,IAAI,EAAE,WAAW;wBACjB,SAAS,EAAE,qCAAsB;qBACpC;oBACD,eAAe,EAAE;wBACb,IAAI,EAAE,iBAAiB;wBACvB,SAAS,EAAE,wCAAyB;qBACvC;oBACD,UAAU,EAAE;wBACR,IAAI,EAAE,SAAS;wBACf,SAAS,EAAE,mCAAoB;qBAClC;oBACD,WAAW,EAAE;wBACT,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,oCAAqB;qBACnC;oBACD,kBAAkB,EAAE;wBAChB,IAAI,EAAE,kBAAkB;wBACxB,SAAS,EAAE,yCAA0B;qBACxC;iBACJ;aACJ;SACJ;KACJ;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE;YACN,cAAc,EAAE;gBACZ,IAAI,EAAE,mBAAmB;gBACzB,SAAS,EAAE,wBAAe;aAC7B;YACD,oBAAoB,EAAE;gBAClB,IAAI,EAAE,+BAA+B;gBACrC,SAAS,EAAE,6BAAoB;aAClC;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,sBAAa;aAC3B;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,oBAAW;aACzB;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,wBAAY;KAC1B;IACD,GAAG,EAAE;QACD,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,sBAAgB;KAC9B;IACD,KAAK,EAAE;QACH,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,iBAAS;KACvB;CACJ,CAAC;AAGE,sCAAa"}

package/dist/global.scss

@@ -31,12 +31,21 @@
     --red1: #ea2700;
 
     --grey1: #737373;
+
+    --focus-color: #dcaf00;
 }
 
-*:focus { // @TODO take care of focus
+*:focus {
     outline: none!important;
 }
 
+*:focus-visible:focus-visible {
+    outline: none!important;
+    border-color: var(--focus-color);
+    background-color: var(--focus-bg-set);
+}
+
+
 body {
     font-size: 15px;
 }

package/dist/pages/react-miui.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const ReactMiuiPage: () => JSX.Element;
+export default ReactMiuiPage;
+//# sourceMappingURL=react-miui.d.ts.map

package/dist/pages/react-miui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-miui.d.ts","sourceRoot":"","sources":["../../src/pages/react-miui.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,aAAa,mBAOlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/pages/react-miui.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ReactMiuiPage = () => {
+    return (react_1.default.createElement("div", null, "Hi. This is an example page to demonstrate application level routing."));
+};
+exports.default = ReactMiuiPage;
+//# sourceMappingURL=react-miui.js.map

package/dist/pages/react-miui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-miui.js","sourceRoot":"","sources":["../../src/pages/react-miui.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,aAAa,GAAG,GAAG,EAAE;IAEvB,OAAO,CACH,mHAEM,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/types.d.ts

@@ -1,4 +1,4 @@
 import type React from "react";
-declare type AnyComponent = React.ComponentClass | React.FC;
+declare type AnyComponent = React.ComponentClass | React.FC | React.VFC;
 export type { AnyComponent, };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,YAAY,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC;AAEpD,YAAY,EACR,YAAY,GACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,YAAY,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC;AAEhE,YAAY,EACR,YAAY,GACf,CAAC"}

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":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":6,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":7,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":8,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":9,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":10,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,21.595]],["parent/0",[]],["name/1",[1,13.122]],["parent/1",[]],["name/2",[1,13.122]],["parent/2",[]],["name/3",[2,21.595]],["parent/3",[1,0.431]],["name/4",[3,21.595]],["parent/4",[]],["name/5",[4,13.122]],["parent/5",[]],["name/6",[4,13.122]],["parent/6",[]],["name/7",[5,21.595]],["parent/7",[4,0.431]],["name/8",[6,21.595]],["parent/8",[]],["name/9",[7,21.595]],["parent/9",[]],["name/10",[8,21.595]],["parent/10",[]],["name/11",[9,21.595]],["parent/11",[]]],"invertedIndex":[["button",{"_index":8,"name":{"10":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"name":{"3":{}},"parent":{}}],["content",{"_index":5,"name":{"7":{}},"parent":{}}],["directionpad",{"_index":9,"name":{"11":{}},"parent":{}}],["header",{"_index":3,"name":{"4":{}},"parent":{}}],["icon",{"_index":1,"name":{"1":{},"2":{}},"parent":{"3":{}}}],["item",{"_index":7,"name":{"9":{}},"parent":{}}],["list",{"_index":6,"name":{"8":{}},"parent":{}}],["stickyheader",{"_index":4,"name":{"5":{},"6":{}},"parent":{"7":{}}}]],"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":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":[]}}

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":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":6,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":7,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":8,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":9,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":10,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":11,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":12,"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,22.336]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,13.863]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[1,13.863]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[2,22.336]],["parent/3",[1,0.427]],["pagesPluginContent/4",[]],["name/4",[3,22.336]],["parent/4",[]],["pagesPluginContent/5",[]],["name/5",[4,13.863]],["parent/5",[]],["pagesPluginContent/6",[]],["name/6",[4,13.863]],["parent/6",[]],["pagesPluginContent/7",[]],["name/7",[5,22.336]],["parent/7",[4,0.427]],["pagesPluginContent/8",[]],["name/8",[6,22.336]],["parent/8",[]],["pagesPluginContent/9",[]],["name/9",[7,22.336]],["parent/9",[]],["pagesPluginContent/10",[]],["name/10",[8,22.336]],["parent/10",[]],["pagesPluginContent/11",[]],["name/11",[9,22.336]],["parent/11",[]],["pagesPluginContent/12",[10,5.67,11,5.67,12,5.67,13,5.67,14,5.67]],["name/12",[15,22.336]],["parent/12",[]]],"invertedIndex":[["button",{"_index":8,"pagesPluginContent":{},"name":{"10":{}},"parent":{}}],["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["checkmark",{"_index":2,"pagesPluginContent":{},"name":{"3":{}},"parent":{}}],["content",{"_index":5,"pagesPluginContent":{},"name":{"7":{}},"parent":{}}],["directionpad",{"_index":9,"pagesPluginContent":{},"name":{"11":{}},"parent":{}}],["example",{"_index":12,"pagesPluginContent":{"12":{}},"name":{},"parent":{}}],["header",{"_index":3,"pagesPluginContent":{},"name":{"4":{}},"parent":{}}],["icon",{"_index":1,"pagesPluginContent":{},"name":{"1":{},"2":{}},"parent":{"3":{}}}],["is",{"_index":11,"pagesPluginContent":{"12":{}},"name":{},"parent":{}}],["item",{"_index":7,"pagesPluginContent":{},"name":{"9":{}},"parent":{}}],["list",{"_index":6,"pagesPluginContent":{},"name":{"8":{}},"parent":{}}],["page",{"_index":14,"pagesPluginContent":{"12":{}},"name":{},"parent":{}}],["stickyheader",{"_index":4,"pagesPluginContent":{},"name":{"5":{},"6":{}},"parent":{"7":{}}}],["test",{"_index":15,"pagesPluginContent":{},"name":{"12":{}},"parent":{}}],["this",{"_index":10,"pagesPluginContent":{"12":{}},"name":{},"parent":{}}],["tutorial",{"_index":13,"pagesPluginContent":{"12":{}},"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":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":[]}}

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.1.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.1.0">
+	<title>ICON | react-miui - v0.2.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.2.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.1.0</a>
+					<a href="../index.html" class="title">react-miui - v0.2.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -74,6 +74,7 @@
 						<section class="tsd-index-section ">
 							<h3>Enumeration members</h3>
 							<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>
 							</ul>
 						</section>
@@ -82,13 +83,23 @@
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Enumeration members</h2>
+				<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
+					<a name="back" class="tsd-anchor"></a>
+					<h3>back</h3>
+					<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/40acbc6/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="checkmark" class="tsd-anchor"></a>
 					<h3>checkmark</h3>
 					<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/b66761b/src/components/icons/Icon.tsx#L7">src/components/icons/Icon.tsx:7</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/icons/Icon.tsx#L8">src/components/icons/Icon.tsx:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -115,6 +126,9 @@
 					<li class="current tsd-kind-enum">
 						<a href="ICON.html" class="tsd-kind-icon">ICON</a>
 						<ul>
+							<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>

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.1.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.1.0">
+	<title>react-miui - v0.2.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.2.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.1.0</a>
+					<a href="index.html" class="title">react-miui - v0.2.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.1.0</h1>
+			<h1>Project react-miui - v0.2.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.1.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.1.0">
+	<title>StickyHeader | react-miui - v0.2.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.2.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.1.0</a>
+					<a href="../index.html" class="title">react-miui - v0.2.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/b66761b/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/40acbc6/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.1.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.1.0">
+	<title>react-miui - v0.2.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.2.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.1.0</a>
+					<a href="index.html" class="title">react-miui - v0.2.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.1.0</h1>
+			<h1>Project react-miui - v0.2.0</h1>
 		</div>
 	</div>
 </header>
@@ -104,7 +104,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">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/b66761b/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -114,7 +114,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/b66761b/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/40acbc6/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -124,7 +124,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/b66761b/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/40acbc6/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -134,7 +134,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/b66761b/src/components/layout/header/Header.tsx#L15">src/components/layout/header/Header.tsx:15</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -144,7 +144,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/b66761b/src/components/icons/Icon.tsx#L20">src/components/icons/Icon.tsx:20</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/icons/Icon.tsx#L22">src/components/icons/Icon.tsx:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -154,7 +154,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"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b66761b/src/components/layout/list/Item.tsx#L18">src/components/layout/list/Item.tsx:18</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/list/Item.tsx#L18">src/components/layout/list/Item.tsx:18</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -164,7 +164,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"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b66761b/src/components/layout/list/List.tsx#L5">src/components/layout/list/List.tsx:5</a></li>
+							<li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/list/List.tsx#L5">src/components/layout/list/List.tsx:5</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -174,7 +174,7 @@
 					<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/b66761b/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/40acbc6/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
 						</ul>
 					</aside>
 				</section>

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.1.0</title>
-	<meta name="description" content="Documentation for react-miui - v0.1.0">
+	<title>Test | react-miui - v0.2.0</title>
+	<meta name="description" content="Documentation for react-miui - v0.2.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.1.0</a>
+					<a href="../../index.html" class="title">react-miui - v0.2.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">

package/esm/components/icons/Back.d.ts

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

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

@@ -0,0 +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"}

package/esm/components/icons/Back.js

@@ -0,0 +1,7 @@
+import React from "react";
+const Back = (props) => {
+    return (React.createElement("svg", { width: "9", height: "16", viewBox: "0 0 9 16", xmlns: "http://www.w3.org/2000/svg", className: props.className },
+        React.createElement("path", { fill: "currentColor", d: "M8.05.1L0 7.95l8.05 7.85v.05q.15.15.4.15t.4-.15q.15-.2.15-.4 0-.25-.15-.4V15H8.8L1.65 7.95l7.2-7Q9 .75 9 .55q0-.25-.2-.4Q8.65 0 8.4 0q-.2 0-.35.1" })));
+};
+export { Back };
+//# sourceMappingURL=Back.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,IAAI,GAAqB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,6BAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QAC/G,8BAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,mJAAmJ,GAAI,CACpL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1,9 +1,11 @@
 import React from "react";
 declare enum ICON {
-    checkmark = "checkmark"
+    checkmark = "checkmark",
+    back = "back"
 }
 interface Props {
     name: ICON;
+    className?: string;
 }
 declare const Icon: React.FC<Props>;
 export { Icon, ICON };

package/esm/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;AAG1B,aAAK,IAAI;IACL,SAAS,cAAc;CAC1B;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;CACd;AAQD,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":"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"}

package/esm/components/icons/Icon.js

@@ -1,13 +1,14 @@
 import React from "react";
 import { Checkmark } from "./Checkmark";
+import { Back } from "./Back";
 var ICON;
 (function (ICON) {
     ICON["checkmark"] = "checkmark";
+    ICON["back"] = "back";
 })(ICON || (ICON = {}));
 const iconsMap = new Map([
-    [
-        ICON.checkmark, Checkmark,
-    ],
+    [ICON.checkmark, Checkmark],
+    [ICON.back, Back],
 ]);
 const Icon = ({ name: iconName, ...props }) => {
     const C = iconsMap.get(iconName);

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,IAAK,IAEJ;AAFD,WAAK,IAAI;IACL,+BAAuB,CAAA;AAC3B,CAAC,EAFI,IAAI,KAAJ,IAAI,QAER;AAMD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqB;IACzC;QACI,IAAI,CAAC,SAAS,EAAE,SAAS;KAC5B;CACJ,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3D,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,oBAAC,CAAC,OAAK,KAAK,GAAI,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAK,IAGJ;AAHD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;AACjB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAOD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqB;IACzC,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3D,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,oBAAC,CAAC,OAAK,KAAK,GAAI,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}

package/esm/components/layout/header/Header.d.ts

@@ -1,9 +1,12 @@
 import React from "react";
+import type { ReactNode } from "react";
 interface Props {
     center?: boolean;
     variant?: "toolbar";
     position?: "top" | "left" | "right" | "bottom";
     className?: string;
+    before?: ReactNode;
+    after?: ReactNode;
 }
 declare const Header: React.FC<Props>;
 export { Header };

package/esm/components/layout/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,KAAK;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,KAAK;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IAKpB,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAGD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwC3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/esm/components/layout/header/Header.js

@@ -18,9 +18,20 @@ const Header = (props) => {
     }, styles[`header--${position}`], props.className);
     let contents = children;
     if (justActions) {
-        contents = React.createElement(EqualActions, null, contents);
+        contents = React.createElement(EqualActions, { className: styles.actions }, contents);
     }
-    return (React.createElement("div", { className: cls }, contents));
+    let before;
+    if (props.before != null) {
+        before = React.createElement("div", { className: styles.before }, props.before);
+    }
+    let after;
+    if (props.after != null) {
+        after = React.createElement("div", { className: styles.after }, props.after);
+    }
+    return (React.createElement("div", { className: cls },
+        before,
+        React.createElement("div", { className: styles.contents }, contents),
+        after));
 };
 export { Header };
 //# sourceMappingURL=Header.js.map

package/esm/components/layout/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAS5D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9D,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,EAAE;QAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;QAC1E,CAAC,CAAC,CAAC;KACN;IAED,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;QAClC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM;QAClC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,KAAK,SAAS;KACrD,EAAE,MAAM,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,WAAW,EAAE;QACb,QAAQ,GAAG,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CAAC;KACtD;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,IACd,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAgB5D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9D,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,EAAE;QAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;QAC1E,CAAC,CAAC,CAAC;KACN;IAED,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;QAClC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM;QAClC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,KAAK,SAAS;KACrD,EAAE,MAAM,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,WAAW,EAAE;QACb,QAAQ,GAAG,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAgB,CAAC;KACjF;IAED,IAAI,MAAiB,CAAC;IACtB,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,EAAE;QACtB,MAAM,GAAG,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAO,CAAC;KAChE;IAED,IAAI,KAAgB,CAAC;IACrB,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;QACrB,KAAK,GAAG,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC;KAC7D;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG;QACd,MAAM;QACP,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAC1B,QAAQ,CACP;QACL,KAAK,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/esm/components/layout/header/Header.module.scss

@@ -16,13 +16,18 @@
 }
 
 .header--top, .header--bottom {
-    padding: 13px 16.666px;
+    padding: 0 16.666px;
     min-height: 44px;
 }
 .header--left, .header--right {
-    padding: 16.666px 13px;
+    padding: 16.666px 0;
     min-width: 44px;
     flex-direction: column;
+
+    > .contents {
+        flex-direction: column;
+        align-items: center;
+    }
 }
 
 .header--top {
@@ -40,6 +45,45 @@
     order: 2;
 }
 
-.header--center {
+.contents {
+    flex: 1;
+    display: flex;
+}
+
+.header--center > .contents {
     justify-content: center;
 }
+
+.header--top, .header--bottom {
+    .before {
+        margin-right: calc(50px / var(--ratio-dimensions));
+    }
+
+    .after {
+        margin-left: calc(50px / var(--ratio-dimensions));
+    }
+
+    .actions {
+        margin: calc(56px / var(--ratio-dimensions)) 0;
+    }
+}
+
+.header--left, .header--right {
+    .before {
+        margin-bottom: calc(50px / var(--ratio-dimensions));
+        flex-direction: column;
+    }
+
+    .after {
+        margin-top: calc(50px / var(--ratio-dimensions));
+        flex-direction: column;
+    }
+
+    .actions {
+        margin: 0 calc(56px / var(--ratio-dimensions));
+    }
+}
+
+.before, .after {
+    display: flex;
+}

package/esm/components/layout/header/HeaderIconAction.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ReactNode } from "react";
+import type { ICON } from "../../icons/Icon";
+interface LinkProps {
+    href: string;
+}
+interface Props {
+    icon?: ICON | Exclude<ReactNode, string>;
+    onClick?: () => void;
+    href?: string;
+    to?: string;
+    Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
+    label?: ReactNode;
+}
+declare const HeaderIconAction: React.VFC<Props>;
+export { HeaderIconAction };
+//# sourceMappingURL=HeaderIconAction.d.ts.map

package/esm/components/layout/header/HeaderIconAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;CAErB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAyBtC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}