@mirai/ui 1.0.118 → 1.0.120

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

@@ -8,12 +8,16 @@ exports[`component:<InputText> inherit:className 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -27,13 +31,17 @@ exports[`component:<InputText> prop:disabled 1`] = `
     <div
       class="view row inputBorder disabled"
     >
-      <input
-        class="input input"
-        disabled=""
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          disabled=""
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -47,37 +55,37 @@ exports[`component:<InputText> prop:error 1`] = `
     <div
       class="view row inputBorder error"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
       <div
-        class="view row icons"
+        class="view wide content"
       >
-        <span
-          class="icon headline-3 icon error"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            stroke="currentColor"
-            stroke-width="0"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-            />
-          </svg>
-        </span>
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
       </div>
+      <span
+        class="icon headline-3 icon error"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          />
+        </svg>
+      </span>
     </div>
   </div>
 </DocumentFragment>
@@ -91,12 +99,16 @@ exports[`component:<InputText> prop:hint 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
     <span
       class="text small text hint"
@@ -136,12 +148,16 @@ exports[`component:<InputText> prop:icon 1`] = `
           />
         </svg>
       </span>
-      <input
-        class="input input iconLeft"
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -155,17 +171,21 @@ exports[`component:<InputText> prop:label 1`] = `
     <div
       class="view row inputBorder"
     >
-      <span
-        class="text paragraph text label"
+      <div
+        class="view wide content"
       >
-        label
-      </span>
-      <input
-        class="input input withLabel"
-        name="name"
-        type="text"
-        value=""
-      />
+        <span
+          class="text paragraph text label"
+        >
+          label
+        </span>
+        <input
+          class="input input withLabel"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -179,11 +199,15 @@ exports[`component:<InputText> prop:multiLine 1`] = `
     <div
       class="view row inputBorder"
     >
-      <textarea
-        class="input input"
-        name="name"
-        type="text"
-      />
+      <div
+        class="view wide content"
+      >
+        <textarea
+          class="input input"
+          name="name"
+          type="text"
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -197,37 +221,37 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
     <div
       class="view row inputBorder error"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
       <div
-        class="view row icons"
+        class="view wide content"
       >
-        <span
-          class="icon headline-3 icon error"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            stroke="currentColor"
-            stroke-width="0"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M0 0h24v24H0V0z"
-              fill="none"
-            />
-            <path
-              d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-            />
-          </svg>
-        </span>
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
       </div>
+      <span
+        class="icon headline-3 icon error"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          />
+        </svg>
+      </span>
     </div>
   </div>
 </DocumentFragment>
@@ -241,17 +265,66 @@ exports[`component:<InputText> prop:success 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
       <div
-        class="view row icons"
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
+      <span
+        class="icon headline-3 icon success"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputText> prop:type 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="password"
+          value=""
+        />
+      </div>
+      <div
+        class="pressable"
+        tabindex="-1"
       >
         <span
-          class="icon headline-3 icon success"
+          class="icon headline-3 icon"
         >
           <svg
             fill="currentColor"
@@ -263,11 +336,11 @@ exports[`component:<InputText> prop:success 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M0 0h24v24H0V0z"
+              d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
               fill="none"
             />
             <path
-              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+              d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
             />
           </svg>
         </span>
@@ -277,7 +350,7 @@ exports[`component:<InputText> prop:success 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<InputText> prop:type 1`] = `
+exports[`component:<InputText> prop:warning 1`] = `
 <DocumentFragment>
   <div
     class="view inputContainer"
@@ -285,82 +358,33 @@ exports[`component:<InputText> prop:type 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        name="name"
-        type="password"
-        value=""
-      />
       <div
-        class="view row icons"
+        class="view wide content"
       >
-        <div
-          class="pressable"
-          tabindex="-1"
-        >
-          <span
-            class="icon headline-3 icon pressable"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
-              />
-            </svg>
-          </span>
-        </div>
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
       </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`component:<InputText> prop:warning 1`] = `
-<DocumentFragment>
-  <div
-    class="view inputContainer"
-  >
-    <div
-      class="view row inputBorder"
-    >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
-      <div
-        class="view row icons"
+      <span
+        class="icon headline-3 icon warning"
       >
-        <span
-          class="icon headline-3 icon warning"
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <svg
-            fill="currentColor"
-            height="1em"
-            stroke="currentColor"
-            stroke-width="0"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-            />
-          </svg>
-        </span>
-      </div>
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
     </div>
   </div>
 </DocumentFragment>
@@ -374,12 +398,16 @@ exports[`component:<InputText> renders 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>
@@ -393,13 +421,17 @@ exports[`component:<InputText> testID 1`] = `
     <div
       class="view row inputBorder"
     >
-      <input
-        class="input input"
-        data-testid="mirai"
-        name="name"
-        type="text"
-        value=""
-      />
+      <div
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          data-testid="mirai"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hint = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../../helpers");
+var _primitives = require("../../../primitives");
+var _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
+var _excluded = ["disabled", "error", "hint"];
+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; }
+var Hint = function Hint(_ref) {
+  var disabled = _ref.disabled,
+    error = _ref.error,
+    hint = _ref.hint,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    small: true,
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, others.className)
+  }, hint);
+};
+exports.Hint = Hint;
+Hint.displayName = 'Component:InputText.Hint';
+Hint.propTypes = {
+  disabled: _propTypes.default.bool,
+  error: _propTypes.default.bool,
+  hint: _propTypes.default.string
+};
+//# sourceMappingURL=InputText.Hint.js.map

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconState = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../../helpers");
+var _primitives = require("../../../primitives");
+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,
+    success = _ref.success,
+    warning = _ref.warning;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: (0, _helpers.getIconState)({
+      error: error,
+      success: success,
+      warning: warning
+    }),
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, error ? _InputTextModule.default.error : warning ? _InputTextModule.default.warning : success ? _InputTextModule.default.success : undefined)
+  });
+};
+exports.IconState = IconState;
+IconState.displayName = 'Component:InputText.IconState';
+IconState.propTypes = {
+  error: _propTypes.default.bool,
+  success: _propTypes.default.bool,
+  warning: _propTypes.default.bool
+};
+//# sourceMappingURL=InputText.IconState.js.map

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../../helpers");
+var _primitives = require("../../../primitives");
+var _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
+var _excluded = ["disabled", "error", "focus", "label", "required", "value"];
+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; }
+var Label = function Label(_ref) {
+  var disabled = _ref.disabled,
+    error = _ref.error,
+    focus = _ref.focus,
+    label = _ref.label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    value = _ref.value,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    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) && _InputTextModule.default.withValue)
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label), required && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "*"));
+};
+exports.Label = Label;
+Label.displayName = 'Component:InputText.Label';
+Label.propTypes = {
+  disabled: _propTypes.default.bool,
+  error: _propTypes.default.bool,
+  focus: _propTypes.default.text,
+  label: _propTypes.default.text,
+  required: _propTypes.default.bool,
+  value: _propTypes.default.text
+};
+//# sourceMappingURL=InputText.Label.js.map

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

@@ -0,0 +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"],"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    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)) && style.withValue,\n    )}\n  >\n    <>{label}</>\n    {required && <>*</>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.text,\n  label: PropTypes.text,\n  required: PropTypes.bool,\n  value: PropTypes.text,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;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;IACH,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,IAAI,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAE,KAAKJ,wBAAK,CAACK,SAAS;EACjF,gBAEF,4DAAGV,KAAK,CAAI,EACXC,QAAQ,iBAAI,gEAAM,CACd;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,CAACP,IAAI;EACrBN,KAAK,EAAEa,kBAAS,CAACP,IAAI;EACrBL,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACP;AACnB,CAAC"}