@mirai/ui 1.0.12 → 1.0.13

package/build/primitives/View/View.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.View = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _ViewModule = _interopRequireDefault(require("./View.module.css"));
+
+var _excluded = ["children", "fit", "row", "tag"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      fit = _ref.fit,
+      row = _ref.row,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
+    className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && _ViewModule.default.row, others.className),
+    ref: ref
+  }), children);
+});
+
+exports.View = View;
+View.displayName = 'Primitive:View';
+View.propTypes = {
+  children: _propTypes.default.node,
+  fit: _propTypes.default.bool,
+  row: _propTypes.default.bool,
+  tag: _propTypes.default.string
+};
+//# sourceMappingURL=View.js.map

package/build/primitives/View/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","row","tag","others","createElement","className","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './View.module.css';\n\nconst View = React.forwardRef(({ children, fit, row, tag = 'div', ...others }, ref) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(style.view, fit && style.fit, row && style.row, others.className),\n      ref: ref,\n    },\n    children,\n  ),\n);\n\nView.displayName = 'Primitive:View';\n\nView.propTypes = {\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  row: PropTypes.bool,\n  tag: PropTypes.string,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAGC,eAAMC,UAAN,CAAiB,gBAAiDC,GAAjD;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,GAAb,QAAaA,GAAb;EAAA,IAAkBC,GAAlB,QAAkBA,GAAlB;EAAA,oBAAuBC,GAAvB;EAAA,IAAuBA,GAAvB,yBAA6B,KAA7B;EAAA,IAAuCC,MAAvC;;EAAA,oBAC5BP,eAAMQ,aAAN,CACEF,GADF,kCAGOC,MAHP;IAIIE,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBP,GAAG,IAAIM,oBAAMN,GAAhC,EAAqCC,GAAG,IAAIK,oBAAML,GAAlD,EAAuDE,MAAM,CAACE,SAA9D,CAJf;IAKIP,GAAG,EAAEA;EALT,IAOEC,QAPF,CAD4B;AAAA,CAAjB,CAAb;;;AAYAJ,IAAI,CAACa,WAAL,GAAmB,gBAAnB;AAEAb,IAAI,CAACc,SAAL,GAAiB;EACfV,QAAQ,EAAEW,mBAAUC,IADL;EAEfX,GAAG,EAAEU,mBAAUE,IAFA;EAGfX,GAAG,EAAES,mBAAUE,IAHA;EAIfV,GAAG,EAAEQ,mBAAUG;AAJA,CAAjB"}

package/build/primitives/View/View.module.css

@@ -0,0 +1,17 @@
+.view {
+  display: flex;
+  box-sizing: border-box;
+}
+
+.view:not(.row) {
+  flex-direction: column;
+}
+
+.fit {
+  width: fit-content;
+}
+
+.row {
+  align-items: center;
+  flex-direction: row;
+}

package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<View> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> prop:children 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span>
+      mirai
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> prop:fit 1`] = `
+<DocumentFragment>
+  <div
+    class="view fit"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> prop:row 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> prop:tag 1`] = `
+<DocumentFragment>
+  <section
+    class="view"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<View> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  />
+</DocumentFragment>
+`;

package/build/primitives/View/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _View = require("./View");
+
+Object.keys(_View).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _View[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _View[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/primitives/View/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/View/index.js"],"sourcesContent":["export * from './View';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/index.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Checkbox = require("./Checkbox");
+
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Checkbox[key];
+    }
+  });
+});
+
+var _Icon = require("./Icon");
+
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});
+
+var _Input = require("./Input");
+
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+
+var _Layer = require("./Layer");
+
+Object.keys(_Layer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Layer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Layer[key];
+    }
+  });
+});
+
+var _Pressable = require("./Pressable");
+
+Object.keys(_Pressable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pressable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pressable[key];
+    }
+  });
+});
+
+var _Radio = require("./Radio");
+
+Object.keys(_Radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Radio[key];
+    }
+  });
+});
+
+var _ScrollView = require("./ScrollView");
+
+Object.keys(_ScrollView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScrollView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ScrollView[key];
+    }
+  });
+});
+
+var _Select = require("./Select");
+
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+
+var _Switch = require("./Switch");
+
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});
+
+var _Text = require("./Text");
+
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Text[key];
+    }
+  });
+});
+
+var _View = require("./View");
+
+Object.keys(_View).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _View[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _View[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/primitives/index.js"],"sourcesContent":["export * from './Checkbox';\nexport * from './Icon';\nexport * from './Input';\nexport * from './Layer';\nexport * from './Pressable';\nexport * from './Radio';\nexport * from './ScrollView';\nexport * from './Select';\nexport * from './Switch';\nexport * from './Text';\nexport * from './View';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/theme/default.theme.css

@@ -0,0 +1,55 @@
+:root {
+  /* typography */
+  --mirai-ui-font: Helvetica;
+  --mirai-ui-input-font: Helvetica;
+  --mirai-ui-font-weight: 400;
+  --mirai-ui-font-bold: Helvetica;
+  --mirai-ui-font-bold-weight: 700;
+  --mirai-ui-font-size-headline: 24px;
+  --mirai-ui-font-size-paragraph: 16px;
+  --mirai-ui-font-size-action: 15px;
+  --mirai-ui-font-size-small: 11px;
+  --mirai-ui-input-font-size: 16px;
+  --mirai-ui-text-direction: ltr;
+  --mirai-ui-text-align: left;
+
+  /* palette */
+  --mirai-ui-base: #ffffff;
+  /* !TODO: Change to -text ------------------------------------------------- */
+  --mirai-ui-content: #202020;
+  --mirai-ui-content-400: #5f6368;
+  --mirai-ui-content-300: #d3d3d3;
+  /* !TODO ------------------------------------------------------------------ */
+
+  --mirai-ui-accent: #3978c5;
+  --mirai-ui-accent-400: #609ae0;
+  --mirai-ui-accent-300: #b7d3f9;
+  --mirai-ui-accent-200: #e5eefa;
+
+  --mirai-ui-error: #e04646;
+  --mirai-ui-error-400: #eccccc;
+  --mirai-ui-success: #5fb560;
+  --mirai-ui-success-400: #c6e7c6;
+
+  /* spacing */
+  --mirai-ui-space-XS: 8px;
+  --mirai-ui-space-S: 12px;
+  --mirai-ui-space-M: 16px;
+  --mirai-ui-space-L: 24px;
+  --mirai-ui-space-XL: 32px;
+  --mirai-ui-space-XXL: 56px;
+
+  /* layer */
+  --mirai-ui-layer-S: 0;
+  --mirai-ui-layer-M: 1;
+  --mirai-ui-layer-L: 10;
+  --mirai-ui-layer-XL: 100;
+
+  /* motion */
+  --mirai-ui-motion-collapse: 200ms;
+  --mirai-ui-motion-expand: 300ms;
+  --mirai-ui-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
+
+  /* defaults */
+  --mirai-ui-border-radius: 3px;
+}

package/build/theme/helpers/camelcase.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.camelcase = void 0;
+
+var camelcase = function camelcase() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return typeof value === 'string' ? value.replace(/-/g, ' ').replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
+    return +match === 0 ? '' : index === 0 ? match.toLowerCase() : match.toUpperCase();
+  }) : undefined;
+};
+
+exports.camelcase = camelcase;
+//# sourceMappingURL=camelcase.js.map

package/build/theme/helpers/camelcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camelcase.js","names":["camelcase","value","replace","match","index","toLowerCase","toUpperCase","undefined"],"sources":["../../../src/theme/helpers/camelcase.js"],"sourcesContent":["export const camelcase = (value = '') =>\n  typeof value === 'string'\n    ? value\n        .replace(/-/g, ' ')\n        .replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, (match, index) =>\n          +match === 0 ? '' : index === 0 ? match.toLowerCase() : match.toUpperCase(),\n        )\n    : undefined;\n"],"mappings":";;;;;;;AAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAACC,KAAD,uEAAS,EAAT;EAAA,OACvB,OAAOA,KAAP,KAAiB,QAAjB,GACIA,KAAK,CACFC,OADH,CACW,IADX,EACiB,GADjB,EAEGA,OAFH,CAEW,yBAFX,EAEsC,UAACC,KAAD,EAAQC,KAAR;IAAA,OAClC,CAACD,KAAD,KAAW,CAAX,GAAe,EAAf,GAAoBC,KAAK,KAAK,CAAV,GAAcD,KAAK,CAACE,WAAN,EAAd,GAAoCF,KAAK,CAACG,WAAN,EADtB;EAAA,CAFtC,CADJ,GAMIC,SAPmB;AAAA,CAAlB"}

package/build/theme/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _camelcase = require("./camelcase");
+
+Object.keys(_camelcase).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _camelcase[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _camelcase[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/theme/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/theme/helpers/index.js"],"sourcesContent":["export * from './camelcase';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/theme/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _theme = require("./theme");
+
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _theme[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.js"],"sourcesContent":["export * from './theme';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/theme/theme.js

@@ -0,0 +1,53 @@
+"use strict";
+
+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 Theme = {
+  get: function get() {
+    var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : VAR_DOMAIN;
+    var style = getComputedStyle(document.querySelector(':root'));
+    var variables = {};
+
+    _toConsumableArray(document.styleSheets).forEach(function (stylesheet) {
+      _toConsumableArray(stylesheet.cssRules).filter(function (rule) {
+        return rule.type === 1;
+      }).forEach(function (rule) {
+        _toConsumableArray(rule.style).filter(function (name) {
+          return name.includes(domain);
+        }).forEach(function (name) {
+          return variables[(0, _helpers.camelcase)(name.replace(domain, ''))] = style.getPropertyValue(name).trim();
+        });
+      });
+    });
+
+    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.setProperty("".concat(domain).concat(variable), value);
+  }
+};
+exports.Theme = Theme;
+//# sourceMappingURL=theme.js.map

package/build/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":["VAR_DOMAIN","Theme","get","domain","style","getComputedStyle","document","querySelector","variables","styleSheets","forEach","stylesheet","cssRules","filter","rule","type","name","includes","replace","getPropertyValue","trim","setVariable","variable","value","setProperty"],"sources":["../../src/theme/theme.js"],"sourcesContent":["const VAR_DOMAIN = '--mirai-ui-';\n\nimport { camelcase } from './helpers';\n\nexport const Theme = {\n  get: (domain = VAR_DOMAIN) => {\n    const style = getComputedStyle(document.querySelector(':root'));\n\n    const variables = {};\n    [...document.styleSheets].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((name) => (variables[camelcase(name.replace(domain, ''))] = style.getPropertyValue(name).trim()));\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};\n"],"mappings":";;;;;;;AAEA;;;;;;;;;;;;;;AAFA,IAAMA,UAAU,GAAG,aAAnB;AAIO,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,eAAyB;IAAA,IAAxBC,MAAwB,uEAAfH,UAAe;IAC5B,IAAMI,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAD,CAA9B;IAEA,IAAMC,SAAS,GAAG,EAAlB;;IACA,mBAAIF,QAAQ,CAACG,WAAb,EAA0BC,OAA1B,CAAkC,UAACC,UAAD,EAAgB;MAChD,mBAAIA,UAAU,CAACC,QAAf,EACGC,MADH,CACU,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACC,IAAL,KAAc,CAAxB;MAAA,CADV,EAEGL,OAFH,CAEW,UAACI,IAAD,EAAU;QACjB,mBAAIA,IAAI,CAACV,KAAT,EACGS,MADH,CACU,UAACG,IAAD;UAAA,OAAUA,IAAI,CAACC,QAAL,CAAcd,MAAd,CAAV;QAAA,CADV,EAEGO,OAFH,CAEW,UAACM,IAAD;UAAA,OAAWR,SAAS,CAAC,wBAAUQ,IAAI,CAACE,OAAL,CAAaf,MAAb,EAAqB,EAArB,CAAV,CAAD,CAAT,GAAiDC,KAAK,CAACe,gBAAN,CAAuBH,IAAvB,EAA6BI,IAA7B,EAA5D;QAAA,CAFX;MAGD,CANH;IAOD,CARD;;IAUA,OAAOZ,SAAP;EACD,CAhBkB;EAkBnBa,WAAW,EAAE,qBAACC,QAAD,EAAWC,KAAX,EAA0C;IAAA,IAAxBpB,MAAwB,uEAAfH,UAAe;;IACrD,4BAAkBM,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAlB;IAAA,IAAQH,KAAR,yBAAQA,KAAR;;IAEAA,KAAK,CAACoB,WAAN,WAAqBrB,MAArB,SAA8BmB,QAA9B,GAA0CC,KAA1C;EACD;AAtBkB,CAAd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -30,6 +30,8 @@
     "@babel/cli": "^7",
     "@babel/core": "^7.9.0",
     "@mirai/eslint": "^0.1",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-react": "^7.17.12",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^7.0.2",
     "babel-polyfill": "^6.26.0",