@mirai/ui 1.0.0

package/build/primitives/Text/Text.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _TextModule = _interopRequireDefault(require("./Text.module.css"));
+
+var _excluded = ["action", "bold", "children", "headline", "lighten", "small", "tag", "upperCase"];
+
+var Text = function Text(_ref) {
+  var action = _ref.action,
+      bold = _ref.bold,
+      children = _ref.children,
+      headline = _ref.headline,
+      lighten = _ref.lighten,
+      small = _ref.small,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      upperCase = _ref.upperCase,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(tag, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, lighten && _TextModule.default.lighten, headline ? _TextModule.default.headline : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, upperCase && _TextModule.default.upperCase, others.className)
+  }), children);
+};
+
+exports.Text = Text;
+Text.displayName = 'Primitive:Text';
+//# sourceMappingURL=Text.js.map

package/build/primitives/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/Text/Text.jsx"],"names":["Text","action","bold","children","headline","lighten","small","tag","upperCase","others","React","createElement","className","style","text","paragraph","displayName"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,IAAX,QAAWA,IAAX;AAAA,MAAiBC,QAAjB,QAAiBA,QAAjB;AAAA,MAA2BC,QAA3B,QAA2BA,QAA3B;AAAA,MAAqCC,OAArC,QAAqCA,OAArC;AAAA,MAA8CC,KAA9C,QAA8CA,KAA9C;AAAA,sBAAqDC,GAArD;AAAA,MAAqDA,GAArD,yBAA2D,MAA3D;AAAA,MAAmEC,SAAnE,QAAmEA,SAAnE;AAAA,MAAiFC,MAAjF;AAAA,sBACXC,eAAMC,aAAN,CACEJ,GADF,8DAGOE,MAHP;AAIIG,IAAAA,SAAS,EAAE,qBACTC,oBAAMC,IADG,EAETZ,IAAI,IAAIW,oBAAMX,IAFL,EAGTG,OAAO,IAAIQ,oBAAMR,OAHR,EAITD,QAAQ,GAAGS,oBAAMT,QAAT,GAAoBH,MAAM,GAAGY,oBAAMZ,MAAT,GAAkBK,KAAK,GAAGO,oBAAMP,KAAT,GAAiBO,oBAAME,SAJvE,EAKTP,SAAS,IAAIK,oBAAML,SALV,EAMTC,MAAM,CAACG,SANE;AAJf,MAaET,QAbF,CADW;AAAA,CAAb;;;AAiBAH,IAAI,CAACgB,WAAL,GAAmB,gBAAnB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Text.module.css';\n\nconst Text = ({ action, bold, children, headline, lighten, small, tag = 'span', upperCase, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        lighten && style.lighten,\n        headline ? style.headline : action ? style.action : small ? style.small : style.paragraph,\n        upperCase && style.upperCase,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  headline: PropTypes.bool,\n  lighten: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n};\n\nexport { Text };\n"],"file":"Text.js"}

package/build/primitives/Text/Text.module.css

@@ -0,0 +1,36 @@
+.text {
+  color: var(--mirai-ui-content);
+  direction: var(--mirai-ui-text-direction);
+  display: inline-block;
+  font-family: var(--mirai-ui-font);
+  font-weight: var(--mirai-ui-font-weight);
+}
+
+.bold {
+  font-family: var(--mirai-ui-font-bold);
+  font-weight: var(--mirai-ui-font-bold-weight);
+}
+
+.lighten {
+  color: var(--mirai-ui-lighten);
+}
+
+.headline {
+  font-size: var(--mirai-ui-font-size-headline);
+}
+
+.paragraph {
+  font-size: var(--mirai-ui-font-size-paragraph);
+}
+
+.action {
+  font-size: var(--mirai-ui-font-size-action);
+}
+
+.small {
+  font-size: var(--mirai-ui-font-size-small);
+}
+
+.upperCase {
+  text-transform: uppercase;
+}

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

@@ -0,0 +1,102 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Text> inherit:className 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph mirai"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:action 1`] = `
+<DocumentFragment>
+  <span
+    class="text action"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:bold 1`] = `
+<DocumentFragment>
+  <span
+    class="text bold paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:h1 1`] = `
+<DocumentFragment>
+  <h1
+    class="text paragraph"
+  >
+    Lorem Ipsum
+  </h1>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:headline 1`] = `
+<DocumentFragment>
+  <span
+    class="text headline"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:lighten 1`] = `
+<DocumentFragment>
+  <span
+    class="text lighten paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:small 1`] = `
+<DocumentFragment>
+  <span
+    class="text small"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:upperCase 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph upperCase"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> renders 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> testID 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph"
+    data-testid="mirai"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;

package/build/primitives/Text/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/build/primitives/View/View.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.View = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _ViewModule = _interopRequireDefault(require("./View.module.css"));
+
+var _excluded = ["children", "fit", "row", "tag"];
+
+var View = function View(_ref) {
+  var children = _ref.children,
+      fit = _ref.fit,
+      row = _ref.row,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(tag, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+    className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && _ViewModule.default.row, others.className)
+  }), children);
+};
+
+exports.View = View;
+View.displayName = 'Primitive:View';
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/View/View.jsx"],"names":["View","children","fit","row","tag","others","React","createElement","className","style","view","displayName"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,GAAb,QAAaA,GAAb;AAAA,MAAkBC,GAAlB,QAAkBA,GAAlB;AAAA,sBAAuBC,GAAvB;AAAA,MAAuBA,GAAvB,yBAA6B,KAA7B;AAAA,MAAuCC,MAAvC;AAAA,sBACXC,eAAMC,aAAN,CACEH,GADF,8DAGOC,MAHP;AAIIG,IAAAA,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBR,GAAG,IAAIO,oBAAMP,GAAhC,EAAqCC,GAAG,IAAIM,oBAAMN,GAAlD,EAAuDE,MAAM,CAACG,SAA9D;AAJf,MAMEP,QANF,CADW;AAAA,CAAb;;;AAUAD,IAAI,CAACW,WAAL,GAAmB,gBAAnB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './View.module.css';\n\nconst View = ({ children, fit, row, tag = 'div', ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(style.view, fit && style.fit, row && style.row, others.className),\n    },\n    children,\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"],"file":"View.js"}

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

@@ -0,0 +1,16 @@
+.view {
+  display: flex;
+}
+
+.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,"sources":["../../../src/primitives/View/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './View';\n"],"file":"index.js"}

package/build/primitives/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _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 _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];
+    }
+  });
+});
+
+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 _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];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/primitives/index.js.map

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

package/build/theme/default.theme.css

@@ -0,0 +1,37 @@
+: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-text-direction: ltr;
+
+  /* palette */
+  --mirai-ui-base: #ffffff;
+  --mirai-ui-content: #000000;
+  --mirai-ui-accent: #cd3147;
+  --mirai-ui-lighten: #aaaaaa;
+  --mirai-ui-disabled: #dddddd;
+  --mirai-ui-error: #f00;
+
+  /* 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;
+
+  /* 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: 2px;
+}

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,"sources":["../../../src/theme/helpers/camelcase.js"],"names":["camelcase","value","replace","match","index","toLowerCase","toUpperCase","undefined"],"mappings":";;;;;;;AAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,MAACC,KAAD,uEAAS,EAAT;AAAA,SACvB,OAAOA,KAAP,KAAiB,QAAjB,GACIA,KAAK,CACFC,OADH,CACW,IADX,EACiB,GADjB,EAEGA,OAFH,CAEW,yBAFX,EAEsC,UAACC,KAAD,EAAQC,KAAR;AAAA,WAClC,CAACD,KAAD,KAAW,CAAX,GAAe,EAAf,GAAoBC,KAAK,KAAK,CAAV,GAAcD,KAAK,CAACE,WAAN,EAAd,GAAoCF,KAAK,CAACG,WAAN,EADtB;AAAA,GAFtC,CADJ,GAMIC,SAPmB;AAAA,CAAlB","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"],"file":"camelcase.js"}

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,"sources":["../../../src/theme/helpers/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './camelcase';\n"],"file":"index.js"}

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,"sources":["../../src/theme/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './theme';\n"],"file":"index.js"}

package/build/theme/theme.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Theme = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _helpers = require("./helpers");
+
+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 = {};
+    (0, _toConsumableArray2.default)(document.styleSheets).forEach(function (stylesheet) {
+      (0, _toConsumableArray2.default)(stylesheet.cssRules).filter(function (rule) {
+        return rule.type === 1;
+      }).forEach(function (rule) {
+        (0, _toConsumableArray2.default)(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,"sources":["../../src/theme/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"],"mappings":";;;;;;;;;;;AAEA;;AAFA,IAAMA,UAAU,GAAG,aAAnB;AAIO,IAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,eAAyB;AAAA,QAAxBC,MAAwB,uEAAfH,UAAe;AAC5B,QAAMI,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAD,CAA9B;AAEA,QAAMC,SAAS,GAAG,EAAlB;AACA,qCAAIF,QAAQ,CAACG,WAAb,EAA0BC,OAA1B,CAAkC,UAACC,UAAD,EAAgB;AAChD,uCAAIA,UAAU,CAACC,QAAf,EACGC,MADH,CACU,UAACC,IAAD;AAAA,eAAUA,IAAI,CAACC,IAAL,KAAc,CAAxB;AAAA,OADV,EAEGL,OAFH,CAEW,UAACI,IAAD,EAAU;AACjB,yCAAIA,IAAI,CAACV,KAAT,EACGS,MADH,CACU,UAACG,IAAD;AAAA,iBAAUA,IAAI,CAACC,QAAL,CAAcd,MAAd,CAAV;AAAA,SADV,EAEGO,OAFH,CAEW,UAACM,IAAD;AAAA,iBAAWR,SAAS,CAAC,wBAAUQ,IAAI,CAACE,OAAL,CAAaf,MAAb,EAAqB,EAArB,CAAV,CAAD,CAAT,GAAiDC,KAAK,CAACe,gBAAN,CAAuBH,IAAvB,EAA6BI,IAA7B,EAA5D;AAAA,SAFX;AAGD,OANH;AAOD,KARD;AAUA,WAAOZ,SAAP;AACD,GAhBkB;AAkBnBa,EAAAA,WAAW,EAAE,qBAACC,QAAD,EAAWC,KAAX,EAA0C;AAAA,QAAxBpB,MAAwB,uEAAfH,UAAe;;AACrD,gCAAkBM,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAlB;AAAA,QAAQH,KAAR,yBAAQA,KAAR;;AAEAA,IAAAA,KAAK,CAACoB,WAAN,WAAqBrB,MAArB,SAA8BmB,QAA9B,GAA0CC,KAA1C;AACD;AAtBkB,CAAd","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"],"file":"theme.js"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@mirai/ui",
+  "version": "1.0.0",
+  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
+  "author": "JΛVI <hello@soyjavi.com>",
+  "license": "MIT",
+  "main": "build/index.js",
+  "files": [
+    "build",
+    "README.md"
+  ],
+  "scripts": {
+    "setup": "rm -rf node_modules && rm -rf yarn.lock && yarn install --force",
+    "build": "node scripts/build.js",
+    "build:stats": "source-map-explorer 'build/**/*.js'",
+    "start": "parcel public/index.html --port 8080 --host local.mirai.com --open",
+    "lint": "eslint --cache --fix --format codeframe --ext .jsx,.js src",
+    "test": "react-scripts test"
+  },
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-icons": "^4.3.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7",
+    "@babel/core": "^7.9.0",
+    "@mirai/eslint": "^0.1",
+    "@mirai/locale": "^0.1",
+    "@testing-library/react": "^12.1.4",
+    "@testing-library/react-hooks": "^7.0.2",
+    "parcel": "2.3.2",
+    "postcss": "^8.0.0",
+    "postcss-modules": "^4.3.0",
+    "process": "^0.11.10",
+    "react-scripts": "5.0.0",
+    "source-map-explorer": "^2.5.2"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}