@escolalms/components - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

lib/styleguide/ImageModal.js

@@ -13,2 +13,5 @@ "use strict";
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -18,8 +21,10 @@ exports.ImageModal = void 0;
 var react_1 = require("react");
+var Button_1 = __importDefault(require("../components/atoms/Button/Button"));
+var provider_1 = require("../theme/provider");
 var ImageModal = function (_a) {
     var children = _a.children, images = _a.images;
     var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", __assign({ onClick: function () { return setIsOpen(function (prev) { return !prev; }); } }, { children: "toggle img preview" })), isOpen && ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: function () { return setIsOpen(function (prev) { return !prev; }); } }, { children: images.map(function (img) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: img, style: { width: "100%", display: "block", maxWidth: "100%" } }) }, img)); }) })))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(provider_1.GlobalThemeProvider, { children: (0, jsx_runtime_1.jsxs)(Button_1.default, __assign({ mode: "outline", onClick: function () { return setIsOpen(function (prev) { return !prev; }); } }, { children: [isOpen ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "<" }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ">" }), " toggle img preview"] })) }), isOpen && ((0, jsx_runtime_1.jsx)("div", __assign({ tabIndex: 0, role: "button", onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, onKeyDown: function (e) { return e.key === "Enter" && setIsOpen(function (prev) { return !prev; }); } }, { children: images.map(function (img) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { alt: "Preview", src: img, style: { width: "100%", display: "block", maxWidth: "100%" } }) }, img)); }) }))), children] }));
 };
 exports.ImageModal = ImageModal;
 exports.default = exports.ImageModal;

lib/styleguide/Logo.d.ts

 import React from "react";
-export declare const Logo: React.FC<{
-    children?: React.ReactNode;
-    classes: any;
-}>;
+declare global {
+    interface Window {
+        ybug_settings: Ybug;
+    }
+}
+interface Ybug {
+    id: string;
+}
+export declare const Logo: React.FC;
 export default Logo;

lib/styleguide/Logo.js

 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -9,10 +40,33 @@ exports.Logo = void 0;
 // src/styleguide/Wrapper.js
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var ThemeCustomizer_1 = require("./ThemeCustomizer");
-var provider_1 = require("./../theme/provider");
-var Logo = function (_a) {
-    var children = _a.children, classes = _a.classes;
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ThemeCustomizer_1.ThemeCustomizer, { onUpdate: function (theme) { return (0, provider_1.setThemeToLocalStorage)(theme); } }), (0, jsx_runtime_1.jsx)("img", { style: { maxWidth: "100%" }, src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAWAUlEQVR4nOydB5gW1bnHf0swsktXgQVpi3QEpSqIEsFCglEwxgZeNFeMNyHXFKOiiS2gYCHXEEOKmgQUFQMmUoWAigaQZkFWioCAiFLMsrB0+e4zfGcyZ4f5zsyyC6j7/z3PPN/MzpmZd8r/nPe8553ZiqlUCiFENBWOtwFCfJGRQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjiQQIRwIIEI4UACEcKBBCKEAwlECAcSiBAOJBAhHEggQjio6Fq5ePFiduzY4ShxNpAPFJa9ZYmpaU5jy3G0QXzZaNy48aEpllQqlXHq2LFjxBY/HgDPTYd1H8O6FKwrhKmvwiO3QP2vH42TOZwmTWHgU3D/Ynj4ADy8D4a8AVc+CPVOPjY2iC8z99xzj/PZ9ydnC1KcVg3gkZHQ5orQiqrQpkd66nol3HcrzJhX1icU8O2fwLl3AzUgy//j1+Ckc9JT28vhH3fAohePng2ivJCwD9KqITw7GVpfAakMZbyHtUE3eHQitG1SlkamqZQF370duo+EVI3M5bKbw9VPw7nfLnsbRHkjQQtSuzKMGgPV2gV/+3QFvPk3mL8A8prBZddCbof0uuq58Mfn4YKuUHSg7Eztfj10HB4spwpgzWzInwgVK0KngVD7HMBz83Kg799hW3vIf7fsbBDljvg+yOiRsDoFa8w0ZTJUrXT4np7/DWxIBdO9/1N2VuY1gAd3w/BUehpRBK27Hl7u0kHwaCo9jUzBsDVQqQRupCgvJO2DxLhYlYGz+6bnPdcqtRWuvgR27Dm87FX/C8vGp10tb7rxgbI7ndb/7flYxgbgpWsgP6Kf89KfYOGDQd8kOw/anl92dojyRoxAenaGqnlBv+OxO8AV9n3yyWA+qwZ0TRBHS0KH3oENu/Nh8YzMZReOAnYFy237lY0NojwSI5DTzw3mU5/BhGfd5V+eCYWrg1ak9zdLb2JuLmR3NjYA+U/AnogWzGf1Jvh4YmBDu0tKb4Mor8QIpFbrwK3JXwobd7nLF6Zg3vTAxWlzVulNrNsRUhUCO5ZNi9/mvemBQGgATeuV3g5RHokRSJ7lIhXuT7bL/HeshYZHZpZNzRbFl9euiN/mg49CfzgKYWdRHogbB6luzX+acJ8bg9luZSAQqhZf3JNpIMbBqVXKwA5RDokJgaaygs5xyuH3F2OvNV8GqSd5NTIPTiYl+xilwIivGiXJ5k36kFUL/P+Pth2hXRZrPzuy7bKsafe+0tvxlSDHu6DWNDKm/BKr7G3HyMYvFHGDaLuteUd6h0215sH8hk+OyKriJoT6E7lV4JOdJdvHxt2lt+MrgVch2qH3WjHlPRfZT/6seRTt+sIS04IUbbYWqibbZTdrhHvu3CMzy+aT94ov50WMoIfJDv+hhIISIk2MQNYm7ZgbGlSCthcFy9sXHJlZxWxYCKnCIMzb6tL4bU6tW3z5s5Wlt0OUR+JcrE3BbJcETWzvy9PVtz8OMv616HKVs6DrGVCno3Hd1sK8N2DN5ujyaydBXv/0fN53ocZPoMCRCHlSM2uhAD5zDf8LkZEYgWz8AJr6Cy2hcSX40BHNOrdnMP/Ju1AYKtu7K3QZBG0vhpx61vscQP+DsGE2zHkRJv4JdlvjLmsXBAKhDjToDgWvZraj3pnpfXstzual7nMUIjMxLtaSZdbCidD+zMxlu9WHi64Jlp9+NJivXAHuGg6D50KXGyA7amS7AjS8AAY8DqPfgCYNglVvPZfuR/huVveb3HY37JL+9UTy4SJ3WSEyE9OCfLgKUgeCci07AfOjyw76MWTlpOd3boPnnwvW3Xg3nH17MJ5xqOU4ADvfgzUF0K65V+0H5et0gYdmwMAzoWgvFGyGNc9A3vfT6+teCS3vh+XLD7ejaS5QP1j+aEmC6xBHD2u+CEgiuvMImsg3gbhxpNZWVMm75v9ylO1qzrGZiUgUAO8C3vXYkMC2o0FXayjAc839fp9XqbYw09eANcCyDNewMdABaGOeuXXmnLzr93lCO85IpxcdOl5Nc93Xeg8C4HkTJRs2iH8fZMFSWJ5KT2Oejt5LtSxYtQo+TaWnGVa2bc928NIBmJQKpgeegrbWKHtlz8XqDRNXw/RUMN1zT1Cm5XlwXyqY+g6LtuWb/WBUKpia9ijRBYlmDkHztSdByPsMq7w3XZvgGOus8pnE0cS7IaF925Pnlj7iqPiqhMqPjbFpq1X2wZiym6yyf0h7HPzGYeufQnb+zEQbo8pOTRBm9tbPdhzPm7y+6AOet1JG74N4LN8azHfO8LANvQWqNw0G5saODtb1GpauOXwb/9gb7vweLF0flPEq5Wemw486QtGq9D480865C5rkGjvmwO53gv2cORganxRhTNvQ8tb4c4xlijV/ovmci4vuoeW48nVDeWsvZdjn+95NcOynonnQ3jW1zvHCu3kvAj9ylLkRGGUemGeMsDPZ/E2zv6wM66sCq4G4d3+8CmKIaU2inp3IE4khtTJ4KL1mPTwc4rUe19wdLBeugImTg+VaTYLtP30NJr2c+VgbC2DmcOs6nABVrGTFV39u2VUNzo5oRerXTv8e2scW2Ph+/DnG4rWc9mj8dY6yWREPxoCYB9Z++7LQq0VC678B/MNyYTwXpS/Q3rhaXlPfH/CjgK0Ax3U+6lxhHmq/ResHXAWEX5f4HjDcamGnmvP4jmmFbLzK+fsZjve81cJ41+8Wc83ONb+9zf78AePlSV2tBAL55+z0r/+Qd25VfP1tN6WN81uPqeOhyESgKleCOq2DsvMzuGg2M/4OHAyW6+Ra28+E3R8GfZnml0KdOsW3b35+ILCNr8Hug/HHjGVj6OZe7hiF7m38X5uaRiRRZJva1Mfru/3bWvb89vusGm+eaUU8wbxtbPP6WeOAb5na0eOciJbsWFHDuIxev8Sr1Lx7Ot4I4X6r3NetFBbvObrEnMdE4OaIiujyiGO1MWL06Wtcu9eAN8zvy2Z/nnfxF+DepCeSQCALXjEddUOX3sH86bXg5uGBOArXwsPWhxXyQmnm7yVIVV/zWXG36LTmxdfPv91q0erBxSOCde0aQk7rQCDzy7IWtf31SsAFGcrZzbyduBn+XJLPWcbF8gmHr681HX6P7aZ2zZQ6sxj4rbV8V4Zyx4JfGHvC/Crib5NMnySclfp06FzrRmx7ijVfALzisMlzw24wfcpEJBDIis2wcUnwUPbsE6y77cagw+o9lM/+FjaEXqqy+0hFCdNysw4GoisKrXttPBQsDPbdaCDUNRep+besfXiV68xkx0vEXHMDfNpFlKkQ6pDfbs2fncHNsmu/jaamtbFr0SXFB28jsb8HdmE6efSY85F5uKM4EOHe3OfYly2y02KOWyUkmFKTMJv3n9aDdur50OJkuKYT9BkadKi358NDj4U2DH2T9PTqCe2yo0QRo+Bv31W8sunzUPq3/retLN7PYdW6hMdLgleT/Z+1HBWZ8v52qpnfBnjXw88lqxLhQ2ebpt9nREQ4004unJ3AzpXWd1i/ZiJqx5q4MLidMVGQoaXxsdOdss052WywWp6KxkUtsxfkEgpkxzqrJagArdvCzfdBVoXAnbnzVigM3dy14WzeqCYyRLuaxoXxicgHmzMTlo8NbModAI1yoYF1YbZlSHMpFb+z5hsCF4XWX23N/9782gmbPwyV7x+q4cPuwYmhmz3AlImb7BfEjscHygtKUDbulYiw1xGOZK0JhaB7eW6PEd0s4GHgsiPNRk74zahZk+AH+9NRJc/eocOgXrdg/dJpMDXC3y86AKlNgTAaJ1B2lVCZ1RlS5hc8Ci36pR+G1AkwcALktAzWr3oh2bmViC0mgtTGLHs3wx/z8R50M4J/aKzEF8jvTAcU87CfZLkY9jv7c63WBmufdo3ZIiIA8GWntG/DYfo7ta1gR0Uz4OjRE7jVeACTTEg5KoweSUKBrPgEPpoDp/Y6pBFyu1nntQ/6Xw+FGaJFm9dCbSOQ2q3ij9W0TfFKoijDfte9A28OhS4mKHBytyD/yrNp1tH6Nu+vgSfMfF/TET5g3Cs/sjXPiia9Y1wjP0/tUhNJ8dzNK639PhJxrL2h5VlmNLgkhN/P/yri3fRBJpByg3FL87wOqlUm21zvK42Qnkyy4xJ8dXDsWLijV/AM+A/x6AdgQ4YsXI/N+9Li9sjrkOBA4W9pOVLu5/wW2v0QTmyQ9spSxq4NC2FjCVP1EzPGjMZ6J9XcdISnmdi7T/jLK/+0BHKVEchAy706aEKhYQpN5Mrvu80JhUlFceaEIlQNTVRxQCjq6FVwC82AqpMS+Kcr3kvfp4rWq6zrl8AQVwQC4yPaBsdwmj0SuR3eici38tlbBC9cHOjct2tbGbyHkpH9Jr7uc7N5685373aG+ioef7U6336/xf6g3TiHq2F/Jaa04xrhY8Tdf7v1PqGUxz4erDfX/sKI/mKi4EUJBHLSnnRw6T/uz0G494b47RbOKh7q7djcXb6DdSIrE0Rt1r8PuycUd8s+S5rYdqTYncKugJUzxp8jYtMfW016BeMT++knBzKMDfjYwYYuES1sJg57rdJ8cdIeV4gKVdvYne3jEQ0rS2aGEjkT/R+ZhAJpWx2eeD5Y9h7Gf1eAWqfHbztvarr29AVytuNToGc0gJx2QUuwdFIy+xo2C7bZ57VCN0OnXsm2PSIWWRGnWqHUkn9k2OYZa36EFan7l5X5GsUIqxXxmvDXjWuXCe8i/Jf5118tQ+tSJjPWx7t/gx37svs7PUNRui8KuSbD/JyYct2LZ4zzQZKdJ+yDjHgYarQJlncb1/gbA+AP49zbbimAT+dBbeMetOlnbnoEZ34jaAm8ezkjwUj4ySdBdrvAe/AqyVQVuGAMrG8Fm4/W/4dbEJEct9QxVjHfNPkNQxXT8zHHKTIJiJNMq1DfCOYJk8a9zrhvjUyt2MeK4NxpxGLzV5Of5DPCCM4Pt06wommTrfSOCiafqZM1NuXt68MY+482PU008HVTCb1nQryrzINa35zvTVZEsDBJ/4NkAhkyAM4dlJ5PGbd0q7knLXpAx1xYHPP1kjdfhUuMQGqdBa0bQX7EIF59K+s1axes/jjevqvNQJsvrP+MK9aDPk/CuOtgb9JvepWEv4dGyjF9j0x9iX1mvZWKcyhs/NcEx5plOvdjzCBqpZia3yfi31Qc2sdQa0AzJ9QCLrUE8qwZR/DdkWpGrD4zvwAC6WR+sxz5bjb7TZLk+iQ7j3GxzqwNd/06WPZseGqQFX3MgZuGxB9mSyi+3ziDP9v+9MBV+mBq/H5PrgodbgvEsezXsPOtYH2dK6D7wPj9HBHzI0KurpecsMZGfMYU/xK9k0nGTQiPlUSx0tT8V0as82q4bqb1icIOLe8xWbSZ0luORsVTUn5qkhyTPPCrjCs2IenOY1qQUaPhc2sEcvLd8NMn4LmB0My0CB0HQ91bYZPj272vTIDrt6T9da+C/dZgmBoarOneAk45L6iAJ4yON7/7JZBVPdhm2lg4OBa+MzeoPTs/BpsXwNK34vdXYi6xInN7E4xRbDc3yK+YVpfweMtMRqp3Ty42nezaptXyHuK3TN8obiR7vRm0PMvkgjUwLdxK4zqGj1nPCOVCM+i7x7ybssoqd5mVjh8XYu9vWi4ciZc+vzQpOz5RH+uYYlzMOsadamP6JhXNoOwyk9GbwCMJ4X6jcNfrsPNz2LEf5s6A6ubG3nQDLE6lp0Up+H2CrNEf3A8vpNLT+M+hR+jL70OfhFdT6em5fKgczrkJcUo2PL4GnkqlpxGTg8BN9/5wxwG4Yz/ckYJOfUp8YcRXmjJ6o/Cpe6FgESx9Ab4/ELabuPi4sfDx4qDm7ng7NGvk3terLwZ9mFQF6GRlqeZWgfYXBq7SB69DUUyo9qIbISfPsvW2oDJaOA6W3pXOyVk5EpYez5eHxJeYGIH8eRbUPwu6XQtLLT905wEYZ956OySSqnBTOBEvxIdvwea5wTadr4fW5gH/0e1Q1XzFxOuc/y0q7cKi4Slw0a2mvNeivwsr8oP1e1MwZQQMPx0m/gz2luE/ExXliVJkej77R9ho+fU9fg5XO8YevL7o7+x0jMpw3aPp1uO8IUHnfNpf4O1V7mMPGpn2/f1tpid+Q0yIklDKVOhHB1tv93kP7iiom5O5fP4i2Gxy/71tTusH49+x4tMHYPoo9zH7XgoNrwvcsV3r4LWjlZgoyjmlFMiSubDYerm+Sit4aFwQoIhi9ABImY9J1/RMaBK0BHMfh7cduVctG8HlY6w/7IFxmV5lFaLUlFIg3nN+/0/SL1T5NL8M7v9l5m3yl8P0x9IZGjn2AN82+HP4SxYWDZvBj18u/l+vloyCN/TlRHHUKIO3zTbthpFXQKEVe+9+D4wYAnUjEubaN4fzGxQXh/e7/wQ4rR3khGzyyl18MQybDTktgvLrZ8ETCQYphThySvA+iIspi6D6VXDjU1D51HSfoscD0OOn8MaLsGUd5FRPf7q0QcTHvTxt7agG1z4H/YbB+7OhYB1Uqgrte0P2GcG7Ht7v2mkw+hrYdbSzdkU5p4wE4jFuBnzUC+6eDFX8T8KfAt0HHZ6e5C/v2ARznobW1gfhsk+DDo6vV6x/HEbcInGIY0EZv9A/ZwX0bQvL/1L871nhd+33wZRfwXcawbDbYGgz2BKTx7TrY5h4IfxisMQhjhVl2IL47NwDP/getPwD9OkFdbtBh8qwZD+kVsGUabBqEayyBh7f/wDu7A4tzoLOF0KtLtCwKmw9CFuWweKZ8P4c2Lq97O0VIjNZqVRZfFRCiK8mx+ObSUJ8aZBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHAggQjhQAIRwoEEIoQDCUQIBxKIEA4kECEcSCBCOJBAhHDw/wEAAP//k8DstnVRRSEAAAAASUVORK5CYII=" })] }));
+var useLocalTheme_1 = require("./useLocalTheme");
+window.ybug_settings = window.ybug_settings || false;
+window.ybug_settings = { id: "4a30b8sn4pfpdw7wp4c0" };
+var Logo = function () {
+    var _a = (0, useLocalTheme_1.useLocalTheme)(), setTheme = _a[1];
+    (0, react_1.useLayoutEffect)(function () {
+        // ybug
+        (function () {
+            if (window && window.ybug_settings) {
+                try {
+                    var ybug = document.createElement("script");
+                    ybug.type = "text/javascript";
+                    ybug.async = true;
+                    ybug.src =
+                        "https://widget.ybug.io/button/" + window.ybug_settings.id + ".js";
+                    var s = document.getElementsByTagName("script")[0];
+                    s && s.parentNode && s.parentNode.insertBefore(ybug, s);
+                }
+                catch (er) {
+                    console.warn("ybug error", er);
+                }
+            }
+        })();
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ThemeCustomizer_1.ThemeCustomizer, { onUpdate: function (theme) {
+                    setTheme(theme);
+                } }), (0, jsx_runtime_1.jsxs)("svg", __assign({ version: "1.0", id: "Warstwa_1", x: "0px", y: "0px", viewBox: "0 0 841.89 595.28", enableBackground: "new 0 0 841.89 595.28" }, { children: [(0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: "M354.76,340.5l-22.91-60.1h12.81l16.13,45.57l16.63-45.57h9.61l16.38,45.82l16.38-45.82h12.19l-22.91,60.1h-11.33\n\t\tl-15.89-42.98l-15.76,42.98H354.76z" }), (0, jsx_runtime_1.jsx)("path", { d: "M469.8,341.61c-9.85,0-17.61-2.77-23.28-8.31c-5.67-5.54-8.5-13.12-8.5-22.72c0-6.16,1.25-11.6,3.76-16.32\n\t\tc2.5-4.72,5.97-8.39,10.41-11.02c4.43-2.63,9.52-3.94,15.27-3.94c8.29,0,14.82,2.65,19.58,7.94c4.76,5.3,7.14,12.58,7.14,21.86\n\t\tv4.19h-44.09c0.9,12.48,7.51,18.72,19.83,18.72c3.45,0,6.84-0.53,10.16-1.6c3.33-1.07,6.47-2.83,9.42-5.3l3.7,8.62\n\t\tc-2.71,2.46-6.2,4.39-10.47,5.79C478.46,340.91,474.15,341.61,469.8,341.61z M467.95,288.03c-5.17,0-9.28,1.6-12.32,4.8\n\t\tc-3.04,3.2-4.89,7.47-5.54,12.81h33.62c-0.25-5.58-1.72-9.91-4.43-12.99C476.57,289.57,472.8,288.03,467.95,288.03z" }), (0, jsx_runtime_1.jsx)("path", { d: "M527.32,341.61c-6.57,0-11.48-1.85-14.72-5.54c-3.24-3.69-4.86-9.11-4.86-16.26v-66.14h12.44v65.4\n\t\tc0,8.13,3.33,12.19,9.98,12.19c0.99,0,1.91-0.04,2.77-0.12c0.86-0.08,1.74-0.25,2.65-0.49l-0.25,9.98\n\t\tC532.53,341.28,529.86,341.61,527.32,341.61z" }), (0, jsx_runtime_1.jsx)("path", { d: "M565,341.61c-6.57,0-11.48-1.85-14.72-5.54c-3.24-3.69-4.86-9.11-4.86-16.26v-66.14h12.44v65.4\n\t\tc0,8.13,3.33,12.19,9.98,12.19c0.99,0,1.91-0.04,2.77-0.12c0.86-0.08,1.74-0.25,2.65-0.49l-0.25,9.98\n\t\tC570.22,341.28,567.55,341.61,565,341.61z" }), (0, jsx_runtime_1.jsx)("path", { d: "M583.36,340.5v-60.1h12.07v9.73c1.81-3.45,4.31-6.12,7.51-8.01c3.2-1.89,6.94-2.83,11.21-2.83\n\t\tc9.2,0,15.15,4.02,17.86,12.07c1.89-3.78,4.6-6.73,8.13-8.87c3.53-2.13,7.55-3.2,12.07-3.2c13.47,0,20.2,8.05,20.2,24.14v37.07\n\t\th-12.44v-36.46c0-5.09-0.88-8.83-2.65-11.21c-1.77-2.38-4.66-3.57-8.68-3.57c-4.52,0-8.09,1.58-10.72,4.74\n\t\tc-2.63,3.16-3.94,7.45-3.94,12.87v33.62h-12.44v-36.46c0-5.09-0.86-8.83-2.59-11.21c-1.72-2.38-4.6-3.57-8.62-3.57\n\t\tc-4.52,0-8.07,1.58-10.65,4.74c-2.59,3.16-3.88,7.45-3.88,12.87v33.62H583.36z" }), (0, jsx_runtime_1.jsx)("path", { d: "M710.83,341.61c-4.93,0-9.53-0.64-13.79-1.91c-4.27-1.27-7.84-3.06-10.72-5.36l3.57-8.38c3.04,2.14,6.38,3.78,10.04,4.93\n\t\tc3.65,1.15,7.33,1.72,11.02,1.72c4.35,0,7.64-0.78,9.85-2.34c2.22-1.56,3.33-3.65,3.33-6.28c0-2.13-0.74-3.8-2.22-4.99\n\t\tc-1.48-1.19-3.7-2.11-6.65-2.77l-11.7-2.34c-10.35-2.13-15.52-7.47-15.52-16.01c0-5.67,2.26-10.18,6.77-13.55\n\t\tc4.51-3.37,10.43-5.05,17.74-5.05c4.19,0,8.19,0.62,12.01,1.85c3.82,1.23,7,3.08,9.55,5.54l-3.57,8.38\n\t\tc-2.46-2.13-5.3-3.78-8.5-4.93c-3.2-1.15-6.36-1.72-9.48-1.72c-4.27,0-7.51,0.8-9.73,2.4c-2.22,1.6-3.33,3.76-3.33,6.47\n\t\tc0,4.11,2.71,6.73,8.13,7.88l11.7,2.34c5.34,1.07,9.38,2.88,12.13,5.42c2.75,2.55,4.13,5.99,4.13,10.35\n\t\tc0,5.75-2.26,10.24-6.77,13.49C724.3,339.99,718.3,341.61,710.83,341.61z" })] }), (0, jsx_runtime_1.jsx)("path", { fill: "#0000D9", d: "M273.64,289.25c1.27-6.09,2.34-12.22,3.18-18.43c0.82-6.21,1.45-12.46,1.48-18.99c0,0,0,0,0-0.01\n\tc-0.01-4.1-0.3-8.27-1.1-12.47c-0.11-0.53-0.23-1.05-0.34-1.58c-0.12-0.53-0.22-1.05-0.37-1.58c-0.29-1.05-0.56-2.1-0.94-3.15\n\tc-0.68-2.09-1.59-4.17-2.69-6.17c-2.16-4.02-5.36-7.75-9.33-10.47c-0.12-0.09-0.25-0.17-0.37-0.26c-0.13-0.08-0.25-0.16-0.38-0.24\n\tc-0.26-0.16-0.51-0.32-0.77-0.48c-0.52-0.31-1.05-0.59-1.58-0.87c-1.08-0.53-2.18-1.03-3.32-1.42c-1.14-0.4-2.3-0.74-3.49-0.99\n\tc-0.3-0.06-0.6-0.12-0.91-0.18c-0.31-0.05-0.62-0.1-0.93-0.14c-0.32-0.04-0.63-0.08-0.97-0.11c-0.16-0.02-0.34-0.03-0.53-0.04\n\tc-0.05,0-0.11-0.01-0.16-0.01c-0.06,0-0.12,0-0.18-0.01c-0.12,0-0.24-0.01-0.36-0.01c0,0-0.01,0-0.01,0c-0.12,0-0.24,0.01-0.36,0.01\n\tc-0.06,0-0.12,0-0.18,0.01c-0.05,0-0.11,0.01-0.16,0.01c-0.19,0.01-0.36,0.02-0.53,0.04c-0.34,0.03-0.65,0.07-0.97,0.11\n\tc-0.32,0.04-0.62,0.09-0.93,0.14c-0.3,0.06-0.6,0.12-0.91,0.18c-1.2,0.25-2.36,0.59-3.49,0.99c-1.14,0.39-2.24,0.89-3.32,1.42\n\tc-0.53,0.28-1.06,0.57-1.58,0.87c-0.26,0.16-0.51,0.32-0.77,0.48c-0.13,0.08-0.25,0.16-0.38,0.24c-0.12,0.09-0.25,0.17-0.37,0.26\n\tc-3.97,2.72-7.17,6.45-9.33,10.47c-1.09,2.01-2.01,4.08-2.69,6.17c-0.38,1.04-0.65,2.1-0.94,3.15c-0.16,0.53-0.26,1.05-0.37,1.58\n\tc-0.11,0.53-0.23,1.05-0.34,1.58c-0.79,4.2-1.08,8.37-1.1,12.47c0,0,0,0,0,0.01c0.01,4.97,0.8,9.66,1.89,14.17\n\tc1.1,4.51,2.55,8.83,4.17,13.04c3.27,8.4,7.25,16.35,11.55,24.05c4.12,7.36,8.57,14.49,13.22,21.46c-1.65,4.55-3.43,9.03-5.39,13.41\n\tc-2.41,5.37-5.08,10.59-8.13,15.46c-1.52,2.43-3.14,4.77-4.88,6.95c-1.73,2.17-3.57,4.21-5.54,5.94c-0.5,0.42-0.98,0.87-1.49,1.24\n\tc-0.25,0.2-0.5,0.39-0.76,0.59c-0.26,0.18-0.51,0.36-0.77,0.54c-0.13,0.09-0.26,0.18-0.38,0.27c-0.13,0.08-0.26,0.16-0.39,0.24\n\tc-0.26,0.16-0.52,0.32-0.78,0.48c-0.26,0.14-0.53,0.28-0.79,0.42c-0.13,0.07-0.26,0.14-0.39,0.21c-0.13,0.06-0.27,0.12-0.4,0.18\n\tc-0.26,0.12-0.53,0.24-0.79,0.36c-0.27,0.1-0.53,0.2-0.8,0.29c-0.26,0.11-0.53,0.18-0.8,0.26c-0.13,0.04-0.27,0.08-0.4,0.12\n\tc-0.13,0.04-0.27,0.08-0.4,0.1c-0.27,0.06-0.53,0.11-0.8,0.17c-0.13,0.04-0.27,0.05-0.4,0.06c-0.13,0.02-0.27,0.03-0.4,0.05\n\tc-0.13,0.02-0.27,0.04-0.4,0.05c-0.13,0.02-0.27,0.01-0.4,0.02c-0.27,0.01-0.53,0.02-0.8,0.04c0,0,0,0,0,0\n\tc-3.41,0.01-6.69-0.71-9.74-2.14c-1.78-0.82-3.48-1.89-5.1-3.15c1.44-1.89,2.76-3.84,3.98-5.83c2.36-3.88,4.36-7.9,6.07-11.99\n\tc3.43-8.18,5.85-16.6,7.62-25.12c0.88-4.26,1.59-8.56,2.11-12.89c0.51-4.34,0.87-8.7,0.88-13.24c0,0,0,0,0-0.01\n\tc0-3.53-0.49-7.25-1.77-10.89c-0.07-0.23-0.16-0.45-0.26-0.68c-0.09-0.22-0.19-0.45-0.28-0.67c-0.19-0.45-0.37-0.9-0.6-1.33\n\tc-0.22-0.44-0.44-0.88-0.68-1.31c-0.26-0.42-0.51-0.84-0.77-1.27c-1.08-1.66-2.35-3.2-3.78-4.56c-2.87-2.71-6.26-4.63-9.7-5.9\n\tc-1.73-0.64-3.48-1.12-5.25-1.48c-0.89-0.17-1.77-0.32-2.68-0.43c-0.45-0.05-0.91-0.1-1.38-0.14c-0.23-0.02-0.48-0.03-0.71-0.05\n\tc-0.13-0.01-0.25-0.01-0.38-0.02c-0.07,0-0.14,0-0.21-0.01c-0.09,0-0.18,0-0.27,0c0,0,0,0-0.01,0s0,0-0.01,0c-0.09,0-0.18,0-0.27,0\n\tc-0.07,0-0.14,0-0.21,0.01c-0.13,0.01-0.25,0.01-0.38,0.02c-0.24,0.02-0.49,0.03-0.71,0.05c-0.47,0.04-0.92,0.08-1.38,0.14\n\tc-0.91,0.11-1.79,0.26-2.68,0.43c-1.77,0.36-3.52,0.84-5.25,1.48c-3.44,1.27-6.83,3.19-9.7,5.9c-1.43,1.36-2.7,2.9-3.78,4.56\n\tc-0.26,0.42-0.51,0.84-0.77,1.27c-0.23,0.43-0.45,0.87-0.68,1.31c-0.23,0.43-0.42,0.88-0.6,1.33c-0.09,0.22-0.19,0.45-0.28,0.67\n\tc-0.09,0.22-0.19,0.45-0.26,0.68c-1.28,3.64-1.77,7.35-1.77,10.89c0,0,0,0,0,0.01c0.01,4.53,0.37,8.9,0.88,13.24\n\tc0.52,4.34,1.23,8.63,2.11,12.89c1.77,8.52,4.19,16.94,7.62,25.12c1.71,4.09,3.71,8.11,6.07,11.99c1.21,1.99,2.53,3.94,3.98,5.83\n\tc-1.62,1.25-3.32,2.32-5.1,3.15c-3.06,1.43-6.34,2.14-9.74,2.14c0,0,0,0,0,0c-0.27-0.02-0.53-0.03-0.8-0.04\n\tc-0.13-0.01-0.27,0-0.4-0.02c-0.13-0.02-0.27-0.04-0.4-0.05c-0.13-0.02-0.27-0.03-0.4-0.05c-0.13-0.01-0.27-0.03-0.4-0.06\n\tc-0.27-0.06-0.53-0.11-0.8-0.17c-0.13-0.02-0.27-0.06-0.4-0.1c-0.13-0.04-0.27-0.08-0.4-0.12c-0.27-0.08-0.53-0.14-0.8-0.26\n\tc-0.27-0.1-0.53-0.2-0.8-0.29c-0.26-0.12-0.53-0.24-0.79-0.36c-0.13-0.06-0.27-0.12-0.4-0.18c-0.13-0.07-0.26-0.14-0.39-0.21\n\tc-0.26-0.14-0.53-0.28-0.79-0.42c-0.26-0.16-0.52-0.32-0.78-0.48c-0.13-0.08-0.26-0.16-0.39-0.24c-0.13-0.09-0.26-0.18-0.38-0.27\n\tc-0.26-0.18-0.51-0.36-0.77-0.54c-0.25-0.2-0.5-0.39-0.76-0.59c-0.51-0.38-1-0.82-1.49-1.24c-1.97-1.73-3.81-3.77-5.54-5.94\n\tc-1.73-2.18-3.35-4.52-4.88-6.95c-3.04-4.87-5.72-10.09-8.13-15.46c-1.95-4.38-3.74-8.86-5.39-13.41c4.65-6.97,9.1-14.1,13.22-21.46\n\tc4.3-7.7,8.28-15.65,11.55-24.05c1.62-4.21,3.07-8.53,4.17-13.04c1.09-4.51,1.88-9.21,1.89-14.17c0,0,0,0,0-0.01\n\tc-0.01-4.1-0.3-8.27-1.1-12.47c-0.11-0.53-0.23-1.05-0.34-1.58c-0.12-0.53-0.22-1.05-0.37-1.58c-0.29-1.05-0.56-2.1-0.94-3.15\n\tc-0.68-2.09-1.59-4.17-2.69-6.17c-2.16-4.02-5.36-7.75-9.33-10.47c-0.12-0.09-0.25-0.17-0.37-0.26c-0.13-0.08-0.25-0.16-0.38-0.24\n\tc-0.26-0.16-0.51-0.32-0.77-0.48c-0.52-0.31-1.05-0.59-1.58-0.87c-1.08-0.53-2.18-1.03-3.32-1.42c-1.14-0.4-2.3-0.74-3.49-0.99\n\tc-0.3-0.06-0.6-0.12-0.91-0.18c-0.31-0.05-0.62-0.1-0.93-0.14c-0.32-0.04-0.63-0.08-0.97-0.11c-0.16-0.02-0.34-0.03-0.53-0.04\n\tc-0.05,0-0.11-0.01-0.16-0.01c-0.06,0-0.12,0-0.18-0.01c-0.12,0-0.24-0.01-0.36-0.01c0,0-0.01,0-0.01,0c-0.12,0-0.24,0.01-0.36,0.01\n\tc-0.06,0-0.12,0-0.18,0.01c-0.05,0-0.11,0.01-0.16,0.01c-0.19,0.01-0.36,0.02-0.53,0.04c-0.34,0.03-0.65,0.07-0.97,0.11\n\tc-0.32,0.04-0.62,0.09-0.93,0.14c-0.3,0.06-0.6,0.12-0.91,0.18c-1.2,0.25-2.36,0.59-3.49,0.99c-1.14,0.39-2.24,0.89-3.32,1.42\n\tc-0.53,0.28-1.06,0.57-1.58,0.87c-0.26,0.16-0.51,0.32-0.77,0.48c-0.13,0.08-0.25,0.16-0.38,0.24c-0.12,0.09-0.25,0.17-0.37,0.26\n\tc-3.97,2.72-7.17,6.45-9.33,10.47c-1.09,2.01-2.01,4.08-2.69,6.17c-0.38,1.04-0.65,2.1-0.94,3.15c-0.16,0.53-0.26,1.05-0.37,1.58\n\tc-0.11,0.53-0.23,1.05-0.34,1.58c-0.79,4.2-1.08,8.37-1.1,12.47c0,0,0,0,0,0.01c0.03,6.53,0.66,12.78,1.48,18.99\n\tc0.84,6.2,1.91,12.34,3.18,18.43c1.27,6.09,2.71,12.13,4.35,18.13c1.41,5.19,2.98,10.35,4.7,15.47c-1.53,2.22-3.08,4.43-4.66,6.62\n\tc-1.24,1.72-2.5,3.43-3.77,5.13c-1.27,1.69-2.56,3.39-3.84,5.01c0,0-0.05,0.07-0.16,0.2c0,0,0,0,0,0c-0.8,1-1.28,2.26-1.28,3.64\n\tc0,3.21,2.61,5.82,5.82,5.82c1.86,0,3.52-0.88,4.58-2.24c0.1-0.13,0.16-0.21,0.16-0.21c1.39-1.76,2.71-3.5,4.03-5.26\n\tc1.31-1.76,2.61-3.52,3.89-5.3c0.04-0.05,0.08-0.11,0.12-0.17c0.89,2.21,1.82,4.41,2.79,6.6c2.58,5.75,5.47,11.41,8.89,16.88\n\tc1.71,2.73,3.57,5.42,5.63,8.01c1.02,1.3,2.12,2.57,3.26,3.81c0.57,0.62,1.18,1.22,1.77,1.83c0.63,0.59,1.24,1.19,1.89,1.76\n\tc0.66,0.57,1.31,1.15,2.02,1.68c0.35,0.27,0.7,0.55,1.05,0.81c0.37,0.26,0.74,0.51,1.1,0.77c0.18,0.13,0.37,0.26,0.55,0.38\n\tc0.19,0.12,0.39,0.24,0.58,0.36c0.39,0.24,0.78,0.48,1.17,0.72c0.41,0.22,0.82,0.44,1.22,0.66c0.2,0.11,0.41,0.22,0.61,0.33\n\tc0.21,0.1,0.43,0.2,0.64,0.29c0.43,0.19,0.86,0.39,1.29,0.58c0.45,0.17,0.9,0.33,1.35,0.5c0.44,0.18,0.91,0.31,1.38,0.44\n\tc0.23,0.07,0.47,0.13,0.7,0.2c0.23,0.07,0.47,0.13,0.71,0.18c1.9,0.46,3.89,0.67,5.87,0.7c0,0,0,0,0.01,0c2.49,0,5.01-0.26,7.48-0.8\n\tc2.47-0.54,4.88-1.36,7.15-2.42c3.03-1.4,5.78-3.21,8.27-5.25c2.49,2.04,5.24,3.85,8.27,5.25c2.27,1.06,4.68,1.88,7.15,2.42\n\tc2.47,0.54,4.99,0.8,7.48,0.8c0,0,0,0,0.01,0c1.98-0.03,3.96-0.24,5.87-0.7c0.24-0.05,0.47-0.11,0.71-0.18\n\tc0.23-0.07,0.47-0.13,0.7-0.2c0.47-0.13,0.93-0.27,1.38-0.44c0.45-0.17,0.9-0.33,1.34-0.5c0.43-0.19,0.86-0.38,1.29-0.58\n\tc0.21-0.1,0.43-0.2,0.64-0.29c0.2-0.11,0.41-0.22,0.61-0.33c0.41-0.22,0.82-0.44,1.22-0.66c0.39-0.24,0.78-0.48,1.17-0.72\n\tc0.19-0.12,0.39-0.24,0.58-0.36c0.18-0.13,0.37-0.26,0.55-0.38c0.37-0.26,0.74-0.51,1.1-0.77c0.36-0.27,0.7-0.54,1.05-0.81\n\tc0.71-0.53,1.35-1.12,2.02-1.68c0.66-0.57,1.27-1.17,1.89-1.76c0.59-0.61,1.2-1.21,1.77-1.83c1.14-1.24,2.24-2.51,3.26-3.81\n\tc2.06-2.59,3.91-5.28,5.63-8.01c3.42-5.47,6.31-11.14,8.89-16.88c0.98-2.19,1.9-4.39,2.79-6.6c0.04,0.05,0.08,0.11,0.12,0.17\n\tc1.28,1.77,2.58,3.54,3.89,5.3c1.32,1.76,2.64,3.49,4.03,5.26c0,0,0.02,0.02,0.03,0.03c1.06,1.46,2.77,2.41,4.71,2.41\n\tc3.21,0,5.82-2.61,5.82-5.82c0-1.38-0.48-2.64-1.28-3.64c0,0,0,0,0.01-0.01c-0.11-0.13-0.16-0.2-0.16-0.2\n\tc-1.28-1.62-2.57-3.32-3.84-5.01c-1.27-1.7-2.53-3.41-3.77-5.13c-1.58-2.19-3.13-4.4-4.66-6.62c1.72-5.12,3.28-10.28,4.7-15.47\n\tC270.93,301.38,272.37,295.34,273.64,289.25z M117.96,251.83C117.96,251.83,117.96,251.83,117.96,251.83\n\tc0.01-3.53,0.27-7,0.89-10.29c0.09-0.41,0.18-0.81,0.27-1.22c0.09-0.4,0.16-0.82,0.28-1.21c0.22-0.79,0.42-1.58,0.7-2.33\n\tc0.49-1.53,1.14-2.96,1.86-4.3c0.19-0.33,0.36-0.67,0.57-0.98c0.2-0.31,0.41-0.63,0.61-0.94c0.22-0.3,0.44-0.59,0.66-0.89\n\tc0.1-0.15,0.22-0.29,0.34-0.42c0.12-0.14,0.24-0.28,0.35-0.41c0.95-1.09,2.02-2.03,3.18-2.83c0.07-0.05,0.14-0.1,0.22-0.15\n\tc0.07-0.05,0.15-0.09,0.22-0.14c0.15-0.09,0.3-0.19,0.45-0.28c0.3-0.18,0.61-0.34,0.92-0.51c0.63-0.3,1.27-0.61,1.93-0.83\n\tc0.66-0.23,1.33-0.43,2-0.57c0.17-0.03,0.33-0.06,0.5-0.1c0.16-0.02,0.32-0.05,0.48-0.07c0.15-0.02,0.31-0.04,0.45-0.05\n\tc0.07-0.01,0.14-0.01,0.19-0.01c0.01,0,0.01,0,0.02,0c0.01,0,0.01,0,0.02,0c0.05,0,0.11,0.01,0.19,0.01\n\tc0.14,0.01,0.29,0.03,0.45,0.05c0.16,0.02,0.32,0.05,0.48,0.07c0.17,0.03,0.33,0.06,0.5,0.1c0.67,0.14,1.34,0.34,2,0.57\n\tc0.67,0.22,1.3,0.53,1.93,0.83c0.31,0.17,0.62,0.33,0.92,0.51c0.15,0.09,0.3,0.19,0.45,0.28c0.07,0.05,0.15,0.09,0.22,0.14\n\tc0.07,0.05,0.14,0.1,0.22,0.15c1.16,0.8,2.22,1.75,3.18,2.83c0.12,0.14,0.24,0.28,0.35,0.41c0.12,0.14,0.24,0.27,0.34,0.42\n\tc0.22,0.29,0.44,0.59,0.66,0.88c0.2,0.31,0.41,0.63,0.61,0.94c0.2,0.31,0.37,0.66,0.57,0.98c0.73,1.34,1.37,2.77,1.86,4.3\n\tc0.28,0.75,0.48,1.55,0.7,2.33c0.12,0.39,0.19,0.8,0.28,1.21c0.09,0.41,0.18,0.81,0.27,1.22c0.62,3.29,0.88,6.76,0.89,10.29\n\tc0,0,0,0,0,0.01c0,3.67-0.62,7.55-1.56,11.42c-0.94,3.87-2.24,7.75-3.71,11.59c-2.99,7.68-6.74,15.21-10.85,22.57\n\tc-2.45,4.37-5.04,8.68-7.73,12.94c-0.59-2-1.17-4.01-1.72-6.03c-1.58-5.76-2.96-11.58-4.18-17.43c-1.22-5.85-2.25-11.73-3.04-17.61\n\tC118.55,263.41,117.98,257.5,117.96,251.83z M177.98,321.42c-0.82-3.95-1.47-7.94-1.95-11.93c-0.47-3.98-0.79-8-0.8-11.85\n\tc0,0,0,0,0-0.01c0-2.52,0.37-4.88,1.09-6.96c0.04-0.14,0.09-0.26,0.15-0.38c0.05-0.13,0.1-0.25,0.16-0.38\n\tc0.1-0.25,0.2-0.51,0.33-0.74c0.12-0.24,0.24-0.47,0.36-0.71c0.14-0.22,0.28-0.45,0.41-0.67c0.58-0.88,1.24-1.68,2-2.42\n\tc1.54-1.45,3.5-2.61,5.73-3.43c1.11-0.41,2.29-0.74,3.49-0.98c0.6-0.11,1.21-0.22,1.8-0.29c0.3-0.04,0.6-0.07,0.88-0.09\n\tc0.15-0.01,0.28-0.02,0.42-0.03c0.09,0,0.18-0.01,0.27-0.01c0.09,0,0.18,0.01,0.27,0.01c0.14,0.01,0.27,0.01,0.42,0.03\n\tc0.29,0.02,0.58,0.05,0.88,0.09c0.6,0.07,1.2,0.17,1.8,0.29c1.2,0.24,2.38,0.57,3.49,0.98c2.23,0.82,4.19,1.98,5.73,3.43\n\tc0.76,0.73,1.42,1.54,2,2.42c0.13,0.23,0.27,0.45,0.41,0.67c0.12,0.24,0.24,0.47,0.36,0.71c0.13,0.23,0.23,0.48,0.33,0.74\n\tc0.05,0.13,0.1,0.25,0.16,0.38c0.05,0.12,0.11,0.25,0.15,0.38c0.72,2.08,1.09,4.45,1.09,6.96c0,0,0,0,0,0.01\n\tc-0.01,3.85-0.32,7.87-0.8,11.85c-0.48,3.99-1.14,7.98-1.95,11.93c-1.64,7.89-3.89,15.67-6.95,22.96\n\tc-1.53,3.65-3.28,7.16-5.28,10.44c-0.67,1.1-1.38,2.15-2.11,3.19c-0.73-1.04-1.44-2.09-2.11-3.19c-2-3.28-3.75-6.79-5.28-10.44\n\tC181.87,337.09,179.61,329.31,177.98,321.42z M266.67,251.83c-0.02,5.67-0.59,11.58-1.38,17.45c-0.79,5.88-1.82,11.76-3.04,17.61\n\tc-1.22,5.85-2.61,11.67-4.18,17.43c-0.55,2.02-1.13,4.03-1.72,6.03c-2.69-4.26-5.28-8.57-7.73-12.94\n\tc-4.11-7.36-7.87-14.89-10.85-22.57c-1.48-3.84-2.78-7.72-3.71-11.59c-0.94-3.87-1.56-7.75-1.56-11.42c0,0,0,0,0-0.01\n\tc0.01-3.52,0.27-6.99,0.89-10.29c0.09-0.41,0.18-0.81,0.27-1.22c0.09-0.4,0.16-0.82,0.28-1.21c0.22-0.79,0.42-1.58,0.7-2.33\n\tc0.49-1.53,1.14-2.96,1.86-4.3c0.19-0.33,0.36-0.67,0.57-0.98c0.2-0.31,0.41-0.63,0.61-0.94c0.22-0.29,0.44-0.59,0.66-0.88\n\tc0.1-0.15,0.22-0.29,0.34-0.42c0.12-0.14,0.24-0.28,0.35-0.41c0.95-1.09,2.02-2.03,3.18-2.83c0.07-0.05,0.14-0.1,0.22-0.15\n\tc0.07-0.05,0.15-0.09,0.22-0.14c0.15-0.09,0.3-0.19,0.45-0.28c0.3-0.18,0.61-0.34,0.92-0.51c0.63-0.3,1.27-0.61,1.93-0.83\n\tc0.66-0.23,1.33-0.43,2-0.57c0.17-0.03,0.33-0.06,0.5-0.1c0.16-0.02,0.32-0.05,0.48-0.07c0.15-0.02,0.31-0.04,0.45-0.05\n\tc0.07-0.01,0.14-0.01,0.19-0.01c0.01,0,0.01,0,0.02,0c0.01,0,0.01,0,0.02,0c0.05,0,0.11,0.01,0.19,0.01\n\tc0.14,0.01,0.29,0.03,0.45,0.05c0.16,0.02,0.32,0.05,0.48,0.07c0.17,0.03,0.33,0.06,0.5,0.1c0.67,0.14,1.34,0.34,2,0.57\n\tc0.67,0.22,1.3,0.53,1.93,0.83c0.31,0.17,0.62,0.33,0.92,0.51c0.15,0.09,0.3,0.19,0.45,0.28c0.07,0.05,0.15,0.09,0.22,0.14\n\tc0.07,0.05,0.14,0.1,0.22,0.15c1.16,0.8,2.22,1.75,3.18,2.83c0.12,0.14,0.24,0.28,0.35,0.41c0.12,0.14,0.24,0.27,0.34,0.42\n\tc0.22,0.29,0.44,0.59,0.66,0.89c0.2,0.31,0.41,0.63,0.61,0.94c0.2,0.31,0.37,0.66,0.57,0.98c0.73,1.34,1.37,2.77,1.86,4.3\n\tc0.28,0.75,0.48,1.55,0.7,2.33c0.12,0.39,0.19,0.8,0.28,1.21c0.09,0.41,0.18,0.81,0.27,1.22\n\tC266.4,244.83,266.66,248.3,266.67,251.83C266.67,251.83,266.67,251.83,266.67,251.83z" })] }))] }));
 };
 exports.Logo = Logo;
 exports.default = exports.Logo;

lib/styleguide/ThemeCustomizer.js

@@ -36,2 +36,11 @@ "use strict";
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -43,24 +52,134 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_dat_gui_1 = __importStar(require("react-dat-gui"));
-var orange_1 = require("./../theme/orange");
+var react_1 = __importStar(require("react"));
 var theme_1 = __importDefault(require("../theme"));
-var provider_1 = require("../theme/provider");
+var leva_1 = require("leva");
+var useLocalTheme_1 = require("./useLocalTheme");
+var allowedKeys = [
+    "font",
+    "theme",
+    "mode",
+    "primaryColor",
+    "secondaryColor",
+    "backgroundDark",
+    "backgroundLight",
+    "textColorDark",
+    "textColorLight",
+    "backgroundDarkProgress",
+    "backgroundDarkInterval",
+    "errorColor",
+    "invertColor",
+    "white",
+    "gray5",
+    "gray4",
+    "gray3",
+    "gray2",
+    "gray1",
+    "black",
+    "buttonRadius",
+    "checkboxRadius",
+    "inputRadius",
+    "noteRadius",
+    "cardRadius",
+];
+var filterInputData = function (input) {
+    return allowedKeys.reduce(function (acc, curr) {
+        var _a;
+        return typeof input[curr] !== "undefined"
+            ? __assign(__assign({}, acc), (_a = {}, _a[curr] = input[curr], _a)) : acc;
+    }, {});
+};
 var ThemeCustomizer = function (_a) {
     var onUpdate = _a.onUpdate;
-    var _b = (0, react_1.useState)((0, provider_1.getThemeFromLocalStorage)(orange_1.orangeTheme)), state = _b[0], setState = _b[1];
-    // Update current state with changes from controls
-    var handleUpdate = (0, react_1.useCallback)(function (newData) {
-        setState(function (prevState) { return (__assign(__assign({}, prevState), newData)); });
+    var localTheme = (0, useLocalTheme_1.useLocalTheme)()[0];
+    var initData = (0, react_1.useMemo)(function () {
+        return filterInputData(localTheme);
     }, []);
+    var _b = (0, leva_1.useControls)(function () { return ({
+        theme: {
+            label: "Theme",
+            value: initData.theme || "all",
+            options: __spreadArray(__spreadArray(["all"], Object.keys(theme_1.default), true), ["custom"], false),
+            onChange: function (theme) {
+                switch (theme) {
+                    case "all":
+                    case "custom":
+                        break;
+                    default:
+                        set(__assign({ theme: theme }, filterInputData(theme_1.default[theme])));
+                }
+            },
+            transient: false,
+        },
+        mode: {
+            options: ["light", "dark"],
+            value: initData.mode || "light",
+        },
+        Customize: (0, leva_1.folder)({
+            font: {
+                options: ["Inter", "Mulish", "Titillium"],
+                value: initData.font || "Inter",
+            },
+            "Main Colors": (0, leva_1.folder)({
+                primaryColor: initData.primaryColor || "#000000",
+                secondaryColor: initData.secondaryColor || "#000000",
+                backgroundDark: initData.backgroundDark || "#000000",
+                backgroundLight: initData.backgroundLight || "#000000",
+                textColorDark: initData.textColorDark || "#000000",
+                textColorLight: initData.textColorLight || "#000000",
+                backgroundDarkProgress: initData.backgroundDarkProgress || "#000000",
+                errorColor: initData.errorColor || "#EB5757",
+                backgroundDarkInterval: initData.backgroundDarkInterval || "#000000",
+                invertColor: initData.invertColor || "#000000",
+            }),
+            "Body Colors": (0, leva_1.folder)({
+                white: initData.white || "#000000",
+                gray5: initData.gray5 || "#000000",
+                gray4: initData.gray4 || "#000000",
+                gray3: initData.gray3 || "#000000",
+                gray2: initData.gray2 || "#000000",
+                gray1: initData.gray1 || "#000000",
+                black: initData.black || "#000000",
+            }),
+            Radiuses: (0, leva_1.folder)({
+                buttonRadius: {
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                    value: initData.buttonRadius || 0,
+                },
+                checkboxRadius: {
+                    min: 0,
+                    max: 5,
+                    step: 1,
+                    value: initData.checkboxRadius || 0,
+                },
+                inputRadius: {
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                    value: initData.inputRadius || 0,
+                },
+                noteRadius: {
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                    value: initData.noteRadius || 0,
+                },
+                cardRadius: {
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                    value: initData.cardRadius || 0,
+                },
+            }),
+        }, {
+            render: function (get) { return get("theme") === "custom"; },
+        }),
+    }); }), props = _b[0], set = _b[1];
     (0, react_1.useEffect)(function () {
-        onUpdate(state);
-    }, [state]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [Object.values(theme_1.default).map(function (theme) {
-                return (0, provider_1.getFontFromTheme)(theme).links.map(function (link) { return ((0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: link }, link)); });
-            }), (0, jsx_runtime_1.jsxs)(react_dat_gui_1.default, __assign({ data: state, onUpdate: handleUpdate }, { children: [(0, jsx_runtime_1.jsx)(react_dat_gui_1.DatPresets, { label: "Presets", 
-                        // @ts-ignore // bug in the library
-                        options: [theme_1.default], onUpdate: handleUpdate }), (0, jsx_runtime_1.jsx)(react_dat_gui_1.DatSelect, { path: "font", options: ["Inter", "Mulish", "Titillium"] }), (0, jsx_runtime_1.jsx)(react_dat_gui_1.DatColor, { path: "primaryColor", label: "Primary Color" }), (0, jsx_runtime_1.jsx)(react_dat_gui_1.DatColor, { path: "secondaryColor", label: "Secondary Color" }), (0, jsx_runtime_1.jsx)(react_dat_gui_1.DatNumber, { path: "buttonRadius", label: "Button Radius", min: 0, max: 100, step: 1 }), (0, jsx_runtime_1.jsx)(react_dat_gui_1.DatNumber, { path: "checkboxRadius", label: "Checkbox Radius", min: 0, max: 5, step: 1 })] }))] }));
+        onUpdate(props);
+    }, [props]);
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, {});
 };
 exports.ThemeCustomizer = ThemeCustomizer;
 exports.default = exports.ThemeCustomizer;

lib/theme/blue.js

 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.blueTheme = void 0;
-var chroma_js_1 = require("chroma-js");
-exports.blueTheme = {
-    primaryColor: "#56CCF2",
-    secondaryColor: (0, chroma_js_1.blend)("#56CCF2", "#BDBDBD", "multiply").hex(),
-    font: "Mulish",
-    buttonRadius: 0,
-    checkboxRadius: 0,
-    headerColor: "#111111",
-};
+var chroma_js_1 = __importStar(require("chroma-js"));
+var shared_1 = require("./shared");
+exports.blueTheme = __assign(__assign({}, shared_1.sharedTheme), { primaryColor: "#56CCF2", secondaryColor: (0, chroma_js_1.blend)("#56CCF2", "#BDBDBD", "multiply").hex(), font: "Mulish", headerColor: "#111111", backgroundDark: "#232225", backgroundLight: "#F2F2F2", cardBackgroundColorLight: (0, chroma_js_1.default)("#232225").brighten(1).hex(), cardBackgroundColorDark: (0, chroma_js_1.default)("#F2F2F2").darken(1).hex(), textColorDark: "#FFF", textColorLight: "#000" });
 exports.default = exports.blueTheme;

lib/theme/orange.js

 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.orangeTheme = void 0;
-var chroma_js_1 = require("chroma-js");
-exports.orangeTheme = {
-    primaryColor: "#F47820",
-    secondaryColor: (0, chroma_js_1.blend)("#F47820", "#BDBDBD", "multiply").hex(),
-    font: "Inter",
-    buttonRadius: 0,
-    checkboxRadius: 0,
-    headerColor: "#111111",
-};
+var chroma_js_1 = __importStar(require("chroma-js"));
+var shared_1 = require("./shared");
+exports.orangeTheme = __assign(__assign({}, shared_1.sharedTheme), { primaryColor: "#F47820", secondaryColor: (0, chroma_js_1.blend)("#F47820", "#BDBDBD", "multiply").hex(), font: "Inter", headerColor: "#111111", backgroundDark: "#4A4A4A", backgroundLight: "#FFFFFF", cardBackgroundColorLight: (0, chroma_js_1.default)("#4A4A4A").brighten(1).hex(), cardBackgroundColorDark: (0, chroma_js_1.default)("#FFFFFF").darken(1).hex(), textColorDark: "#FFF", textColorLight: "#000" });
 exports.default = exports.orangeTheme;

lib/theme/provider.d.ts

 import { DefaultTheme } from "styled-components";
 import React from "react";
+export interface SharedDefaultTheme {
+    theme?: string;
+    backgroundLight: string;
+    backgroundDark: string;
+    cardBackgroundColorLight: string;
+    cardBackgroundColorDark: string;
+    buttonRadius?: number;
+    inputRadius?: number;
+    noteRadius?: number;
+    checkboxRadius?: number;
+    cardRadius?: number;
+    white: string;
+    gray5: string;
+    gray4: string;
+    gray3: string;
+    gray2: string;
+    gray1: string;
+    black: string;
+    backgroundDarkProgress: string;
+    backgroundDarkInterval: string;
+    errorColor: string;
+    invertColor: string;
+}
 declare module "styled-components" {
-    interface DefaultTheme {
-        buttonRadius?: number;
-        checkboxRadius?: number;
+    interface DefaultTheme extends SharedDefaultTheme {
+        mode?: "light" | "dark";
+        textColorLight: string;
+        textColorDark: string;
         primaryColor: string;
@@ -22,6 +46,4 @@ secondaryColor?: string;
 };
-export declare const getThemeFromLocalStorage: (theme?: DefaultTheme) => DefaultTheme;
-export declare const setThemeToLocalStorage: (theme?: DefaultTheme) => void;
 export declare const GlobalThemeProvider: React.FC<{
     children?: React.ReactNode;
 }>;

lib/theme/provider.js

@@ -14,7 +14,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalThemeProvider = exports.setThemeToLocalStorage = exports.getThemeFromLocalStorage = exports.getFontFromTheme = exports.Fonts = void 0;
+exports.GlobalThemeProvider = exports.getFontFromTheme = exports.Fonts = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = require("styled-components");
-var react_1 = require("react");
-var orange_1 = require("./orange");
+var useLocalTheme_1 = require("../styleguide/useLocalTheme");
 exports.Fonts = {
@@ -50,40 +49,5 @@ Inter: {
 exports.getFontFromTheme = getFontFromTheme;
-var getThemeFromLocalStorage = function (theme) {
-    if (theme === void 0) { theme = orange_1.orangeTheme; }
-    if (window.localStorage.getItem("theme") !== null &&
-        typeof window.localStorage.getItem("theme") === "string") {
-        var theme_1;
-        try {
-            theme_1 = JSON.parse(window.localStorage.getItem("theme") || "");
-        }
-        catch (err) {
-            return orange_1.orangeTheme;
-        }
-        return theme_1;
-    }
-    return theme;
-};
-exports.getThemeFromLocalStorage = getThemeFromLocalStorage;
-var setThemeToLocalStorage = function (theme) {
-    if (theme === void 0) { theme = orange_1.orangeTheme; }
-    window.localStorage.setItem("theme", JSON.stringify(theme));
-    window.dispatchEvent(new Event("themeChange"));
-};
-exports.setThemeToLocalStorage = setThemeToLocalStorage;
 var GlobalThemeProvider = function (_a) {
     var children = _a.children;
-    var _b = (0, react_1.useState)(orange_1.orangeTheme), theme = _b[0], setTheme = _b[1];
-    var onStorage = (0, react_1.useCallback)(function () {
-        var storageTheme = (0, exports.getThemeFromLocalStorage)(theme);
-        setTheme(storageTheme);
-    }, []);
-    (0, react_1.useEffect)(function () {
-        onStorage();
-        window.addEventListener("storage", onStorage);
-        window.addEventListener("themeChange", onStorage);
-        return function () {
-            window.removeEventListener("storage", onStorage);
-            window.removeEventListener("themeChange", onStorage);
-        };
-    }, [onStorage]);
+    var theme = (0, useLocalTheme_1.useLocalTheme)()[0];
     var font = exports.Fonts[theme.font];
@@ -90,0 +54,0 @@ return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, __assign({ theme: theme }, { children: [font &&

lib/theme/red.js

 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.redTheme = void 0;
-var chroma_js_1 = require("chroma-js");
-exports.redTheme = {
-    primaryColor: "#E60037",
-    secondaryColor: (0, chroma_js_1.blend)("#E60037", "#BDBDBD", "multiply").hex(),
-    font: "Titillium",
-    buttonRadius: 0,
-    checkboxRadius: 0,
-    headerColor: "#111111",
-};
+var chroma_js_1 = __importStar(require("chroma-js"));
+var shared_1 = require("./shared");
+exports.redTheme = __assign(__assign({}, shared_1.sharedTheme), { primaryColor: "#E60037", secondaryColor: (0, chroma_js_1.blend)("#E60037", "#BDBDBD", "multiply").hex(), font: "Titillium", headerColor: "#111111", backgroundDark: "#232225", backgroundLight: "#F2F2F2", cardBackgroundColorLight: (0, chroma_js_1.default)("#232225").brighten(1).hex(), cardBackgroundColorDark: (0, chroma_js_1.default)("#F2F2F2").darken(1).hex(), textColorDark: "#FFF", textColorLight: "#000" });
 exports.default = exports.redTheme;

lib/theme/velvet.js

 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.velvetTheme = void 0;
-var chroma_js_1 = require("chroma-js");
-exports.velvetTheme = {
-    primaryColor: "#600CAE",
-    secondaryColor: (0, chroma_js_1.blend)("#600CAE", "#BDBDBD", "multiply").hex(),
-    font: "Mulish",
-    buttonRadius: 0,
-    checkboxRadius: 0,
-    headerColor: "#111111",
-};
+var chroma_js_1 = __importStar(require("chroma-js"));
+var shared_1 = require("./shared");
+exports.velvetTheme = __assign(__assign({}, shared_1.sharedTheme), { primaryColor: "#600CAE", secondaryColor: (0, chroma_js_1.blend)("#600CAE", "#BDBDBD", "multiply").hex(), font: "Mulish", headerColor: "#111111", backgroundDark: "#4A4A4A", backgroundLight: "#F2F2F2", cardBackgroundColorLight: (0, chroma_js_1.default)("#4A4A4A").brighten(1).hex(), cardBackgroundColorDark: (0, chroma_js_1.default)("#F2F2F2").darken(1).hex(), textColorDark: "#FFF", textColorLight: "#000" });
 exports.default = exports.velvetTheme;

package.json

 {
   "name": "@escolalms/components",
-  "version": "0.0.4",
-  "main": "index.js",
+  "version": "0.0.5",
+  "main": "lib/index.js",
   "license": "MIT",
@@ -9,3 +9,7 @@ "scripts": {
     "build": "styleguidist build",
-    "lib": "tsc --noEmit false --outDir lib --module commonjs"
+    "tsc": "tsc --project tsconfig.json --noEmit",
+    "eslint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "stylelint": "stylelint './src/**/*.tsx'",
+    "lib": "tsc --noEmit false --outDir lib --module commonjs",
+    "prepare": "husky install"
   },
@@ -17,13 +21,39 @@ "files": [
   ],
+  "resolutions": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "@types/react": "^17.0.2"
+  },
   "devDependencies": {
+    "@escolalms/sdk": "^0.2.51",
+    "@stylelint/postcss-css-in-js": "stylelint/postcss-css-in-js",
     "@types/chroma-js": "^2.1.3",
-    "@types/react": "^18.0.1",
+    "@types/react": "^17",
+    "@types/react-slick": "^0.23.8",
     "@types/styled-components": "^5.1.25",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@typescript-eslint/parser": "^5.22.0",
     "chroma-js": "^2.4.2",
     "css-loader": "^6.7.1",
+    "date-fns": "^2.28.0",
+    "eslint": "^8.14.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "file-loader": "^6.2.0",
-    "react": "^18.0.0",
-    "react-dat-gui": "^4.1.1",
+    "formik": "^2.2.9",
+    "husky": "^8.0.0",
+    "i18next": "^21.6.16",
+    "leva": "^0.9.24",
+    "postcss": "^8.4.13",
+    "postcss-scss": "^4.0.4",
+    "postcss-styled": "^0.34.0",
+    "postcss-syntax": "^0.36.2",
+    "rc-dialog": "^8.8.1",
+    "react": "^17",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.0.0",
+    "react-dropdown": "^1.10.0",
+    "react-dom": "^17",
+    "react-grid-system": "^8.1.4",
+    "react-i18next": "^11.16.7",
+    "react-markdown": "^8.0.3",
+    "react-slick": "^0.29.0",
     "react-styleguidist": "^11.2.0",
@@ -33,4 +63,8 @@ "source-map-loader": "^3.0.1",
     "styled-components": "^5.3.5",
+    "stylelint": "^14.8.2",
+    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-styled-components": "^0.1.1",
+    "stylelint-processor-styled-components": "^1.10.0",
     "ts-loader": "^9.2.8",
-    "typescript": "^4.6.3",
+    "typescript": "^4.6.4",
     "webpack": "^5.72.0"
@@ -37,0 +71,0 @@ },

readme.md

 # SDK Components
 
+Collections of components used to develop E-learning Course Applications that consume Wellms API. 
+
+[![Generate Styleguidist Documentation](https://github.com/EscolaLMS/Components/actions/workflows/pages.yml/badge.svg)](https://github.com/EscolaLMS/Components/actions/workflows/pages.yml)
+[![Publish Package to npmjs](https://github.com/EscolaLMS/Components/actions/workflows/publish.yml/badge.svg)](https://github.com/EscolaLMS/Components/actions/workflows/publish.yml)
+[![Static Code Analysts Tests](https://github.com/EscolaLMS/Components/actions/workflows/tests.yaml/badge.svg)](https://github.com/EscolaLMS/Components/actions/workflows/tests.yaml)
+![npm](https://img.shields.io/npm/v/@escolalms/components)
+![npm](https://img.shields.io/npm/dm/@escolalms/components)
+
 [https://escolalms.github.io/Components/](https://escolalms.github.io/Components/)

src/theme/blue.ts

 import { DefaultTheme } from "styled-components";
-import { blend } from "chroma-js";
+import { blend, default as chroma } from "chroma-js";
+import { sharedTheme } from "./shared";
 
 export const blueTheme: DefaultTheme = {
+  ...sharedTheme,
   primaryColor: "#56CCF2",
   secondaryColor: blend("#56CCF2", "#BDBDBD", "multiply").hex(),
   font: "Mulish",
-  buttonRadius: 0,
-  checkboxRadius: 0,
   headerColor: "#111111",
+  backgroundDark: "#232225",
+  backgroundLight: "#F2F2F2",
+
+  cardBackgroundColorLight: chroma("#232225").brighten(1).hex(),
+  cardBackgroundColorDark: chroma("#F2F2F2").darken(1).hex(),
+
+  textColorDark: "#FFF",
+  textColorLight: "#000",
 };
 
 export default blueTheme;

src/theme/orange.ts

 import { DefaultTheme } from "styled-components";
-import { blend } from "chroma-js";
+import { blend, default as chroma } from "chroma-js";
+import { sharedTheme } from "./shared";
 
 export const orangeTheme: DefaultTheme = {
+  ...sharedTheme,
   primaryColor: "#F47820",
   secondaryColor: blend("#F47820", "#BDBDBD", "multiply").hex(),
   font: "Inter",
-  buttonRadius: 0,
-  checkboxRadius: 0,
   headerColor: "#111111",
+  backgroundDark: "#4A4A4A",
+  backgroundLight: "#FFFFFF",
+  cardBackgroundColorLight: chroma("#4A4A4A").brighten(1).hex(),
+  cardBackgroundColorDark: chroma("#FFFFFF").darken(1).hex(),
+  textColorDark: "#FFF",
+  textColorLight: "#000",
 };
 
 export default orangeTheme;

src/theme/red.ts

 import { DefaultTheme } from "styled-components";
-import { blend } from "chroma-js";
+import { blend, default as chroma } from "chroma-js";
+import { sharedTheme } from "./shared";
 
 export const redTheme: DefaultTheme = {
+  ...sharedTheme,
   primaryColor: "#E60037",
   secondaryColor: blend("#E60037", "#BDBDBD", "multiply").hex(),
   font: "Titillium",
-  buttonRadius: 0,
-  checkboxRadius: 0,
   headerColor: "#111111",
+  backgroundDark: "#232225",
+  backgroundLight: "#F2F2F2",
+  cardBackgroundColorLight: chroma("#232225").brighten(1).hex(),
+  cardBackgroundColorDark: chroma("#F2F2F2").darken(1).hex(),
+
+  textColorDark: "#FFF",
+  textColorLight: "#000",
 };
 
 export default redTheme;

src/theme/velvet.ts

 import { DefaultTheme } from "styled-components";
-import { blend } from "chroma-js";
+import { blend, default as chroma } from "chroma-js";
+import { sharedTheme } from "./shared";
 
 export const velvetTheme: DefaultTheme = {
+  ...sharedTheme,
   primaryColor: "#600CAE",
   secondaryColor: blend("#600CAE", "#BDBDBD", "multiply").hex(),
   font: "Mulish",
-  buttonRadius: 0,
-  checkboxRadius: 0,
   headerColor: "#111111",
+  backgroundDark: "#4A4A4A",
+  backgroundLight: "#F2F2F2",
+  cardBackgroundColorLight: chroma("#4A4A4A").brighten(1).hex(),
+  cardBackgroundColorDark: chroma("#F2F2F2").darken(1).hex(),
+  textColorDark: "#FFF",
+  textColorLight: "#000",
 };
 
 export default velvetTheme;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20960504

increased by83.49%

Number of package files

426

increased by65.76%

Lines of code

13383

increased by390.58%

Number of lines in readme file

12

increased by200%

Worsened metrics

Dev dependency count

42

increased by147.06%

Number of low supply chain risk alerts

16

increased by700%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes