@mirai/ui 1.0.65 → 1.0.66

package/build/theme/theme.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Theme = void 0;
-
 var _helpers = require("./helpers");
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var VAR_DOMAIN = '--mirai-ui-';
 var COLORS = ['accent'];
 var MAGNITUDES = [400, 300, 200];
@@ -27,7 +19,6 @@ var Theme = {
     var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : VAR_DOMAIN;
     var style = getComputedStyle(document.querySelector(':root'));
     var variables = {};
-
     _toConsumableArray(document.styleSheets).filter(function (stylesheet) {
       return !!stylesheet.ownerRule;
     }).forEach(function (stylesheet) {
@@ -36,7 +27,6 @@ var Theme = {
         return rule.type === 1;
       }).forEach(function () {
         var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
         _toConsumableArray(rule.style).filter(function (name) {
           return name.includes(domain);
         }).forEach(function (name) {
@@ -44,15 +34,12 @@ var Theme = {
         });
       });
     });
-
     return variables;
   },
   setVariable: function setVariable(variable, value) {
     var domain = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : VAR_DOMAIN;
-
     var _document$querySelect = document.querySelector(':root'),
-        style = _document$querySelect.style;
-
+      style = _document$querySelect.style;
     style.setProperty("".concat(domain).concat(variable), value);
     Theme.shadeColors();
   },

package/build/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["VAR_DOMAIN","COLORS","MAGNITUDES","Theme","get","domain","style","getComputedStyle","document","querySelector","variables","styleSheets","filter","stylesheet","ownerRule","forEach","cssRules","rule","type","name","includes","replace","getPropertyValue","trim","setVariable","variable","value","setProperty","shadeColors","theme","color","undefined","magnitude"],"sources":["../../src/theme/theme.js"],"sourcesContent":["const VAR_DOMAIN = '--mirai-ui-';\n\nimport { camelcase, colorShade } from './helpers';\n\nconst COLORS = ['accent'];\nconst MAGNITUDES = [400, 300, 200];\n\nexport const Theme = {\n  get: (domain = VAR_DOMAIN) => {\n    const style = getComputedStyle(document.querySelector(':root'));\n\n    const variables = {};\n    [...document.styleSheets]\n      .filter((stylesheet) => !!stylesheet.ownerRule)\n      .forEach((stylesheet) => {\n        [...stylesheet.cssRules]\n          .filter((rule = {}) => rule.type === 1)\n          .forEach((rule = {}) => {\n            [...rule.style]\n              .filter((name) => name.includes(domain))\n              .forEach(\n                (name) => (variables[camelcase(name.replace(domain, ''))] = style.getPropertyValue(name).trim()),\n              );\n          });\n      });\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = VAR_DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n\n    Theme.shadeColors();\n  },\n\n  shadeColors: () => {\n    const theme = Theme.get();\n\n    COLORS.filter((color) => theme[color] !== undefined).forEach((color) =>\n      MAGNITUDES.forEach((magnitude) =>\n        Theme.setVariable(`${color}-${magnitude}`, colorShade(theme[color], magnitude)),\n      ),\n    );\n  },\n};\n"],"mappings":";;;;;;;AAEA;;;;;;;;;;;;;;AAFA,IAAMA,UAAU,GAAG,aAAnB;AAIA,IAAMC,MAAM,GAAG,CAAC,QAAD,CAAf;AACA,IAAMC,UAAU,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAnB;AAEO,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,eAAyB;IAAA,IAAxBC,MAAwB,uEAAfL,UAAe;IAC5B,IAAMM,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAD,CAA9B;IAEA,IAAMC,SAAS,GAAG,EAAlB;;IACA,mBAAIF,QAAQ,CAACG,WAAb,EACGC,MADH,CACU,UAACC,UAAD;MAAA,OAAgB,CAAC,CAACA,UAAU,CAACC,SAA7B;IAAA,CADV,EAEGC,OAFH,CAEW,UAACF,UAAD,EAAgB;MACvB,mBAAIA,UAAU,CAACG,QAAf,EACGJ,MADH,CACU;QAAA,IAACK,IAAD,uEAAQ,EAAR;QAAA,OAAeA,IAAI,CAACC,IAAL,KAAc,CAA7B;MAAA,CADV,EAEGH,OAFH,CAEW,YAAe;QAAA,IAAdE,IAAc,uEAAP,EAAO;;QACtB,mBAAIA,IAAI,CAACX,KAAT,EACGM,MADH,CACU,UAACO,IAAD;UAAA,OAAUA,IAAI,CAACC,QAAL,CAAcf,MAAd,CAAV;QAAA,CADV,EAEGU,OAFH,CAGI,UAACI,IAAD;UAAA,OAAWT,SAAS,CAAC,wBAAUS,IAAI,CAACE,OAAL,CAAahB,MAAb,EAAqB,EAArB,CAAV,CAAD,CAAT,GAAiDC,KAAK,CAACgB,gBAAN,CAAuBH,IAAvB,EAA6BI,IAA7B,EAA5D;QAAA,CAHJ;MAKD,CARH;IASD,CAZH;;IAcA,OAAOb,SAAP;EACD,CApBkB;EAsBnBc,WAAW,EAAE,qBAACC,QAAD,EAAWC,KAAX,EAA0C;IAAA,IAAxBrB,MAAwB,uEAAfL,UAAe;;IACrD,4BAAkBQ,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAlB;IAAA,IAAQH,KAAR,yBAAQA,KAAR;;IAEAA,KAAK,CAACqB,WAAN,WAAqBtB,MAArB,SAA8BoB,QAA9B,GAA0CC,KAA1C;IAEAvB,KAAK,CAACyB,WAAN;EACD,CA5BkB;EA8BnBA,WAAW,EAAE,uBAAM;IACjB,IAAMC,KAAK,GAAG1B,KAAK,CAACC,GAAN,EAAd;IAEAH,MAAM,CAACW,MAAP,CAAc,UAACkB,KAAD;MAAA,OAAWD,KAAK,CAACC,KAAD,CAAL,KAAiBC,SAA5B;IAAA,CAAd,EAAqDhB,OAArD,CAA6D,UAACe,KAAD;MAAA,OAC3D5B,UAAU,CAACa,OAAX,CAAmB,UAACiB,SAAD;QAAA,OACjB7B,KAAK,CAACqB,WAAN,WAAqBM,KAArB,cAA8BE,SAA9B,GAA2C,yBAAWH,KAAK,CAACC,KAAD,CAAhB,EAAyBE,SAAzB,CAA3C,CADiB;MAAA,CAAnB,CAD2D;IAAA,CAA7D;EAKD;AAtCkB,CAAd"}
+{"version":3,"file":"theme.js","names":["VAR_DOMAIN","COLORS","MAGNITUDES","Theme","get","domain","style","getComputedStyle","document","querySelector","variables","styleSheets","filter","stylesheet","ownerRule","forEach","cssRules","rule","type","name","includes","camelcase","replace","getPropertyValue","trim","setVariable","variable","value","setProperty","shadeColors","theme","color","undefined","magnitude","colorShade"],"sources":["../../src/theme/theme.js"],"sourcesContent":["const VAR_DOMAIN = '--mirai-ui-';\n\nimport { camelcase, colorShade } from './helpers';\n\nconst COLORS = ['accent'];\nconst MAGNITUDES = [400, 300, 200];\n\nexport const Theme = {\n  get: (domain = VAR_DOMAIN) => {\n    const style = getComputedStyle(document.querySelector(':root'));\n\n    const variables = {};\n    [...document.styleSheets]\n      .filter((stylesheet) => !!stylesheet.ownerRule)\n      .forEach((stylesheet) => {\n        [...stylesheet.cssRules]\n          .filter((rule = {}) => rule.type === 1)\n          .forEach((rule = {}) => {\n            [...rule.style]\n              .filter((name) => name.includes(domain))\n              .forEach(\n                (name) => (variables[camelcase(name.replace(domain, ''))] = style.getPropertyValue(name).trim()),\n              );\n          });\n      });\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = VAR_DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n\n    Theme.shadeColors();\n  },\n\n  shadeColors: () => {\n    const theme = Theme.get();\n\n    COLORS.filter((color) => theme[color] !== undefined).forEach((color) =>\n      MAGNITUDES.forEach((magnitude) =>\n        Theme.setVariable(`${color}-${magnitude}`, colorShade(theme[color], magnitude)),\n      ),\n    );\n  },\n};\n"],"mappings":";;;;;;AAEA;AAAkD;AAAA;AAAA;AAAA;AAAA;AAAA;AAFlD,IAAMA,UAAU,GAAG,aAAa;AAIhC,IAAMC,MAAM,GAAG,CAAC,QAAQ,CAAC;AACzB,IAAMC,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAE3B,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,eAAyB;IAAA,IAAxBC,MAAM,uEAAGL,UAAU;IACvB,IAAMM,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE/D,IAAMC,SAAS,GAAG,CAAC,CAAC;IACpB,mBAAIF,QAAQ,CAACG,WAAW,EACrBC,MAAM,CAAC,UAACC,UAAU;MAAA,OAAK,CAAC,CAACA,UAAU,CAACC,SAAS;IAAA,EAAC,CAC9CC,OAAO,CAAC,UAACF,UAAU,EAAK;MACvB,mBAAIA,UAAU,CAACG,QAAQ,EACpBJ,MAAM,CAAC;QAAA,IAACK,IAAI,uEAAG,CAAC,CAAC;QAAA,OAAKA,IAAI,CAACC,IAAI,KAAK,CAAC;MAAA,EAAC,CACtCH,OAAO,CAAC,YAAe;QAAA,IAAdE,IAAI,uEAAG,CAAC,CAAC;QACjB,mBAAIA,IAAI,CAACX,KAAK,EACXM,MAAM,CAAC,UAACO,IAAI;UAAA,OAAKA,IAAI,CAACC,QAAQ,CAACf,MAAM,CAAC;QAAA,EAAC,CACvCU,OAAO,CACN,UAACI,IAAI;UAAA,OAAMT,SAAS,CAAC,IAAAW,kBAAS,EAACF,IAAI,CAACG,OAAO,CAACjB,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAGC,KAAK,CAACiB,gBAAgB,CAACJ,IAAI,CAAC,CAACK,IAAI,EAAE;QAAA,CAAC,CACjG;MACL,CAAC,CAAC;IACN,CAAC,CAAC;IAEJ,OAAOd,SAAS;EAClB,CAAC;EAEDe,WAAW,EAAE,qBAACC,QAAQ,EAAEC,KAAK,EAA0B;IAAA,IAAxBtB,MAAM,uEAAGL,UAAU;IAChD,4BAAkBQ,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;MAAzCH,KAAK,yBAALA,KAAK;IAEbA,KAAK,CAACsB,WAAW,WAAIvB,MAAM,SAAGqB,QAAQ,GAAIC,KAAK,CAAC;IAEhDxB,KAAK,CAAC0B,WAAW,EAAE;EACrB,CAAC;EAEDA,WAAW,EAAE,uBAAM;IACjB,IAAMC,KAAK,GAAG3B,KAAK,CAACC,GAAG,EAAE;IAEzBH,MAAM,CAACW,MAAM,CAAC,UAACmB,KAAK;MAAA,OAAKD,KAAK,CAACC,KAAK,CAAC,KAAKC,SAAS;IAAA,EAAC,CAACjB,OAAO,CAAC,UAACgB,KAAK;MAAA,OACjE7B,UAAU,CAACa,OAAO,CAAC,UAACkB,SAAS;QAAA,OAC3B9B,KAAK,CAACsB,WAAW,WAAIM,KAAK,cAAIE,SAAS,GAAI,IAAAC,mBAAU,EAACJ,KAAK,CAACC,KAAK,CAAC,EAAEE,SAAS,CAAC,CAAC;MAAA,EAChF;IAAA,EACF;EACH;AACF,CAAC;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.65",
+  "version": "1.0.66",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -26,24 +26,22 @@
     "@mirai/locale": "^0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-icons": "^4.3.1"
+    "react-icons": "^4.7.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7",
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-react": "^7.17.12",
-    "@ladle/react": "^2.4.5",
-    "@mirai/eslint": "^0.1",
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/react-hooks": "^7.0.2",
-    "babel-polyfill": "^6.26.0",
-    "parcel": "^2.5.0",
-    "postcss": "^8.0.0",
-    "postcss-modules": "^4.3.0",
-    "process": "^0.11.10",
+    "@babel/cli": "7.19.3",
+    "@babel/core": "7.20.5",
+    "@babel/preset-env": "7.20.2",
+    "@babel/preset-react": "7.18.6",
+    "@ladle/react": "2.4.5",
+    "@mirai/eslint": "0.1",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/react-hooks": "7.0.2",
+    "babel-polyfill": "6.26.0",
+    "parcel": "2.7.0",
+    "process": "0.11.10",
     "react-scripts": "5.0.1",
-    "source-map-explorer": "^2.5.2"
+    "source-map-explorer": "2.5.3"
   },
   "engines": {
     "node": ">=16.15.0"