react-miui 0.0.3 → 0.4.0

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/components/ui/action/Action.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 {
+    href?: string;
+    to?: string;
+    onClick?: () => void;
+    icon?: ICON | Exclude<ReactNode, string>;
+    Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
+    label?: ReactNode;
+}
+declare const Action: React.VFC<Props>;
+export { Action };
+//# sourceMappingURL=Action.d.ts.map

package/dist/components/ui/action/Action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.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,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACzC,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,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAkC5B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/action/Action.js

@@ -0,0 +1,44 @@
+"use strict";
+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.Action = void 0;
+const react_1 = __importDefault(require("react"));
+const Icon_1 = require("../../icons/Icon");
+const Action_module_scss_1 = __importDefault(require("./Action.module.scss"));
+const Action = (props) => {
+    const { icon, label, href, to, Link } = props, restProps = __rest(props, ["icon", "label", "href", "to", "Link"]);
+    let iconElem = icon;
+    if (typeof icon === "string") {
+        iconElem = react_1.default.createElement(Icon_1.Icon, { name: icon });
+    }
+    const labelElem = label ? react_1.default.createElement("div", { className: Action_module_scss_1.default.label }, label) : null;
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: Action_module_scss_1.default.action }, iconElem),
+        labelElem));
+    if (to) {
+        if (!Link) {
+            throw new TypeError("`to` prop given without `Link` component");
+        }
+        return react_1.default.createElement(Link, Object.assign({ href: to }, restProps),
+            react_1.default.createElement("a", { className: Action_module_scss_1.default.a }, content));
+    }
+    if (href) {
+        return react_1.default.createElement("a", Object.assign({ href: href, className: Action_module_scss_1.default.a }, restProps), content);
+    }
+    return (react_1.default.createElement("button", { onClick: props.onClick, className: Action_module_scss_1.default.button }, content));
+};
+exports.Action = Action;
+//# sourceMappingURL=Action.js.map

package/dist/components/ui/action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,2CAAwC;AACxC,8EAA0C;AAgB1C,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,uCAA6C,CAAQ,CAAC;IAE5D,IAAI,QAAQ,GAAc,IAAI,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC1B,QAAQ,GAAG,8BAAC,WAAI,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;KAC3C;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,4BAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,MAAM,OAAO,GAAG,CACZ;QACI,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,QAAQ,CAAO;QAC9C,SAAS,CACX,CACN,CAAC;IAEF,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;YAAE,qCAAG,SAAS,EAAE,4BAAM,CAAC,CAAC,IAAG,OAAO,CAAK,CAAO,CAAC;KACtF;IAED,IAAI,IAAI,EAAE;QACN,OAAO,mDAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,CAAC,IAAM,SAAS,GAAG,OAAO,CAAK,CAAC;KAC3E;IAED,OAAO,CACH,0CAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,4BAAM,CAAC,MAAM,IACnD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/ui/action/Action.module.scss

@@ -0,0 +1,26 @@
+.action {
+    height: calc(102px / var(--ratio-dimensions));
+    width: calc(102px / var(--ratio-dimensions));
+    border-radius: 100px;
+    border: calc(1px / var(--ratio-border)) solid var(--button-border);
+    background: white;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.a {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.button {
+    border: none;
+    padding: 0;
+    background: none;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: calc(18px / var(--ratio-dimensions));
+}

package/dist/components/ui/action/EqualActions.d.ts

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

package/dist/components/ui/action/EqualActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EqualActions.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBjC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/action/EqualActions.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EqualActions = void 0;
+const react_1 = __importDefault(require("react"));
+const Action_1 = require("./Action");
+const EqualActions_module_scss_1 = __importDefault(require("./EqualActions.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const EqualActions = (props) => {
+    react_1.default.Children.forEach(props.children, (child) => {
+        if (!child || typeof child !== "object" || !("type" in child) || child.type !== Action_1.Action) {
+            throw new TypeError("Every child of EqualActions must be an Action component");
+        }
+    });
+    const style = {
+        "--actions-count": react_1.default.Children.count(props.children),
+    };
+    return (react_1.default.createElement("div", { className: classnames_1.default(EqualActions_module_scss_1.default.actions, props.className), style: style }, props.children));
+};
+exports.EqualActions = EqualActions;
+//# sourceMappingURL=EqualActions.js.map

package/dist/components/ui/action/EqualActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EqualActions.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qCAAkC;AAElC,0FAAgD;AAChD,4DAAoC;AAMpC,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAM,EAAE;YACpF,MAAM,IAAI,SAAS,CAAC,yDAAyD,CAAC,CAAC;SAClF;IACL,CAAC,CAAC,CAAC;IAGH,MAAM,KAAK,GAAG;QACV,iBAAiB,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;KACnC,CAAC;IAEzB,OAAO,CACH,uCAAK,SAAS,EAAE,oBAAU,CAAC,kCAAM,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACpE,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oCAAY"}

package/dist/components/ui/action/EqualActions.module.scss

@@ -0,0 +1,6 @@
+.actions {
+    --actions-count: 1;
+    display: inline-grid;
+    grid-template-columns: repeat(var(--actions-count), 1fr);
+    gap: calc(56px / var(--ratio-dimensions));
+}

package/dist/components/ui/button/Button.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    disabled?: boolean;
+    variant?: "inline" | "outline";
+}
+declare const Button: React.FC<Props>;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/ui/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/button/Button.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const makeVariants_1 = require("../../../demo/utils/makeVariants");
+const Button = (props) => {
+    const variants = makeVariants_1.makeVariants(props.variant);
+    const cls = classnames_1.default(Button_module_scss_1.default.btn, {
+        [Button_module_scss_1.default["btn--inline"]]: variants.includes("inline"),
+        [Button_module_scss_1.default["btn--outline"]]: variants.includes("outline"),
+    });
+    return (react_1.default.createElement("button", { className: cls, disabled: props.disabled }, props.children));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/ui/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8EAA0C;AAC1C,4DAAoC;AACpC,mEAAgE;AAOhE,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAAG,oBAAU,CAAC,4BAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,4BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,4BAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,CAAC,CAAC;IAEH,OAAO,CACH,0CAAQ,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAU,CAC9E,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/ui/button/Button.module.scss

@@ -0,0 +1,25 @@
+.btn {
+    height: calc(118px / var(--ratio-dimensions));
+    background: var(--green1);
+    border: calc(1px / var(--ratio-border)) solid var(--green1-darker);
+    color: white;
+    border-radius: 1000px;
+    display: block;
+    width: 100%;
+    font-size: calc(26px / var(--ratio-font));
+    padding: 0 1em;
+
+    &:disabled {
+        opacity: 0.5;
+    }
+}
+
+.btn--inline {
+    width: auto;
+}
+
+.btn--outline {
+    background: white;
+    border-color: var(--button-border);
+    color: var(--grey1);
+}

package/dist/global.scss

@@ -1,15 +1,18 @@
-// Font-size ratio: 1,6 (666?)
-// Border ratio: 2,6666
-// Dimensions ratio: 3
-
 // @TODO prefix variable names
 :root {
+    --ratio-dimensions: 3;
+    --ratio-border:     2.666666;
+    --ratio-font:       1.666666;
+
     --main-color: #008ad2; // used
     --main-color-alt: #006AA9;
 
     --active-bg: #d3d3d3;
     --inactive-bg: #d3d3d3; // used
 
+    --toggle-handle-bg: #e0e0e0;
+    --toggle-handle-border: #cdcdcd;
+
     --icon: #636363;
     --border: #d5d5d5;
     --button-border: #bababa;
@@ -17,18 +20,39 @@
     --header-border: #c8c8c9;
     --header-bg: #efeff0;
     --header-text: #484848;
+    --text: #323232;
+    --sub: #959595;
 
     --toolbar-border: #ababab;
     --toolbar-bg: #f8f8f8;
 
-    --color1: #00aeeb;
-    --color2: #9d6ee5;
-    --color3: #00c293;
-    --color4: #ff5290;
-    --color5: #ff7259;
-    --color6: #4083f7;
+    // Shades: https://maketintsandshades.com/#038bf4,ff7200,7357e8,3ec234,3ec234,ff388f,ea2700
+    --blue1: #038bf4;
+    --orange1: #ff7200;
+    --orange1-darker: #cc5b00;
+    --purple1: #7357e8;
+    --green1: #3ec234;
+    --green1-darker: #38af2f;
+    --pink1: #ff388f;
+    --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;
+    color: var(--text);
+}

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export * from "./components/form/Checkbox.js";
+export * from "./components/icons/Icon.js";
 export * from "./components/layout/header/Header.js";
 export * from "./components/layout/header/StickyHeader.js";
 export * from "./components/layout/list/List.js";
 export * from "./components/layout/list/Item.js";
+export * from "./components/ui/button/Button.js";
 export * from "./components/ui/directionPad/Pad.js";
 //# sourceMappingURL=index.d.ts.map

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,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,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;AAE9C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}

package/dist/index.js

@@ -11,9 +11,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components/form/Checkbox.js"), exports);
+__exportStar(require("./components/icons/Icon.js"), exports);
 __exportStar(require("./components/layout/header/Header.js"), exports);
 __exportStar(require("./components/layout/header/StickyHeader.js"), exports);
 __exportStar(require("./components/layout/list/List.js"), exports);
 __exportStar(require("./components/layout/list/Item.js"), exports);
+__exportStar(require("./components/ui/button/Button.js"), exports);
 __exportStar(require("./components/ui/directionPad/Pad.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAC9C,uEAAqD;AACrD,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,sEAAoD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAE9C,6DAA2C;AAE3C,uEAAqD;AACrD,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AAEjD,mEAAiD;AACjD,sEAAoD"}

package/dist/types.d.ts

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

package/dist/types.d.ts.map

@@ -0,0 +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,GAAG,KAAK,CAAC,GAAG,CAAC;AAEhE,YAAY,EACR,YAAY,GACf,CAAC"}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/docs/assets/js/search.js

@@ -1 +1 @@
-window.searchData = {"kinds":{"2":"Namespace","32":"Variable","64":"Function"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":3,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":4,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":5,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":6,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":7,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,17.918]],["parent/0",[]],["name/1",[1,17.918]],["parent/1",[]],["name/2",[2,9.445]],["parent/2",[]],["name/3",[2,9.445]],["parent/3",[]],["name/4",[3,17.918]],["parent/4",[2,0.244]],["name/5",[4,17.918]],["parent/5",[]],["name/6",[5,17.918]],["parent/6",[]],["name/7",[6,17.918]],["parent/7",[]]],"invertedIndex":[["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["content",{"_index":3,"name":{"4":{}},"parent":{}}],["directionpad",{"_index":6,"name":{"7":{}},"parent":{}}],["header",{"_index":1,"name":{"1":{}},"parent":{}}],["item",{"_index":5,"name":{"6":{}},"parent":{}}],["list",{"_index":4,"name":{"5":{}},"parent":{}}],["stickyheader",{"_index":2,"name":{"2":{},"3":{}},"parent":{"4":{}}}]],"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","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":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":3,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":4,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader","pagesPluginParent":"StickyHeader."},{"id":5,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":6,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":7,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":8,"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,18.971]],["parent/0",[]],["pagesPluginContent/1",[]],["name/1",[1,18.971]],["parent/1",[]],["pagesPluginContent/2",[]],["name/2",[2,10.498]],["parent/2",[]],["pagesPluginContent/3",[]],["name/3",[2,10.498]],["parent/3",[]],["pagesPluginContent/4",[]],["name/4",[3,18.971]],["parent/4",[2,0.246]],["pagesPluginContent/5",[]],["name/5",[4,18.971]],["parent/5",[]],["pagesPluginContent/6",[]],["name/6",[5,18.971]],["parent/6",[]],["pagesPluginContent/7",[]],["name/7",[6,18.971]],["parent/7",[]],["pagesPluginContent/8",[7,6.66,8,6.66,9,6.66,10,6.66,11,6.66]],["name/8",[12,18.971]],["parent/8",[]]],"invertedIndex":[["checkbox",{"_index":0,"pagesPluginContent":{},"name":{"0":{}},"parent":{}}],["content",{"_index":3,"pagesPluginContent":{},"name":{"4":{}},"parent":{}}],["directionpad",{"_index":6,"pagesPluginContent":{},"name":{"7":{}},"parent":{}}],["example",{"_index":9,"pagesPluginContent":{"8":{}},"name":{},"parent":{}}],["header",{"_index":1,"pagesPluginContent":{},"name":{"1":{}},"parent":{}}],["is",{"_index":8,"pagesPluginContent":{"8":{}},"name":{},"parent":{}}],["item",{"_index":5,"pagesPluginContent":{},"name":{"6":{}},"parent":{}}],["list",{"_index":4,"pagesPluginContent":{},"name":{"5":{}},"parent":{}}],["page",{"_index":11,"pagesPluginContent":{"8":{}},"name":{},"parent":{}}],["stickyheader",{"_index":2,"pagesPluginContent":{},"name":{"2":{},"3":{}},"parent":{"4":{}}}],["test",{"_index":12,"pagesPluginContent":{},"name":{"8":{}},"parent":{}}],["this",{"_index":7,"pagesPluginContent":{"8":{}},"name":{},"parent":{}}],["tutorial",{"_index":10,"pagesPluginContent":{"8":{}},"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":[]}}