@mirai/ui 1.1.8 → 1.1.10

package/README.md

@@ -56,11 +56,15 @@ const MyComponent = () => (
 This primitive returns a span with an icon based on a mandatory string prop `name`.
 
 - `accent:boolean` use theme's accent color
+- `accentDark:boolean` use theme's accent-dark color
+- `accentLight:boolean` use theme's accent-light color
 - `action:boolean` modifying font-size
+- `dark:boolean` use theme's content-dark color
 - `error:boolean` use theme's error color
 - `headline:boolean` modifying font-size (default headline:3)
+- `info:boolean` use theme's info color
 - `level:number` assign the level of heading (1, 2, 3 or 4)
-- `lighten:boolean` use theme's content-light color
+- `light:boolean` use theme's content-light color
 - `paragraph:boolean` modifying font-size
 - `small:boolean` modifying font-size
 - `success:boolean` use theme's success color
@@ -332,14 +336,18 @@ const MyComponent = () => (
 A primitive for displaying text. It receives the following props:
 
 - `accent:boolean` use theme's accent color
+- `accentDark:boolean` use theme's accent-dark color
+- `accentLight:boolean` use theme's accent-light color
 - `action:boolean` modifying font-size
 - `bold:boolean` modifying font-weight
 - `capitalize:boolean` capitalize the first word of a sentence
 - `children:string`
+- `dark:boolean` use theme's content-dark color
 - `error:boolean` use theme's error color
 - `headline:boolean` modifying font-size
+- `info:boolean` use theme's info color
 - `level:number` assign the level of heading (1, 2, 3 or 4)
-- `lighten:boolean` use theme's content-light color
+- `light:boolean` use theme's content-light color
 - `markdown:boolean` if true renders content as parsed markdown
 - `small:boolean` modifying font-size
 - `success:boolean` use theme's success color

package/build/components/InputSelect/InputSelect.js

@@ -76,7 +76,7 @@ var InputSelect = function InputSelect(_ref) {
     className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error)
   }, caption && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     action: true,
-    lighten: true,
+    light: true,
     className: _InputTextModule.default.caption
   }, caption), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     wide: true,

package/build/components/InputSelect/InputSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","names":["InputSelect","caption","disabled","error","hint","label","showRequired","showState","success","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","content","required","input","withLabel","empty","displayName","propTypes","PropTypes","string","bool","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { Expand } from './partials';\n\nconst InputSelect = ({\n  caption,\n  disabled,\n  error,\n  hint,\n  label,\n  showRequired = false,\n  showState = true,\n  success,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n    event.target?.blur();\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 has = {\n    label: !!label,\n    value: others.value !== undefined && others.value?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-select'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(style.inputBorder, disabled && style.disabled, focus && style.focus, error && style.error)}\n      >\n        {caption && (\n          <Text action lighten className={style.caption}>\n            {caption}\n          </Text>\n        )}\n\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{\n                disabled,\n                error,\n                focus,\n                label,\n                required: showRequired && others.required,\n                value: others.value,\n              }}\n            />\n          )}\n\n          <Select\n            {...others}\n            disabled={disabled}\n            value={others.value || ''}\n            className={styles(\n              style.input,\n              has.label && style.withLabel,\n              !!label && !(focus || error || has.value) && style.empty,\n            )}\n            onChange={handleChange}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n          />\n        </View>\n\n        {!disabled && <Expand />}\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  caption: PropTypes.string,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}
+{"version":3,"file":"InputSelect.js","names":["InputSelect","caption","disabled","error","hint","label","showRequired","showState","success","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","content","required","input","withLabel","empty","displayName","propTypes","PropTypes","string","bool","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { Expand } from './partials';\n\nconst InputSelect = ({\n  caption,\n  disabled,\n  error,\n  hint,\n  label,\n  showRequired = false,\n  showState = true,\n  success,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n    event.target?.blur();\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 has = {\n    label: !!label,\n    value: others.value !== undefined && others.value?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-select'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(style.inputBorder, disabled && style.disabled, focus && style.focus, error && style.error)}\n      >\n        {caption && (\n          <Text action light className={style.caption}>\n            {caption}\n          </Text>\n        )}\n\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{\n                disabled,\n                error,\n                focus,\n                label,\n                required: showRequired && others.required,\n                value: others.value,\n              }}\n            />\n          )}\n\n          <Select\n            {...others}\n            disabled={disabled}\n            value={others.value || ''}\n            className={styles(\n              style.input,\n              has.label && style.withLabel,\n              !!label && !(focus || error || has.value) && style.empty,\n            )}\n            onChange={handleChange}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n          />\n        </View>\n\n        {!disabled && <Expand />}\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  caption: PropTypes.string,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}

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

@@ -78,7 +78,7 @@ exports[`component:<InputSelect> prop:caption 1`] = `
       class="view row inputBorder"
     >
       <span
-        class="text action lighten caption"
+        class="text light action caption"
       >
         caption
       </span>

package/build/components/InputText/InputText.js

@@ -102,7 +102,7 @@ var InputText = function InputText(_ref) {
     className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.left, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
   }), caption && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     action: true,
-    lighten: true,
+    light: true,
     className: _InputTextModule.default.caption
   }, caption), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     wide: true,

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","names":["InputText","caption","children","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","role","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","string","node","bool","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  caption,\n  children,\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 || typeof others.value === 'number'),\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-text'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(style.inputBorder, disabled && style.disabled, error && style.error, focus && style.focus)}\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\n        {caption && (\n          <Text action lighten className={style.caption}>\n            {caption}\n          </Text>\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 !== undefined ? 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              markdown\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={styles(style.icon, style.password)}\n            />\n          </Pressable>\n        )}\n\n        {children}\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  caption: PropTypes.string,\n  children: PropTypes.node,\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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"}
+{"version":3,"file":"InputText.js","names":["InputText","caption","children","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","role","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","string","node","bool","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  caption,\n  children,\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 || typeof others.value === 'number'),\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-text'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(style.inputBorder, disabled && style.disabled, error && style.error, focus && style.focus)}\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\n        {caption && (\n          <Text action light className={style.caption}>\n            {caption}\n          </Text>\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 !== undefined ? 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              markdown\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={styles(style.icon, style.password)}\n            />\n          </Pressable>\n        )}\n\n        {children}\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  caption: PropTypes.string,\n  children: PropTypes.node,\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":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpD,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAmBT;EAAA;EAAA,IAlBJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,yBACTC,YAAY;IAAZA,YAAY,kCAAG,KAAK;IAAA,sBACpBC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAChBC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IAAA,oBAClBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlCC,KAAK;IAAEC,QAAQ;EACtB,iBAAgC,IAAAF,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAvCG,QAAQ;IAAEC,WAAW;EAC5B,iBAAkC,IAAAJ,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzCK,SAAS;IAAEC,YAAY;EAE9B,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAEC,KAAK,EAAK;IACrCb,QAAQ,CAACY,KAAK,EAAEC,KAAK,CAAC;EACxB,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAID,KAAK,EAAK;IAC7BP,QAAQ,CAAC,IAAI,CAAC;IACdL,OAAO,CAACY,KAAK,CAAC;EAChB,CAAC;EAED,IAAME,WAAW,GAAG,SAAdA,WAAW,CAAIF,KAAK,EAAK;IAC7BP,QAAQ,CAAC,KAAK,CAAC;IACfJ,OAAO,CAACW,KAAK,CAAC;EAChB,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW,CAAIH,KAAK,EAAK;IAC7B,IAAII,EAAE,CAACV,QAAQ,EAAEC,WAAW,CAAC,CAACD,QAAQ,CAAC,CAAC,KACnC,IAAIU,EAAE,CAACC,MAAM,EAAElB,QAAQ,CAACmB,SAAS,EAAEN,KAAK,CAAC;EAChD,CAAC;EAED,IAAMI,EAAE,GAAG;IACTV,QAAQ,EAAET,IAAI,KAAK,UAAU;IAC7BoB,MAAM,EAAEpB,IAAI,KAAK;EACnB,CAAC;EAED,IAAMsB,GAAG,GAAG;IACV7B,IAAI,EAAE,CAAC,CAACA,IAAI,IAAI0B,EAAE,CAACC,MAAM;IACzB1B,KAAK,EAAE,CAAC,CAACA,KAAK;IACdoB,KAAK,EAAET,MAAM,CAACS,KAAK,KAAKO,SAAS,KAAK,kBAAAhB,MAAM,CAACS,KAAK,kDAAZ,cAAcS,MAAM,IAAG,CAAC,IAAI,OAAOlB,MAAM,CAACS,KAAK,KAAK,QAAQ,CAAC;IACnGU,SAAS,EAAE1B,SAAS,KAAKP,KAAK,IAAIQ,OAAO,IAAIE,OAAO;EACtD,CAAC;EAED,oBACE,6BAAC,gBAAI;IACH,IAAI,EAAEI,MAAM,CAACoB,IAAI,IAAI,YAAa;IAClC,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,cAAc,EAAEvB,MAAM,CAACwB,SAAS,CAAE;IAC1D,KAAK,EAAExB,MAAM,CAACsB;EAAM,gBAEpB,6BAAC,gBAAI;IACH,GAAG;IACH,SAAS,EAAE,IAAAD,eAAM,EAACC,wBAAK,CAACG,WAAW,EAAExC,QAAQ,IAAIqC,wBAAK,CAACrC,QAAQ,EAAEC,KAAK,IAAIoC,wBAAK,CAACpC,KAAK,EAAEgB,KAAK,IAAIoB,wBAAK,CAACpB,KAAK;EAAE,GAE5Ge,GAAG,CAAC7B,IAAI,iBACP,6BAAC,gBAAI;IACH,KAAK,EAAEA,IAAI,IAAIsC,gBAAI,CAACC,MAAO;IAC3B,SAAS,EAAE,IAAAN,eAAM,EAACC,wBAAK,CAAClC,IAAI,EAAEkC,wBAAK,CAACM,IAAI,EAAE3C,QAAQ,IAAIqC,wBAAK,CAACrC,QAAQ,EAAEC,KAAK,IAAIoC,wBAAK,CAACpC,KAAK;EAAE,EAE/F,EAEAH,OAAO,iBACN,6BAAC,gBAAI;IAAC,MAAM;IAAC,KAAK;IAAC,SAAS,EAAEuC,wBAAK,CAACvC;EAAQ,GACzCA,OAAO,CAEX,eAED,6BAAC,gBAAI;IAAC,IAAI;IAAC,SAAS,EAAEuC,wBAAK,CAACO;EAAQ,GACjCxC,KAAK,iBACJ,6BAAC,eAAK;IACEJ,QAAQ,EAARA,QAAQ;IAAEC,KAAK,EAALA,KAAK;IAAEgB,KAAK,EAALA,KAAK;IAAEb,KAAK,EAALA,KAAK;IAAEyC,QAAQ,EAAEtC,YAAY,IAAIQ,MAAM,CAAC8B,QAAQ;IAAErB,KAAK,EAAET,MAAM,CAACS;EAAK,EAEtG,EAEAH,SAAS,iBACR,6BAAC,iBAAK;IACErB,QAAQ,EAARA,QAAQ;IAAEM,SAAS,EAATA;EAAS,GAAKS,MAAM;IACpC,IAAI,EAAE,CAACc,EAAE,CAACV,QAAQ,IAAIA,QAAQ,GAAGT,IAAI,GAAG,MAAO;IAC/C,KAAK,EAAEK,MAAM,CAACS,KAAK,KAAKO,SAAS,GAAGhB,MAAM,CAACS,KAAK,GAAG,EAAG;IACtD,SAAS,EAAE,IAAAY,eAAM,EAACC,wBAAK,CAACS,KAAK,EAAEd,GAAG,CAAC5B,KAAK,IAAIiC,wBAAK,CAACU,SAAS,EAAEzC,SAAS,IAAI+B,wBAAK,CAAC/B,SAAS,CAAE;IAC3F,QAAQ,EAAEiB,YAAa;IACvB,OAAO,EAAEG,WAAY;IACrB,OAAO,EAAEC;EAAY,GAExB,EACAtB,QAAQ,IAAI,CAACgB,SAAS,iBACrB,6BAAC,gBAAI;IACH,QAAQ;IACR,OAAO,EAAE;MAAA,OAAMC,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IAClC,SAAS,EAAE,IAAAc,eAAM,EAACC,wBAAK,CAACS,KAAK,EAAEd,GAAG,CAAC5B,KAAK,IAAIiC,wBAAK,CAACU,SAAS,EAAEzC,SAAS,IAAI+B,wBAAK,CAAC/B,SAAS;EAAE,GAE1FS,MAAM,CAACS,KAAK,CAEhB,CACI,EAENnB,QAAQ,iBACP,6BAAC,qBAAS;IAAC,OAAO,EAAE;MAAA,OAAMiB,YAAY,CAAC,CAACD,SAAS,CAAC;IAAA;EAAC,gBACjD,6BAAC,gBAAI;IAAC,KAAK,EAAEoB,gBAAI,CAACO,QAAS;IAAC,SAAS,EAAE,IAAAZ,eAAM,EAACC,wBAAK,CAAClC,IAAI,EAAEkB,SAAS,IAAIgB,wBAAK,CAACrC,QAAQ;EAAE,EAAG,CAE7F,EAEA,CAAC6B,EAAE,CAACV,QAAQ,IAAKU,EAAE,CAACC,MAAM,IAAIE,GAAG,CAACR,KAAM,KAAK,CAACxB,QAAQ,iBACrD,6BAAC,qBAAS;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,OAAO,EAAE4B;EAAY,gBAC5C,6BAAC,gBAAI;IACH,KAAK,EAAEC,EAAE,CAACV,QAAQ,GAAIA,QAAQ,GAAGsB,gBAAI,CAACQ,SAAS,GAAGR,gBAAI,CAACS,QAAQ,GAAIT,gBAAI,CAACU,KAAM;IAC9E,SAAS,EAAE,IAAAf,eAAM,EAACC,wBAAK,CAAClC,IAAI,EAAEkC,wBAAK,CAAClB,QAAQ;EAAE,EAC9C,CAEL,EAEApB,QAAQ,EAERiC,GAAG,CAACE,SAAS,iBAAI,6BAAC,mBAAS;IAAOjC,KAAK,EAALA,KAAK;IAAEQ,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA;EAAO,EAAM,CAC3D,EAENT,IAAI,iBAAI,6BAAC,cAAI;IAAOF,QAAQ,EAARA,QAAQ;IAAEC,KAAK,EAALA,KAAK;IAAEC,IAAI,EAAJA;EAAI,EAAM,CAC3C;AAEX,CAAC;AAAC;AAEFL,SAAS,CAACuD,WAAW,GAAG,qBAAqB;AAE7CvD,SAAS,CAACwD,SAAS,GAAG;EACpBvD,OAAO,EAAEwD,kBAAS,CAACC,MAAM;EACzBxD,QAAQ,EAAEuD,kBAAS,CAACE,IAAI;EACxBxD,QAAQ,EAAEsD,kBAAS,CAACG,IAAI;EACxBxD,KAAK,EAAEqD,kBAAS,CAACG,IAAI;EACrBvD,IAAI,EAAEoD,kBAAS,CAACC,MAAM;EACtBpD,IAAI,EAAEmD,kBAAS,CAACI,IAAI;EACpBtD,KAAK,EAAEkD,kBAAS,CAACC,MAAM;EACvBlD,QAAQ,EAAEiD,kBAAS,CAACG,IAAI;EACxBnD,SAAS,EAAEgD,kBAAS,CAACG,IAAI;EACzBE,IAAI,EAAEL,kBAAS,CAACC,MAAM,CAACK,UAAU;EACjCrD,YAAY,EAAE+C,kBAAS,CAACG,IAAI;EAC5BjD,SAAS,EAAE8C,kBAAS,CAACG,IAAI;EACzBhD,OAAO,EAAE6C,kBAAS,CAACG,IAAI;EACvB/C,IAAI,EAAE4C,kBAAS,CAACC,MAAM;EACtB5C,OAAO,EAAE2C,kBAAS,CAACG,IAAI;EACvB7C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI;EACxB7C,OAAO,EAAEyC,kBAAS,CAACI,IAAI;EACvB5C,OAAO,EAAEwC,kBAAS,CAACI;AACrB,CAAC"}

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

@@ -32,7 +32,7 @@ exports[`component:<InputText> prop:caption 1`] = `
       class="view row inputBorder"
     >
       <span
-        class="text action lighten caption"
+        class="text light action caption"
       >
         caption
       </span>

package/build/components/Table/Table.Filter.js

@@ -46,7 +46,7 @@ var Filter = function Filter(_ref) {
       key: index,
       className: _TableModule.default.item
     }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-      lighten: true,
+      light: true,
       tiny: true
     }, label.toLowerCase()), value && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
       bold: true,

package/build/components/Table/Table.Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.Filter.js","names":["Filter","filter","schema","onRemove","others","fields","Object","keys","style","filters","sort","a","b","field","map","max","min","value","values","index","label","options","schemaOptions","includes","item","toLowerCase","option","length","buttonRemove","ICON","CLOSE","displayName","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Filter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Table.module.css';\n\nconst Filter = ({ filter = [], schema = {}, onRemove = () => {}, ...others }) => {\n  const fields = Object.keys(schema);\n\n  return (\n    <View {...others} row wide className={style.filters}>\n      {filter\n        .sort((a, b) => a.field >= b.field)\n        .map(({ field, max, min, value, values } = {}, index) => {\n          const { label = field, options: schemaOptions = {} } = schema[field] || {};\n\n          return fields.includes(field) ? (\n            <View row key={index} className={style.item}>\n              <Text lighten tiny>\n                {label.toLowerCase()}\n              </Text>\n              {value && (\n                <Text bold small>\n                  {value}\n                </Text>\n              )}\n              {min && (\n                <Text bold small>\n                  {`${max ? '' : '≥ '}${min}`}\n                </Text>\n              )}\n              {max && (\n                <Text bold small>\n                  {`${min ? ' - ' : '≤ '}${max}`}\n                </Text>\n              )}\n              {values &&\n                values.map((option, index) => (\n                  <Text bold key={option} small>\n                    {schemaOptions[option]}\n                    {index < values.length - 1 ? ', ' : ''}\n                  </Text>\n                ))}\n\n              <Pressable onPress={() => onRemove(index)} className={style.buttonRemove}>\n                <Icon action value={ICON.CLOSE} />\n              </Pressable>\n            </View>\n          ) : null;\n        })}\n    </View>\n  );\n};\n\nFilter.displayName = 'Component:Table:Filter';\n\nFilter.propTypes = {\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  schema: PropTypes.shape({}).isRequired,\n  onRemove: PropTypes.func.isRequired,\n};\n\nexport { Filter };\n"],"mappings":"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"}
+{"version":3,"file":"Table.Filter.js","names":["Filter","filter","schema","onRemove","others","fields","Object","keys","style","filters","sort","a","b","field","map","max","min","value","values","index","label","options","schemaOptions","includes","item","toLowerCase","option","length","buttonRemove","ICON","CLOSE","displayName","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Filter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Table.module.css';\n\nconst Filter = ({ filter = [], schema = {}, onRemove = () => {}, ...others }) => {\n  const fields = Object.keys(schema);\n\n  return (\n    <View {...others} row wide className={style.filters}>\n      {filter\n        .sort((a, b) => a.field >= b.field)\n        .map(({ field, max, min, value, values } = {}, index) => {\n          const { label = field, options: schemaOptions = {} } = schema[field] || {};\n\n          return fields.includes(field) ? (\n            <View row key={index} className={style.item}>\n              <Text light tiny>\n                {label.toLowerCase()}\n              </Text>\n              {value && (\n                <Text bold small>\n                  {value}\n                </Text>\n              )}\n              {min && (\n                <Text bold small>\n                  {`${max ? '' : '≥ '}${min}`}\n                </Text>\n              )}\n              {max && (\n                <Text bold small>\n                  {`${min ? ' - ' : '≤ '}${max}`}\n                </Text>\n              )}\n              {values &&\n                values.map((option, index) => (\n                  <Text bold key={option} small>\n                    {schemaOptions[option]}\n                    {index < values.length - 1 ? ', ' : ''}\n                  </Text>\n                ))}\n\n              <Pressable onPress={() => onRemove(index)} className={style.buttonRemove}>\n                <Icon action value={ICON.CLOSE} />\n              </Pressable>\n            </View>\n          ) : null;\n        })}\n    </View>\n  );\n};\n\nFilter.displayName = 'Component:Table:Filter';\n\nFilter.propTypes = {\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  schema: PropTypes.shape({}).isRequired,\n  onRemove: PropTypes.func.isRequired,\n};\n\nexport { Filter };\n"],"mappings":"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"}

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

@@ -436,7 +436,7 @@ exports[`component:<Table> prop:filter 1`] = `
         class="view row item"
       >
         <span
-          class="text tiny lighten"
+          class="text light tiny"
         >
           email
         </span>
@@ -475,7 +475,7 @@ exports[`component:<Table> prop:filter 1`] = `
         class="view row item"
       >
         <span
-          class="text tiny lighten"
+          class="text light tiny"
         >
           email
         </span>
@@ -514,7 +514,7 @@ exports[`component:<Table> prop:filter 1`] = `
         class="view row item"
       >
         <span
-          class="text tiny lighten"
+          class="text light tiny"
         >
           year
         </span>
@@ -3891,7 +3891,7 @@ exports[`component:<Table> prop:store 1`] = `
         class="view row item"
       >
         <span
-          class="text tiny lighten"
+          class="text light tiny"
         >
           year
         </span>

package/build/primitives/Icon/Icon.js

@@ -9,8 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
+var _helpers2 = require("../Text/helpers");
 var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
-var _excluded = ["accent", "action", "error", "headline", "level", "lighten", "paragraph", "small", "success", "value", "warning"];
+var _excluded = ["accent", "accentLight", "accentDark", "action", "dark", "error", "headline", "info", "level", "light", "paragraph", "small", "success", "value", "warning"];
 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; }
@@ -21,12 +22,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 Icon = function Icon(_ref) {
   var accent = _ref.accent,
+    accentLight = _ref.accentLight,
+    accentDark = _ref.accentDark,
     action = _ref.action,
+    dark = _ref.dark,
     error = _ref.error,
     headline = _ref.headline,
+    info = _ref.info,
     _ref$level = _ref.level,
     level = _ref$level === void 0 ? 3 : _ref$level,
-    lighten = _ref.lighten,
+    light = _ref.light,
     paragraph = _ref.paragraph,
     small = _ref.small,
     success = _ref.success,
@@ -36,18 +41,32 @@ var Icon = function Icon(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     role: others.role || 'icon',
     tag: 'span',
-    className: (0, _helpers.styles)(_IconModule.default.icon, accent && _IconModule.default.accent, error && _IconModule.default.error, headline ? _IconModule.default["headline-".concat(level)] : action ? _IconModule.default.action : small ? _IconModule.default.small : paragraph ? _IconModule.default.paragraph : _IconModule.default["headline-".concat(level)], lighten && _IconModule.default.lighten, success && _IconModule.default.success, warning && _IconModule.default.warning, others.className)
+    className: (0, _helpers.styles)(_IconModule.default.icon, (0, _helpers2.color)({
+      accent: accent,
+      accentDark: accentDark,
+      accentLight: accentLight,
+      dark: dark,
+      error: error,
+      info: info,
+      light: light,
+      success: success,
+      warning: warning
+    }), headline ? _IconModule.default["headline-".concat(level)] : action ? _IconModule.default.action : small ? _IconModule.default.small : paragraph ? _IconModule.default.paragraph : _IconModule.default["headline-".concat(level)], others.className)
   }), value ? /*#__PURE__*/_react.default.createElement(value) : undefined);
 };
 exports.Icon = Icon;
 Icon.displayName = 'Primitive:Icon';
 Icon.propTypes = {
   accent: _propTypes.default.bool,
+  accentLight: _propTypes.default.bool,
+  accentDark: _propTypes.default.bool,
   action: _propTypes.default.bool,
+  dark: _propTypes.default.bool,
   error: _propTypes.default.bool,
   headline: _propTypes.default.bool,
+  info: _propTypes.default.bool,
   level: _propTypes.default.number,
-  lighten: _propTypes.default.bool,
+  light: _propTypes.default.bool,
   paragraph: _propTypes.default.bool,
   small: _propTypes.default.bool,
   success: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["Icon","accent","action","error","headline","level","lighten","paragraph","small","success","value","warning","others","React","createElement","Primitive","role","tag","className","styles","style","icon","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Icon.module.css';\n\nconst Icon = ({\n  accent,\n  action,\n  error,\n  headline,\n  level = 3,\n  lighten,\n  paragraph,\n  small,\n  success,\n  value,\n  warning,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'icon',\n      tag: 'span',\n      className: styles(\n        style.icon,\n        accent && style.accent,\n        error && style.error,\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : paragraph\n          ? style.paragraph\n          : style[`headline-${level}`],\n        lighten && style.lighten,\n        success && style.success,\n        warning && style.warning,\n        others.className,\n      ),\n    },\n    value ? React.createElement(value) : undefined,\n  );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n  accent: PropTypes.bool,\n  action: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  level: PropTypes.number,\n  lighten: PropTypes.bool,\n  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.func.isRequired,\n  warning: PropTypes.bool,\n};\n\nexport { Icon };\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,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVpB,MAAM,IAAImB,mBAAK,CAACnB,MAAM,EACtBE,KAAK,IAAIiB,mBAAK,CAACjB,KAAK,EACpBC,QAAQ,GACJgB,mBAAK,oBAAaf,KAAK,EAAG,GAC1BH,MAAM,GACNkB,mBAAK,CAAClB,MAAM,GACZM,KAAK,GACLY,mBAAK,CAACZ,KAAK,GACXD,SAAS,GACTa,mBAAK,CAACb,SAAS,GACfa,mBAAK,oBAAaf,KAAK,EAAG,EAC9BC,OAAO,IAAIc,mBAAK,CAACd,OAAO,EACxBG,OAAO,IAAIW,mBAAK,CAACX,OAAO,EACxBE,OAAO,IAAIS,mBAAK,CAACT,OAAO,EACxBC,MAAM,CAACM,SAAS;EACjB,IAEHR,KAAK,gBAAGG,cAAK,CAACC,aAAa,CAACJ,KAAK,CAAC,GAAGY,SAAS,CAC/C;AAAA;AAAC;AAEJtB,IAAI,CAACuB,WAAW,GAAG,gBAAgB;AAEnCvB,IAAI,CAACwB,SAAS,GAAG;EACfvB,MAAM,EAAEwB,kBAAS,CAACC,IAAI;EACtBxB,MAAM,EAAEuB,kBAAS,CAACC,IAAI;EACtBvB,KAAK,EAAEsB,kBAAS,CAACC,IAAI;EACrBtB,QAAQ,EAAEqB,kBAAS,CAACC,IAAI;EACxBrB,KAAK,EAAEoB,kBAAS,CAACE,MAAM;EACvBrB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,SAAS,EAAEkB,kBAAS,CAACC,IAAI;EACzBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,KAAK,EAAEe,kBAAS,CAACG,IAAI,CAACC,UAAU;EAChClB,OAAO,EAAEc,kBAAS,CAACC;AACrB,CAAC"}
+{"version":3,"file":"Icon.js","names":["Icon","accent","accentLight","accentDark","action","dark","error","headline","info","level","light","paragraph","small","success","value","warning","others","React","createElement","Primitive","role","tag","className","styles","style","icon","color","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color } from '../Text/helpers';\nimport style from './Icon.module.css';\n\nconst Icon = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  paragraph,\n  small,\n  success,\n  value,\n  warning,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'icon',\n      tag: 'span',\n\n      className: styles(\n        style.icon,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : paragraph\n          ? style.paragraph\n          : style[`headline-${level}`],\n        others.className,\n      ),\n    },\n    value ? React.createElement(value) : undefined,\n  );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.func.isRequired,\n  warning: PropTypes.bool,\n};\n\nexport { Icon };\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,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,kBACJC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAE,MAAM;IAEXC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACV,IAAAC,eAAK,EAAC;MAAEzB,MAAM,EAANA,MAAM;MAAEE,UAAU,EAAVA,UAAU;MAAED,WAAW,EAAXA,WAAW;MAAEG,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEE,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEE,OAAO,EAAPA;IAAQ,CAAC,CAAC,EACtFR,QAAQ,GACJiB,mBAAK,oBAAaf,KAAK,EAAG,GAC1BL,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZQ,KAAK,GACLY,mBAAK,CAACZ,KAAK,GACXD,SAAS,GACTa,mBAAK,CAACb,SAAS,GACfa,mBAAK,oBAAaf,KAAK,EAAG,EAC9BO,MAAM,CAACM,SAAS;EACjB,IAEHR,KAAK,gBAAGG,cAAK,CAACC,aAAa,CAACJ,KAAK,CAAC,GAAGa,SAAS,CAC/C;AAAA;AAAC;AAEJ3B,IAAI,CAAC4B,WAAW,GAAG,gBAAgB;AAEnC5B,IAAI,CAAC6B,SAAS,GAAG;EACf5B,MAAM,EAAE6B,kBAAS,CAACC,IAAI;EACtB7B,WAAW,EAAE4B,kBAAS,CAACC,IAAI;EAC3B5B,UAAU,EAAE2B,kBAAS,CAACC,IAAI;EAC1B3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,KAAK,EAAEwB,kBAAS,CAACC,IAAI;EACrBxB,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,IAAI,EAAEsB,kBAAS,CAACC,IAAI;EACpBtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM;EACvBtB,KAAK,EAAEoB,kBAAS,CAACC,IAAI;EACrBpB,SAAS,EAAEmB,kBAAS,CAACC,IAAI;EACzBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,KAAK,EAAEgB,kBAAS,CAACG,IAAI,CAACC,UAAU;EAChCnB,OAAO,EAAEe,kBAAS,CAACC;AACrB,CAAC"}

package/build/primitives/Icon/Icon.module.css

@@ -2,10 +2,6 @@
   display: block;
 }
 
-.accent {
-  color: var(--mirai-ui-accent);
-}
-
 .action {
   font-size: var(--mirai-ui-font-size-action);
   height: var(--mirai-ui-font-size-action);
@@ -13,10 +9,6 @@
   width: var(--mirai-ui-font-size-action);
 }
 
-.error {
-  color: var(--mirai-ui-error);
-}
-
 .headline-1 {
   font-size: var(--mirai-ui-space-XL);
   height: var(--mirai-ui-space-XL);
@@ -38,10 +30,6 @@
   width: var(--mirai-ui-font-size-headline-3);
 }
 
-.lighten {
-  color: var(--mirai-ui-content-light);
-}
-
 .paragraph {
   font-size: var(--mirai-ui-font-size-paragraph);
   height: var(--mirai-ui-font-size-paragraph);
@@ -55,11 +43,3 @@
   line-height: var(--mirai-ui-font-size-small);
   width: var(--mirai-ui-font-size-small);
 }
-
-.success {
-  color: var(--mirai-ui-success);
-}
-
-.warning {
-  color: var(--mirai-ui-warning);
-}

package/build/primitives/Icon/Icon.stories.js

@@ -26,11 +26,15 @@ exports.Story = Story;
 Story.storyName = 'Icon';
 Story.args = {
   accent: false,
+  accentDark: false,
+  accentLight: false,
   action: false,
+  dark: false,
   error: false,
   headline: false,
+  info: false,
   level: 3,
-  lighten: false,
+  light: false,
   paragraph: false,
   small: false,
   success: false,

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","names":["title","Story","value","props","ICON","storyName","args","accent","action","error","headline","level","lighten","paragraph","small","success","undefined","warning","testId","style","argTypes","options","Object","keys","control","type","defaultValue"],"sources":["../../../src/primitives/Icon/Icon.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { Icon, ICON } from './';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ value, ...props }) => <Icon {...props} value={ICON[value]} />;\n\nStory.storyName = 'Icon';\n\nStory.args = {\n  accent: false,\n  action: false,\n  error: false,\n  headline: false,\n  level: 3,\n  lighten: false,\n  paragraph: false,\n  small: false,\n  success: false,\n  value: undefined,\n  warning: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  value: {\n    options: Object.keys(ICON),\n    control: { type: 'select' },\n    defaultValue: Object.keys(ICON)[0],\n  },\n};\n"],"mappings":";;;;;;AACA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,KAAK,QAALA,KAAK;IAAKC,KAAK;EAAA,oBAAO,6BAAC,MAAI,eAAKA,KAAK;IAAE,KAAK,EAAEC,MAAI,CAACF,KAAK;EAAE,GAAG;AAAA;AAAC;AAEtFD,KAAK,CAACI,SAAS,GAAG,MAAM;AAExBJ,KAAK,CAACK,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdb,KAAK,EAAEc,SAAS;EAChBC,OAAO,EAAE,KAAK;EACd;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDlB,KAAK,CAACmB,QAAQ,GAAG;EACflB,KAAK,EAAE;IACLmB,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACnB,MAAI,CAAC;IAC1BoB,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAACnB,MAAI,CAAC,CAAC,CAAC;EACnC;AACF,CAAC"}
+{"version":3,"file":"Icon.stories.js","names":["title","Story","value","props","ICON","storyName","args","accent","accentDark","accentLight","action","dark","error","headline","info","level","light","paragraph","small","success","undefined","warning","testId","style","argTypes","options","Object","keys","control","type","defaultValue"],"sources":["../../../src/primitives/Icon/Icon.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { Icon, ICON } from './';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ value, ...props }) => <Icon {...props} value={ICON[value]} />;\n\nStory.storyName = 'Icon';\n\nStory.args = {\n  accent: false,\n  accentDark: false,\n  accentLight: false,\n  action: false,\n  dark: false,\n  error: false,\n  headline: false,\n  info: false,\n  level: 3,\n  light: false,\n  paragraph: false,\n  small: false,\n  success: false,\n  value: undefined,\n  warning: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  value: {\n    options: Object.keys(ICON),\n    control: { type: 'select' },\n    defaultValue: Object.keys(ICON)[0],\n  },\n};\n"],"mappings":";;;;;;AACA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,KAAK,QAALA,KAAK;IAAKC,KAAK;EAAA,oBAAO,6BAAC,MAAI,eAAKA,KAAK;IAAE,KAAK,EAAEC,MAAI,CAACF,KAAK;EAAE,GAAG;AAAA;AAAC;AAEtFD,KAAK,CAACI,SAAS,GAAG,MAAM;AAExBJ,KAAK,CAACK,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,KAAK;EAClBC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdjB,KAAK,EAAEkB,SAAS;EAChBC,OAAO,EAAE,KAAK;EACd;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDtB,KAAK,CAACuB,QAAQ,GAAG;EACftB,KAAK,EAAE;IACLuB,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACvB,MAAI,CAAC;IAC1BwB,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAACvB,MAAI,CAAC,CAAC,CAAC;EACnC;AACF,CAAC"}

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

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`primitive:<Icon> inherit:className 1`] = `
+exports[`primitive:<Icon> color prop:accent 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-3 mirai"
+    class="icon accent headline-3"
   >
     <svg
       fill="currentColor"
@@ -26,10 +26,10 @@ exports[`primitive:<Icon> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:accent 1`] = `
+exports[`primitive:<Icon> color prop:accentDark 1`] = `
 <DocumentFragment>
   <span
-    class="icon accent headline-3"
+    class="icon accentDark headline-3"
   >
     <svg
       fill="currentColor"
@@ -52,10 +52,10 @@ exports[`primitive:<Icon> prop:accent 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:action 1`] = `
+exports[`primitive:<Icon> color prop:accentLight 1`] = `
 <DocumentFragment>
   <span
-    class="icon action"
+    class="icon accentLight headline-3"
   >
     <svg
       fill="currentColor"
@@ -78,7 +78,33 @@ exports[`primitive:<Icon> prop:action 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:error 1`] = `
+exports[`primitive:<Icon> color prop:dark 1`] = `
+<DocumentFragment>
+  <span
+    class="icon dark headline-3"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> color prop:error 1`] = `
 <DocumentFragment>
   <span
     class="icon error headline-3"
@@ -104,10 +130,10 @@ exports[`primitive:<Icon> prop:error 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:headline & level:1 1`] = `
+exports[`primitive:<Icon> color prop:info 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-1"
+    class="icon info headline-3"
   >
     <svg
       fill="currentColor"
@@ -130,10 +156,10 @@ exports[`primitive:<Icon> prop:headline & level:1 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:headline & level:2 1`] = `
+exports[`primitive:<Icon> color prop:light 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-2"
+    class="icon light headline-3"
   >
     <svg
       fill="currentColor"
@@ -156,10 +182,10 @@ exports[`primitive:<Icon> prop:headline & level:2 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:headline & level:3 1`] = `
+exports[`primitive:<Icon> color prop:success 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-3"
+    class="icon success headline-3"
   >
     <svg
       fill="currentColor"
@@ -182,10 +208,10 @@ exports[`primitive:<Icon> prop:headline & level:3 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:headline & level:4 1`] = `
+exports[`primitive:<Icon> color prop:warning 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-4"
+    class="icon warning headline-3"
   >
     <svg
       fill="currentColor"
@@ -208,7 +234,111 @@ exports[`primitive:<Icon> prop:headline & level:4 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:headline 1`] = `
+exports[`primitive:<Icon> inherit:className 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3 mirai"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:action 1`] = `
+<DocumentFragment>
+  <span
+    class="icon action"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:1 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:2 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-2"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:3 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
@@ -234,10 +364,10 @@ exports[`primitive:<Icon> prop:headline 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:lighten 1`] = `
+exports[`primitive:<Icon> prop:headline & level:4 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-3 lighten"
+    class="icon headline-4"
   >
     <svg
       fill="currentColor"
@@ -260,10 +390,10 @@ exports[`primitive:<Icon> prop:lighten 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:paragraph 1`] = `
+exports[`primitive:<Icon> prop:headline 1`] = `
 <DocumentFragment>
   <span
-    class="icon paragraph"
+    class="icon headline-3"
   >
     <svg
       fill="currentColor"
@@ -286,10 +416,10 @@ exports[`primitive:<Icon> prop:paragraph 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:small 1`] = `
+exports[`primitive:<Icon> prop:paragraph 1`] = `
 <DocumentFragment>
   <span
-    class="icon small"
+    class="icon paragraph"
   >
     <svg
       fill="currentColor"
@@ -312,10 +442,10 @@ exports[`primitive:<Icon> prop:small 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:success 1`] = `
+exports[`primitive:<Icon> prop:small 1`] = `
 <DocumentFragment>
   <span
-    class="icon headline-3 success"
+    class="icon small"
   >
     <svg
       fill="currentColor"
@@ -886,32 +1016,6 @@ exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:warning 1`] = `
-<DocumentFragment>
-  <span
-    class="icon headline-3 warning"
-  >
-    <svg
-      fill="currentColor"
-      height="1em"
-      stroke="currentColor"
-      stroke-width="0"
-      viewBox="0 0 24 24"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M0 0h24v24H0V0z"
-        fill="none"
-      />
-      <path
-        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
-      />
-    </svg>
-  </span>
-</DocumentFragment>
-`;
-
 exports[`primitive:<Icon> renders 1`] = `
 <DocumentFragment>
   <span

package/build/primitives/Input/helpers/parseValue.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseValue = void 0;
+var EMOJI_REGEX = /(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u2388\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2605\u2607-\u2612\u2614-\u2685\u2690-\u2705\u2708-\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763-\u2767\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC00-\uDCFF\uDD0D-\uDD0F\uDD2F\uDD6C-\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAD-\uDDFF\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDFFF]|\uD83D[\uDC00-\uDD3D\uDD46-\uDE4F\uDE80-\uDEFF\uDF74-\uDF7F\uDFD5-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDEFF]|\uD83F[\uDC00-\uDFFD])/g;
 var parseValue = function parseValue(value, type) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     _ref$trimSpaces = _ref.trimSpaces,
     trimSpaces = _ref$trimSpaces === void 0 ? false : _ref$trimSpaces;
-  return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString() : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
+  return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString().replace(EMOJI_REGEX, '') : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
 };
 exports.parseValue = parseValue;
 //# sourceMappingURL=parseValue.js.map

package/build/primitives/Input/helpers/parseValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseValue.js","names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n  value && value.toString().trim().length > 0\n    ? type !== 'number'\n      ? (trimSpaces ? value.trim() : value).toString()\n      : !isNaN(value)\n      ? parseFloat(value, 10)\n      : undefined\n    : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAEC,IAAI;EAAA,+EAA2B,CAAC,CAAC;IAAA,uBAAzBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;EAAA,OAC1DF,KAAK,IAAIA,KAAK,CAACG,QAAQ,EAAE,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GACvCJ,IAAI,KAAK,QAAQ,GACf,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAI,EAAE,GAAGJ,KAAK,EAAEG,QAAQ,EAAE,GAC9C,CAACG,KAAK,CAACN,KAAK,CAAC,GACbO,UAAU,CAACP,KAAK,EAAE,EAAE,CAAC,GACrBQ,SAAS,GACXA,SAAS;AAAA;AAAC"}
+{"version":3,"file":"parseValue.js","names":["EMOJI_REGEX","parseValue","value","type","trimSpaces","toString","trim","length","replace","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["const EMOJI_REGEX = /[\\p{Emoji_Presentation}\\p{Extended_Pictographic}]/gu;\n\nexport const parseValue = (value, type, { trimSpaces = false } = {}) =>\n  value && value.toString().trim().length > 0\n    ? type !== 'number'\n      ? (trimSpaces ? value.trim() : value).toString().replace(EMOJI_REGEX, '')\n      : !isNaN(value)\n      ? parseFloat(value, 10)\n      : undefined\n    : undefined;\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG,myBAAqD;AAElE,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAEC,IAAI;EAAA,+EAA2B,CAAC,CAAC;IAAA,uBAAzBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;EAAA,OAC1DF,KAAK,IAAIA,KAAK,CAACG,QAAQ,EAAE,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GACvCJ,IAAI,KAAK,QAAQ,GACf,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAI,EAAE,GAAGJ,KAAK,EAAEG,QAAQ,EAAE,CAACG,OAAO,CAACR,WAAW,EAAE,EAAE,CAAC,GACvE,CAACS,KAAK,CAACP,KAAK,CAAC,GACbQ,UAAU,CAACR,KAAK,EAAE,EAAE,CAAC,GACrBS,SAAS,GACXA,SAAS;AAAA;AAAC"}

package/build/primitives/Text/Text.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
 var _helpers2 = require("./helpers");
 var _TextModule = _interopRequireDefault(require("./Text.module.css"));
-var _excluded = ["accent", "action", "bold", "capitalize", "children", "error", "headline", "level", "lighten", "markdown", "small", "success", "tag", "tiny", "underline", "upperCase", "warning", "wide"];
+var _excluded = ["accent", "accentLight", "accentDark", "action", "bold", "capitalize", "children", "dark", "error", "headline", "info", "level", "light", "markdown", "small", "success", "tag", "tiny", "underline", "upperCase", "warning", "wide"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22,15 +22,19 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 accent = _ref.accent,
+    accentLight = _ref.accentLight,
+    accentDark = _ref.accentDark,
     action = _ref.action,
     bold = _ref.bold,
     capitalize = _ref.capitalize,
     children = _ref.children,
+    dark = _ref.dark,
     error = _ref.error,
     headline = _ref.headline,
+    info = _ref.info,
     _ref$level = _ref.level,
     level = _ref$level === void 0 ? 3 : _ref$level,
-    lighten = _ref.lighten,
+    light = _ref.light,
     _ref$markdown = _ref.markdown,
     markdown = _ref$markdown === void 0 ? true : _ref$markdown,
     small = _ref.small,
@@ -45,21 +49,35 @@ var Text = function Text(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     role: others.role || 'text',
     tag: tag || (headline ? "h".concat(level) : 'span'),
-    className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, capitalize && _TextModule.default.capitalize, error && _TextModule.default.error, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, success && _TextModule.default.success, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, warning && _TextModule.default.warning, wide && _TextModule.default.wide, others.className)
+    className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, capitalize && _TextModule.default.capitalize, (0, _helpers2.color)({
+      accent: accent,
+      accentDark: accentDark,
+      accentLight: accentLight,
+      dark: dark,
+      error: error,
+      info: info,
+      light: light,
+      success: success,
+      warning: warning
+    }), headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
   }), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
 };
 exports.Text = Text;
 Text.displayName = 'Primitive:Text';
 Text.propTypes = {
   accent: _propTypes.default.bool,
+  accentLight: _propTypes.default.bool,
+  accentDark: _propTypes.default.bool,
   action: _propTypes.default.bool,
   bold: _propTypes.default.bool,
   capitalize: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),
+  dark: _propTypes.default.bool,
   error: _propTypes.default.bool,
   headline: _propTypes.default.bool,
+  info: _propTypes.default.bool,
   level: _propTypes.default.number,
-  lighten: _propTypes.default.bool,
+  light: _propTypes.default.bool,
   markdown: _propTypes.default.bool,
   small: _propTypes.default.bool,
   success: _propTypes.default.bool,

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

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

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

@@ -13,10 +13,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.accent {
-  color: var(--mirai-ui-accent);
-}
-
 .action {
   font-size: var(--mirai-ui-font-size-action);
   line-height: var(--mirai-ui-line-height-action);
@@ -35,10 +31,6 @@
   text-transform: uppercase;
 }
 
-.error {
-  color: var(--mirai-ui-error);
-}
-
 .headline-1 {
   font-size: var(--mirai-ui-font-size-headline-1);
   line-height: var(--mirai-ui-line-height-headline-1);
@@ -59,19 +51,11 @@
   line-height: var(--mirai-ui-line-height-paragraph);
 }
 
-.lighten {
-  color: var(--mirai-ui-content-light);
-}
-
 .small {
   font-size: var(--mirai-ui-font-size-small);
   line-height: var(--mirai-ui-line-height-small);
 }
 
-.success {
-  color: var(--mirai-ui-success);
-}
-
 .tiny {
   font-size: var(--mirai-ui-font-size-tiny);
   line-height: var(--mirai-ui-line-height-tiny);
@@ -85,10 +69,39 @@
   text-transform: uppercase;
 }
 
-.warning {
-  color: var(--mirai-ui-warning);
-}
-
 .wide {
   width: 100%;
 }
+
+/* color */
+.accent {
+  color: var(--mirai-ui-accent);
+}
+
+.accentDark {
+  color: var(--mirai-ui-accent-dark);
+}
+
+.accentLight {
+  color: var(--mirai-ui-accent-light);
+}
+
+.error {
+  color: var(--mirai-ui-error);
+}
+
+.info {
+  color: var(--mirai-ui-info);
+}
+
+.light {
+  color: var(--mirai-ui-content-light);
+}
+
+.success {
+  color: var(--mirai-ui-success);
+}
+
+.warning {
+  color: var(--mirai-ui-warning);
+}

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

@@ -26,15 +26,19 @@ exports.Story = Story;
 Story.storyName = 'Text';
 Story.args = {
   accent: false,
+  accentDark: false,
+  accentLight: false,
   action: false,
   bold: false,
   capitalize: false,
   children: 'children',
   childrenMarkdown: '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',
+  dark: false,
   error: false,
   headline: false,
+  info: false,
   level: 3,
-  lighten: false,
+  light: false,
   small: false,
   success: false,
   tag: 'span',

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

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","action","bold","capitalize","children","error","headline","level","lighten","small","success","tag","tiny","underline","upperCase","warning","wide","testId","style","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ childrenMarkdown, ...props }) => (\n  <>\n    <Text {...props} />\n    <Text {...props} children={childrenMarkdown} />\n  </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n  accent: false,\n  action: false,\n  bold: false,\n  capitalize: false,\n  children: 'children',\n  childrenMarkdown:\n    '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n  error: false,\n  headline: false,\n  level: 3,\n  lighten: false,\n  small: false,\n  success: false,\n  tag: 'span',\n  tiny: false,\n  underline: false,\n  upperCase: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,UAAU;EACpBR,gBAAgB,EACd,8HAA8H;EAChIS,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDvB,KAAK,CAACwB,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","accentDark","accentLight","action","bold","capitalize","children","dark","error","headline","info","level","light","small","success","tag","tiny","underline","upperCase","warning","wide","testId","style","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ childrenMarkdown, ...props }) => (\n  <>\n    <Text {...props} />\n    <Text {...props} children={childrenMarkdown} />\n  </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n  accent: false,\n  accentDark: false,\n  accentLight: false,\n  action: false,\n  bold: false,\n  capitalize: false,\n  children: 'children',\n  childrenMarkdown:\n    '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n  dark: false,\n  error: false,\n  headline: false,\n  info: false,\n  level: 3,\n  light: false,\n  small: false,\n  success: false,\n  tag: 'span',\n  tiny: false,\n  underline: false,\n  upperCase: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,KAAK;EAClBC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,UAAU;EACpBV,gBAAgB,EACd,8HAA8H;EAChIW,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAED3B,KAAK,CAAC4B,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -1,59 +1,129 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`primitive:<Text> inherit:className 1`] = `
+exports[`primitive:<Text> color prop:accent 1`] = `
 <DocumentFragment>
   <span
-    class="text paragraph mirai"
+    class="text accent paragraph"
   >
     Lorem Ipsum
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:accent 1`] = `
+exports[`primitive:<Text> color prop:accentDark 1`] = `
 <DocumentFragment>
   <span
-    class="text accent paragraph"
+    class="text accentDark paragraph"
   >
     Lorem Ipsum
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:action 1`] = `
+exports[`primitive:<Text> color prop:accentLight 1`] = `
 <DocumentFragment>
   <span
-    class="text action"
+    class="text accentLight paragraph"
   >
     Lorem Ipsum
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:bold 1`] = `
+exports[`primitive:<Text> color prop:dark 1`] = `
 <DocumentFragment>
   <span
-    class="text bold paragraph"
+    class="text dark paragraph"
   >
     Lorem Ipsum
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:capitalize 1`] = `
+exports[`primitive:<Text> color prop:error 1`] = `
 <DocumentFragment>
   <span
-    class="text capitalize paragraph"
+    class="text error paragraph"
   >
     Lorem Ipsum
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:error 1`] = `
+exports[`primitive:<Text> color prop:info 1`] = `
 <DocumentFragment>
   <span
-    class="text error paragraph"
+    class="text info paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> color prop:light 1`] = `
+<DocumentFragment>
+  <span
+    class="text light paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> color prop:success 1`] = `
+<DocumentFragment>
+  <span
+    class="text success paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> color prop:warning 1`] = `
+<DocumentFragment>
+  <span
+    class="text warning paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> inherit:className 1`] = `
+<DocumentFragment>
+  <span
+    class="text paragraph mirai"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:action 1`] = `
+<DocumentFragment>
+  <span
+    class="text action"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:bold 1`] = `
+<DocumentFragment>
+  <span
+    class="text bold paragraph"
+  >
+    Lorem Ipsum
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> prop:capitalize 1`] = `
+<DocumentFragment>
+  <span
+    class="text capitalize paragraph"
   >
     Lorem Ipsum
   </span>
@@ -110,16 +180,6 @@ 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:markdown 1`] = `
 <DocumentFragment>
   <span
@@ -150,16 +210,6 @@ exports[`primitive:<Text> prop:small 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:success 1`] = `
-<DocumentFragment>
-  <span
-    class="text paragraph success"
-  >
-    Lorem Ipsum
-  </span>
-</DocumentFragment>
-`;
-
 exports[`primitive:<Text> prop:tag 1`] = `
 <DocumentFragment>
   <p
@@ -200,16 +250,6 @@ exports[`primitive:<Text> prop:upperCase 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Text> prop:warning 1`] = `
-<DocumentFragment>
-  <span
-    class="text paragraph warning"
-  >
-    Lorem Ipsum
-  </span>
-</DocumentFragment>
-`;
-
 exports[`primitive:<Text> prop:wide 1`] = `
 <DocumentFragment>
   <span

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.color = void 0;
+var _TextModule = _interopRequireDefault(require("../Text.module.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var color = function color() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    accent = _ref.accent,
+    accentDark = _ref.accentDark,
+    accentLight = _ref.accentLight,
+    dark = _ref.dark,
+    error = _ref.error,
+    info = _ref.info,
+    light = _ref.light,
+    success = _ref.success,
+    warning = _ref.warning;
+  return accent ? _TextModule.default.accent : accentDark ? _TextModule.default.accentDark : accentLight ? _TextModule.default.accentLight : dark ? _TextModule.default.dark : error ? _TextModule.default.error : info ? _TextModule.default.info : light ? _TextModule.default.light : success ? _TextModule.default.success : warning ? _TextModule.default.warning : undefined;
+};
+exports.color = color;
+//# sourceMappingURL=color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":["color","accent","accentDark","accentLight","dark","error","info","light","success","warning","style","undefined"],"sources":["../../../../src/primitives/Text/helpers/color.js"],"sourcesContent":["import style from '../Text.module.css';\n\nexport const color = ({ accent, accentDark, accentLight, dark, error, info, light, success, warning } = {}) =>\n  accent\n    ? style.accent\n    : accentDark\n    ? style.accentDark\n    : accentLight\n    ? style.accentLight\n    : dark\n    ? style.dark\n    : error\n    ? style.error\n    : info\n    ? style.info\n    : light\n    ? style.light\n    : success\n    ? style.success\n    : warning\n    ? style.warning\n    : undefined;\n"],"mappings":";;;;;;AAAA;AAAuC;AAEhC,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,+EAAsF,CAAC,CAAC;IAAlFC,MAAM,QAANA,MAAM;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,OACjGR,MAAM,GACFS,mBAAK,CAACT,MAAM,GACZC,UAAU,GACVQ,mBAAK,CAACR,UAAU,GAChBC,WAAW,GACXO,mBAAK,CAACP,WAAW,GACjBC,IAAI,GACJM,mBAAK,CAACN,IAAI,GACVC,KAAK,GACLK,mBAAK,CAACL,KAAK,GACXC,IAAI,GACJI,mBAAK,CAACJ,IAAI,GACVC,KAAK,GACLG,mBAAK,CAACH,KAAK,GACXC,OAAO,GACPE,mBAAK,CAACF,OAAO,GACbC,OAAO,GACPC,mBAAK,CAACD,OAAO,GACbE,SAAS;AAAA;AAAC"}

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

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _color = require("./color");
+Object.keys(_color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _color[key];
+    }
+  });
+});
 var _parseMarkdown = require("./parseMarkdown");
 Object.keys(_parseMarkdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Text/helpers/index.js"],"sourcesContent":["export * from './color';\nexport * from './parseMarkdown';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

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