@mirai/ui 1.0.12 → 1.0.13

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

@@ -0,0 +1,178 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Select> inherit:className 1`] = `
+<DocumentFragment>
+  <select
+    class="select mirai"
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </select>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Select> prop:disabled 1`] = `
+<DocumentFragment>
+  <select
+    class="select"
+    disabled=""
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </select>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Select> prop:value 1`] = `
+<DocumentFragment>
+  <select
+    class="select"
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </select>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Select> renders 1`] = `
+<DocumentFragment>
+  <select
+    class="select"
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </select>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Select> testID 1`] = `
+<DocumentFragment>
+  <select
+    class="select"
+    data-testid="mirai"
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </select>
+</DocumentFragment>
+`;

package/build/primitives/Select/index.js

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

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

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

package/build/primitives/Switch/Switch.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _SwitchModule = _interopRequireDefault(require("./Switch.module.css"));
+
+var _excluded = ["checked", "disabled", "name", "onChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 Switch = function Switch(_ref) {
+  var checked = _ref.checked,
+      disabled = _ref.disabled,
+      name = _ref.name,
+      onChange = _ref.onChange,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var handleChange = function handleChange(event) {
+    onChange && onChange(!checked, event);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, others, {
+    className: (0, _helpers.styles)(_SwitchModule.default.switch, others.className),
+    onClick: !disabled ? handleChange : undefined
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    checked: checked,
+    disabled: disabled,
+    name: name,
+    type: "checkbox"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _SwitchModule.default.area
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _SwitchModule.default.toggle
+  })));
+};
+
+exports.Switch = Switch;
+Switch.displayName = 'Primitive:Switch';
+Switch.propTypes = {
+  checked: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  name: _propTypes.default.string.isRequired,
+  onChange: _propTypes.default.func
+};
+//# sourceMappingURL=Switch.js.map

package/build/primitives/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","name","onChange","others","handleChange","event","style","switch","className","undefined","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked, disabled, name, onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(!checked, event);\n  };\n\n  return (\n    <div {...others} className={styles(style.switch, others.className)} onClick={!disabled ? handleChange : undefined}>\n      <input checked={checked} disabled={disabled} name={name} type=\"checkbox\" />\n      <div className={style.area}>\n        <span className={style.toggle}></span>\n      </div>\n    </div>\n  );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsD;EAAA,IAAnDC,OAAmD,QAAnDA,OAAmD;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAAhCC,IAAgC,QAAhCA,IAAgC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EACnE,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACH,OAAF,EAAWM,KAAX,CAApB;EACD,CAFD;;EAIA,oBACE,iDAASF,MAAT;IAAiB,SAAS,EAAE,qBAAOG,sBAAMC,MAAb,EAAqBJ,MAAM,CAACK,SAA5B,CAA5B;IAAoE,OAAO,EAAE,CAACR,QAAD,GAAYI,YAAZ,GAA2BK;EAAxG,iBACE;IAAO,OAAO,EAAEV,OAAhB;IAAyB,QAAQ,EAAEC,QAAnC;IAA6C,IAAI,EAAEC,IAAnD;IAAyD,IAAI,EAAC;EAA9D,EADF,eAEE;IAAK,SAAS,EAAEK,sBAAMI;EAAtB,gBACE;IAAM,SAAS,EAAEJ,sBAAMK;EAAvB,EADF,CAFF,CADF;AAQD,CAbD;;;AAeAb,MAAM,CAACc,WAAP,GAAqB,kBAArB;AAEAd,MAAM,CAACe,SAAP,GAAmB;EACjBd,OAAO,EAAEe,mBAAUC,IADF;EAEjBf,QAAQ,EAAEc,mBAAUC,IAFH;EAGjBd,IAAI,EAAEa,mBAAUE,MAAV,CAAiBC,UAHN;EAIjBf,QAAQ,EAAEY,mBAAUI;AAJH,CAAnB"}

package/build/primitives/Switch/Switch.module.css

@@ -0,0 +1,65 @@
+:root {
+  --mirai-ui-switch-base: var(--mirai-ui-base);
+  --mirai-ui-switch-border-color: var(--mirai-ui-content-400);
+  --mirai-ui-switch-border-size: calc(var(--mirai-ui-space-XS) / 4);
+  --mirai-ui-switch-border-radius: var(--mirai-ui-space-L);
+  --mirai-ui-switch-checked: var(--mirai-ui-accent);
+  --mirai-ui-switch-disabled: var(--mirai-ui-content-300);
+  --mirai-ui-switch-size: var(--mirai-ui-space-L);
+}
+
+.switch {
+  align-self: flex-start;
+  box-sizing: border-box;
+}
+
+.switch input {
+  height: 0;
+  outline: none;
+  pointer-events: none;
+  position: absolute;
+  user-select: none;
+  visibility: hidden;
+  width: 0;
+
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.switch .area {
+  align-items: center;
+  justify-content: center;
+  background-color: var(--mirai-ui-switch-border-color);
+  border-radius: var(--mirai-ui-switch-border-radius);
+  cursor: pointer;
+  display: flex;
+  height: calc(var(--mirai-ui-switch-size) + calc(var(--mirai-ui-switch-border-size) * 2));
+  position: relative;
+  transition: background-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
+  width: calc(var(--mirai-ui-switch-size) * 2);
+}
+
+.switch .toggle {
+  background-color: var(--mirai-ui-switch-base);
+  border-radius: calc(var(--mirai-ui-switch-border-radius) - var(--mirai-ui-switch-border-size));
+  height: var(--mirai-ui-switch-size);
+  left: var(--mirai-ui-switch-border-size);
+  position: absolute;
+  top: var(--mirai-ui-switch-border-size);
+  transition: var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
+  width: var(--mirai-ui-switch-size);
+}
+
+.switch input:checked + .area {
+  background-color: var(--mirai-ui-switch-checked);
+}
+
+.switch input:disabled + .area {
+  background-color: var(--mirai-ui-switch-disabled);
+}
+
+.switch input:checked + .area .toggle {
+  left: calc(100% - var(--mirai-ui-switch-border-size));
+  transform: translateX(-100%);
+}

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

@@ -0,0 +1,104 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Switch> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="switch mirai"
+  >
+    <input
+      name="name"
+      type="checkbox"
+    />
+    <div
+      class="area"
+    >
+      <span
+        class="toggle"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Switch> prop:checked 1`] = `
+<DocumentFragment>
+  <div
+    class="switch"
+  >
+    <input
+      checked=""
+      name="name"
+      type="checkbox"
+    />
+    <div
+      class="area"
+    >
+      <span
+        class="toggle"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Switch> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="switch"
+  >
+    <input
+      disabled=""
+      name="name"
+      type="checkbox"
+    />
+    <div
+      class="area"
+    >
+      <span
+        class="toggle"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Switch> render 1`] = `
+<DocumentFragment>
+  <div
+    class="switch"
+  >
+    <input
+      name="name"
+      type="checkbox"
+    />
+    <div
+      class="area"
+    >
+      <span
+        class="toggle"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Switch> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="switch"
+    data-testid="mirai"
+  >
+    <input
+      name="name"
+      type="checkbox"
+    />
+    <div
+      class="area"
+    >
+      <span
+        class="toggle"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/primitives/Switch/index.js

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

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

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

package/build/primitives/Text/Text.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _TextModule = _interopRequireDefault(require("./Text.module.css"));
+
+var _excluded = ["action", "bold", "children", "headline", "small", "tag", "upperCase"];
+
+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 Text = function Text(_ref) {
+  var action = _ref.action,
+      bold = _ref.bold,
+      children = _ref.children,
+      headline = _ref.headline,
+      small = _ref.small,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      upperCase = _ref.upperCase,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
+    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, 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';
+Text.propTypes = {
+  action: _propTypes.default.bool,
+  bold: _propTypes.default.bool,
+  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  headline: _propTypes.default.bool,
+  upperCase: _propTypes.default.bool,
+  small: _propTypes.default.bool,
+  tag: _propTypes.default.string
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","small","tag","upperCase","others","React","createElement","className","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number"],"sources":["../../../src/primitives/Text/Text.jsx"],"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, small, tag = 'span', upperCase, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\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  upperCase: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,IAAX,QAAWA,IAAX;EAAA,IAAiBC,QAAjB,QAAiBA,QAAjB;EAAA,IAA2BC,QAA3B,QAA2BA,QAA3B;EAAA,IAAqCC,KAArC,QAAqCA,KAArC;EAAA,oBAA4CC,GAA5C;EAAA,IAA4CA,GAA5C,yBAAkD,MAAlD;EAAA,IAA0DC,SAA1D,QAA0DA,SAA1D;EAAA,IAAwEC,MAAxE;;EAAA,oBACXC,eAAMC,aAAN,CACEJ,GADF,kCAGOE,MAHP;IAIIG,SAAS,EAAE,qBACTC,oBAAMC,IADG,EAETX,IAAI,IAAIU,oBAAMV,IAFL,EAGTE,QAAQ,GAAGQ,oBAAMR,QAAT,GAAoBH,MAAM,GAAGW,oBAAMX,MAAT,GAAkBI,KAAK,GAAGO,oBAAMP,KAAT,GAAiBO,oBAAME,SAHvE,EAITP,SAAS,IAAIK,oBAAML,SAJV,EAKTC,MAAM,CAACG,SALE;EAJf,IAYER,QAZF,CADW;AAAA,CAAb;;;AAgBAH,IAAI,CAACe,WAAL,GAAmB,gBAAnB;AAEAf,IAAI,CAACgB,SAAL,GAAiB;EACff,MAAM,EAAEgB,mBAAUC,IADH;EAEfhB,IAAI,EAAEe,mBAAUC,IAFD;EAGff,QAAQ,EAAEc,mBAAUE,SAAV,CAAoB,CAACF,mBAAUG,MAAX,EAAmBH,mBAAUI,MAA7B,CAApB,CAHK;EAIfjB,QAAQ,EAAEa,mBAAUC,IAJL;EAKfX,SAAS,EAAEU,mBAAUC,IALN;EAMfb,KAAK,EAAEY,mBAAUC,IANF;EAOfZ,GAAG,EAAEW,mBAAUG;AAPA,CAAjB"}

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

@@ -0,0 +1,33 @@
+.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);
+  text-align: var(--mirai-ui-text-align);
+}
+
+.bold {
+  font-family: var(--mirai-ui-font-bold);
+  font-weight: var(--mirai-ui-font-bold-weight);
+}
+
+.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,92 @@
+// 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: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,"file":"index.js","names":[],"sources":["../../../src/primitives/Text/index.js"],"sourcesContent":["export * from './Text';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}