@mirai/ui 1.0.124 → 1.0.126

package/build/primitives/Input/Input.module.css

@@ -37,7 +37,6 @@ input.input::-ms-clear {
   appearance: none;
 }
 
-input.input:focus,
 input.input:-webkit-autofill,
 input.input:-webkit-autofill:hover,
 input.input:-webkit-autofill:focus {

package/build/primitives/Text/Text.js

@@ -9,7 +9,7 @@ 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", "level", "small", "tag", "underline", "upperCase"];
+var _excluded = ["action", "bold", "children", "headline", "level", "small", "tag", "underline", "upperCase", "wide"];
 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; }
@@ -29,9 +29,10 @@ var Text = function Text(_ref) {
     tag = _ref.tag,
     underline = _ref.underline,
     upperCase = _ref.upperCase,
+    wide = _ref.wide,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(tag || (headline ? "h".concat(level) : 'span'), _objectSpread(_objectSpread({}, others), {}, {
-    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, others.className)
+    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
   }), children);
 };
 exports.Text = Text;
@@ -45,6 +46,7 @@ Text.propTypes = {
   small: _propTypes.default.bool,
   tag: _propTypes.default.string,
   underline: _propTypes.default.bool,
-  upperCase: _propTypes.default.bool
+  upperCase: _propTypes.default.bool,
+  wide: _propTypes.default.bool
 };
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","level","small","tag","underline","upperCase","others","React","createElement","className","styles","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"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, level = 3, small, tag, underline, upperCase, ...others }) =>\n  React.createElement(\n    tag || (headline ? `h${level}` : 'span'),\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n        underline && style.underline,\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, PropTypes.array]),\n  headline: PropTypes.bool,\n  level: PropTypes.number,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,MAAM;EAAA,oBACtGC,cAAK,CAACC,aAAa,CACjBL,GAAG,KAAKH,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC,kCAEnCK,MAAM;IACTG,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVd,IAAI,IAAIa,mBAAK,CAACb,IAAI,EAClBE,QAAQ,GAAGW,mBAAK,oBAAaV,KAAK,EAAG,GAAGJ,MAAM,GAAGc,mBAAK,CAACd,MAAM,GAAGK,KAAK,GAAGS,mBAAK,CAACT,KAAK,GAAGS,mBAAK,CAACE,SAAS,EACrGT,SAAS,IAAIO,mBAAK,CAACP,SAAS,EAC5BC,SAAS,IAAIM,mBAAK,CAACN,SAAS,EAC5BC,MAAM,CAACG,SAAS;EACjB,IAEHV,QAAQ,CACT;AAAA;AAAC;AAEJH,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACflB,MAAM,EAAEmB,kBAAS,CAACC,IAAI;EACtBnB,IAAI,EAAEkB,kBAAS,CAACC,IAAI;EACpBlB,QAAQ,EAAEiB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpFrB,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACI,MAAM;EACvBlB,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,GAAG,EAAEa,kBAAS,CAACG,MAAM;EACrBf,SAAS,EAAEY,kBAAS,CAACC,IAAI;EACzBZ,SAAS,EAAEW,kBAAS,CAACC;AACvB,CAAC"}
+{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","level","small","tag","underline","upperCase","wide","others","React","createElement","className","styles","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"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, level = 3, small, tag, underline, upperCase, wide, ...others }) =>\n  React.createElement(\n    tag || (headline ? `h${level}` : 'span'),\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\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, PropTypes.array]),\n  headline: PropTypes.bool,\n  level: PropTypes.number,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAC5GC,cAAK,CAACC,aAAa,CACjBN,GAAG,KAAKH,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC,kCAEnCM,MAAM;IACTG,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVf,IAAI,IAAIc,mBAAK,CAACd,IAAI,EAClBE,QAAQ,GAAGY,mBAAK,oBAAaX,KAAK,EAAG,GAAGJ,MAAM,GAAGe,mBAAK,CAACf,MAAM,GAAGK,KAAK,GAAGU,mBAAK,CAACV,KAAK,GAAGU,mBAAK,CAACE,SAAS,EACrGV,SAAS,IAAIQ,mBAAK,CAACR,SAAS,EAC5BC,SAAS,IAAIO,mBAAK,CAACP,SAAS,EAC5BC,IAAI,IAAIM,mBAAK,CAACN,IAAI,EAClBC,MAAM,CAACG,SAAS;EACjB,IAEHX,QAAQ,CACT;AAAA;AAAC;AAEJH,IAAI,CAACmB,WAAW,GAAG,gBAAgB;AAEnCnB,IAAI,CAACoB,SAAS,GAAG;EACfnB,MAAM,EAAEoB,kBAAS,CAACC,IAAI;EACtBpB,IAAI,EAAEmB,kBAAS,CAACC,IAAI;EACpBnB,QAAQ,EAAEkB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpFtB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,KAAK,EAAEgB,kBAAS,CAACI,MAAM;EACvBnB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,GAAG,EAAEc,kBAAS,CAACG,MAAM;EACrBhB,SAAS,EAAEa,kBAAS,CAACC,IAAI;EACzBb,SAAS,EAAEY,kBAAS,CAACC,IAAI;EACzBZ,IAAI,EAAEW,kBAAS,CAACC;AAClB,CAAC"}

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

@@ -60,3 +60,7 @@ h4.headline-4 {
 .upperCase {
   text-transform: uppercase;
 }
+
+.wide {
+  width: 100%;
+}

package/build/primitives/Text/Text.stories.js

@@ -30,7 +30,8 @@ Story.args = (_Story$args = {
   small: false,
   tag: 'span',
   underline: false,
-  upperCase: false
+  upperCase: false,
+  wide: false
 }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {};
 //# sourceMappingURL=Text.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","names":["title","Story","props","storyName","args","action","bold","children","headline","level","small","tag","underline","upperCase","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Text {...props} />;\n\nStory.storyName = 'Text';\n\nStory.args = {\n  action: false,\n  bold: false,\n  children: 'children',\n  headline: false,\n  level: 3,\n  small: false,\n  tag: 'span',\n  underline: false,\n  upperCase: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,UAAI,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEpDD,KAAK,CAACE,SAAS,GAAG,MAAM;AAExBF,KAAK,CAACG,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,MAAM;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE;AAAK,gCAEf,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDZ,KAAK,CAACa,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Text.stories.js","names":["title","Story","props","storyName","args","action","bold","children","headline","level","small","tag","underline","upperCase","wide","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Text {...props} />;\n\nStory.storyName = 'Text';\n\nStory.args = {\n  action: false,\n  bold: false,\n  children: 'children',\n  headline: false,\n  level: 3,\n  small: false,\n  tag: 'span',\n  underline: false,\n  upperCase: false,\n  wide: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,UAAI,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEpDD,KAAK,CAACE,SAAS,GAAG,MAAM;AAExBF,KAAK,CAACG,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,MAAM;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE;AAAK,gCAEV,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDb,KAAK,CAACc,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -30,16 +30,6 @@ exports[`primitive:<Text> prop:bold 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:h1 1`] = `
-<DocumentFragment>
-  <h1
-    class="text paragraph"
-  >
-    Lorem Ipsum
-  </h1>
-</DocumentFragment>
-`;
-
 exports[`primitive:<Text> prop:headline & level:1 1`] = `
 <DocumentFragment>
   <h1
@@ -100,6 +90,16 @@ exports[`primitive:<Text> prop:small 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:tag 1`] = `
+<DocumentFragment>
+  <p
+    class="text paragraph"
+  >
+    Lorem Ipsum
+  </p>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> prop:underline 1`] = `
 <DocumentFragment>
   <span
@@ -120,6 +120,16 @@ exports[`primitive:<Text> prop:upperCase 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:wide 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph wide"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> renders 1`] = `
 <DocumentFragment>
   <span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.124",
+  "version": "1.0.126",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",