@mirai/ui 1.1.0-beta → 1.1.0-d

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

@@ -43,7 +43,7 @@ exports[`component:<InputSelect> inherit:className 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -117,7 +117,7 @@ exports[`component:<InputSelect> prop:caption 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -234,7 +234,7 @@ exports[`component:<InputSelect> prop:error 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -303,7 +303,7 @@ exports[`component:<InputSelect> prop:hint 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -382,7 +382,7 @@ exports[`component:<InputSelect> prop:label 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -462,7 +462,7 @@ exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] =
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -537,7 +537,7 @@ exports[`component:<InputSelect> prop:required 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -654,7 +654,7 @@ exports[`component:<InputSelect> prop:value 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -723,7 +723,7 @@ exports[`component:<InputSelect> prop:warning 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -745,7 +745,7 @@ exports[`component:<InputSelect> prop:warning 1`] = `
         </svg>
       </ui_icon>
       <ui_icon
-        class="icon headline-3 icon warning"
+        class="icon h3 icon warning"
       >
         <svg
           fill="currentColor"
@@ -809,7 +809,7 @@ exports[`component:<InputSelect> renders 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"
@@ -879,7 +879,7 @@ exports[`component:<InputSelect> testId 1`] = `
         </select>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon select"
+        class="icon h3 icon select"
       >
         <svg
           fill="currentColor"

package/build/components/InputText/InputText.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
-var style = _interopRequireWildcard(require("./InputText.module.css"));
+var _InputTextModule = _interopRequireDefault(require("./InputText.module.css"));
 var _partials = require("./partials");
 var _excluded = ["caption", "disabled", "error", "hint", "icon", "label", "markdown", "multiLine", "showRequired", "showState", "success", "type", "warning", "onChange", "onEnter", "onLeave"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -91,21 +91,21 @@ var InputText = function InputText(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
     role: others.role || 'input-text',
-    className: (0, _helpers.styles)(style.inputContainer, others.className),
+    className: (0, _helpers.styles)(_InputTextModule.default.inputContainer, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
-    className: (0, _helpers.styles)(style.inputBorder, disabled && style.disabled, error && style.error, focus && !error && style.focus)
+    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, focus && !error && _InputTextModule.default.focus)
   }, has.icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: icon || _primitives.ICON.SEARCH,
-    className: (0, _helpers.styles)(style.icon, style.left, disabled && style.disabled, error && style.error)
+    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,
-    className: style.caption
+    className: _InputTextModule.default.caption
   }, caption), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     wide: true,
-    className: style.content
+    className: _InputTextModule.default.content
   }, label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
     disabled: disabled,
     error: error,
@@ -119,7 +119,7 @@ var InputText = function InputText(_ref) {
   }, others), {
     type: !is.password || password ? type : 'text',
     value: others.value || '',
-    className: (0, _helpers.styles)(style.input, has.label && style.withLabel, multiLine && style.multiLine),
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine && _InputTextModule.default.multiLine),
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
@@ -128,20 +128,20 @@ var InputText = function InputText(_ref) {
     onClick: function onClick() {
       return setInputMode(true);
     },
-    className: (0, _helpers.styles)(style.input, has.label && style.withLabel, multiLine && style.multiLine)
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, multiLine && _InputTextModule.default.multiLine)
   }, others.value)), markdown && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: function onPress() {
       return setInputMode(!inputMode);
     }
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.MARKDOWN,
-    className: (0, _helpers.styles)(style.icon, inputMode && style.disabled)
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, inputMode && _InputTextModule.default.disabled)
   })), (is.password || is.search && has.value) && !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     tabIndex: -1,
     onPress: handlePress
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: is.password ? password ? _primitives.ICON.EYE_CLOSE : _primitives.ICON.EYE_OPEN : _primitives.ICON.CLOSE,
-    className: (0, _helpers.styles)(style.icon, style.password)
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.password)
   })), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
     error: error,
     success: success,

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 * as 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","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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"}

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

@@ -94,7 +94,7 @@ exports[`component:<InputText> prop:error 1`] = `
         />
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon error"
+        class="icon h3 icon error"
       >
         <svg
           fill="currentColor"
@@ -156,7 +156,7 @@ exports[`component:<InputText> prop:icon 1`] = `
       class="view row inputBorder"
     >
       <ui_icon
-        class="icon headline-3 icon left"
+        class="icon h3 icon left"
       >
         <svg
           fill="currentColor"
@@ -242,7 +242,7 @@ exports[`component:<InputText> prop:markdown 1`] = `
         tabindex="0"
       >
         <ui_icon
-          class="icon headline-3 icon disabled"
+          class="icon h3 icon disabled"
         >
           <svg
             fill="currentColor"
@@ -367,7 +367,7 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
         />
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon error"
+        class="icon h3 icon error"
       >
         <svg
           fill="currentColor"
@@ -411,7 +411,7 @@ exports[`component:<InputText> prop:success 1`] = `
         />
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon success"
+        class="icon h3 icon success"
       >
         <svg
           fill="currentColor"
@@ -459,7 +459,7 @@ exports[`component:<InputText> prop:type 1`] = `
         tabindex="-1"
       >
         <ui_icon
-          class="icon headline-3 icon password"
+          class="icon h3 icon password"
         >
           <svg
             fill="currentColor"
@@ -504,7 +504,7 @@ exports[`component:<InputText> prop:warning 1`] = `
         />
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon warning"
+        class="icon h3 icon warning"
       >
         <svg
           fill="currentColor"

package/build/components/InputText/partials/InputText.Hint.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +8,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../helpers");
 var _primitives = require("../../../primitives");
-var style = _interopRequireWildcard(require("../InputText.module.css"));
+var _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
 var _excluded = ["disabled", "error", "hint"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -23,7 +20,7 @@ var Hint = function Hint(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     small: true,
-    className: (0, _helpers.styles)(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, others.className)
   }, hint);
 };
 exports.Hint = Hint;

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.Hint.js","names":["Hint","disabled","error","hint","others","styles","style","text","className","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Hint.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport * as style from '../InputText.module.css';\n\nconst Hint = ({ disabled, error, hint, ...others }) => (\n  <Text\n    small\n    className={styles(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)}\n  >\n    {hint}\n  </Text>\n);\n\nHint.displayName = 'Component:InputText.Hint';\n\nHint.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n};\n\nexport { Hint };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAC9C,6BAAC,gBAAI;IACH,KAAK;IACL,SAAS,EAAE,IAAAC,eAAM,EAACC,KAAK,CAACC,IAAI,EAAED,KAAK,CAACH,IAAI,EAAEF,QAAQ,IAAIK,KAAK,CAACL,QAAQ,EAAEC,KAAK,IAAII,KAAK,CAACJ,KAAK,EAAEE,MAAM,CAACI,SAAS;EAAE,GAE7GL,IAAI,CACA;AAAA,CACR;AAAC;AAEFH,IAAI,CAACS,WAAW,GAAG,0BAA0B;AAE7CT,IAAI,CAACU,SAAS,GAAG;EACfT,QAAQ,EAAEU,kBAAS,CAACC,IAAI;EACxBV,KAAK,EAAES,kBAAS,CAACC,IAAI;EACrBT,IAAI,EAAEQ,kBAAS,CAACE;AAClB,CAAC"}
+{"version":3,"file":"InputText.Hint.js","names":["Hint","disabled","error","hint","others","styles","style","text","className","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Hint.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Hint = ({ disabled, error, hint, ...others }) => (\n  <Text\n    small\n    className={styles(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)}\n  >\n    {hint}\n  </Text>\n);\n\nHint.displayName = 'Component:InputText.Hint';\n\nHint.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n};\n\nexport { Hint };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAE5C,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAC9C,6BAAC,gBAAI;IACH,KAAK;IACL,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,IAAI,EAAED,wBAAK,CAACH,IAAI,EAAEF,QAAQ,IAAIK,wBAAK,CAACL,QAAQ,EAAEC,KAAK,IAAII,wBAAK,CAACJ,KAAK,EAAEE,MAAM,CAACI,SAAS;EAAE,GAE7GL,IAAI,CACA;AAAA,CACR;AAAC;AAEFH,IAAI,CAACS,WAAW,GAAG,0BAA0B;AAE7CT,IAAI,CAACU,SAAS,GAAG;EACfT,QAAQ,EAAEU,kBAAS,CAACC,IAAI;EACxBV,KAAK,EAAES,kBAAS,CAACC,IAAI;EACrBT,IAAI,EAAEQ,kBAAS,CAACE;AAClB,CAAC"}

package/build/components/InputText/partials/InputText.IconState.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,9 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../helpers");
 var _primitives = require("../../../primitives");
-var style = _interopRequireWildcard(require("../InputText.module.css"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var IconState = function IconState(_ref) {
   var error = _ref.error,
@@ -23,7 +20,7 @@ var IconState = function IconState(_ref) {
       success: success,
       warning: warning
     }),
-    className: (0, _helpers.styles)(style.icon, error ? style.error : warning ? style.warning : success ? style.success : undefined)
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, error ? _InputTextModule.default.error : warning ? _InputTextModule.default.warning : success ? _InputTextModule.default.success : undefined)
   });
 };
 exports.IconState = IconState;

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.IconState.js","names":["IconState","error","success","warning","getIconState","styles","style","icon","undefined","displayName","propTypes","PropTypes","bool"],"sources":["../../../../src/components/InputText/partials/InputText.IconState.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../../helpers';\nimport { Icon } from '../../../primitives';\nimport * as style from '../InputText.module.css';\n\nconst IconState = ({ error, success, warning }) => (\n  <Icon\n    value={getIconState({ error, success, warning })}\n    className={styles(style.icon, error ? style.error : warning ? style.warning : success ? style.success : undefined)}\n  />\n);\n\nIconState.displayName = 'Component:InputText.IconState';\n\nIconState.propTypes = {\n  error: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n};\n\nexport { IconState };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAiD;AAAA;AAAA;AAEjD,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IAAMC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC1C,6BAAC,gBAAI;IACH,KAAK,EAAE,IAAAC,qBAAY,EAAC;MAAEH,KAAK,EAALA,KAAK;MAAEC,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAE,IAAAE,eAAM,EAACC,KAAK,CAACC,IAAI,EAAEN,KAAK,GAAGK,KAAK,CAACL,KAAK,GAAGE,OAAO,GAAGG,KAAK,CAACH,OAAO,GAAGD,OAAO,GAAGI,KAAK,CAACJ,OAAO,GAAGM,SAAS;EAAE,EACnH;AAAA,CACH;AAAC;AAEFR,SAAS,CAACS,WAAW,GAAG,+BAA+B;AAEvDT,SAAS,CAACU,SAAS,GAAG;EACpBT,KAAK,EAAEU,kBAAS,CAACC,IAAI;EACrBV,OAAO,EAAES,kBAAS,CAACC,IAAI;EACvBT,OAAO,EAAEQ,kBAAS,CAACC;AACrB,CAAC"}
+{"version":3,"file":"InputText.IconState.js","names":["IconState","error","success","warning","getIconState","styles","style","icon","undefined","displayName","propTypes","PropTypes","bool"],"sources":["../../../../src/components/InputText/partials/InputText.IconState.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../../helpers';\nimport { Icon } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst IconState = ({ error, success, warning }) => (\n  <Icon\n    value={getIconState({ error, success, warning })}\n    className={styles(style.icon, error ? style.error : warning ? style.warning : success ? style.success : undefined)}\n  />\n);\n\nIconState.displayName = 'Component:InputText.IconState';\n\nIconState.propTypes = {\n  error: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n};\n\nexport { IconState };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAE5C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IAAMC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC1C,6BAAC,gBAAI;IACH,KAAK,EAAE,IAAAC,qBAAY,EAAC;MAAEH,KAAK,EAALA,KAAK;MAAEC,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAE,IAAAE,eAAM,EAACC,wBAAK,CAACC,IAAI,EAAEN,KAAK,GAAGK,wBAAK,CAACL,KAAK,GAAGE,OAAO,GAAGG,wBAAK,CAACH,OAAO,GAAGD,OAAO,GAAGI,wBAAK,CAACJ,OAAO,GAAGM,SAAS;EAAE,EACnH;AAAA,CACH;AAAC;AAEFR,SAAS,CAACS,WAAW,GAAG,+BAA+B;AAEvDT,SAAS,CAACU,SAAS,GAAG;EACpBT,KAAK,EAAEU,kBAAS,CAACC,IAAI;EACrBV,OAAO,EAAES,kBAAS,CAACC,IAAI;EACvBT,OAAO,EAAEQ,kBAAS,CAACC;AACrB,CAAC"}

package/build/components/InputText/partials/InputText.Label.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +8,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../helpers");
 var _primitives = require("../../../primitives");
-var style = _interopRequireWildcard(require("../InputText.module.css"));
+var _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
 var _excluded = ["disabled", "error", "focus", "label", "required", "value"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -27,9 +24,9 @@ var Label = function Label(_ref) {
     value = _ref.value,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, others, {
-    className: (0, _helpers.styles)(style.text, others.className || style.label, disabled && style.disabled, focus && style.focus, error && style.error, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && style.withValue)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, others.className || _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && _InputTextModule.default.withValue)
   }), label, required && !disabled && /*#__PURE__*/_react.default.createElement("span", {
-    className: style.required
+    className: _InputTextModule.default.required
   }, " *"));
 };
 exports.Label = Label;

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport * as style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,KAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,KAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,KAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,KAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,KAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,KAAK,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAC,IAAI,OAAOP,KAAK,KAAK,QAAQ,CAAE,KAAKG,KAAK,CAACK,SAAS;EAChH,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,KAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}
+{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,wBAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,wBAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,wBAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,wBAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,KAAK,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAC,IAAI,OAAOP,KAAK,KAAK,QAAQ,CAAE,KAAKG,wBAAK,CAACK,SAAS;EAChH,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,wBAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +8,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
-var style = _interopRequireWildcard(require("./Menu.module.css"));
+var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
 var _excluded = ["children", "disabled", "divider", "icon", "label", "value", "onPress"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -27,17 +24,17 @@ 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)(style.option, value && style.value, divider && style.divider, disabled && style.disabled),
+    className: (0, _helpers.styles)(_MenuModule.default.option, value && _MenuModule.default.value, divider && _MenuModule.default.divider, disabled && _MenuModule.default.disabled),
     onPress: !disabled && value ? onPress : undefined
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
     wide: true,
-    className: style.content
+    className: _MenuModule.default.content
   }, icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: icon,
-    className: style.icon
+    className: _MenuModule.default.icon
   }), label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    className: style.label
+    className: _MenuModule.default.label
   }, label), children));
 };
 exports.Option = Option;

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 * as 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;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,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,KAAK,CAACC,MAAM,EAAEL,KAAK,IAAII,KAAK,CAACJ,KAAK,EAAEH,OAAO,IAAIO,KAAK,CAACP,OAAO,EAAED,QAAQ,IAAIQ,KAAK,CAACR,QAAQ,CAAE;IAC5G,OAAO,EAAE,CAACA,QAAQ,IAAII,KAAK,GAAGC,OAAO,GAAGK;EAAU,iBAElD,6BAAC,gBAAI;IAAC,GAAG;IAAC,IAAI;IAAC,SAAS,EAAEF,KAAK,CAACG;EAAQ,GACrCT,IAAI,iBAAI,6BAAC,gBAAI;IAAC,KAAK,EAAEA,IAAK;IAAC,SAAS,EAAEM,KAAK,CAACN;EAAK,EAAG,EACpDC,KAAK,iBAAI,6BAAC,gBAAI;IAAC,SAAS,EAAEK,KAAK,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","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"}

package/build/components/Menu/Menu.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,11 +10,9 @@ var _helpers = require("../../helpers");
 var _hooks = require("../../hooks");
 var _primitives = require("../../primitives");
 var _Modal = require("../Modal");
-var style = _interopRequireWildcard(require("./Menu.module.css"));
+var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
 var _Menu = require("./Menu.Option");
 var _excluded = ["children", "options", "Template", "title", "visible", "onPress"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -54,7 +51,7 @@ var Menu = function Menu(_ref) {
   }, others, {
     visible: visible,
     role: others.role || 'menu',
-    className: (0, _helpers.styles)(style.menu, visible && style.visible, others.className)
+    className: (0, _helpers.styles)(_MenuModule.default.menu, visible && _MenuModule.default.visible, others.className)
   }), children, /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, renderOptions())) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     title: title,
     visible: visible,
@@ -64,7 +61,7 @@ var Menu = function Menu(_ref) {
     onOverflow: function onOverflow(event) {
       return _onPress(undefined, event);
     },
-    className: (0, _helpers.styles)(style.menu, others.className)
+    className: (0, _helpers.styles)(_MenuModule.default.menu, others.className)
   }, renderOptions()));
 };
 exports.Menu = Menu;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isMobile","renderOptions","filter","option","map","index","testId","undefined","event","value","role","styles","style","menu","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport * as style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isMobile } = useDevice();\n\n  const renderOptions = () =>\n    options\n      .filter((option) => !!option)\n      .map((option = {}, index) => (\n        <Template\n          testId={others.testId ? `${others.testId}-${index}` : undefined}\n          {...option}\n          key={index}\n          onPress={(event) => onPress(option.value, event)}\n        />\n      ));\n\n  return !isMobile ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      visible={visible}\n      role={others.role || 'menu'}\n      className={styles(style.menu, visible && style.visible, others.className)}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        onOverflow={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\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    }),\n  ),\n  Template: PropTypes.any,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isMobile","renderOptions","filter","option","map","index","testId","undefined","event","value","role","styles","style","menu","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isMobile } = useDevice();\n\n  const renderOptions = () =>\n    options\n      .filter((option) => !!option)\n      .map((option = {}, index) => (\n        <Template\n          testId={others.testId ? `${others.testId}-${index}` : undefined}\n          {...option}\n          key={index}\n          onPress={(event) => onPress(option.value, event)}\n        />\n      ));\n\n  return !isMobile ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      visible={visible}\n      role={others.role || 'menu'}\n      className={styles(style.menu, visible && style.visible, others.className)}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        onOverflow={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\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    }),\n  ),\n  Template: PropTypes.any,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":"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"}

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

@@ -1,6 +1,3 @@
-.menu {
-}
-
 .menu.desktop {
   background-color: var(--mirai-ui-menu-base);
   border-radius: var(--mirai-ui-menu-border-radius);

package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap

@@ -71,7 +71,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
           class="view row wide content"
         >
           <ui_icon
-            class="icon headline-3 icon"
+            class="icon h3 icon"
           >
             <svg
               fill="currentColor"
@@ -107,7 +107,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
           class="view row wide content"
         >
           <ui_icon
-            class="icon headline-3 icon"
+            class="icon h3 icon"
           >
             <svg
               fill="currentColor"