@mirai/ui 1.0.215 → 1.0.217

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

@@ -15,7 +15,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -68,7 +68,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -96,7 +96,7 @@ exports[`component:<InputPhone> prop:disabled 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             disabled=""
             name="name-prefix"
           >
@@ -128,7 +128,7 @@ exports[`component:<InputPhone> prop:disabled 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             disabled=""
             maxlength="12"
             name="name-phone"
@@ -157,7 +157,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -210,7 +210,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -259,7 +259,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -312,7 +312,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -345,7 +345,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             disabled=""
             name="name-prefix"
           >
@@ -398,7 +398,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             disabled=""
             maxlength="12"
             name="name-phone"
@@ -427,7 +427,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -501,7 +501,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -550,7 +550,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -624,7 +624,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -652,7 +652,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -710,7 +710,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
             label
           </span>
           <input
-            class="input input withLabel"
+            class="input input singleLine withLabel"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -743,7 +743,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
             labelPrefix
           </span>
           <select
-            class="select empty input prefix withLabel empty"
+            class="select empty input singleLine prefix withLabel empty"
             name="name-prefix"
           >
             <option
@@ -796,7 +796,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -834,7 +834,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
             </span>
           </span>
           <select
-            class="select empty input prefix withLabel empty"
+            class="select empty input singleLine prefix withLabel empty"
             name="name-prefix"
             required=""
           >
@@ -898,7 +898,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
             </span>
           </span>
           <input
-            class="input input withLabel"
+            class="input input singleLine withLabel"
             maxlength="12"
             name="name-phone"
             required=""
@@ -932,7 +932,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
             labelPrefix
           </span>
           <select
-            class="select empty input prefix withLabel empty"
+            class="select empty input singleLine prefix withLabel empty"
             name="name-prefix"
             required=""
           >
@@ -991,7 +991,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
             label
           </span>
           <input
-            class="input input withLabel"
+            class="input input singleLine withLabel"
             maxlength="12"
             name="name-phone"
             required=""
@@ -1020,7 +1020,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1073,7 +1073,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1122,7 +1122,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1175,7 +1175,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1224,7 +1224,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1277,7 +1277,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1322,7 +1322,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1375,7 +1375,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1424,7 +1424,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
           class="view content"
         >
           <select
-            class="select input prefix"
+            class="select input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1477,7 +1477,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1505,7 +1505,7 @@ exports[`component:<InputPhone> prop:value:without prefixes 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1533,7 +1533,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1586,7 +1586,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1631,7 +1631,7 @@ exports[`component:<InputPhone> renders 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             name="name-prefix"
           >
             <option
@@ -1684,7 +1684,7 @@ exports[`component:<InputPhone> renders 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             maxlength="12"
             name="name-phone"
             type="tel"
@@ -1712,7 +1712,7 @@ exports[`component:<InputPhone> testId 1`] = `
           class="view content"
         >
           <select
-            class="select empty input prefix"
+            class="select empty input singleLine prefix"
             data-testid="mirai-select"
             name="name-prefix"
           >
@@ -1766,7 +1766,7 @@ exports[`component:<InputPhone> testId 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             data-testid="mirai-input"
             maxlength="12"
             name="name-phone"
@@ -1795,7 +1795,7 @@ exports[`component:<InputPhone> testId:without prefixes 1`] = `
           class="view wide content"
         >
           <input
-            class="input input"
+            class="input input singleLine"
             data-testid="mirai-input"
             maxlength="12"
             name="name-phone"

package/build/components/InputText/InputText.js

@@ -119,7 +119,7 @@ var InputText = function InputText(_ref) {
   }, others), {
     type: !is.password || password ? type : 'text',
     value: others.value || '',
-    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine && _InputTextModule.default.multiLine),
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine ? _InputTextModule.default.multiLine : _InputTextModule.default.singleLine),
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
@@ -128,7 +128,7 @@ var InputText = function InputText(_ref) {
     onClick: function onClick() {
       return setInputMode(true);
     },
-    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine && _InputTextModule.default.multiLine)
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine ? _InputTextModule.default.multiLine : _InputTextModule.default.singleLine)
   }, others.value)), markdown && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: function onPress() {
       return setInputMode(!inputMode);

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","names":["InputText","caption","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","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  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(\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\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 || ''}\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        {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  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","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","singleLine","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","string","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  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(\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\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 || ''}\n              className={styles(\n                style.input,\n                has.label && style.withLabel,\n                multiLine ? style.multiLine : style.singleLine,\n              )}\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(\n                style.input,\n                has.label && style.withLabel,\n                multiLine ? style.multiLine : style.singleLine,\n              )}\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        {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  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

@@ -55,7 +55,7 @@
   color: var(--mirai-ui-content);
 }
 
-.input:not(.multiLine) {
+.input.singleLine {
   padding: var(--mirai-ui-input-text-padding-y) calc(var(--mirai-ui-input-text-padding-x) / 2);
 }
 
@@ -64,7 +64,7 @@
   padding: 0 calc(var(--mirai-ui-input-text-padding-x) / 2);
 }
 
-.input.withLabel:not(.multiLine) {
+.input.withLabel.singleLine {
   padding-top: calc(var(--mirai-ui-input-text-padding-y) + var(--mirai-ui-space-S));
 }
 
@@ -72,7 +72,11 @@
   margin-top: calc(var(--mirai-ui-input-text-padding-y) + var(--mirai-ui-space-M));
 }
 
-.input.empty:not(:focus) {
+.input.empty:focus {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.input.empty {
   color: var(--mirai-ui-base);
 }
 

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

@@ -12,7 +12,7 @@ exports[`component:<InputText> inherit:className 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -40,7 +40,7 @@ exports[`component:<InputText> prop:caption 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -63,7 +63,7 @@ exports[`component:<InputText> prop:disabled 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           disabled=""
           name="name"
           type="text"
@@ -87,7 +87,7 @@ exports[`component:<InputText> prop:error 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -131,7 +131,7 @@ exports[`component:<InputText> prop:hint 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -180,7 +180,7 @@ exports[`component:<InputText> prop:icon 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -208,7 +208,7 @@ exports[`component:<InputText> prop:label 1`] = `
           label
         </span>
         <input
-          class="input input withLabel"
+          class="input input withLabel singleLine"
           name="name"
           type="text"
           value=""
@@ -231,7 +231,7 @@ exports[`component:<InputText> prop:markdown 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -306,7 +306,7 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           </span>
         </span>
         <input
-          class="input input withLabel"
+          class="input input withLabel singleLine"
           name="name"
           required=""
           type="text"
@@ -335,7 +335,7 @@ exports[`component:<InputText> prop:required 1`] = `
           label
         </span>
         <input
-          class="input input withLabel"
+          class="input input withLabel singleLine"
           name="name"
           required=""
           type="text"
@@ -359,7 +359,7 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -403,7 +403,7 @@ exports[`component:<InputText> prop:success 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -447,7 +447,7 @@ exports[`component:<InputText> prop:type 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="password"
           value=""
@@ -496,7 +496,7 @@ exports[`component:<InputText> prop:warning 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -536,7 +536,7 @@ exports[`component:<InputText> renders 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           name="name"
           type="text"
           value=""
@@ -559,7 +559,7 @@ exports[`component:<InputText> testId 1`] = `
         class="view wide content"
       >
         <input
-          class="input input"
+          class="input input singleLine"
           data-testid="mirai"
           name="name"
           type="text"

package/build/components/Menu/Menu.Option.js

@@ -24,7 +24,7 @@ var Option = function Option(_ref) {
     onPress = _ref.onPress,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
-    className: (0, _helpers.styles)(_MenuModule.default.option, value && _MenuModule.default.value, divider && _MenuModule.default.divider, disabled && _MenuModule.default.disabled),
+    className: (0, _helpers.styles)(_MenuModule.default.option, value && _MenuModule.default.value, divider && _MenuModule.default.divider, disabled ? _MenuModule.default.disabled : _MenuModule.default.enabled),
     onPress: !disabled && value ? onPress : undefined
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,

package/build/components/Menu/Menu.Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","styles","style","option","undefined","content","displayName","propTypes","PropTypes","node","bool","func","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    className={styles(style.option, value && style.value, divider && style.divider, disabled && style.disabled)}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    <View row wide className={style.content}>\n      {icon && <Icon value={icon} className={style.icon} />}\n      {label && <Text className={style.label}>{label}</Text>}\n      {children}\n    </View>\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  divider: PropTypes.bool,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACnF,6BAAC,qBAAS,eACJA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EAACC,mBAAK,CAACC,MAAM,EAAEL,KAAK,IAAII,mBAAK,CAACJ,KAAK,EAAEH,OAAO,IAAIO,mBAAK,CAACP,OAAO,EAAED,QAAQ,IAAIQ,mBAAK,CAACR,QAAQ,CAAE;IAC5G,OAAO,EAAE,CAACA,QAAQ,IAAII,KAAK,GAAGC,OAAO,GAAGK;EAAU,iBAElD,6BAAC,gBAAI;IAAC,GAAG;IAAC,IAAI;IAAC,SAAS,EAAEF,mBAAK,CAACG;EAAQ,GACrCT,IAAI,iBAAI,6BAAC,gBAAI;IAAC,KAAK,EAAEA,IAAK;IAAC,SAAS,EAAEM,mBAAK,CAACN;EAAK,EAAG,EACpDC,KAAK,iBAAI,6BAAC,gBAAI;IAAC,SAAS,EAAEK,mBAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,EACrDJ,QAAQ,CACJ,CACG;AAAA,CACb;AAAC;AAEFD,MAAM,CAACc,WAAW,GAAG,uBAAuB;AAE5Cd,MAAM,CAACe,SAAS,GAAG;EACjBd,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,OAAO,EAAEa,kBAAS,CAACE,IAAI;EACvBd,IAAI,EAAEY,kBAAS,CAACG,IAAI;EACpBd,KAAK,EAAEW,kBAAS,CAACI,MAAM;EACvBd,KAAK,EAAEU,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACM,MAAM,CAAC,CAAC;EAChEf,OAAO,EAAES,kBAAS,CAACG;AACrB,CAAC"}
+{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","styles","style","option","enabled","undefined","content","displayName","propTypes","PropTypes","node","bool","func","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    className={styles(\n      style.option,\n      value && style.value,\n      divider && style.divider,\n      disabled ? style.disabled : style.enabled,\n    )}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    <View row wide className={style.content}>\n      {icon && <Icon value={icon} className={style.icon} />}\n      {label && <Text className={style.label}>{label}</Text>}\n      {children}\n    </View>\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  divider: PropTypes.bool,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACnF,6BAAC,qBAAS,eACJA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,MAAM,EACZL,KAAK,IAAII,mBAAK,CAACJ,KAAK,EACpBH,OAAO,IAAIO,mBAAK,CAACP,OAAO,EACxBD,QAAQ,GAAGQ,mBAAK,CAACR,QAAQ,GAAGQ,mBAAK,CAACE,OAAO,CACzC;IACF,OAAO,EAAE,CAACV,QAAQ,IAAII,KAAK,GAAGC,OAAO,GAAGM;EAAU,iBAElD,6BAAC,gBAAI;IAAC,GAAG;IAAC,IAAI;IAAC,SAAS,EAAEH,mBAAK,CAACI;EAAQ,GACrCV,IAAI,iBAAI,6BAAC,gBAAI;IAAC,KAAK,EAAEA,IAAK;IAAC,SAAS,EAAEM,mBAAK,CAACN;EAAK,EAAG,EACpDC,KAAK,iBAAI,6BAAC,gBAAI;IAAC,SAAS,EAAEK,mBAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,EACrDJ,QAAQ,CACJ,CACG;AAAA,CACb;AAAC;AAEFD,MAAM,CAACe,WAAW,GAAG,uBAAuB;AAE5Cf,MAAM,CAACgB,SAAS,GAAG;EACjBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,QAAQ,EAAEe,kBAAS,CAACE,IAAI;EACxBhB,OAAO,EAAEc,kBAAS,CAACE,IAAI;EACvBf,IAAI,EAAEa,kBAAS,CAACG,IAAI;EACpBf,KAAK,EAAEY,kBAAS,CAACI,MAAM;EACvBf,KAAK,EAAEW,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACM,MAAM,CAAC,CAAC;EAChEhB,OAAO,EAAEU,kBAAS,CAACG;AACrB,CAAC"}

package/build/components/Menu/Menu.module.css

@@ -20,13 +20,13 @@
   width: 100%;
 }
 
-.menu .option.value:hover:not(.disabled) {
+.menu .option.value.enabled:hover {
   background-color: var(--mirai-ui-menu-option-hover-background);
   cursor: pointer;
 }
 
-.menu .option.value:hover:not(.disabled) .icon,
-.menu .option.value:hover:not(.disabled) .label {
+.menu .option.value.enabled:hover .icon,
+.menu .option.value.enabled:hover .label {
   color: var(--mirai-ui-menu-option-hover-color);
   cursor: pointer;
 }