@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.
- package/README.md +34 -0
- package/build/components/Calendar/Calendar.stories.js +1 -1
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/InputOption/InputOption.js +4 -8
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputText/InputText.js +1 -0
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/Slider/Slider.constants.js +9 -0
- package/build/components/Slider/Slider.constants.js.map +1 -0
- package/build/components/Slider/Slider.js +190 -0
- package/build/components/Slider/Slider.js.map +1 -0
- package/build/components/Slider/Slider.module.css +121 -0
- package/build/components/Slider/Slider.stories.js +52 -0
- package/build/components/Slider/Slider.stories.js.map +1 -0
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +816 -0
- package/build/components/Slider/helpers/getMotionExpand.js +15 -0
- package/build/components/Slider/helpers/getMotionExpand.js.map +1 -0
- package/build/components/Slider/helpers/index.js +17 -0
- package/build/components/Slider/helpers/index.js.map +1 -0
- package/build/components/Slider/index.js +17 -0
- package/build/components/Slider/index.js.map +1 -0
- package/build/primitives/Text/Text.js +5 -2
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +20 -0
- package/build/primitives/Text/helpers/parseMarkdown.js +9 -10
- package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
- package/build/theme/default.theme.css +6 -0
- 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;
|
|
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 = /(\*\*|\*|_|~~|\[|\{)(
|
|
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,
|
|
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 === '**'
|
|
74
|
+
if (start === '**') tokens.push(_objectSpread({
|
|
76
75
|
text: text
|
|
77
|
-
}, STYLE.BOLD));else if (start === '*'
|
|
76
|
+
}, STYLE.BOLD));else if (start === '*') tokens.push(_objectSpread({
|
|
78
77
|
text: text
|
|
79
|
-
}, STYLE.ITALIC));else if (start === '_'
|
|
78
|
+
}, STYLE.ITALIC));else if (start === '_') tokens.push(_objectSpread({
|
|
80
79
|
text: text
|
|
81
|
-
}, STYLE.UNDERLINE));else if (start === '~~'
|
|
80
|
+
}, STYLE.UNDERLINE));else if (start === '~~') tokens.push(_objectSpread({
|
|
82
81
|
text: text
|
|
83
|
-
}, STYLE.LINE_THROUGH));else if (start === '{'
|
|
82
|
+
}, STYLE.LINE_THROUGH));else if (start === '{') tokens.push(_objectSpread({
|
|
84
83
|
text: raw
|
|
85
|
-
}, STYLE.BINDING));else if (start === '['
|
|
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","
|
|
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);
|