@mirai/ui 2.0.2 → 2.0.4

package/README.md

@@ -350,6 +350,7 @@ A primitive for displaying text. It receives the following props:
 - `level:number` assign the level of heading (1, 2, 3 or 4)
 - `light:boolean` use theme's content-light color
 - `markdown:boolean` if true renders content as parsed markdown
+- `medium:boolean` modifying font-weight
 - `small:boolean` modifying font-size
 - `success:boolean` use theme's success color
 - `tag:string` html tag of resulting element

package/build/primitives/ScrollView/ScrollView.module.css

@@ -41,8 +41,6 @@
   border-radius: 50%;
   box-shadow: var(--mirai-ui-shadow);
   justify-content: center;
-  min-height: var(--mirai-ui-button-height);
-  min-width: var(--mirai-ui-button-height);
   overflow: hidden;
   position: sticky;
   transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
@@ -82,3 +80,19 @@
 .indicator [data-role='icon'] {
   z-index: var(--mirai-ui-layer-M);
 }
+
+/* S */
+@media only screen and (max-width: 480px) {
+  .scrollview .indicator {
+    min-height: var(--mirai-ui-button-small-height);
+    min-width: var(--mirai-ui-button-small-height);
+  }
+}
+
+/* M& L */
+@media only screen and (min-width: 481px) {
+  .scrollview .indicator {
+    min-height: var(--mirai-ui-button-height);
+    min-width: var(--mirai-ui-button-height);
+  }
+}

package/build/primitives/Text/Text.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
 var _helpers2 = require("./helpers");
 var _TextModule = _interopRequireDefault(require("./Text.module.css"));
-var _excluded = ["accent", "accentLight", "accentDark", "action", "bold", "brand", "capitalize", "children", "dark", "error", "headline", "info", "level", "light", "markdown", "small", "success", "tag", "tiny", "underline", "upperCase", "warning", "wide"];
+var _excluded = ["accent", "accentLight", "accentDark", "action", "bold", "brand", "capitalize", "children", "dark", "error", "headline", "info", "level", "light", "markdown", "medium", "small", "success", "tag", "tiny", "underline", "upperCase", "warning", "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; }
@@ -38,6 +38,8 @@ var Text = function Text(_ref) {
     light = _ref.light,
     _ref$markdown = _ref.markdown,
     markdown = _ref$markdown === void 0 ? true : _ref$markdown,
+    _ref$medium = _ref.medium,
+    medium = _ref$medium === void 0 ? false : _ref$medium,
     small = _ref.small,
     success = _ref.success,
     _ref$tag = _ref.tag,
@@ -51,7 +53,7 @@ var Text = function Text(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     role: others.role || 'text',
     tag: tag,
-    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, brand && _TextModule.default.brand, capitalize && _TextModule.default.capitalize, (0, _helpers2.color)({
+    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, medium && !bold && _TextModule.default.medium, brand && _TextModule.default.brand, capitalize && _TextModule.default.capitalize, (0, _helpers2.color)({
       accent: accent,
       accentDark: accentDark,
       accentLight: accentLight,
@@ -82,6 +84,7 @@ Text.propTypes = {
   level: _propTypes.default.number,
   light: _propTypes.default.bool,
   markdown: _propTypes.default.bool,
+  medium: _propTypes.default.bool,
   small: _propTypes.default.bool,
   success: _propTypes.default.bool,
   tag: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","role","className","styles","style","text","color","paragraph","parseMarkdown","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 { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  small,\n  success,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children, tag) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","medium","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","role","className","styles","style","text","color","paragraph","parseMarkdown","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 { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  medium = false,\n  small,\n  success,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        medium && !bold && style.medium,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children, tag) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  medium: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}

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

@@ -23,6 +23,11 @@
   font-weight: var(--mirai-ui-font-bold-weight);
 }
 
+.medium:not(.brand) {
+  font-family: var(--mirai-ui-font-medium);
+  font-weight: var(--mirai-ui-font-medium-weight);
+}
+
 .capitalize {
   text-transform: lowercase;
 }
@@ -41,6 +46,11 @@
   font-weight: var(--mirai-ui-text-brand-font-bold-weight);
 }
 
+.brand.medium {
+  font-family: var(--mirai-ui-text-brand-font-medium);
+  font-weight: var(--mirai-ui-text-brand-font-medium-weight);
+}
+
 .headline-1 {
   font-size: var(--mirai-ui-font-size-headline-1);
   line-height: var(--mirai-ui-line-height-headline-1);

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

@@ -40,6 +40,7 @@ Story.args = {
   info: false,
   level: 3,
   light: false,
+  medium: false,
   small: false,
   success: false,
   tag: 'span',

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

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","accentDark","accentLight","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","small","success","tag","tiny","underline","upperCase","warning","wide","testId","style","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 = ({ childrenMarkdown, ...props }) => (\n  <>\n    <Text {...props} />\n    <Text {...props} children={childrenMarkdown} />\n  </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n  accent: false,\n  accentDark: false,\n  accentLight: false,\n  action: false,\n  bold: false,\n  brand: false,\n  capitalize: false,\n  children: 'children',\n  childrenMarkdown:\n    '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n  dark: false,\n  error: false,\n  headline: false,\n  info: false,\n  level: 3,\n  light: false,\n  small: false,\n  success: false,\n  tag: 'span',\n  tiny: false,\n  underline: false,\n  upperCase: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,KAAK;EAClBC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,UAAU;EACpBX,gBAAgB,EACd,8HAA8H;EAChIY,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAED5B,KAAK,CAAC6B,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","accentDark","accentLight","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","medium","small","success","tag","tiny","underline","upperCase","warning","wide","testId","style","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 = ({ childrenMarkdown, ...props }) => (\n  <>\n    <Text {...props} />\n    <Text {...props} children={childrenMarkdown} />\n  </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n  accent: false,\n  accentDark: false,\n  accentLight: false,\n  action: false,\n  bold: false,\n  brand: false,\n  capitalize: false,\n  children: 'children',\n  childrenMarkdown:\n    '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n  dark: false,\n  error: false,\n  headline: false,\n  info: false,\n  level: 3,\n  light: false,\n  medium: false,\n  small: false,\n  success: false,\n  tag: 'span',\n  tiny: false,\n  underline: false,\n  upperCase: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,KAAK;EAClBC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,UAAU;EACpBX,gBAAgB,EACd,8HAA8H;EAChIY,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAED7B,KAAK,CAAC8B,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -210,6 +210,16 @@ exports[`primitive:<Text> prop:markdown 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:medium 1`] = `
+<DocumentFragment>
+  <ui_text
+    class="text medium paragraph"
+  >
+    Lorem Ipsum
+  </ui_text>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> prop:small 1`] = `
 <DocumentFragment>
   <ui_text

package/build/theme/default.theme.css

@@ -162,6 +162,8 @@
   /* Text */
   --mirai-ui-text-brand-font: var(--mirai-ui-font);
   --mirai-ui-text-brand-font-weight: var(--mirai-ui-font-weight);
+  --mirai-ui-text-brand-font-medium: var(--mirai-ui-font-medium);
+  --mirai-ui-text-brand-font-medium-weight: var(--mirai-ui-font-medium-weight);
   --mirai-ui-text-brand-font-bold: var(--mirai-ui-font-bold);
   --mirai-ui-text-brand-font-bold-weight: var(--mirai-ui-font-bold-weight);
 

package/package.json

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