@mirai/ui 1.0.175 → 1.0.181

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +34 -0
  2. package/build/components/Calendar/Calendar.stories.js +1 -1
  3. package/build/components/Calendar/Calendar.stories.js.map +1 -1
  4. package/build/components/InputOption/InputOption.js +4 -8
  5. package/build/components/InputOption/InputOption.js.map +1 -1
  6. package/build/components/InputText/InputText.js +1 -0
  7. package/build/components/InputText/InputText.js.map +1 -1
  8. package/build/components/Slider/Slider.constants.js +9 -0
  9. package/build/components/Slider/Slider.constants.js.map +1 -0
  10. package/build/components/Slider/Slider.js +190 -0
  11. package/build/components/Slider/Slider.js.map +1 -0
  12. package/build/components/Slider/Slider.module.css +121 -0
  13. package/build/components/Slider/Slider.stories.js +52 -0
  14. package/build/components/Slider/Slider.stories.js.map +1 -0
  15. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +816 -0
  16. package/build/components/Slider/helpers/getMotionExpand.js +15 -0
  17. package/build/components/Slider/helpers/getMotionExpand.js.map +1 -0
  18. package/build/components/Slider/helpers/index.js +17 -0
  19. package/build/components/Slider/helpers/index.js.map +1 -0
  20. package/build/components/Slider/index.js +17 -0
  21. package/build/components/Slider/index.js.map +1 -0
  22. package/build/primitives/Text/Text.js +5 -2
  23. package/build/primitives/Text/Text.js.map +1 -1
  24. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +20 -0
  25. package/build/primitives/Text/helpers/parseMarkdown.js +9 -10
  26. package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
  27. package/build/theme/default.theme.css +6 -0
  28. package/package.json +1 -1
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getMotionExpand = void 0;
7
+ var _theme = require("../../../theme");
8
+ var getMotionExpand = function getMotionExpand() {
9
+ var _Theme$get = _theme.Theme.get(),
10
+ _Theme$get$motionExpa = _Theme$get.motionExpand,
11
+ motionExpand = _Theme$get$motionExpa === void 0 ? '300ms' : _Theme$get$motionExpa;
12
+ return parseInt(motionExpand.split('ms')[0]);
13
+ };
14
+ exports.getMotionExpand = getMotionExpand;
15
+ //# sourceMappingURL=getMotionExpand.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getMotionExpand.js","names":["getMotionExpand","Theme","get","motionExpand","parseInt","split"],"sources":["../../../../src/components/Slider/helpers/getMotionExpand.js"],"sourcesContent":["import { Theme } from '../../../theme';\n\nexport const getMotionExpand = () => {\n let { motionExpand = '300ms' } = Theme.get();\n\n return parseInt(motionExpand.split('ms')[0]);\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,iBAAiCC,YAAK,CAACC,GAAG,EAAE;IAAA,mCAAtCC,YAAY;IAAZA,YAAY,sCAAG,OAAO;EAE5B,OAAOC,QAAQ,CAACD,YAAY,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9C,CAAC;AAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _getMotionExpand = require("./getMotionExpand");
7
+ Object.keys(_getMotionExpand).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _getMotionExpand[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function get() {
13
+ return _getMotionExpand[key];
14
+ }
15
+ });
16
+ });
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Slider/helpers/index.js"],"sourcesContent":["export * from './getMotionExpand';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Slider = require("./Slider");
7
+ Object.keys(_Slider).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Slider[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function get() {
13
+ return _Slider[key];
14
+ }
15
+ });
16
+ });
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Slider/index.js"],"sourcesContent":["export * from './Slider';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
11
11
  var _Primitive = require("../Primitive");
12
12
  var _helpers2 = require("./helpers");
13
13
  var _TextModule = _interopRequireDefault(require("./Text.module.css"));
14
- var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "small", "tag", "underline", "upperCase", "wide"];
14
+ var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "markdown", "small", "tag", "underline", "upperCase", "wide"];
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
16
  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; }
17
17
  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,6 +29,8 @@ var Text = function Text(_ref) {
29
29
  _ref$level = _ref.level,
30
30
  level = _ref$level === void 0 ? 3 : _ref$level,
31
31
  lighten = _ref.lighten,
32
+ _ref$markdown = _ref.markdown,
33
+ markdown = _ref$markdown === void 0 ? true : _ref$markdown,
32
34
  small = _ref.small,
33
35
  tag = _ref.tag,
34
36
  underline = _ref.underline,
@@ -39,7 +41,7 @@ var Text = function Text(_ref) {
39
41
  role: others.role || 'text',
40
42
  tag: tag || (headline ? "h".concat(level) : 'span'),
41
43
  className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
42
- }), (0, _helpers2.parseMarkdown)(children));
44
+ }), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
43
45
  };
44
46
  exports.Text = Text;
45
47
  Text.displayName = 'Primitive:Text';
@@ -51,6 +53,7 @@ Text.propTypes = {
51
53
  headline: _propTypes.default.bool,
52
54
  level: _propTypes.default.number,
53
55
  lighten: _propTypes.default.bool,
56
+ markdown: _propTypes.default.bool,
54
57
  small: _propTypes.default.bool,
55
58
  tag: _propTypes.default.string,
56
59
  underline: _propTypes.default.bool,
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","small","tag","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","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 { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n accent,\n action,\n bold,\n children,\n headline,\n level = 3,\n lighten,\n small,\n tag,\n underline,\n upperCase,\n wide,\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'text',\n tag: tag || (headline ? `h${level}` : 'span'),\n className: styles(\n style.text,\n accent && style.accent,\n bold && style.bold,\n headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n lighten && style.lighten,\n underline && style.underline,\n upperCase && style.upperCase,\n wide && style.wide,\n others.className,\n ),\n },\n parseMarkdown(children),\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n accent: PropTypes.bool,\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 lighten: PropTypes.bool,\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;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BR,GAAG,EAAEA,GAAG,KAAKJ,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC;IAC7CY,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVpB,MAAM,IAAImB,mBAAK,CAACnB,MAAM,EACtBE,IAAI,IAAIiB,mBAAK,CAACjB,IAAI,EAClBE,QAAQ,GAAGe,mBAAK,oBAAad,KAAK,EAAG,GAAGJ,MAAM,GAAGkB,mBAAK,CAAClB,MAAM,GAAGM,KAAK,GAAGY,mBAAK,CAACZ,KAAK,GAAGY,mBAAK,CAACE,SAAS,EACrGf,OAAO,IAAIa,mBAAK,CAACb,OAAO,EACxBG,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEH,IAAAK,uBAAa,EAACnB,QAAQ,CAAC,CACxB;AAAA;AAAC;AAEJJ,IAAI,CAACwB,WAAW,GAAG,gBAAgB;AAEnCxB,IAAI,CAACyB,SAAS,GAAG;EACfxB,MAAM,EAAEyB,kBAAS,CAACC,IAAI;EACtBzB,MAAM,EAAEwB,kBAAS,CAACC,IAAI;EACtBxB,IAAI,EAAEuB,kBAAS,CAACC,IAAI;EACpBvB,QAAQ,EAAEsB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF1B,QAAQ,EAAEqB,kBAAS,CAACC,IAAI;EACxBrB,KAAK,EAAEoB,kBAAS,CAACI,MAAM;EACvBvB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,GAAG,EAAEiB,kBAAS,CAACG,MAAM;EACrBnB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
1
+ {"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","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 { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n accent,\n action,\n bold,\n children,\n headline,\n level = 3,\n lighten,\n markdown = true,\n small,\n tag,\n underline,\n upperCase,\n wide,\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'text',\n tag: tag || (headline ? `h${level}` : 'span'),\n className: styles(\n style.text,\n accent && style.accent,\n bold && style.bold,\n headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n lighten && style.lighten,\n underline && style.underline,\n upperCase && style.upperCase,\n wide && style.wide,\n others.className,\n ),\n },\n markdown ? parseMarkdown(children) : children,\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n accent: PropTypes.bool,\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 lighten: PropTypes.bool,\n markdown: PropTypes.bool,\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;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BR,GAAG,EAAEA,GAAG,KAAKL,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC;IAC7Ca,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVrB,MAAM,IAAIoB,mBAAK,CAACpB,MAAM,EACtBE,IAAI,IAAIkB,mBAAK,CAAClB,IAAI,EAClBE,QAAQ,GAAGgB,mBAAK,oBAAaf,KAAK,EAAG,GAAGJ,MAAM,GAAGmB,mBAAK,CAACnB,MAAM,GAAGO,KAAK,GAAGY,mBAAK,CAACZ,KAAK,GAAGY,mBAAK,CAACE,SAAS,EACrGhB,OAAO,IAAIc,mBAAK,CAACd,OAAO,EACxBI,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHX,QAAQ,GAAG,IAAAgB,uBAAa,EAACpB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAACyB,WAAW,GAAG,gBAAgB;AAEnCzB,IAAI,CAAC0B,SAAS,GAAG;EACfzB,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,MAAM,EAAEyB,kBAAS,CAACC,IAAI;EACtBzB,IAAI,EAAEwB,kBAAS,CAACC,IAAI;EACpBxB,QAAQ,EAAEuB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF3B,QAAQ,EAAEsB,kBAAS,CAACC,IAAI;EACxBtB,KAAK,EAAEqB,kBAAS,CAACI,MAAM;EACvBxB,OAAO,EAAEoB,kBAAS,CAACC,IAAI;EACvBpB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;EACxBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,GAAG,EAAEiB,kBAAS,CAACG,MAAM;EACrBnB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
@@ -100,6 +100,26 @@ exports[`primitive:<Text> prop:lighten 1`] = `
100
100
  </DocumentFragment>
101
101
  `;
102
102
 
103
+ exports[`primitive:<Text> prop:markdown 1`] = `
104
+ <DocumentFragment>
105
+ <span
106
+ class="text paragraph"
107
+ >
108
+ <span
109
+ style="font-style: italic;"
110
+ >
111
+ Lorem
112
+ </span>
113
+
114
+ <span
115
+ style="text-decoration: underline;"
116
+ >
117
+ Ipsum
118
+ </span>
119
+ </span>
120
+ </DocumentFragment>
121
+ `;
122
+
103
123
  exports[`primitive:<Text> prop:small 1`] = `
104
124
  <DocumentFragment>
105
125
  <span
@@ -22,7 +22,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
22
22
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
23
23
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
24
  var LINK_REGEXP = /\[(.*?)\]\((.*?)\)/;
25
- var MARKDOWN_REGEXP = /(\*\*|\*|_|~~|\[|\{)(.*?)(\*\*|\*|_|~~|\)|\})/g;
25
+ var MARKDOWN_REGEXP = /(\*\*|\*|_|~~|\[|\{)(.+?)(?:\1|\)|\})/g;
26
26
  var STYLE = {
27
27
  BINDING: {
28
28
  style: {
@@ -64,25 +64,24 @@ var parseMarkdown = function parseMarkdown(value) {
64
64
  var match;
65
65
  while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {
66
66
  var _match = match,
67
- _match2 = _slicedToArray(_match, 4),
67
+ _match2 = _slicedToArray(_match, 3),
68
68
  raw = _match2[0],
69
69
  start = _match2[1],
70
- text = _match2[2],
71
- end = _match2[3];
70
+ text = _match2[2];
72
71
  if (value.slice(lastIndex, match.index)) tokens.push({
73
72
  text: value.slice(lastIndex, match.index)
74
73
  });
75
- if (start === '**' && end == '**') tokens.push(_objectSpread({
74
+ if (start === '**') tokens.push(_objectSpread({
76
75
  text: text
77
- }, STYLE.BOLD));else if (start === '*' && end === '*') tokens.push(_objectSpread({
76
+ }, STYLE.BOLD));else if (start === '*') tokens.push(_objectSpread({
78
77
  text: text
79
- }, STYLE.ITALIC));else if (start === '_' && end === '_') tokens.push(_objectSpread({
78
+ }, STYLE.ITALIC));else if (start === '_') tokens.push(_objectSpread({
80
79
  text: text
81
- }, STYLE.UNDERLINE));else if (start === '~~' && end === '~~') tokens.push(_objectSpread({
80
+ }, STYLE.UNDERLINE));else if (start === '~~') tokens.push(_objectSpread({
82
81
  text: text
83
- }, STYLE.LINE_THROUGH));else if (start === '{' && end === '}') tokens.push(_objectSpread({
82
+ }, STYLE.LINE_THROUGH));else if (start === '{') tokens.push(_objectSpread({
84
83
  text: raw
85
- }, STYLE.BINDING));else if (start === '[' && end === ')') {
84
+ }, STYLE.BINDING));else if (start === '[') {
86
85
  var _raw$match = raw.match(LINK_REGEXP),
87
86
  _raw$match2 = _slicedToArray(_raw$match, 3),
88
87
  title = _raw$match2[1],
@@ -1 +1 @@
1
- {"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","match","tokens","lastIndex","exec","raw","start","text","end","slice","index","push","title","href","map","props","Object","keys","length","React","createElement"],"sources":["../../../../src/primitives/Text/helpers/parseMarkdown.js"],"sourcesContent":["import React from 'react';\n\nconst LINK_REGEXP = /\\[(.*?)\\]\\((.*?)\\)/;\n\nconst MARKDOWN_REGEXP = /(\\*\\*|\\*|_|~~|\\[|\\{)(.*?)(\\*\\*|\\*|_|~~|\\)|\\})/g;\n\nconst STYLE = {\n BINDING: { style: { color: 'var(--mirai-ui-accent)', fontWeight: 'bold' } },\n BOLD: { style: { fontWeight: 'bold' } },\n ITALIC: { style: { fontStyle: 'italic' } },\n LINE_THROUGH: { style: { textDecoration: 'line-through' } },\n LINK: { style: { textDecoration: 'underline', color: 'var(--mirai-ui-accent)' } },\n UNDERLINE: { style: { textDecoration: 'underline' } },\n};\n\nexport const parseMarkdown = (value) => {\n if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;\n\n const tokens = [];\n let lastIndex = 0;\n let match;\n\n while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {\n const [raw, start, text, end] = match;\n\n if (value.slice(lastIndex, match.index)) tokens.push({ text: value.slice(lastIndex, match.index) });\n\n if (start === '**' && end == '**') tokens.push({ text, ...STYLE.BOLD });\n else if (start === '*' && end === '*') tokens.push({ text, ...STYLE.ITALIC });\n else if (start === '_' && end === '_') tokens.push({ text, ...STYLE.UNDERLINE });\n else if (start === '~~' && end === '~~') tokens.push({ text, ...STYLE.LINE_THROUGH });\n else if (start === '{' && end === '}') tokens.push({ text: raw, ...STYLE.BINDING });\n else if (start === '[' && end === ')') {\n const [, title, href] = raw.match(LINK_REGEXP);\n tokens.push({ text: title, href, ...STYLE.LINK });\n } else {\n tokens.push({ text: raw });\n }\n\n lastIndex = MARKDOWN_REGEXP.lastIndex;\n }\n\n if (value.slice(lastIndex)) tokens.push({ text: value.slice(lastIndex) });\n\n return tokens.map(({ text, ...props }) =>\n Object.keys(props).length ? React.createElement(props.href ? 'a' : 'span', props, text) : text,\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","match","tokens","lastIndex","exec","raw","start","text","slice","index","push","title","href","map","props","Object","keys","length","React","createElement"],"sources":["../../../../src/primitives/Text/helpers/parseMarkdown.js"],"sourcesContent":["import React from 'react';\n\nconst LINK_REGEXP = /\\[(.*?)\\]\\((.*?)\\)/;\nconst MARKDOWN_REGEXP = /(\\*\\*|\\*|_|~~|\\[|\\{)(.+?)(?:\\1|\\)|\\})/g;\n\nconst STYLE = {\n BINDING: { style: { color: 'var(--mirai-ui-accent)', fontWeight: 'bold' } },\n BOLD: { style: { fontWeight: 'bold' } },\n ITALIC: { style: { fontStyle: 'italic' } },\n LINE_THROUGH: { style: { textDecoration: 'line-through' } },\n LINK: { style: { textDecoration: 'underline', color: 'var(--mirai-ui-accent)' } },\n UNDERLINE: { style: { textDecoration: 'underline' } },\n};\n\nexport const parseMarkdown = (value) => {\n if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;\n\n const tokens = [];\n let lastIndex = 0;\n let match;\n\n while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {\n const [raw, start, text] = match;\n\n if (value.slice(lastIndex, match.index)) tokens.push({ text: value.slice(lastIndex, match.index) });\n\n if (start === '**') tokens.push({ text, ...STYLE.BOLD });\n else if (start === '*') tokens.push({ text, ...STYLE.ITALIC });\n else if (start === '_') tokens.push({ text, ...STYLE.UNDERLINE });\n else if (start === '~~') tokens.push({ text, ...STYLE.LINE_THROUGH });\n else if (start === '{') tokens.push({ text: raw, ...STYLE.BINDING });\n else if (start === '[') {\n const [, title, href] = raw.match(LINK_REGEXP);\n tokens.push({ text: title, href, ...STYLE.LINK });\n } else {\n tokens.push({ text: raw });\n }\n\n lastIndex = MARKDOWN_REGEXP.lastIndex;\n }\n\n if (value.slice(lastIndex)) tokens.push({ text: value.slice(lastIndex) });\n\n return tokens.map(({ text, ...props }) =>\n Object.keys(props).length ? React.createElement(props.href ? 'a' : 'span', props, text) : text,\n );\n};\n"],"mappings":"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"}
@@ -250,6 +250,12 @@
250
250
  --mirai-ui-progress-height: var(--mirai-ui-space-XS);
251
251
  --mirai-ui-progress-motion: calc(var(--mirai-ui-motion-expand) * 3);
252
252
 
253
+ /* Slider */
254
+ --mirai-ui-slider-background: var(--mirai-ui-content-dark);
255
+ --mirai-ui-slider-overlay: rgba(0, 0, 0, 0.66);
256
+ --mirai-ui-slider-color: var(--mirai-ui-base);
257
+ --mirai-ui-slider-border-radius: var(--mirai-ui-border-radius);
258
+
253
259
  /* Table */
254
260
  --mirai-ui-table-background: var(--mirai-ui-base);
255
261
  --mirai-ui-table-border-color: var(--mirai-ui-content-border);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "1.0.175",
3
+ "version": "1.0.181",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",