@mirai/ui 1.1.0-c → 1.1.0-f

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

@@ -3,7 +3,7 @@
 exports[`component:<InputPhone> inherit:className 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container mirai"
+    class="view inputPhone mirai"
   >
     <ui_view
       class="view row inputBorder"
@@ -36,7 +36,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -84,7 +84,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
 exports[`component:<InputPhone> prop:disabled 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder disabled"
@@ -145,7 +145,7 @@ exports[`component:<InputPhone> prop:disabled 1`] = `
 exports[`component:<InputPhone> prop:error 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder error"
@@ -178,7 +178,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -219,7 +219,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon error"
+        class="icon h3 icon error"
       >
         <svg
           fill="currentColor"
@@ -247,7 +247,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
 exports[`component:<InputPhone> prop:hint 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -280,7 +280,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -333,7 +333,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
 exports[`component:<InputPhone> prop:icon & disabled 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder disabled"
@@ -374,7 +374,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
         class="view row wide"
       >
         <ui_icon
-          class="icon headline-3 icon left disabled"
+          class="icon h3 icon left disabled"
         >
           <svg
             fill="currentColor"
@@ -415,7 +415,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
 exports[`component:<InputPhone> prop:icon & error 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder error"
@@ -448,7 +448,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -477,7 +477,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
         class="view row wide"
       >
         <ui_icon
-          class="icon headline-3 icon left error"
+          class="icon h3 icon left error"
         >
           <svg
             fill="currentColor"
@@ -510,7 +510,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon error"
+        class="icon h3 icon error"
       >
         <svg
           fill="currentColor"
@@ -538,7 +538,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
 exports[`component:<InputPhone> prop:icon 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -571,7 +571,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -600,7 +600,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
         class="view row wide"
       >
         <ui_icon
-          class="icon headline-3 icon left"
+          class="icon h3 icon left"
         >
           <svg
             fill="currentColor"
@@ -640,7 +640,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
 exports[`component:<InputPhone> prop:label 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -673,7 +673,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -726,7 +726,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
 exports[`component:<InputPhone> prop:labelPrefix 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -764,7 +764,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -812,7 +812,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
 exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -856,7 +856,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -915,7 +915,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
 exports[`component:<InputPhone> prop:required 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -954,7 +954,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1008,7 +1008,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
 exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder error"
@@ -1041,7 +1041,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1082,7 +1082,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon error"
+        class="icon h3 icon error"
       >
         <svg
           fill="currentColor"
@@ -1110,7 +1110,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
 exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1143,7 +1143,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1184,7 +1184,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon success"
+        class="icon h3 icon success"
       >
         <svg
           fill="currentColor"
@@ -1212,7 +1212,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
 exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1245,7 +1245,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1286,7 +1286,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon warning"
+        class="icon h3 icon warning"
       >
         <svg
           fill="currentColor"
@@ -1310,7 +1310,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
 exports[`component:<InputPhone> prop:success 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1343,7 +1343,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1384,7 +1384,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon success"
+        class="icon h3 icon success"
       >
         <svg
           fill="currentColor"
@@ -1412,7 +1412,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
 exports[`component:<InputPhone> prop:value 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1445,7 +1445,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1493,7 +1493,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
 exports[`component:<InputPhone> prop:value:without prefixes 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1521,7 +1521,7 @@ exports[`component:<InputPhone> prop:value:without prefixes 1`] = `
 exports[`component:<InputPhone> prop:warning 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1554,7 +1554,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1595,7 +1595,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
         </ui_view>
       </ui_view>
       <ui_icon
-        class="icon headline-3 icon warning"
+        class="icon h3 icon warning"
       >
         <svg
           fill="currentColor"
@@ -1619,7 +1619,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
 exports[`component:<InputPhone> renders 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1652,7 +1652,7 @@ exports[`component:<InputPhone> renders 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1700,7 +1700,7 @@ exports[`component:<InputPhone> renders 1`] = `
 exports[`component:<InputPhone> testId 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"
@@ -1734,7 +1734,7 @@ exports[`component:<InputPhone> testId 1`] = `
           </select>
         </ui_view>
         <ui_icon
-          class="icon headline-3 expand"
+          class="icon h3 expand"
         >
           <svg
             fill="currentColor"
@@ -1783,7 +1783,7 @@ exports[`component:<InputPhone> testId 1`] = `
 exports[`component:<InputPhone> testId:without prefixes 1`] = `
 <DocumentFragment>
   <ui_view
-    class="view container"
+    class="view inputPhone"
   >
     <ui_view
       class="view row inputBorder"

package/build/components/InputSelect/InputSelect.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/InputText.module.css"));
+var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
 var _partials = require("../InputText/partials");
 var _excluded = ["caption", "disabled", "error", "hint", "label", "showRequired", "showState", "success", "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); }
@@ -68,18 +68,18 @@ var InputSelect = function InputSelect(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
     role: others.role || 'input-select',
-    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, focus && !error && style.focus, error && style.error)
+    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, focus && !error && _InputTextModule.default.focus, 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,
@@ -90,13 +90,13 @@ var InputSelect = function InputSelect(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_primitives.Select, _extends({}, others, {
     disabled: disabled,
     value: others.value || '',
-    className: (0, _helpers.styles)(style.input, has.label && style.withLabel, !!label && !(focus || error || has.value) && style.empty),
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, !!label && !(focus || error || has.value) && _InputTextModule.default.empty),
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
   }))), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.EXPAND_MORE,
-    className: (0, _helpers.styles)(style.icon, style.select)
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.select)
   }), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
     error: error,
     success: success,

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

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

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

@@ -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"