@mirai/ui 1.0.166 → 1.0.167

package/README.md

@@ -306,11 +306,13 @@ const MyComponent = () => (
 
 A primitive for displaying text. It receives the following props:
 
+- `accent:boolean` use theme's accent color
 - `action:boolean` modifying font-size
 - `bold:boolean` modifying font-weight
 - `children:string`
 - `headline:boolean` modifying font-size
 - `level:number` assign the level of heading (1, 2, 3 or 4)
+- `lighten:boolean` use theme's content-light color
 - `small:boolean` modifying font-size
 - `tag:string` html tag of resulting element
 - `underline:boolean` use an underline text decoration
@@ -834,6 +836,7 @@ Text input component receiving the following props:
 - `hint:string` brief message
 - `icon:string` if you want use an `<Icon>` within the component
 - `label:string` input label
+- `markdown:boolean` if true shows a preview of your markdown text
 - `multiline:boolean` if true returning textarea
 - `name:string` input name (required)
 - `showRequired:bool` displays `*` next to the label

package/build/components/InputText/InputText.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _InputTextModule = _interopRequireDefault(require("./InputText.module.css"));
 var _partials = require("./partials");
-var _excluded = ["disabled", "error", "hint", "icon", "label", "multiLine", "showRequired", "showState", "success", "type", "warning", "onChange", "onEnter", "onLeave"];
+var _excluded = ["disabled", "error", "hint", "icon", "label", "markdown", "multiLine", "showRequired", "showState", "success", "type", "warning", "onChange", "onEnter", "onLeave"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,6 +36,7 @@ var InputText = function InputText(_ref) {
     hint = _ref.hint,
     icon = _ref.icon,
     label = _ref.label,
+    markdown = _ref.markdown,
     multiLine = _ref.multiLine,
     _ref$showRequired = _ref.showRequired,
     showRequired = _ref$showRequired === void 0 ? false : _ref$showRequired,
@@ -59,6 +60,10 @@ var InputText = function InputText(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     password = _useState4[0],
     setPassword = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputMode = _useState6[0],
+    setInputMode = _useState6[1];
   var handleChange = function handleChange(value, event) {
     onChange(value, event);
   };
@@ -102,7 +107,7 @@ var InputText = function InputText(_ref) {
     label: label,
     required: showRequired && others.required,
     value: others.value
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Input, _extends({}, _objectSpread({
+  }), inputMode && /*#__PURE__*/_react.default.createElement(_primitives.Input, _extends({}, _objectSpread({
     disabled: disabled,
     multiLine: multiLine
   }, others), {
@@ -112,7 +117,19 @@ var InputText = function InputText(_ref) {
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
-  }))), (is.password || is.search && has.value) && !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  })), markdown && !inputMode && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    onClick: function onClick() {
+      return setInputMode(true);
+    },
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine && _InputTextModule.default.multiLine)
+  }, others.value)), markdown && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    onPress: function onPress() {
+      return setInputMode(!inputMode);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: _primitives.ICON.MARKDOWN,
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, inputMode && _InputTextModule.default.disabled)
+  })), (is.password || is.search && has.value) && !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     tabIndex: -1,
     onPress: handlePress
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
@@ -136,6 +153,7 @@ InputText.propTypes = {
   hint: _propTypes.default.string,
   icon: _propTypes.default.func,
   label: _propTypes.default.string,
+  markdown: _propTypes.default.bool,
   multiLine: _propTypes.default.bool,
   name: _propTypes.default.string.isRequired,
   showRequired: _propTypes.default.bool,

package/build/components/InputText/InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","multiLine","showRequired","showState","success","type","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","handlePress","is","search","undefined","has","length","stateIcon","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","bool","string","func","name","isRequired"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICON, Icon, Input, Pressable, View } from '../../primitives';\nimport style from './InputText.module.css';\nimport { Hint, IconState, Label } from './partials';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  multiLine,\n  showRequired = false,\n  showState = true,\n  success,\n  type,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const handlePress = (event) => {\n    if (is.password) setPassword(!password);\n    else if (is.search) onChange(undefined, event);\n  };\n\n  const is = {\n    password: type === 'password',\n    search: type === 'search',\n  };\n\n  const has = {\n    icon: !!icon || is.search,\n    label: !!label,\n    value: others.value !== undefined && others.value?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {has.icon && (\n          <Icon\n            value={icon || ICON.SEARCH}\n            className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n          />\n        )}\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{ disabled, error, focus, label, required: showRequired && others.required, value: others.value }}\n            />\n          )}\n\n          <Input\n            {...{ disabled, multiLine, ...others }}\n            type={!is.password || password ? type : 'text'}\n            value={others.value || ''}\n            className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n            onChange={handleChange}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n          />\n        </View>\n\n        {(is.password || (is.search && has.value)) && !disabled && (\n          <Pressable tabIndex={-1} onPress={handlePress}>\n            <Icon\n              value={is.password ? (password ? ICON.EYE_CLOSE : ICON.EYE_OPEN) : ICON.CLOSE}\n              className={style.icon}\n            />\n          </Pressable>\n        )}\n\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  type: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}
+{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","markdown","multiLine","showRequired","showState","success","type","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","password","setPassword","inputMode","setInputMode","handleChange","value","event","handleEnter","handleLeave","handlePress","is","search","undefined","has","length","stateIcon","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","bool","string","func","name","isRequired"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICON, Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\nimport { Hint, IconState, Label } from './partials';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  markdown,\n  multiLine,\n  showRequired = false,\n  showState = true,\n  success,\n  type,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n  const [inputMode, setInputMode] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const handlePress = (event) => {\n    if (is.password) setPassword(!password);\n    else if (is.search) onChange(undefined, event);\n  };\n\n  const is = {\n    password: type === 'password',\n    search: type === 'search',\n  };\n\n  const has = {\n    icon: !!icon || is.search,\n    label: !!label,\n    value: others.value !== undefined && others.value?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {has.icon && (\n          <Icon\n            value={icon || ICON.SEARCH}\n            className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n          />\n        )}\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{ disabled, error, focus, label, required: showRequired && others.required, value: others.value }}\n            />\n          )}\n\n          {inputMode && (\n            <Input\n              {...{ disabled, multiLine, ...others }}\n              type={!is.password || password ? type : 'text'}\n              value={others.value || ''}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n              onChange={handleChange}\n              onEnter={handleEnter}\n              onLeave={handleLeave}\n            />\n          )}\n          {markdown && !inputMode && (\n            <Text\n              onClick={() => setInputMode(true)}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n            >\n              {others.value}\n            </Text>\n          )}\n        </View>\n\n        {markdown && (\n          <Pressable onPress={() => setInputMode(!inputMode)}>\n            <Icon value={ICON.MARKDOWN} className={styles(style.icon, inputMode && style.disabled)} />\n          </Pressable>\n        )}\n\n        {(is.password || (is.search && has.value)) && !disabled && (\n          <Pressable tabIndex={-1} onPress={handlePress}>\n            <Icon\n              value={is.password ? (password ? ICON.EYE_CLOSE : ICON.EYE_OPEN) : ICON.CLOSE}\n              className={style.icon}\n            />\n          </Pressable>\n        )}\n\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  markdown: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  type: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}

package/build/components/InputText/InputText.module.css

@@ -26,6 +26,8 @@
 }
 
 .content {
+  justify-content: center;
+  min-height: var(--mirai-ui-input-min-height);
   position: relative;
 }
 
@@ -46,11 +48,6 @@
   pointer-events: none;
 }
 
-.input {
-  border-radius: var(--mirai-ui-input-text-radius);
-  min-height: var(--mirai-ui-input-min-height);
-}
-
 .input:not(.multiLine) {
   padding: var(--mirai-ui-input-text-padding-y) calc(var(--mirai-ui-input-text-padding-x) / 2);
 }

package/build/components/InputText/InputText.stories.js

@@ -78,6 +78,7 @@ Story.args = (_Story$args = {
   hint: 'hint',
   icon: undefined,
   label: 'label',
+  markdown: false,
   multiLine: false,
   name: 'name',
   placeholder: '',

package/build/components/InputText/InputText.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.stories.js","names":["title","Story","propValue","value","props","useState","setValue","handleChange","next","others","console","log","handleEnter","handleLeave","ICON","icon","storyName","args","autoResize","disabled","error","hint","undefined","label","multiLine","name","placeholder","required","showRequired","showState","success","type","warning","argTypes","options","Object","keys","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\n\nimport { ICON } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ value: propValue, ...props }) => {\n  const [value, setValue] = useState(propValue);\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<InputText>::onChange', next, ...others);\n  };\n\n  const handleEnter = (...others) => console.log('<InputText>::onEnter', ...others);\n\n  const handleLeave = (...others) => console.log('<InputText>::onLeave', ...others);\n\n  return (\n    <InputText\n      {...props}\n      icon={ICON[props.icon]}\n      value={value}\n      onChange={handleChange}\n      onEnter={handleEnter}\n      onLeave={handleLeave}\n    />\n  );\n};\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  multiLine: false,\n  name: 'name',\n  placeholder: '',\n  required: false,\n  showRequired: false,\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICON)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,OAAuC;EAAA,IAA1BC,SAAS,QAAhBC,KAAK;IAAgBC,KAAK;EAChD,gBAA0B,IAAAC,eAAQ,EAACH,SAAS,CAAC;IAAA;IAAtCC,KAAK;IAAEG,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,uBAAuB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACvD,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOH,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMI,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOJ,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,oBACE,6BAAC,oBAAS,eACJL,KAAK;IACT,IAAI,EAAEU,gBAAI,CAACV,KAAK,CAACW,IAAI,CAAE;IACvB,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEI,YAAa;IACvB,OAAO,EAAEK,WAAY;IACrB,OAAO,EAAEC;EAAY,GACrB;AAEN,CAAC;AAAC;AAEFZ,KAAK,CAACe,SAAS,GAAG,WAAW;AAE7Bf,KAAK,CAACgB,IAAI;EACRC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,MAAM;EACZN,IAAI,EAAEO,SAAS;EACfC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,MAAM;EACZ5B,KAAK,EAAE,OAAO;EACd6B,OAAO,EAAE;AAAK,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAED/B,KAAK,CAACgC,QAAQ,GAAG;EACflB,IAAI,EAAE;IACJmB,OAAO,GAAGZ,SAAS,4BAAKa,MAAM,CAACC,IAAI,CAACtB,gBAAI,CAAC,EAAC;IAC1CuB,OAAO,EAAE;MAAEN,IAAI,EAAE;IAAS,CAAC;IAC3BO,YAAY,EAAEhB;EAChB,CAAC;EACDS,IAAI,EAAE;IACJG,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDG,OAAO,EAAE;MAAEN,IAAI,EAAE;IAAS,CAAC;IAC3BO,YAAY,EAAE;EAChB;AACF,CAAC"}
+{"version":3,"file":"InputText.stories.js","names":["title","Story","propValue","value","props","useState","setValue","handleChange","next","others","console","log","handleEnter","handleLeave","ICON","icon","storyName","args","autoResize","disabled","error","hint","undefined","label","markdown","multiLine","name","placeholder","required","showRequired","showState","success","type","warning","argTypes","options","Object","keys","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\n\nimport { ICON } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ value: propValue, ...props }) => {\n  const [value, setValue] = useState(propValue);\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<InputText>::onChange', next, ...others);\n  };\n\n  const handleEnter = (...others) => console.log('<InputText>::onEnter', ...others);\n\n  const handleLeave = (...others) => console.log('<InputText>::onLeave', ...others);\n\n  return (\n    <InputText\n      {...props}\n      icon={ICON[props.icon]}\n      value={value}\n      onChange={handleChange}\n      onEnter={handleEnter}\n      onLeave={handleLeave}\n    />\n  );\n};\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  markdown: false,\n  multiLine: false,\n  name: 'name',\n  placeholder: '',\n  required: false,\n  showRequired: false,\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICON)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,OAAuC;EAAA,IAA1BC,SAAS,QAAhBC,KAAK;IAAgBC,KAAK;EAChD,gBAA0B,IAAAC,eAAQ,EAACH,SAAS,CAAC;IAAA;IAAtCC,KAAK;IAAEG,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,uBAAuB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACvD,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOH,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMI,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOJ,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,oBACE,6BAAC,oBAAS,eACJL,KAAK;IACT,IAAI,EAAEU,gBAAI,CAACV,KAAK,CAACW,IAAI,CAAE;IACvB,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEI,YAAa;IACvB,OAAO,EAAEK,WAAY;IACrB,OAAO,EAAEC;EAAY,GACrB;AAEN,CAAC;AAAC;AAEFZ,KAAK,CAACe,SAAS,GAAG,WAAW;AAE7Bf,KAAK,CAACgB,IAAI;EACRC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,MAAM;EACZN,IAAI,EAAEO,SAAS;EACfC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,MAAM;EACZ7B,KAAK,EAAE,OAAO;EACd8B,OAAO,EAAE;AAAK,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDhC,KAAK,CAACiC,QAAQ,GAAG;EACfnB,IAAI,EAAE;IACJoB,OAAO,GAAGb,SAAS,4BAAKc,MAAM,CAACC,IAAI,CAACvB,gBAAI,CAAC,EAAC;IAC1CwB,OAAO,EAAE;MAAEN,IAAI,EAAE;IAAS,CAAC;IAC3BO,YAAY,EAAEjB;EAChB,CAAC;EACDU,IAAI,EAAE;IACJG,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDG,OAAO,EAAE;MAAEN,IAAI,EAAE;IAAS,CAAC;IAC3BO,YAAY,EAAE;EAChB;AACF,CAAC"}

package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap

@@ -191,6 +191,50 @@ exports[`component:<InputText> prop:label 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<InputText> prop:markdown 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
+      <div
+        class="pressable"
+      >
+        <span
+          class="icon headline-3 icon disabled"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 32 32"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<InputText> prop:multiLine 1`] = `
 <DocumentFragment>
   <div

package/build/primitives/Icon/Icon.constants.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ICON = void 0;
+var _lia = require("react-icons/lia");
 var _md = require("react-icons/md");
 var ICON = {
   // <Calendar>
@@ -31,7 +32,9 @@ var ICON = {
   SUCCESS: _md.MdOutlineCheckCircle,
   WARNING: _md.MdOutlineWarningAmber,
   // <Table>
-  FILTER: _md.MdOutlineFilterList
+  FILTER: _md.MdOutlineFilterList,
+  // Filetype
+  MARKDOWN: _lia.LiaMarkdown
 };
 exports.ICON = ICON;
 //# sourceMappingURL=Icon.constants.js.map

package/build/primitives/Icon/Icon.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","FILTER"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n  // <Calendar>\n  MdOutlineArrowBack as LEFT,\n  MdOutlineArrowForward as RIGHT,\n  MdOutlineArrowUpward as UP,\n  MdOutlineArrowDownward as DOWN,\n  // <InputOption>\n  MdOutlineCheck as CHECK,\n  // <InputNumber>\n  MdOutlineAdd as ADD,\n  MdOutlineRemove as REMOVE,\n  // <InputSelect>\n  MdOutlineExpandLess as EXPAND_LESS,\n  MdOutlineExpandMore as EXPAND_MORE,\n  // <InputText>\n  MdOutlineSearch as SEARCH,\n  MdOutlineVisibility as EYE_OPEN,\n  MdOutlineVisibilityOff as EYE_CLOSE,\n  // <Modal>\n  MdOutlineClose as CLOSE,\n  // <Notification> & <InputText>\n  MdErrorOutline as ERROR,\n  MdOutlineInfo as INFO,\n  MdOutlineCheckCircle as SUCCESS,\n  MdOutlineWarningAmber as WARNING,\n  // <Table>\n  MdOutlineFilterList as FILTER,\n} from 'react-icons/md';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS,\n  WARNING,\n  // <Table>\n  FILTER,\n};\n"],"mappings":";;;;;;AAAA;AA6BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAAI;EACJC,KAAK,EAALA,yBAAK;EACLC,EAAE,EAAFA,wBAAE;EACFC,IAAI,EAAJA,0BAAI;EACJ;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,GAAG,EAAHA,gBAAG;EACHC,MAAM,EAANA,mBAAM;EACN;EACAC,WAAW,EAAXA,uBAAW;EACXC,WAAW,EAAXA,uBAAW;EACX;EACAC,MAAM,EAANA,mBAAM;EACNC,QAAQ,EAARA,uBAAQ;EACRC,SAAS,EAATA,0BAAS;EACT;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,KAAK,EAALA,kBAAK;EACLC,IAAI,EAAJA,iBAAI;EACJC,OAAO,EAAPA,wBAAO;EACPC,OAAO,EAAPA,yBAAO;EACP;EACAC,MAAM,EAANA;AACF,CAAC;AAAC"}
+{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","FILTER","MARKDOWN"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import { LiaMarkdown as MARKDOWN } from 'react-icons/lia';\nimport {\n  // <Calendar>\n  MdOutlineArrowBack as LEFT,\n  MdOutlineArrowForward as RIGHT,\n  MdOutlineArrowUpward as UP,\n  MdOutlineArrowDownward as DOWN,\n  // <InputOption>\n  MdOutlineCheck as CHECK,\n  // <InputNumber>\n  MdOutlineAdd as ADD,\n  MdOutlineRemove as REMOVE,\n  // <InputSelect>\n  MdOutlineExpandLess as EXPAND_LESS,\n  MdOutlineExpandMore as EXPAND_MORE,\n  // <InputText>\n  MdOutlineSearch as SEARCH,\n  MdOutlineVisibility as EYE_OPEN,\n  MdOutlineVisibilityOff as EYE_CLOSE,\n  // <Modal>\n  MdOutlineClose as CLOSE,\n  // <Notification> & <InputText>\n  MdErrorOutline as ERROR,\n  MdOutlineInfo as INFO,\n  MdOutlineCheckCircle as SUCCESS,\n  MdOutlineWarningAmber as WARNING,\n  // <Table>\n  MdOutlineFilterList as FILTER,\n} from 'react-icons/md';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS,\n  WARNING,\n  // <Table>\n  FILTER,\n  // Filetype\n  MARKDOWN,\n};\n"],"mappings":";;;;;;AAAA;AACA;AA6BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAAI;EACJC,KAAK,EAALA,yBAAK;EACLC,EAAE,EAAFA,wBAAE;EACFC,IAAI,EAAJA,0BAAI;EACJ;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,GAAG,EAAHA,gBAAG;EACHC,MAAM,EAANA,mBAAM;EACN;EACAC,WAAW,EAAXA,uBAAW;EACXC,WAAW,EAAXA,uBAAW;EACX;EACAC,MAAM,EAANA,mBAAM;EACNC,QAAQ,EAARA,uBAAQ;EACRC,SAAS,EAATA,0BAAS;EACT;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,KAAK,EAALA,kBAAK;EACLC,IAAI,EAAJA,iBAAI;EACJC,OAAO,EAAPA,wBAAO;EACPC,OAAO,EAAPA,yBAAO;EACP;EACAC,MAAM,EAANA,uBAAM;EACN;EACAC,QAAQ,EAARA;AACF,CAAC;AAAC"}

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

@@ -547,6 +547,28 @@ exports[`primitive:<Icon> prop:value prop:value (LEFT) 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Icon> prop:value prop:value (MARKDOWN) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 32 32"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Icon> prop:value prop:value (REMOVE) 1`] = `
 <DocumentFragment>
   <span

package/build/primitives/Text/Text.js

@@ -8,8 +8,9 @@ exports.Text = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
+var _helpers2 = require("./helpers");
 var _TextModule = _interopRequireDefault(require("./Text.module.css"));
-var _excluded = ["action", "bold", "children", "headline", "level", "small", "tag", "underline", "upperCase", "wide"];
+var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "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; }
@@ -19,12 +20,14 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Text = function Text(_ref) {
-  var action = _ref.action,
+  var accent = _ref.accent,
+    action = _ref.action,
     bold = _ref.bold,
     children = _ref.children,
     headline = _ref.headline,
     _ref$level = _ref.level,
     level = _ref$level === void 0 ? 3 : _ref$level,
+    lighten = _ref.lighten,
     small = _ref.small,
     tag = _ref.tag,
     underline = _ref.underline,
@@ -32,17 +35,19 @@ var Text = function Text(_ref) {
     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, wide && _TextModule.default.wide, others.className)
-  }), children);
+    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)
+  }), (0, _helpers2.parseMarkdown)(children));
 };
 exports.Text = Text;
 Text.displayName = 'Primitive:Text';
 Text.propTypes = {
+  accent: _propTypes.default.bool,
   action: _propTypes.default.bool,
   bold: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),
   headline: _propTypes.default.bool,
   level: _propTypes.default.number,
+  lighten: _propTypes.default.bool,
   small: _propTypes.default.bool,
   tag: _propTypes.default.string,
   underline: _propTypes.default.bool,

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","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"}
+{"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","small","tag","underline","upperCase","wide","others","React","createElement","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 { 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    tag || (headline ? `h${level}` : 'span'),\n    {\n      ...others,\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;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,CACjBN,GAAG,KAAKJ,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC,kCAEnCO,MAAM;IACTG,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVlB,MAAM,IAAIiB,mBAAK,CAACjB,MAAM,EACtBE,IAAI,IAAIe,mBAAK,CAACf,IAAI,EAClBE,QAAQ,GAAGa,mBAAK,oBAAaZ,KAAK,EAAG,GAAGJ,MAAM,GAAGgB,mBAAK,CAAChB,MAAM,GAAGM,KAAK,GAAGU,mBAAK,CAACV,KAAK,GAAGU,mBAAK,CAACE,SAAS,EACrGb,OAAO,IAAIW,mBAAK,CAACX,OAAO,EACxBG,SAAS,IAAIQ,mBAAK,CAACR,SAAS,EAC5BC,SAAS,IAAIO,mBAAK,CAACP,SAAS,EAC5BC,IAAI,IAAIM,mBAAK,CAACN,IAAI,EAClBC,MAAM,CAACG,SAAS;EACjB,IAEH,IAAAK,uBAAa,EAACjB,QAAQ,CAAC,CACxB;AAAA;AAAC;AAEJJ,IAAI,CAACsB,WAAW,GAAG,gBAAgB;AAEnCtB,IAAI,CAACuB,SAAS,GAAG;EACftB,MAAM,EAAEuB,kBAAS,CAACC,IAAI;EACtBvB,MAAM,EAAEsB,kBAAS,CAACC,IAAI;EACtBtB,IAAI,EAAEqB,kBAAS,CAACC,IAAI;EACpBrB,QAAQ,EAAEoB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpFxB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;EACxBnB,KAAK,EAAEkB,kBAAS,CAACI,MAAM;EACvBrB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,KAAK,EAAEgB,kBAAS,CAACC,IAAI;EACrBhB,GAAG,EAAEe,kBAAS,CAACG,MAAM;EACrBjB,SAAS,EAAEc,kBAAS,CAACC,IAAI;EACzBd,SAAS,EAAEa,kBAAS,CAACC,IAAI;EACzBb,IAAI,EAAEY,kBAAS,CAACC;AAClB,CAAC"}

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

@@ -43,11 +43,19 @@ h4.headline-4 {
   line-height: var(--mirai-ui-line-height-paragraph);
 }
 
+.accent {
+  color: var(--mirai-ui-accent);
+}
+
 .action {
   font-size: var(--mirai-ui-font-size-action);
   line-height: var(--mirai-ui-line-height-action);
 }
 
+.lighten {
+  color: var(--mirai-ui-content-light);
+}
+
 .small {
   font-size: var(--mirai-ui-font-size-small);
   line-height: var(--mirai-ui-line-height-small);
@@ -70,4 +78,4 @@ h4.headline-4 {
 h2.headline-2 {
   color: var(--mirai-ui-content);
   font-weight: var(--mirai-ui-font-weight);
-}
+}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,26 +8,36 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Text = require("./Text");
 var _Story$args;
+var _excluded = ["childrenMarkdown"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var _default = {
   title: 'Primitives'
 };
 exports.default = _default;
-var Story = function Story(props) {
-  return /*#__PURE__*/_react.default.createElement(_Text.Text, props);
+var Story = function Story(_ref) {
+  var childrenMarkdown = _ref.childrenMarkdown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, props), /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({}, props, {
+    children: childrenMarkdown
+  })));
 };
 exports.Story = Story;
 Story.storyName = 'Text';
 Story.args = (_Story$args = {
+  accent: false,
   action: false,
   bold: false,
   children: 'children',
+  childrenMarkdown: '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',
   headline: false,
   level: 3,
+  lighten: false,
   small: false,
   tag: 'span',
   underline: false,

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","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"}
+{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","action","bold","children","headline","level","lighten","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 = ({ childrenMarkdown, ...props }) => (\n  <>\n    <Text {...props} />\n    <Text {...props} children={childrenMarkdown} />\n  </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n  accent: false,\n  action: false,\n  bold: false,\n  children: 'children',\n  childrenMarkdown:\n    '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n  headline: false,\n  level: 3,\n  lighten: false,\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;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;EACRC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBP,gBAAgB,EACd,8HAA8H;EAChIQ,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,OAAO,EAAE,KAAK;EACdC,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;AAEDhB,KAAK,CAACiB,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -10,6 +10,16 @@ exports[`primitive:<Text> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:accent 1`] = `
+<DocumentFragment>
+  <span
+    class="text accent paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> prop:action 1`] = `
 <DocumentFragment>
   <span
@@ -80,6 +90,16 @@ exports[`primitive:<Text> prop:headline 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Text> prop:lighten 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph lighten"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Text> prop:small 1`] = `
 <DocumentFragment>
   <span

package/build/primitives/Text/helpers/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _parseMarkdown = require("./parseMarkdown");
+Object.keys(_parseMarkdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _parseMarkdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _parseMarkdown[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Text/helpers/index.js"],"sourcesContent":["export * from './parseMarkdown';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Text/helpers/parseMarkdown.js

@@ -0,0 +1,111 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseMarkdown = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["text"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var LINK_REGEXP = /\[(.*?)\]\((.*?)\)/;
+var MARKDOWN_REGEXP = /(\*\*|\*|_|~~|\[|\{)(.*?)(\*\*|\*|_|~~|\)|\})/g;
+var STYLE = {
+  BINDING: {
+    style: {
+      color: 'var(--mirai-ui-accent)',
+      fontWeight: 'bold'
+    }
+  },
+  BOLD: {
+    style: {
+      fontWeight: 'bold'
+    }
+  },
+  ITALIC: {
+    style: {
+      fontStyle: 'italic'
+    }
+  },
+  LINE_THROUGH: {
+    style: {
+      textDecoration: 'line-through'
+    }
+  },
+  LINK: {
+    style: {
+      textDecoration: 'underline',
+      color: 'var(--mirai-ui-accent)'
+    }
+  },
+  UNDERLINE: {
+    style: {
+      textDecoration: 'underline'
+    }
+  }
+};
+var parseMarkdown = function parseMarkdown(value) {
+  if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;
+  var tokens = [];
+  var lastIndex = 0;
+  var match;
+  while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {
+    var _match = match,
+      _match2 = _slicedToArray(_match, 4),
+      raw = _match2[0],
+      start = _match2[1],
+      text = _match2[2],
+      end = _match2[3];
+    if (value.slice(lastIndex, match.index)) tokens.push({
+      text: value.slice(lastIndex, match.index)
+    });
+    if (start === '**' && end == '**') tokens.push(_objectSpread({
+      text: text
+    }, STYLE.BOLD));else if (start === '*' && end === '*') tokens.push(_objectSpread({
+      text: text
+    }, STYLE.ITALIC));else if (start === '_' && end === '_') tokens.push(_objectSpread({
+      text: text
+    }, STYLE.UNDERLINE));else if (start === '~~' && end === '~~') tokens.push(_objectSpread({
+      text: text
+    }, STYLE.LINE_THROUGH));else if (start === '{' && end === '}') tokens.push(_objectSpread({
+      text: raw
+    }, STYLE.BINDING));else if (start === '[' && end === ')') {
+      var _raw$match = raw.match(LINK_REGEXP),
+        _raw$match2 = _slicedToArray(_raw$match, 3),
+        title = _raw$match2[1],
+        href = _raw$match2[2];
+      tokens.push(_objectSpread({
+        text: title,
+        href: href
+      }, STYLE.LINK));
+    } else {
+      tokens.push({
+        text: raw
+      });
+    }
+    lastIndex = MARKDOWN_REGEXP.lastIndex;
+  }
+  if (value.slice(lastIndex)) tokens.push({
+    text: value.slice(lastIndex)
+  });
+  return tokens.map(function (_ref) {
+    var text = _ref.text,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return Object.keys(props).length ? /*#__PURE__*/_react.default.createElement(props.href ? 'a' : 'span', props, text) : text;
+  });
+};
+exports.parseMarkdown = parseMarkdown;
+//# sourceMappingURL=parseMarkdown.js.map

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

@@ -0,0 +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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.166",
+  "version": "1.0.167",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "@mirai/locale": "^0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-icons": "^4.7.1"
+    "react-icons": "^4.10.1"
   },
   "devDependencies": {
     "@babel/cli": "7.19.3",
@@ -47,6 +47,10 @@
   "engines": {
     "node": ">=18.15.0"
   },
+  "resolutions": {
+    "@mirai/locale": "^0.2",
+    "react-icons": "^4.10.1"
+  },
   "browserslist": {
     "production": [
       ">0.2%",