@mirai/ui 1.0.111 → 1.0.112

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", "upperCase"];
+var _excluded = ["action", "bold", "children", "headline", "level", "small", "tag", "underline", "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; }
@@ -27,10 +27,11 @@ var Text = function Text(_ref) {
     level = _ref$level === void 0 ? 3 : _ref$level,
     small = _ref.small,
     tag = _ref.tag,
+    underline = _ref.underline,
     upperCase = _ref.upperCase,
     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, 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, others.className)
   }), children);
 };
 exports.Text = Text;
@@ -43,6 +44,7 @@ Text.propTypes = {
   level: _propTypes.default.number,
   small: _propTypes.default.bool,
   tag: _propTypes.default.string,
+  underline: _propTypes.default.bool,
   upperCase: _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","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, 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        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  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;IAAKC,MAAM;EAAA,oBAC3FC,cAAK,CAACC,aAAa,CACjBJ,GAAG,KAAKH,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC,kCAEnCI,MAAM;IACTG,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVb,IAAI,IAAIY,mBAAK,CAACZ,IAAI,EAClBE,QAAQ,GAAGU,mBAAK,oBAAaT,KAAK,EAAG,GAAGJ,MAAM,GAAGa,mBAAK,CAACb,MAAM,GAAGK,KAAK,GAAGQ,mBAAK,CAACR,KAAK,GAAGQ,mBAAK,CAACE,SAAS,EACrGR,SAAS,IAAIM,mBAAK,CAACN,SAAS,EAC5BC,MAAM,CAACG,SAAS;EACjB,IAEHT,QAAQ,CACT;AAAA;AAAC;AAEJH,IAAI,CAACiB,WAAW,GAAG,gBAAgB;AAEnCjB,IAAI,CAACkB,SAAS,GAAG;EACfjB,MAAM,EAAEkB,kBAAS,CAACC,IAAI;EACtBlB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,QAAQ,EAAEgB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpFpB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,KAAK,EAAEc,kBAAS,CAACI,MAAM;EACvBjB,KAAK,EAAEa,kBAAS,CAACC,IAAI;EACrBb,GAAG,EAAEY,kBAAS,CAACG,MAAM;EACrBd,SAAS,EAAEW,kBAAS,CAACC;AACvB,CAAC"}
+{"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"}

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

@@ -53,6 +53,10 @@
   line-height: var(--mirai-ui-line-height-small);
 }
 
+.underline {
+  text-decoration: underline;
+}
+
 .upperCase {
   text-transform: uppercase;
 }

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

@@ -29,6 +29,7 @@ Story.args = (_Story$args = {
   level: 3,
   small: false,
   tag: 'span',
+  underline: false,
   upperCase: false
 }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {};

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","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  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;AAAK,gCAEf,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDX,KAAK,CAACY,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","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"}

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

@@ -100,6 +100,16 @@ exports[`primitive:<Text> prop:small 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:underline 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph underline"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> prop:upperCase 1`] = `
 <DocumentFragment>
   <span

package/build/primitives/View/View.js

@@ -9,7 +9,7 @@ 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"];
+var _excluded = ["children", "fit", "row", "tag", "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; }
@@ -24,9 +24,10 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     row = _ref.row,
     _ref$tag = _ref.tag,
     tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+    wide = _ref.wide,
     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),
+    className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && _ViewModule.default.row, wide && _ViewModule.default.wide, others.className),
     ref: ref
   }), children);
 });
@@ -36,6 +37,7 @@ View.propTypes = {
   children: _propTypes.default.node,
   fit: _propTypes.default.bool,
   row: _propTypes.default.bool,
-  tag: _propTypes.default.string
+  tag: _propTypes.default.string,
+  wide: _propTypes.default.bool
 };
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","row","tag","others","createElement","className","styles","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;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAAiDC,GAAG;EAAA,IAAjDC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IAAKC,MAAM;EAAA,oBACzEP,cAAK,CAACQ,aAAa,CACjBF,GAAG,kCAEEC,MAAM;IACTE,SAAS,EAAE,IAAAC,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAER,GAAG,IAAIO,mBAAK,CAACP,GAAG,EAAEC,GAAG,IAAIM,mBAAK,CAACN,GAAG,EAAEE,MAAM,CAACE,SAAS,CAAC;IACnFP,GAAG,EAAEA;EAAG,IAEVC,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACc,WAAW,GAAG,gBAAgB;AAEnCd,IAAI,CAACe,SAAS,GAAG;EACfX,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,GAAG,EAAEW,kBAAS,CAACE,IAAI;EACnBZ,GAAG,EAAEU,kBAAS,CAACE,IAAI;EACnBX,GAAG,EAAES,kBAAS,CAACG;AACjB,CAAC"}
+{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","row","tag","wide","others","createElement","className","styles","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', wide, ...others }, ref) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(style.view, fit && style.fit, row && style.row, wide && style.wide, 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  wide: PropTypes.bool,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAAuDC,GAAG;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAC/ER,cAAK,CAACS,aAAa,CACjBH,GAAG,kCAEEE,MAAM;IACTE,SAAS,EAAE,IAAAC,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAET,GAAG,IAAIQ,mBAAK,CAACR,GAAG,EAAEC,GAAG,IAAIO,mBAAK,CAACP,GAAG,EAAEE,IAAI,IAAIK,mBAAK,CAACL,IAAI,EAAEC,MAAM,CAACE,SAAS,CAAC;IACvGR,GAAG,EAAEA;EAAG,IAEVC,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACe,WAAW,GAAG,gBAAgB;AAEnCf,IAAI,CAACgB,SAAS,GAAG;EACfZ,QAAQ,EAAEa,kBAAS,CAACC,IAAI;EACxBb,GAAG,EAAEY,kBAAS,CAACE,IAAI;EACnBb,GAAG,EAAEW,kBAAS,CAACE,IAAI;EACnBZ,GAAG,EAAEU,kBAAS,CAACG,MAAM;EACrBZ,IAAI,EAAES,kBAAS,CAACE;AAClB,CAAC"}

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

@@ -13,5 +13,9 @@
 
 .row {
   align-items: center;
-  flex-direction: row;
+  flex-direction: var(--mirai-ui-row-direction);
+}
+
+.wide {
+  width: 100%;
 }

package/build/primitives/View/View.stories.js

@@ -28,7 +28,8 @@ Story.storyName = 'View';
 Story.args = (_Story$args = {
   fit: false,
   row: false,
-  tag: 'div'
+  tag: 'div',
+  wide: false
 }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {};
 //# sourceMappingURL=View.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.stories.js","names":["title","Story","props","storyName","args","fit","row","tag","argTypes"],"sources":["../../../src/primitives/View/View.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { View } from './View';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <View {...props}>\n    <span className=\"children\">child:1</span>\n    <span className=\"children\">child:2</span>\n  </View>\n);\n\nStory.storyName = 'View';\n\nStory.args = {\n  fit: false,\n  row: false,\n  tag: 'div',\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,oBACzB,6BAAC,UAAI,EAAKA,KAAK,eACb;IAAM,SAAS,EAAC;EAAU,aAAe,eACzC;IAAM,SAAS,EAAC;EAAU,aAAe,CACpC;AAAA,CACR;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,MAAM;AAExBF,KAAK,CAACG,IAAI;EACRC,GAAG,EAAE,KAAK;EACVC,GAAG,EAAE,KAAK;EACVC,GAAG,EAAE;AAAK,gCAET,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDN,KAAK,CAACO,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"View.stories.js","names":["title","Story","props","storyName","args","fit","row","tag","wide","argTypes"],"sources":["../../../src/primitives/View/View.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { View } from './View';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <View {...props}>\n    <span className=\"children\">child:1</span>\n    <span className=\"children\">child:2</span>\n  </View>\n);\n\nStory.storyName = 'View';\n\nStory.args = {\n  fit: false,\n  row: false,\n  tag: 'div',\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,oBACzB,6BAAC,UAAI,EAAKA,KAAK,eACb;IAAM,SAAS,EAAC;EAAU,aAAe,eACzC;IAAM,SAAS,EAAC;EAAU,aAAe,CACpC;AAAA,CACR;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,MAAM;AAExBF,KAAK,CAACG,IAAI;EACRC,GAAG,EAAE,KAAK;EACVC,GAAG,EAAE,KAAK;EACVC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE;AAAK,gCAEV,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDP,KAAK,CAACQ,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -44,6 +44,14 @@ exports[`primitive:<View> prop:tag 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<View> prop:wide 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  />
+</DocumentFragment>
+`;
+
 exports[`primitive:<View> renders 1`] = `
 <DocumentFragment>
   <div

package/build/theme/default.theme.css

@@ -96,6 +96,9 @@
 
   /* shadow */
   --mirai-ui-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
+
+  /* locale */
+  --mirai-ui-row-direction: row;
 }
 
 /* -------------------------------------------------------------------------- */

package/package.json

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