@mirai/ui 1.0.9 → 1.0.12

package/build/primitives/Select/Select.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _helpers = require("../../helpers");
-
-var _SelectModule = _interopRequireDefault(require("./Select.module.css"));
-
-var _excluded = ["disabled", "emptyOption", "options", "value", "onChange", "onEnter", "onError", "onLeave"];
-var EMPTY = '';
-
-var Select = function Select(_ref) {
-  var disabled = _ref.disabled,
-      emptyOption = _ref.emptyOption,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      onEnter = _ref.onEnter,
-      onError = _ref.onError,
-      onLeave = _ref.onLeave,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  (0, _react.useEffect)(function () {
-    var errors = (0, _helpers.getInputErrors)((0, _objectSpread2.default)({}, others));
-    if (errors && onError) onError(errors); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  var handleChange = function handleChange(value, event) {
-    onError && onError((0, _helpers.getInputErrors)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
-      value: value
-    })));
-    onChange && onChange(value, event);
-  };
-
-  return /*#__PURE__*/_react.default.createElement('select', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
-    disabled: disabled,
-    value: value,
-    className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className)
-  }, !disabled ? {
-    onChange: function onChange(event) {
-      return handleChange(event.target.value, event);
-    },
-    onFocus: onEnter,
-    onBlur: onLeave
-  } : {}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement("option", {
-    value: EMPTY
-  }, emptyOption), options.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement("option", {
-      svalue: option,
-      key: option
-    }, option);
-  })));
-};
-
-exports.Select = Select;
-Select.displayName = 'Primitive:Input';
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","emptyOption","options","value","onChange","onEnter","onError","onLeave","others","errors","handleChange","event","React","createElement","className","style","select","empty","target","onFocus","onBlur","map","option","displayName"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({ disabled, emptyOption, options = [], value, onChange, onEnter, onError, onLeave, ...others }) => {\n  useEffect(() => {\n    const errors = getInputErrors({ ...others });\n    if (errors && onError) onError(errors);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (value, event) => {\n    onError && onError(getInputErrors({ ...others, value }));\n    onChange && onChange(value, event);\n  };\n\n  return React.createElement(\n    'select',\n    {\n      ...others,\n      disabled,\n      value,\n      className: styles(style.select, value === EMPTY && style.empty, others.className),\n      ...(!disabled\n        ? {\n            onChange: (event) => handleChange(event.target.value, event),\n            onFocus: onEnter,\n            onBlur: onLeave,\n          }\n        : {}),\n    },\n    <>\n      {emptyOption && <option value={EMPTY}>{emptyOption}</option>}\n      {options.map((option) => (\n        <option svalue={option} key={option}>\n          {option}\n        </option>\n      ))}\n    </>,\n  );\n};\n\nSelect.displayName = 'Primitive:Input';\n\nSelect.propTypes = {\n  disabled: PropTypes.bool,\n  emptyOption: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.string),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;;AAEA,IAAMA,KAAK,GAAG,EAAd;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAoG;EAAA,IAAjGC,QAAiG,QAAjGA,QAAiG;EAAA,IAAvFC,WAAuF,QAAvFA,WAAuF;EAAA,wBAA1EC,OAA0E;EAAA,IAA1EA,OAA0E,6BAAhE,EAAgE;EAAA,IAA5DC,KAA4D,QAA5DA,KAA4D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjH,sBAAU,YAAM;IACd,IAAMC,MAAM,GAAG,6DAAoBD,MAApB,EAAf;IACA,IAAIC,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP,CAFT,CAGd;EACD,CAJD,EAIG,EAJH;;EAMA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAAQQ,KAAR,EAAkB;IACrCL,OAAO,IAAIA,OAAO,CAAC,yFAAoBE,MAApB;MAA4BL,KAAK,EAALA;IAA5B,GAAD,CAAlB;IACAC,QAAQ,IAAIA,QAAQ,CAACD,KAAD,EAAQQ,KAAR,CAApB;EACD,CAHD;;EAKA,oBAAOC,eAAMC,aAAN,CACL,QADK,8DAGAL,MAHA;IAIHR,QAAQ,EAARA,QAJG;IAKHG,KAAK,EAALA,KALG;IAMHW,SAAS,EAAE,qBAAOC,sBAAMC,MAAb,EAAqBb,KAAK,KAAKL,KAAV,IAAmBiB,sBAAME,KAA9C,EAAqDT,MAAM,CAACM,SAA5D;EANR,GAOC,CAACd,QAAD,GACA;IACEI,QAAQ,EAAE,kBAACO,KAAD;MAAA,OAAWD,YAAY,CAACC,KAAK,CAACO,MAAN,CAAaf,KAAd,EAAqBQ,KAArB,CAAvB;IAAA,CADZ;IAEEQ,OAAO,EAAEd,OAFX;IAGEe,MAAM,EAAEb;EAHV,CADA,GAMA,EAbD,gBAeL,4DACGN,WAAW,iBAAI;IAAQ,KAAK,EAAEH;EAAf,GAAuBG,WAAvB,CADlB,EAEGC,OAAO,CAACmB,GAAR,CAAY,UAACC,MAAD;IAAA,oBACX;MAAQ,MAAM,EAAEA,MAAhB;MAAwB,GAAG,EAAEA;IAA7B,GACGA,MADH,CADW;EAAA,CAAZ,CAFH,CAfK,CAAP;AAwBD,CApCD;;;AAsCAvB,MAAM,CAACwB,WAAP,GAAqB,iBAArB"}

package/build/primitives/Select/Select.module.css

@@ -1,25 +0,0 @@
-.select {
-  background-color: var(--mirai-ui-base);
-  border: none;
-  box-sizing: border-box;
-  color: var(--mirai-ui-content);
-  font-family: var(--mirai-ui-input-font);
-  font-size: var(--mirai-ui-input-font-size);
-  width: 100%;
-  margin: 0;
-  outline: none;
-  user-select: none;
-
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-.select.empty {
-  color: var(--mirai-ui-lighten);
-}
-
-.select:disabled {
-  /* background-color: transparent; */
-  color: var(--mirai-ui-lighten);
-}

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

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

package/build/primitives/Select/index.js

@@ -1,19 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Switch = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _helpers = require("../../helpers");
-
-var _SwitchModule = _interopRequireDefault(require("./Switch.module.css"));
-
-var _excluded = ["checked", "disabled", "name", "onChange"];
-
-var Switch = function Switch(_ref) {
-  var _ref$checked = _ref.checked,
-      checked = _ref$checked === void 0 ? false : _ref$checked,
-      disabled = _ref.disabled,
-      name = _ref.name,
-      onChange = _ref.onChange,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var handleChange = function handleChange(event) {
-    onChange && onChange(!checked, event);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, 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",
-    className: _SwitchModule.default.input
-  }), /*#__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';
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","name","onChange","others","handleChange","event","style","switch","className","undefined","input","area","toggle","displayName"],"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 = false, 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\" className={style.input} />\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":";;;;;;;;;;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA8D;EAAA,wBAA3DC,OAA2D;EAAA,IAA3DA,OAA2D,6BAAjD,KAAiD;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAAhCC,IAAgC,QAAhCA,IAAgC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC3E,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACH,OAAF,EAAWM,KAAX,CAApB;EACD,CAFD;;EAIA,oBACE,sDAASF,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,UAA9D;IAAyE,SAAS,EAAEK,sBAAMI;EAA1F,EADF,eAEE;IAAK,SAAS,EAAEJ,sBAAMK;EAAtB,gBACE;IAAM,SAAS,EAAEL,sBAAMM;EAAvB,EADF,CAFF,CADF;AAQD,CAbD;;;AAeAd,MAAM,CAACe,WAAP,GAAqB,kBAArB"}

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

@@ -1,57 +0,0 @@
-:root {
-  --mirai-ui-switch-border: 2px;
-  --mirai-ui-switch-radius: var(--mirai-ui-space-L);
-  --mirai-ui-switch-size: var(--mirai-ui-space-L);
-}
-
-.switch {
-  align-self: flex-start;
-  box-sizing: border-box;
-}
-
-.switch .input {
-  height: 0;
-  pointer-events: none;
-  visibility: hidden;
-  width: 0;
-  position: absolute;
-  outline: none;
-  user-select: none;
-}
-
-.switch .area {
-  align-items: center;
-  justify-content: center;
-  background-color: var(--mirai-ui-lighten);
-  border-radius: var(--mirai-ui-switch-radius);
-  cursor: pointer;
-  display: flex;
-  height: calc(var(--mirai-ui-switch-size) + calc(var(--mirai-ui-switch-border) * 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-base);
-  border-radius: calc(var(--mirai-ui-switch-radius) - var(--mirai-ui-switch-border));
-  height: var(--mirai-ui-switch-size);
-  left: var(--mirai-ui-switch-border);
-  position: absolute;
-  top: var(--mirai-ui-switch-border);
-  transition: var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
-  width: var(--mirai-ui-switch-size);
-}
-
-.switch .input:disabled + .area {
-  background-color: var(--mirai-ui-lighten);
-}
-
-.switch .input:checked + .area {
-  background-color: var(--mirai-ui-accent);
-}
-
-.switch .input:checked + .area .toggle {
-  left: calc(100% - var(--mirai-ui-switch-border));
-  transform: translateX(-100%);
-}

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

@@ -1,109 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`primitive:<Switch> inherit:className 1`] = `
-<DocumentFragment>
-  <div
-    class="switch mirai"
-  >
-    <input
-      class="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=""
-      class="input"
-      name="name"
-      type="checkbox"
-    />
-    <div
-      class="area"
-    >
-      <span
-        class="toggle"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`primitive:<Switch> prop:disabled 1`] = `
-<DocumentFragment>
-  <div
-    class="switch"
-  >
-    <input
-      class="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
-      class="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
-      class="input"
-      name="name"
-      type="checkbox"
-    />
-    <div
-      class="area"
-    >
-      <span
-        class="toggle"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/build/primitives/Switch/index.js

@@ -1,19 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","lighten","small","tag","upperCase","others","React","createElement","className","style","text","paragraph","displayName"],"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, 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"],"mappings":";;;;;;;;;;;;;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,OAArC,QAAqCA,OAArC;EAAA,IAA8CC,KAA9C,QAA8CA,KAA9C;EAAA,oBAAqDC,GAArD;EAAA,IAAqDA,GAArD,yBAA2D,MAA3D;EAAA,IAAmEC,SAAnE,QAAmEA,SAAnE;EAAA,IAAiFC,MAAjF;EAAA,oBACXC,eAAMC,aAAN,CACEJ,GADF,8DAGOE,MAHP;IAIIG,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;EAJf,IAaET,QAbF,CADW;AAAA,CAAb;;;AAiBAH,IAAI,CAACgB,WAAL,GAAmB,gBAAnB"}

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

@@ -1,36 +0,0 @@
-.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;
-}