@wireapp/react-ui-kit 8.3.0 → 8.4.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.3.0...@wireapp/react-ui-kit@8.4.0) (2022-05-30)
+
+
+### Features
+
+* Prepare new form elements ([#4273](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/4273)) ([a80de23](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/commit/a80de238d2a9b396e7495f89d757f531f8f9abd3))
+
+
+
+
+
 # [8.3.0](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.2.0...@wireapp/react-ui-kit@8.3.0) (2022-05-27)
 
 
@@ -892,7 +903,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### Features
 
-* **react-ui-kit:** External Label ([#3113](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/3113)) ([44c0767](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/commit/44c076733ff64be12a583b937265eda6724506a5))
+* **react-ui-kit:** External InputLabel ([#3113](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/3113)) ([44c0767](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/commit/44c076733ff64be12a583b937265eda6724506a5))
 
 
 
@@ -4227,7 +4238,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### BREAKING CHANGES
 
-* **react-ui-kit:** H1: 
+* **react-ui-kit:** H1:
 - font size 40px -> 48px
 - line-height: 56px
 - margin-bottom: 64px
@@ -4235,7 +4246,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - font-size 24px -> 40px
 - line-height: 32px -> 48px
 
-H2: 
+H2:
 - font-weight: 300 -> 700
 - line-height: 32px;
 - margin-bottom: 24px;

package/package.json

@@ -67,6 +67,6 @@
     "test:update": "yarn test --updateSnapshot",
     "test:project": "yarn dist && yarn test"
   },
-  "version": "8.3.0",
-  "gitHead": "b72622dc738215a803c2b968ab62196f34176df1"
+  "version": "8.4.0",
+  "gitHead": "4a9e90c8c5c46e4d3cc3f24ee83d2a5ed1673aef"
 }

package/src/Form/CodeInput.js

@@ -23,6 +23,8 @@ var _util = require("../util");
 
 var _Input = require("./Input");
 
+var _Identity = require("../Identity");
+
 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; }
@@ -39,7 +41,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "tvpiqi-CodeInputWrapper",
   styles: "display:flex;justify-content:center;label:CodeInputWrapper;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJJIiwiZmlsZSI6IkNvZGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7bm9vcH0gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0lucHV0UHJvcHMsIGlucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuXG5jb25zdCBDb2RlSW5wdXRXcmFwcGVyID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbnR5cGUgRGlnaXRJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiA9IElucHV0UHJvcHM8VD47XG5cbmNvbnN0IGRpZ2l0SW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IERpZ2l0SW5wdXRQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHRoZW1lLCBwcm9wcykgPT4gKHtcbiAgLi4uaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMpLFxuICAnJiArICYnOiB7XG4gICAgbWFyZ2luTGVmdDogJzE5cHgnLFxuICB9LFxuICBmb250U2l6ZTogJzMycHgnLFxuICBsaW5lSGVpZ2h0OiAnNTZweCcsXG4gIHBhZGRpbmc6IDAsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHdpZHRoOiAnNDhweCcsXG59KTtcblxuY29uc3QgRGlnaXRJbnB1dDogUmVhY3QuRkM8RGlnaXRJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+PiA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERpZ2l0SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPigocHJvcHMsIHJlZikgPT4gPGlucHV0IHJlZj17cmVmfSBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRpZ2l0SW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4ucHJvcHN9IHR5cGU9XCJ0ZWxcIiAvPik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29kZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGF1dG9Gb2N1cz86IGJvb2xlYW47XG4gIGRpZ2l0cz86IG51bWJlcjtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBvbkNvZGVDb21wbGV0ZT86IChjb21wbGV0ZUNvZGU/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDb2RlSW5wdXQgPSAoe1xuICBzdHlsZSxcbiAgZGlnaXRzID0gNixcbiAgYXV0b0ZvY3VzID0gZmFsc2UsXG4gIG1hcmtJbnZhbGlkLFxuICBvbkNvZGVDb21wbGV0ZSA9IG5vb3AsXG4gIGRpc2FibGVkLFxufTogQ29kZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgW3ZhbHVlcywgc2V0VmFsdWVzXSA9IHVzZVN0YXRlKEFycmF5KGRpZ2l0cykuZmlsbCgnJykpO1xuICBjb25zdCBpbnB1dHMgPSBBcnJheShkaWdpdHMpO1xuXG4gIGNvbnN0IGZvcmNlU2VsZWN0aW9uID0gKFxuICAgIGV2ZW50OlxuICAgICAgfCBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICAgICB8IFJlYWN0LlRvdWNoRXZlbnQ8SFRNTElucHV0RWxlbWVudD5cbiAgICAgIHwgUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PlxuICAgICAgfCBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0YXJnZXQuc2VsZWN0KCk7XG4gIH07XG5cbiAgY29uc3QgZm9yY2VTZWxlY3Rpb25QcmV2ZW50RGVmYXVsdCA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PiB8IFJlYWN0LlRvdWNoRXZlbnQ8SFRNTElucHV0RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGZvcmNlU2VsZWN0aW9uKGV2ZW50KTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9O1xuXG4gIGNvbnN0IG5leHRGaWVsZCA9IChjdXJyZW50RmllbGRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgY29uc3QgbmV4dEZpZWxkSW5kZXggPSBjdXJyZW50RmllbGRJbmRleCArIDE7XG4gICAgaWYgKG5leHRGaWVsZEluZGV4IDwgZGlnaXRzKSB7XG4gICAgICBpbnB1dHNbbmV4dEZpZWxkSW5kZXhdLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHByZXZpb3VzRmllbGQgPSAoY3VycmVudEZpZWxkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgIGlmIChjdXJyZW50RmllbGRJbmRleCA+IDApIHtcbiAgICAgIGlucHV0c1tjdXJyZW50RmllbGRJbmRleCAtIDFdLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHNldFZhbHVlID0gKGZpZWxkSW5kZXg6IG51bWJlciwgdmFsdWU6IHN0cmluZykgPT4ge1xuICAgIGlmICgvXlswLTldPyQvLnRlc3QodmFsdWUpKSB7XG4gICAgICBjb25zdCB2YWx1ZXNDb3B5ID0gdmFsdWVzLnNsaWNlKCk7XG4gICAgICB2YWx1ZXNDb3B5W2ZpZWxkSW5kZXhdID0gdmFsdWU7XG4gICAgICBzZXRWYWx1ZXModmFsdWVzQ29weSk7XG4gICAgICBpZiAodmFsdWUubGVuZ3RoKSB7XG4gICAgICAgIG5leHRGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChmaWVsZEluZGV4OiBudW1iZXIsIHtrZXl9OiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgc3dpdGNoIChrZXkpIHtcbiAgICAgIGNhc2UgJ0JhY2tzcGFjZSc6XG4gICAgICAgIHNldFZhbHVlKGZpZWxkSW5kZXgsICcnKTtcbiAgICAgICAgcHJldmlvdXNGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdBcnJvd0xlZnQnOlxuICAgICAgICBwcmV2aW91c0ZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBuZXh0RmllbGQoZmllbGRJbmRleCk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgICBpZiAoL15bMC05XSQvLnRlc3Qoa2V5KSkge1xuICAgICAgc2V0VmFsdWUoZmllbGRJbmRleCwga2V5KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFzdGUgPSAoZmllbGRJbmRleDogbnVtYmVyLCBldmVudDogUmVhY3QuQ2xpcGJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBwYXN0ZWRWYWx1ZSA9IGV2ZW50LmNsaXBib2FyZERhdGEuZ2V0RGF0YSgnVGV4dCcpO1xuICAgIGNvbnN0IGNsZWFuZWRQYXN0ZSA9IHBhc3RlZFZhbHVlLnJlcGxhY2UoL1teMC05XS9nLCAnJyk7XG4gICAgaWYgKC9eWzAtOV0rJC8udGVzdChjbGVhbmVkUGFzdGUpKSB7XG4gICAgICBzZXRWYWx1ZXModmFsdWVzLnNsaWNlKDAsIGZpZWxkSW5kZXgpLmNvbmNhdChjbGVhbmVkUGFzdGUuc3BsaXQoJycpKS5zbGljZSgwLCBkaWdpdHMpKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjb21wbGV0ZUNvZGUgPSB2YWx1ZXMuam9pbignJyk7XG4gICAgaWYgKGNvbXBsZXRlQ29kZS5sZW5ndGggPT09IGRpZ2l0cykge1xuICAgICAgb25Db2RlQ29tcGxldGUoY29tcGxldGVDb2RlKTtcbiAgICB9XG4gIH0sIFt2YWx1ZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2RlSW5wdXRXcmFwcGVyIHN0eWxlPXtzdHlsZX0+XG4gICAgICB7QXJyYXkuZnJvbSh7bGVuZ3RoOiBkaWdpdHN9LCAoXywgaW5kZXgpID0+IChcbiAgICAgICAgPERpZ2l0SW5wdXRcbiAgICAgICAgICBhdXRvRm9jdXM9e2luZGV4ID09PSAwICYmIGF1dG9Gb2N1c31cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgIG9uUGFzdGU9e2V2ZW50ID0+IGhhbmRsZVBhc3RlKGluZGV4LCBldmVudCl9XG4gICAgICAgICAgb25Gb2N1cz17Zm9yY2VTZWxlY3Rpb259XG4gICAgICAgICAgb25Nb3VzZURvd249e2ZvcmNlU2VsZWN0aW9uUHJldmVudERlZmF1bHR9XG4gICAgICAgICAgb25Ub3VjaFN0YXJ0PXtmb3JjZVNlbGVjdGlvblByZXZlbnREZWZhdWx0fVxuICAgICAgICAgIG9uS2V5RG93bj17ZXZlbnQgPT4gaGFuZGxlS2V5RG93bihpbmRleCwgZXZlbnQpfVxuICAgICAgICAgIG9uS2V5VXA9e2ZvcmNlU2VsZWN0aW9ufVxuICAgICAgICAgIG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH1cbiAgICAgICAgICByZWY9e25vZGUgPT4gKGlucHV0c1tpbmRleF0gPSBub2RlKX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWVzW2luZGV4XX1cbiAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge319XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9Db2RlSW5wdXRXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJJIiwiZmlsZSI6IkNvZGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7bm9vcH0gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0lucHV0UHJvcHMsIGlucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuXG5jb25zdCBDb2RlSW5wdXRXcmFwcGVyID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbnR5cGUgRGlnaXRJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiA9IElucHV0UHJvcHM8VD47XG5cbmNvbnN0IGRpZ2l0SW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IERpZ2l0SW5wdXRQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHRoZW1lLCBwcm9wcykgPT4gKHtcbiAgLi4uaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMpLFxuICAnJiArICYnOiB7XG4gICAgbWFyZ2luTGVmdDogJzE5cHgnLFxuICB9LFxuICAnJjpob3Zlcic6IHtcbiAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gIH0sXG4gIGZvbnRTaXplOiAnMjRweCcsXG4gIGxpbmVIZWlnaHQ6ICcyOHB4JyxcbiAgcGFkZGluZzogMCxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgd2lkdGg6ICc0OHB4JyxcbiAgaGVpZ2h0OiAnNTZweCcsXG59KTtcblxuY29uc3QgRGlnaXRJbnB1dDogUmVhY3QuRkM8RGlnaXRJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+PiA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERpZ2l0SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPigocHJvcHMsIHJlZikgPT4gPGlucHV0IHJlZj17cmVmfSBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRpZ2l0SW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4ucHJvcHN9IHR5cGU9XCJ0ZWxcIiAvPik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29kZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGF1dG9Gb2N1cz86IGJvb2xlYW47XG4gIGRpZ2l0cz86IG51bWJlcjtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBvbkNvZGVDb21wbGV0ZT86IChjb21wbGV0ZUNvZGU/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDb2RlSW5wdXQgPSAoe1xuICBzdHlsZSxcbiAgZGlnaXRzID0gNixcbiAgYXV0b0ZvY3VzID0gZmFsc2UsXG4gIG1hcmtJbnZhbGlkLFxuICBvbkNvZGVDb21wbGV0ZSA9IG5vb3AsXG4gIGRpc2FibGVkLFxufTogQ29kZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgW3ZhbHVlcywgc2V0VmFsdWVzXSA9IHVzZVN0YXRlKEFycmF5KGRpZ2l0cykuZmlsbCgnJykpO1xuICBjb25zdCBpbnB1dHMgPSBBcnJheShkaWdpdHMpO1xuXG4gIGNvbnN0IGZvcmNlU2VsZWN0aW9uID0gKFxuICAgIGV2ZW50OlxuICAgICAgfCBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICAgICB8IFJlYWN0LlRvdWNoRXZlbnQ8SFRNTElucHV0RWxlbWVudD5cbiAgICAgIHwgUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PlxuICAgICAgfCBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0YXJnZXQuc2VsZWN0KCk7XG4gIH07XG5cbiAgY29uc3QgZm9yY2VTZWxlY3Rpb25QcmV2ZW50RGVmYXVsdCA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PiB8IFJlYWN0LlRvdWNoRXZlbnQ8SFRNTElucHV0RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGZvcmNlU2VsZWN0aW9uKGV2ZW50KTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9O1xuXG4gIGNvbnN0IG5leHRGaWVsZCA9IChjdXJyZW50RmllbGRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgY29uc3QgbmV4dEZpZWxkSW5kZXggPSBjdXJyZW50RmllbGRJbmRleCArIDE7XG4gICAgaWYgKG5leHRGaWVsZEluZGV4IDwgZGlnaXRzKSB7XG4gICAgICBpbnB1dHNbbmV4dEZpZWxkSW5kZXhdLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHByZXZpb3VzRmllbGQgPSAoY3VycmVudEZpZWxkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgIGlmIChjdXJyZW50RmllbGRJbmRleCA+IDApIHtcbiAgICAgIGlucHV0c1tjdXJyZW50RmllbGRJbmRleCAtIDFdLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHNldFZhbHVlID0gKGZpZWxkSW5kZXg6IG51bWJlciwgdmFsdWU6IHN0cmluZykgPT4ge1xuICAgIGlmICgvXlswLTldPyQvLnRlc3QodmFsdWUpKSB7XG4gICAgICBjb25zdCB2YWx1ZXNDb3B5ID0gdmFsdWVzLnNsaWNlKCk7XG4gICAgICB2YWx1ZXNDb3B5W2ZpZWxkSW5kZXhdID0gdmFsdWU7XG4gICAgICBzZXRWYWx1ZXModmFsdWVzQ29weSk7XG4gICAgICBpZiAodmFsdWUubGVuZ3RoKSB7XG4gICAgICAgIG5leHRGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChmaWVsZEluZGV4OiBudW1iZXIsIHtrZXl9OiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgc3dpdGNoIChrZXkpIHtcbiAgICAgIGNhc2UgJ0JhY2tzcGFjZSc6XG4gICAgICAgIHNldFZhbHVlKGZpZWxkSW5kZXgsICcnKTtcbiAgICAgICAgcHJldmlvdXNGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdBcnJvd0xlZnQnOlxuICAgICAgICBwcmV2aW91c0ZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBuZXh0RmllbGQoZmllbGRJbmRleCk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgICBpZiAoL15bMC05XSQvLnRlc3Qoa2V5KSkge1xuICAgICAgc2V0VmFsdWUoZmllbGRJbmRleCwga2V5KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFzdGUgPSAoZmllbGRJbmRleDogbnVtYmVyLCBldmVudDogUmVhY3QuQ2xpcGJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBwYXN0ZWRWYWx1ZSA9IGV2ZW50LmNsaXBib2FyZERhdGEuZ2V0RGF0YSgnVGV4dCcpO1xuICAgIGNvbnN0IGNsZWFuZWRQYXN0ZSA9IHBhc3RlZFZhbHVlLnJlcGxhY2UoL1teMC05XS9nLCAnJyk7XG4gICAgaWYgKC9eWzAtOV0rJC8udGVzdChjbGVhbmVkUGFzdGUpKSB7XG4gICAgICBzZXRWYWx1ZXModmFsdWVzLnNsaWNlKDAsIGZpZWxkSW5kZXgpLmNvbmNhdChjbGVhbmVkUGFzdGUuc3BsaXQoJycpKS5zbGljZSgwLCBkaWdpdHMpKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjb21wbGV0ZUNvZGUgPSB2YWx1ZXMuam9pbignJyk7XG4gICAgaWYgKGNvbXBsZXRlQ29kZS5sZW5ndGggPT09IGRpZ2l0cykge1xuICAgICAgb25Db2RlQ29tcGxldGUoY29tcGxldGVDb2RlKTtcbiAgICB9XG4gIH0sIFt2YWx1ZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2RlSW5wdXRXcmFwcGVyIHN0eWxlPXtzdHlsZX0+XG4gICAgICB7QXJyYXkuZnJvbSh7bGVuZ3RoOiBkaWdpdHN9LCAoXywgaW5kZXgpID0+IChcbiAgICAgICAgPERpZ2l0SW5wdXRcbiAgICAgICAgICBhdXRvRm9jdXM9e2luZGV4ID09PSAwICYmIGF1dG9Gb2N1c31cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgIG9uUGFzdGU9e2V2ZW50ID0+IGhhbmRsZVBhc3RlKGluZGV4LCBldmVudCl9XG4gICAgICAgICAgb25Gb2N1cz17Zm9yY2VTZWxlY3Rpb259XG4gICAgICAgICAgb25Nb3VzZURvd249e2ZvcmNlU2VsZWN0aW9uUHJldmVudERlZmF1bHR9XG4gICAgICAgICAgb25Ub3VjaFN0YXJ0PXtmb3JjZVNlbGVjdGlvblByZXZlbnREZWZhdWx0fVxuICAgICAgICAgIG9uS2V5RG93bj17ZXZlbnQgPT4gaGFuZGxlS2V5RG93bihpbmRleCwgZXZlbnQpfVxuICAgICAgICAgIG9uS2V5VXA9e2ZvcmNlU2VsZWN0aW9ufVxuICAgICAgICAgIG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH1cbiAgICAgICAgICByZWY9e25vZGUgPT4gKGlucHV0c1tpbmRleF0gPSBub2RlKX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWVzW2luZGV4XX1cbiAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge319XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9Db2RlSW5wdXRXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -54,11 +56,15 @@ var digitInputStyle = function digitInputStyle(theme, props) {
     '& + &': {
       marginLeft: '19px'
     },
-    fontSize: '32px',
-    lineHeight: '56px',
+    '&:hover': {
+      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_60)
+    },
+    fontSize: '24px',
+    lineHeight: '28px',
     padding: 0,
     textAlign: 'center',
-    width: '48px'
+    width: '48px',
+    height: '56px'
   });
 };
 

package/src/Form/CodeInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CodeInput.tsx"],"names":["CodeInputWrapper","props","digitInputStyle","theme","marginLeft","fontSize","lineHeight","padding","textAlign","width","DigitInput","React","forwardRef","ref","CodeInput","style","digits","autoFocus","markInvalid","onCodeComplete","noop","disabled","Array","fill","values","setValues","inputs","forceSelection","event","target","select","forceSelectionPreventDefault","preventDefault","nextField","currentFieldIndex","nextFieldIndex","focus","previousField","setValue","fieldIndex","value","test","valuesCopy","slice","length","handleKeyDown","key","handlePaste","pastedValue","clipboardData","getData","cleanedPaste","replace","concat","split","completeCode","join","from","_","index","node"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SACvB;AACE,IAAA,GAAG;AADL,KAKMA,KALN,EADuB;AAAA,CAAzB;;AAYA,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CAACC,KAAD,EAAQF,KAAR;AAAA,yCAC9E,uBAAWE,KAAX,EAAkBF,KAAlB,CAD8E;AAEjF,aAAS;AACPG,MAAAA,UAAU,EAAE;AADL,KAFwE;AAKjFC,IAAAA,QAAQ,EAAE,MALuE;AAMjFC,IAAAA,UAAU,EAAE,MANqE;AAOjFC,IAAAA,OAAO,EAAE,CAPwE;AAQjFC,IAAAA,SAAS,EAAE,QARsE;AASjFC,IAAAA,KAAK,EAAE;AAT0E;AAAA,CAAnF;;AAYA,IAAMC,UAAuD,gBAAGC,mBAAMC,UAAN,CAG9D,UAACX,KAAD,EAAQY,GAAR;AAAA,SAAgB;AAAO,IAAA,GAAG,EAAEA,GAAZ;AAAiB,IAAA,GAAG,EAAE,aAACV,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQF,KAAR,CAAjC;AAAA;AAAtB,KAA2EA,KAA3E;AAAkF,IAAA,IAAI,EAAC;AAAvF,KAAhB;AAAA,CAH8D,CAAhE;;AAYO,IAAMa,SAAS,GAAG,SAAZA,SAAY,QAOH;AAAA,MANpBC,KAMoB,SANpBA,KAMoB;AAAA,2BALpBC,MAKoB;AAAA,MALpBA,MAKoB,6BALX,CAKW;AAAA,8BAJpBC,SAIoB;AAAA,MAJpBA,SAIoB,gCAJR,KAIQ;AAAA,MAHpBC,WAGoB,SAHpBA,WAGoB;AAAA,mCAFpBC,cAEoB;AAAA,MAFpBA,cAEoB,qCAFHC,UAEG;AAAA,MADpBC,QACoB,SADpBA,QACoB;;AACpB,kBAA4B,sBAASC,KAAK,CAACN,MAAD,CAAL,CAAcO,IAAd,CAAmB,EAAnB,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,MAAM,GAAGJ,KAAK,CAACN,MAAD,CAApB;;AAEA,MAAMW,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,KADqB,EAMlB;AACH,QAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB;AACAA,IAAAA,MAAM,CAACC,MAAP;AACD,GATD;;AAWA,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCH,KADmC,EAEhC;AACHD,IAAAA,cAAc,CAACC,KAAD,CAAd;AACAA,IAAAA,KAAK,CAACI,cAAN;AACD,GALD;;AAOA,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,iBAAD,EAA+B;AAC/C,QAAMC,cAAc,GAAGD,iBAAiB,GAAG,CAA3C;;AACA,QAAIC,cAAc,GAAGnB,MAArB,EAA6B;AAC3BU,MAAAA,MAAM,CAACS,cAAD,CAAN,CAAuBC,KAAvB;AACD;AACF,GALD;;AAOA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACH,iBAAD,EAA+B;AACnD,QAAIA,iBAAiB,GAAG,CAAxB,EAA2B;AACzBR,MAAAA,MAAM,CAACQ,iBAAiB,GAAG,CAArB,CAAN,CAA8BE,KAA9B;AACD;AACF,GAJD;;AAMA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAqBC,KAArB,EAAuC;AACtD,QAAI,WAAWC,IAAX,CAAgBD,KAAhB,CAAJ,EAA4B;AAC1B,UAAME,UAAU,GAAGlB,MAAM,CAACmB,KAAP,EAAnB;AACAD,MAAAA,UAAU,CAACH,UAAD,CAAV,GAAyBC,KAAzB;AACAf,MAAAA,SAAS,CAACiB,UAAD,CAAT;;AACA,UAAIF,KAAK,CAACI,MAAV,EAAkB;AAChBX,QAAAA,SAAS,CAACM,UAAD,CAAT;AACD;AACF;AACF,GATD;;AAWA,MAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACN,UAAD,SAAsE;AAAA,QAAhDO,GAAgD,SAAhDA,GAAgD;;AAC1F,YAAQA,GAAR;AACE,WAAK,WAAL;AACER,QAAAA,QAAQ,CAACC,UAAD,EAAa,EAAb,CAAR;AACAF,QAAAA,aAAa,CAACE,UAAD,CAAb;AACA;;AACF,WAAK,WAAL;AACEF,QAAAA,aAAa,CAACE,UAAD,CAAb;AACA;;AACF,WAAK,YAAL;AACEN,QAAAA,SAAS,CAACM,UAAD,CAAT;AACA;AAVJ;;AAYA,QAAI,UAAUE,IAAV,CAAeK,GAAf,CAAJ,EAAyB;AACvBR,MAAAA,QAAQ,CAACC,UAAD,EAAaO,GAAb,CAAR;AACD;AACF,GAhBD;;AAkBA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACR,UAAD,EAAqBX,KAArB,EAAuE;AACzF,QAAMoB,WAAW,GAAGpB,KAAK,CAACqB,aAAN,CAAoBC,OAApB,CAA4B,MAA5B,CAApB;AACA,QAAMC,YAAY,GAAGH,WAAW,CAACI,OAAZ,CAAoB,SAApB,EAA+B,EAA/B,CAArB;;AACA,QAAI,WAAWX,IAAX,CAAgBU,YAAhB,CAAJ,EAAmC;AACjC1B,MAAAA,SAAS,CAACD,MAAM,CAACmB,KAAP,CAAa,CAAb,EAAgBJ,UAAhB,EAA4Bc,MAA5B,CAAmCF,YAAY,CAACG,KAAb,CAAmB,EAAnB,CAAnC,EAA2DX,KAA3D,CAAiE,CAAjE,EAAoE3B,MAApE,CAAD,CAAT;AACD;AACF,GAND;;AAQA,yBAAU,YAAM;AACd,QAAMuC,YAAY,GAAG/B,MAAM,CAACgC,IAAP,CAAY,EAAZ,CAArB;;AACA,QAAID,YAAY,CAACX,MAAb,KAAwB5B,MAA5B,EAAoC;AAClCG,MAAAA,cAAc,CAACoC,YAAD,CAAd;AACD;AACF,GALD,EAKG,CAAC/B,MAAD,CALH;AAOA,SACE,gBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAET;AAAzB,KACGO,KAAK,CAACmC,IAAN,CAAW;AAACb,IAAAA,MAAM,EAAE5B;AAAT,GAAX,EAA6B,UAAC0C,CAAD,EAAIC,KAAJ;AAAA,WAC5B,gBAAC,UAAD;AACE,MAAA,SAAS,EAAEA,KAAK,KAAK,CAAV,IAAe1C,SAD5B;AAEE,MAAA,GAAG,EAAE0C,KAFP;AAGE,MAAA,OAAO,EAAE,iBAAA/B,KAAK;AAAA,eAAImB,WAAW,CAACY,KAAD,EAAQ/B,KAAR,CAAf;AAAA,OAHhB;AAIE,MAAA,OAAO,EAAED,cAJX;AAKE,MAAA,WAAW,EAAEI,4BALf;AAME,MAAA,YAAY,EAAEA,4BANhB;AAOE,MAAA,SAAS,EAAE,mBAAAH,KAAK;AAAA,eAAIiB,aAAa,CAACc,KAAD,EAAQ/B,KAAR,CAAjB;AAAA,OAPlB;AAQE,MAAA,OAAO,EAAED,cARX;AASE,MAAA,WAAW,EAAET,WATf;AAUE,MAAA,GAAG,EAAE,aAAA0C,IAAI;AAAA,eAAKlC,MAAM,CAACiC,KAAD,CAAN,GAAgBC,IAArB;AAAA,OAVX;AAWE,MAAA,KAAK,EAAEpC,MAAM,CAACmC,KAAD,CAXf;AAYE,MAAA,QAAQ,EAAE,oBAAM,CAAE,CAZpB;AAaE,MAAA,QAAQ,EAAEtC;AAbZ,MAD4B;AAAA,GAA7B,CADH,CADF;AAqBD,CA3GM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useEffect, useState} from 'react';\n\nimport type {Theme} from '../Layout';\nimport {noop} from '../util';\nimport {InputProps, inputStyle} from './Input';\n\nconst CodeInputWrapper = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={{\n      display: 'flex',\n      justifyContent: 'center',\n    }}\n    {...props}\n  />\n);\n\ntype DigitInputProps<T = HTMLInputElement> = InputProps<T>;\n\nconst digitInputStyle: <T>(theme: Theme, props: DigitInputProps<T>) => CSSObject = (theme, props) => ({\n  ...inputStyle(theme, props),\n  '& + &': {\n    marginLeft: '19px',\n  },\n  fontSize: '32px',\n  lineHeight: '56px',\n  padding: 0,\n  textAlign: 'center',\n  width: '48px',\n});\n\nconst DigitInput: React.FC<DigitInputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  DigitInputProps<HTMLInputElement>\n>((props, ref) => <input ref={ref} css={(theme: Theme) => digitInputStyle(theme, props)} {...props} type=\"tel\" />);\n\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n  autoFocus?: boolean;\n  digits?: number;\n  markInvalid?: boolean;\n  onCodeComplete?: (completeCode?: string) => void;\n}\n\nexport const CodeInput = ({\n  style,\n  digits = 6,\n  autoFocus = false,\n  markInvalid,\n  onCodeComplete = noop,\n  disabled,\n}: CodeInputProps) => {\n  const [values, setValues] = useState(Array(digits).fill(''));\n  const inputs = Array(digits);\n\n  const forceSelection = (\n    event:\n      | React.MouseEvent<HTMLInputElement>\n      | React.TouchEvent<HTMLInputElement>\n      | React.KeyboardEvent<HTMLInputElement>\n      | React.FocusEvent<HTMLInputElement>,\n  ) => {\n    const target = event.target as HTMLInputElement;\n    target.select();\n  };\n\n  const forceSelectionPreventDefault = (\n    event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>,\n  ) => {\n    forceSelection(event);\n    event.preventDefault();\n  };\n\n  const nextField = (currentFieldIndex: number) => {\n    const nextFieldIndex = currentFieldIndex + 1;\n    if (nextFieldIndex < digits) {\n      inputs[nextFieldIndex].focus();\n    }\n  };\n\n  const previousField = (currentFieldIndex: number) => {\n    if (currentFieldIndex > 0) {\n      inputs[currentFieldIndex - 1].focus();\n    }\n  };\n\n  const setValue = (fieldIndex: number, value: string) => {\n    if (/^[0-9]?$/.test(value)) {\n      const valuesCopy = values.slice();\n      valuesCopy[fieldIndex] = value;\n      setValues(valuesCopy);\n      if (value.length) {\n        nextField(fieldIndex);\n      }\n    }\n  };\n\n  const handleKeyDown = (fieldIndex: number, {key}: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (key) {\n      case 'Backspace':\n        setValue(fieldIndex, '');\n        previousField(fieldIndex);\n        break;\n      case 'ArrowLeft':\n        previousField(fieldIndex);\n        break;\n      case 'ArrowRight':\n        nextField(fieldIndex);\n        break;\n    }\n    if (/^[0-9]$/.test(key)) {\n      setValue(fieldIndex, key);\n    }\n  };\n\n  const handlePaste = (fieldIndex: number, event: React.ClipboardEvent<HTMLInputElement>) => {\n    const pastedValue = event.clipboardData.getData('Text');\n    const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');\n    if (/^[0-9]+$/.test(cleanedPaste)) {\n      setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));\n    }\n  };\n\n  useEffect(() => {\n    const completeCode = values.join('');\n    if (completeCode.length === digits) {\n      onCodeComplete(completeCode);\n    }\n  }, [values]);\n\n  return (\n    <CodeInputWrapper style={style}>\n      {Array.from({length: digits}, (_, index) => (\n        <DigitInput\n          autoFocus={index === 0 && autoFocus}\n          key={index}\n          onPaste={event => handlePaste(index, event)}\n          onFocus={forceSelection}\n          onMouseDown={forceSelectionPreventDefault}\n          onTouchStart={forceSelectionPreventDefault}\n          onKeyDown={event => handleKeyDown(index, event)}\n          onKeyUp={forceSelection}\n          markInvalid={markInvalid}\n          ref={node => (inputs[index] = node)}\n          value={values[index]}\n          onChange={() => {}}\n          disabled={disabled}\n        />\n      ))}\n    </CodeInputWrapper>\n  );\n};\n"],"file":"CodeInput.js"}
+{"version":3,"sources":["CodeInput.tsx"],"names":["CodeInputWrapper","props","digitInputStyle","theme","marginLeft","boxShadow","COLOR_V2","GRAY_60","fontSize","lineHeight","padding","textAlign","width","height","DigitInput","React","forwardRef","ref","CodeInput","style","digits","autoFocus","markInvalid","onCodeComplete","noop","disabled","Array","fill","values","setValues","inputs","forceSelection","event","target","select","forceSelectionPreventDefault","preventDefault","nextField","currentFieldIndex","nextFieldIndex","focus","previousField","setValue","fieldIndex","value","test","valuesCopy","slice","length","handleKeyDown","key","handlePaste","pastedValue","clipboardData","getData","cleanedPaste","replace","concat","split","completeCode","join","from","_","index","node"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useEffect, useState} from 'react';\n\nimport type {Theme} from '../Layout';\nimport {noop} from '../util';\nimport {InputProps, inputStyle} from './Input';\nimport {COLOR_V2} from '../Identity';\n\nconst CodeInputWrapper = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={{\n      display: 'flex',\n      justifyContent: 'center',\n    }}\n    {...props}\n  />\n);\n\ntype DigitInputProps<T = HTMLInputElement> = InputProps<T>;\n\nconst digitInputStyle: <T>(theme: Theme, props: DigitInputProps<T>) => CSSObject = (theme, props) => ({\n  ...inputStyle(theme, props),\n  '& + &': {\n    marginLeft: '19px',\n  },\n  '&:hover': {\n    boxShadow: `0 0 0 1px ${COLOR_V2.GRAY_60}`,\n  },\n  fontSize: '24px',\n  lineHeight: '28px',\n  padding: 0,\n  textAlign: 'center',\n  width: '48px',\n  height: '56px',\n});\n\nconst DigitInput: React.FC<DigitInputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  DigitInputProps<HTMLInputElement>\n>((props, ref) => <input ref={ref} css={(theme: Theme) => digitInputStyle(theme, props)} {...props} type=\"tel\" />);\n\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n  autoFocus?: boolean;\n  digits?: number;\n  markInvalid?: boolean;\n  onCodeComplete?: (completeCode?: string) => void;\n}\n\nexport const CodeInput = ({\n  style,\n  digits = 6,\n  autoFocus = false,\n  markInvalid,\n  onCodeComplete = noop,\n  disabled,\n}: CodeInputProps) => {\n  const [values, setValues] = useState(Array(digits).fill(''));\n  const inputs = Array(digits);\n\n  const forceSelection = (\n    event:\n      | React.MouseEvent<HTMLInputElement>\n      | React.TouchEvent<HTMLInputElement>\n      | React.KeyboardEvent<HTMLInputElement>\n      | React.FocusEvent<HTMLInputElement>,\n  ) => {\n    const target = event.target as HTMLInputElement;\n    target.select();\n  };\n\n  const forceSelectionPreventDefault = (\n    event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>,\n  ) => {\n    forceSelection(event);\n    event.preventDefault();\n  };\n\n  const nextField = (currentFieldIndex: number) => {\n    const nextFieldIndex = currentFieldIndex + 1;\n    if (nextFieldIndex < digits) {\n      inputs[nextFieldIndex].focus();\n    }\n  };\n\n  const previousField = (currentFieldIndex: number) => {\n    if (currentFieldIndex > 0) {\n      inputs[currentFieldIndex - 1].focus();\n    }\n  };\n\n  const setValue = (fieldIndex: number, value: string) => {\n    if (/^[0-9]?$/.test(value)) {\n      const valuesCopy = values.slice();\n      valuesCopy[fieldIndex] = value;\n      setValues(valuesCopy);\n      if (value.length) {\n        nextField(fieldIndex);\n      }\n    }\n  };\n\n  const handleKeyDown = (fieldIndex: number, {key}: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (key) {\n      case 'Backspace':\n        setValue(fieldIndex, '');\n        previousField(fieldIndex);\n        break;\n      case 'ArrowLeft':\n        previousField(fieldIndex);\n        break;\n      case 'ArrowRight':\n        nextField(fieldIndex);\n        break;\n    }\n    if (/^[0-9]$/.test(key)) {\n      setValue(fieldIndex, key);\n    }\n  };\n\n  const handlePaste = (fieldIndex: number, event: React.ClipboardEvent<HTMLInputElement>) => {\n    const pastedValue = event.clipboardData.getData('Text');\n    const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');\n    if (/^[0-9]+$/.test(cleanedPaste)) {\n      setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));\n    }\n  };\n\n  useEffect(() => {\n    const completeCode = values.join('');\n    if (completeCode.length === digits) {\n      onCodeComplete(completeCode);\n    }\n  }, [values]);\n\n  return (\n    <CodeInputWrapper style={style}>\n      {Array.from({length: digits}, (_, index) => (\n        <DigitInput\n          autoFocus={index === 0 && autoFocus}\n          key={index}\n          onPaste={event => handlePaste(index, event)}\n          onFocus={forceSelection}\n          onMouseDown={forceSelectionPreventDefault}\n          onTouchStart={forceSelectionPreventDefault}\n          onKeyDown={event => handleKeyDown(index, event)}\n          onKeyUp={forceSelection}\n          markInvalid={markInvalid}\n          ref={node => (inputs[index] = node)}\n          value={values[index]}\n          onChange={() => {}}\n          disabled={disabled}\n        />\n      ))}\n    </CodeInputWrapper>\n  );\n};\n"],"file":"CodeInput.js"}

package/src/Form/CodeInput.md

@@ -3,5 +3,13 @@ Demo:
 ```js
 import {onCodeComplete} from '@wireapp/react-ui-kit';
 
-<CodeInput markInvalid onCodeComplete={code => console.info(code)} />;
+<>
+  <div style={{marginBottom: '20px'}}>
+    <CodeInput markInvalid onCodeComplete={code => console.info(code)} />
+  </div>
+
+  <div>
+    <CodeInput onCodeComplete={code => console.info(code)} />
+  </div>
+</>;
 ```

package/src/Form/Form.md

@@ -48,14 +48,14 @@ const shakeBox = useRef();
 
       <Input placeholder="InputBlock" label="Input Block" id="inputBlock" />
 
-      <Input placeholder="Input required" label="Second input required" isRequired id="requiredInputBlock" />
+      <Input placeholder="Input required" label="Second input required" required id="requiredInputBlock" />
 
       <Input
         placeholder="Error input"
         markInvalid
         label="Error input"
         error={<ErrorMessage>Error message</ErrorMessage>}
-        isRequired
+        required
         id="errorInputBlock"
       />
 
@@ -63,7 +63,7 @@ const shakeBox = useRef();
         type="password"
         placeholder="Password Input"
         label="Password Input"
-        isRequired
+        required
         id="passwordInput"
         helperText="Must have at least one: uppercase letter, lowercase letter, number, symbol"
       />

package/src/Form/Input.d.ts

@@ -6,7 +6,6 @@ import type { Theme } from '../Layout';
 import type { TextProps } from '../Text';
 export interface InputProps<T = HTMLInputElement> extends TextProps<T> {
     label?: string;
-    isRequired?: boolean;
     error?: ReactElement;
     markInvalid?: boolean;
     helperText?: string;

package/src/Form/Input.js

@@ -27,7 +27,9 @@ var _util = require("../util");
 
 var _Icon = require("../Icon");
 
-var _excluded = ["type", "label", "isRequired", "error", "helperText"];
+var _InputLabel = _interopRequireDefault(require("./InputLabel"));
+
+var _excluded = ["type", "label", "error", "helperText"];
 
 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); }
 
@@ -64,7 +66,7 @@ var inputStyle = function inputStyle(theme, _ref) {
     background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
     border: 'none',
     borderRadius: '4px',
-    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR_V2.RED) : "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY),
+    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR_V2.RED) : "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_40),
     caretColor: _Identity.COLOR_V2.BLUE,
     color: theme.general.color,
     fontWeight: 300,
@@ -96,7 +98,6 @@ var centerInputAction = {
 var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
   var type = _ref2.type,
       label = _ref2.label,
-      isRequired = _ref2.isRequired,
       error = _ref2.error,
       helperText = _ref2.helperText,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
@@ -123,26 +124,16 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
       '&:focus-within label': {
         color: _Identity.COLOR_V2.BLUE
       }
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R00iLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGlzUmVxdWlyZWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGlzUmVxdWlyZWQsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBodG1sRm9yPXtwcm9wcy5pZH1cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMubWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17aXNSZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz4gOiA8U2hvd0ljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPn1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcbiJdfQ== */")
-  }, label && (0, _react.jsx)("label", {
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R00iLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IElucHV0TGFiZWwgZnJvbSAnLi9JbnB1dExhYmVsJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gaXNSZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e21hcmdpbkJvdHRvbTogaGFzRXJyb3IgJiYgJzhweCcsIHBvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzTmFtZT17SU5QVVRfQ0xBU1NOQU1FfVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPXtpc1Bhc3N3b3JkSW5wdXQgPyB0b2dnbGVkUGFzc3dvcmRUeXBlIDogdHlwZX1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIHRpdGxlPVwiVG9nZ2xlIHBhc3N3b3JkIHZpc2liaWxpdHlcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17cHJvcHMuaWR9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXt0b2dnbGVQYXNzd29yZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9nZ2xlUGFzc3dvcmQgPyA8SGlkZUljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPiA6IDxTaG93SWNvbiBjb2xvcj17Q09MT1JfVjIuQkxBQ0t9IC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */")
+  }, label && (0, _react.jsx)(_InputLabel["default"], {
     htmlFor: props.id,
-    css: /*#__PURE__*/(0, _react.css)({
-      fontSize: '14px',
-      fontWeight: 400,
-      lineHeight: '16px',
-      color: props.markInvalid ? _Identity.COLOR_V2.RED_LIGHT_500 : _Identity.COLOR_V2.GRAY_80
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SFUiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGlzUmVxdWlyZWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGlzUmVxdWlyZWQsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBodG1sRm9yPXtwcm9wcy5pZH1cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMubWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17aXNSZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz4gOiA8U2hvd0ljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPn1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcbiJdfQ== */")
-  }, label, isRequired && (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)({
-      fontSize: '16px',
-      marginLeft: '4px',
-      color: _Identity.COLOR_V2.RED_LIGHT_500
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSStCIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7Q1NTT2JqZWN0LCBqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtQcm9wZXJ0eX0gZnJvbSAnY3NzdHlwZSc7XG5pbXBvcnQgUmVhY3QsIHtSZWFjdEVsZW1lbnQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB0eXBlIHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0Vycm9ySWNvbiwgSGlkZUljb24sIFNob3dJY29ufSBmcm9tICcuLi9JY29uJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBpc1JlcXVpcmVkPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtPzogUHJvcGVydHkuVGV4dFRyYW5zZm9ybTtcbn1cblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJbnB1dFByb3BzPFQ+LCBoYXNFcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHttYXJrSW52YWxpZCA9IGZhbHNlLCBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0gPSAnbm9uZScsIGRpc2FibGVkID0gZmFsc2V9LFxuKSA9PiB7XG4gIGNvbnN0IHBsYWNlaG9sZGVyU3R5bGUgPSB7XG4gICAgY29sb3I6IHRoZW1lLklucHV0LnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0sXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAnJjo6LW1vei1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgJyY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke0NPTE9SX1YyLkJMVUV9YCxcbiAgICB9LFxuICAgICcmOmludmFsaWQ6bm90KDpmb2N1cyknOiAhbWFya0ludmFsaWRcbiAgICAgID8ge1xuICAgICAgICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IHRoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkIDogdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gICAgYm94U2hhZG93OiBtYXJrSW52YWxpZCA/IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5SRUR9YCA6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZfWAsXG4gICAgY2FyZXRDb2xvcjogQ09MT1JfVjIuQkxVRSxcbiAgICBjb2xvcjogdGhlbWUuZ2VuZXJhbC5jb2xvcixcbiAgICBmb250V2VpZ2h0OiAzMDAsXG4gICAgaGVpZ2h0OiAnNDhweCcsXG4gICAgbGluZUhlaWdodDogJzI0cHgnLFxuICAgIG91dGxpbmU6ICdub25lJyxcbiAgICBwYWRkaW5nOiAnMCAxNnB4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IElOUFVUX0NMQVNTTkFNRSA9ICd3aXJlaW5wdXQnO1xuZXhwb3J0IGNvbnN0IElOUFVUX0dST1VQID0gJ2lucHV0LWdyb3VwJztcblxuY29uc3QgZmlsdGVySW5wdXRQcm9wcyA9IChwcm9wczogSW5wdXRQcm9wcykgPT4gZmlsdGVyUHJvcHMocHJvcHMsIFsnbWFya0ludmFsaWQnLCAncGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtJ10pO1xuXG5jb25zdCBjZW50ZXJJbnB1dEFjdGlvbjogQ1NTT2JqZWN0ID0ge1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6ICcxNnB4JyxcbiAgdG9wOiAnNTAlJyxcbiAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtNTAlKScsXG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXQ6IFJlYWN0LkZDPElucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgSW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPigoe3R5cGUsIGxhYmVsLCBpc1JlcXVpcmVkLCBlcnJvciwgaGVscGVyVGV4dCwgLi4ucHJvcHN9LCByZWYpID0+IHtcbiAgY29uc3QgW3RvZ2dsZVBhc3N3b3JkLCBzZXRUb2dnbGVQYXNzd29yZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgaGFzRXJyb3IgPSAhIWVycm9yO1xuICBjb25zdCBpc1Bhc3N3b3JkSW5wdXQgPSB0eXBlID09PSAncGFzc3dvcmQnO1xuICBjb25zdCB0b2dnbGVkUGFzc3dvcmRUeXBlID0gdG9nZ2xlUGFzc3dvcmQgPyAndGV4dCcgOiAncGFzc3dvcmQnO1xuXG4gIGNvbnN0IHRvZ2dsZVNldFBhc3N3b3JkID0gKCkgPT4gc2V0VG9nZ2xlUGFzc3dvcmQocHJldlN0YXRlID0+ICFwcmV2U3RhdGUpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtJTlBVVF9HUk9VUH1cbiAgICAgIGNzcz17e1xuICAgICAgICBtYXJnaW5Cb3R0b206IGhhc0Vycm9yID8gJzJweCcgOiAnMjBweCcsXG4gICAgICAgICcmOmZvY3VzLXdpdGhpbiBsYWJlbCc6IHtcbiAgICAgICAgICBjb2xvcjogQ09MT1JfVjIuQkxVRSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPGxhYmVsXG4gICAgICAgICAgaHRtbEZvcj17cHJvcHMuaWR9XG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgICAgY29sb3I6IHByb3BzLm1hcmtJbnZhbGlkID8gQ09MT1JfVjIuUkVEX0xJR0hUXzUwMCA6IENPTE9SX1YyLkdSQVlfODAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICB7aXNSZXF1aXJlZCAmJiA8c3BhbiBjc3M9e3tmb250U2l6ZTogJzE2cHgnLCBtYXJnaW5MZWZ0OiAnNHB4JywgY29sb3I6IENPTE9SX1YyLlJFRF9MSUdIVF81MDB9fT4qPC9zcGFuPn1cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgICl9XG5cbiAgICAgIDxkaXYgY3NzPXt7bWFyZ2luQm90dG9tOiBoYXNFcnJvciAmJiAnOHB4JywgcG9zaXRpb246ICdyZWxhdGl2ZSd9fT5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgY2xhc3NOYW1lPXtJTlBVVF9DTEFTU05BTUV9XG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBpbnB1dFN0eWxlKHRoZW1lLCBwcm9wcywgaGFzRXJyb3IpfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHR5cGU9e2lzUGFzc3dvcmRJbnB1dCA/IHRvZ2dsZWRQYXNzd29yZFR5cGUgOiB0eXBlfVxuICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e2lzUmVxdWlyZWR9XG4gICAgICAgICAgey4uLmZpbHRlcklucHV0UHJvcHMocHJvcHMpfVxuICAgICAgICAvPlxuXG4gICAgICAgIHtoYXNFcnJvciAmJiAhaXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8RXJyb3JJY29uIGNzcz17Y2VudGVySW5wdXRBY3Rpb259IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgKX1cblxuICAgICAgICB7aXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNzcz17ey4uLmNlbnRlcklucHV0QWN0aW9uLCBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLCBib3JkZXI6ICdub25lJywgY3Vyc29yOiAncG9pbnRlcicsIHBhZGRpbmc6IDB9fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlU2V0UGFzc3dvcmR9XG4gICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtwcm9wcy5pZH1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e3RvZ2dsZVBhc3N3b3JkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0b2dnbGVQYXNzd29yZCA/IDxIaWRlSWNvbiBjb2xvcj17Q09MT1JfVjIuQkxBQ0t9IC8+IDogPFNob3dJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz59XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cblxuICAgICAgeyFoYXNFcnJvciAmJiBoZWxwZXJUZXh0ICYmIChcbiAgICAgICAgPHAgY3NzPXt7Zm9udFNpemU6ICcxMnB4JywgZm9udFdlaWdodDogNDAwLCBjb2xvcjogQ09MT1JfVjIuR1JBWV84MCwgbWFyZ2luVG9wOiA4fX0+e2hlbHBlclRleHR9PC9wPlxuICAgICAgKX1cblxuICAgICAge2Vycm9yfVxuICAgIDwvZGl2PlxuICApO1xufSk7XG4iXX0= */")
-  }, "*")), (0, _react.jsx)("div", {
+    isRequired: props.required,
+    markInvalid: props.markInvalid
+  }, label), (0, _react.jsx)("div", {
     css: /*#__PURE__*/(0, _react.css)({
       marginBottom: hasError && '8px',
       position: 'relative'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSVciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGlzUmVxdWlyZWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGlzUmVxdWlyZWQsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBodG1sRm9yPXtwcm9wcy5pZH1cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMubWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17aXNSZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz4gOiA8U2hvd0ljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPn1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcbiJdfQ== */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySFciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IElucHV0TGFiZWwgZnJvbSAnLi9JbnB1dExhYmVsJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gaXNSZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e21hcmdpbkJvdHRvbTogaGFzRXJyb3IgJiYgJzhweCcsIHBvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzTmFtZT17SU5QVVRfQ0xBU1NOQU1FfVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPXtpc1Bhc3N3b3JkSW5wdXQgPyB0b2dnbGVkUGFzc3dvcmRUeXBlIDogdHlwZX1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIHRpdGxlPVwiVG9nZ2xlIHBhc3N3b3JkIHZpc2liaWxpdHlcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17cHJvcHMuaWR9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXt0b2dnbGVQYXNzd29yZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9nZ2xlUGFzc3dvcmQgPyA8SGlkZUljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPiA6IDxTaG93SWNvbiBjb2xvcj17Q09MT1JfVjIuQkxBQ0t9IC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */")
   }, (0, _react.jsx)("input", (0, _extends2["default"])({
     className: INPUT_CLASSNAME,
     css: function css(theme) {
@@ -150,7 +141,7 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
     },
     ref: ref,
     type: isPasswordInput ? toggledPasswordType : type,
-    "aria-required": isRequired
+    "aria-required": props.required
   }, filterInputProps(props))), hasError && !isPasswordInput && (0, _react.jsx)(_Icon.ErrorIcon, {
     css: centerInputAction,
     width: 16,
@@ -163,8 +154,9 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
       border: 'none',
       cursor: 'pointer',
       padding: 0
-    }), process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxSlkiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGlzUmVxdWlyZWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGlzUmVxdWlyZWQsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBodG1sRm9yPXtwcm9wcy5pZH1cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMubWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17aXNSZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz4gOiA8U2hvd0ljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPn1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcbiJdfQ== */"),
+    }), process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SVkiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IElucHV0TGFiZWwgZnJvbSAnLi9JbnB1dExhYmVsJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gaXNSZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e21hcmdpbkJvdHRvbTogaGFzRXJyb3IgJiYgJzhweCcsIHBvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzTmFtZT17SU5QVVRfQ0xBU1NOQU1FfVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPXtpc1Bhc3N3b3JkSW5wdXQgPyB0b2dnbGVkUGFzc3dvcmRUeXBlIDogdHlwZX1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIHRpdGxlPVwiVG9nZ2xlIHBhc3N3b3JkIHZpc2liaWxpdHlcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17cHJvcHMuaWR9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXt0b2dnbGVQYXNzd29yZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9nZ2xlUGFzc3dvcmQgPyA8SGlkZUljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPiA6IDxTaG93SWNvbiBjb2xvcj17Q09MT1JfVjIuQkxBQ0t9IC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */"),
     onClick: toggleSetPassword,
+    title: "Toggle password visibility",
     "aria-controls": props.id,
     "aria-expanded": togglePassword
   }, togglePassword ? (0, _react.jsx)(_Icon.HideIcon, {
@@ -177,7 +169,7 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
       fontWeight: 400,
       color: _Identity.COLOR_V2.GRAY_80,
       marginTop: 8
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnS1ciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGlzUmVxdWlyZWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVl9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGlzUmVxdWlyZWQsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBodG1sRm9yPXtwcm9wcy5pZH1cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMubWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17aXNSZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIGNvbG9yPXtDT0xPUl9WMi5CTEFDS30gLz4gOiA8U2hvd0ljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPn1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcbiJdfQ== */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SlciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1Byb3BlcnR5fSBmcm9tICdjc3N0eXBlJztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHR5cGUge1RleHRQcm9wc30gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7RXJyb3JJY29uLCBIaWRlSWNvbiwgU2hvd0ljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IElucHV0TGFiZWwgZnJvbSAnLi9JbnB1dExhYmVsJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0/OiBQcm9wZXJ0eS5UZXh0VHJhbnNmb3JtO1xufVxuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IElucHV0UHJvcHM8VD4sIGhhc0Vycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge21hcmtJbnZhbGlkID0gZmFsc2UsIHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSA9ICdub25lJywgZGlzYWJsZWQgPSBmYWxzZX0sXG4pID0+IHtcbiAgY29uc3QgcGxhY2Vob2xkZXJTdHlsZSA9IHtcbiAgICBjb2xvcjogdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06IHBsYWNlaG9sZGVyVGV4dFRyYW5zZm9ybSxcbiAgfTtcblxuICByZXR1cm4ge1xuICAgICcmOjotbW96LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICAnJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyJzoge1xuICAgICAgLi4ucGxhY2Vob2xkZXJTdHlsZSxcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzKSc6ICFtYXJrSW52YWxpZFxuICAgICAgPyB7XG4gICAgICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWX1gLFxuICAgICAgICB9XG4gICAgICA6IHt9LFxuICAgIGJhY2tncm91bmQ6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWQgOiB0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgICBjYXJldENvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0dST1VQfVxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogaGFzRXJyb3IgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gaXNSZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e21hcmdpbkJvdHRvbTogaGFzRXJyb3IgJiYgJzhweCcsIHBvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzTmFtZT17SU5QVVRfQ0xBU1NOQU1FfVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPXtpc1Bhc3N3b3JkSW5wdXQgPyB0b2dnbGVkUGFzc3dvcmRUeXBlIDogdHlwZX1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH1cbiAgICAgICAgICB7Li4uZmlsdGVySW5wdXRQcm9wcyhwcm9wcyl9XG4gICAgICAgIC8+XG5cbiAgICAgICAge2hhc0Vycm9yICYmICFpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxFcnJvckljb24gY3NzPXtjZW50ZXJJbnB1dEFjdGlvbn0gd2lkdGg9ezE2fSBoZWlnaHQ9ezE2fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIHtpc1Bhc3N3b3JkSW5wdXQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3NzPXt7Li4uY2VudGVySW5wdXRBY3Rpb24sIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsIGJvcmRlcjogJ25vbmUnLCBjdXJzb3I6ICdwb2ludGVyJywgcGFkZGluZzogMH19XG4gICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVTZXRQYXNzd29yZH1cbiAgICAgICAgICAgIHRpdGxlPVwiVG9nZ2xlIHBhc3N3b3JkIHZpc2liaWxpdHlcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17cHJvcHMuaWR9XG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXt0b2dnbGVQYXNzd29yZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9nZ2xlUGFzc3dvcmQgPyA8SGlkZUljb24gY29sb3I9e0NPTE9SX1YyLkJMQUNLfSAvPiA6IDxTaG93SWNvbiBjb2xvcj17Q09MT1JfVjIuQkxBQ0t9IC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */")
   }, helperText), error);
 });
 

package/src/Form/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["inputStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR_V2","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","height","lineHeight","outline","padding","width","INPUT_CLASSNAME","INPUT_GROUP","filterInputProps","props","centerInputAction","position","right","top","transform","React","forwardRef","ref","type","label","isRequired","error","helperText","togglePassword","setTogglePassword","hasError","isPasswordInput","toggledPasswordType","toggleSetPassword","prevState","marginBottom","id","RED_LIGHT_500","GRAY_80","marginLeft","cursor","BLACK","marginTop"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport type {Property} from 'csstype';\nimport React, {ReactElement, useState} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\nimport {ErrorIcon, HideIcon, ShowIcon} from '../Icon';\n\nexport interface InputProps<T = HTMLInputElement> extends TextProps<T> {\n  label?: string;\n  isRequired?: boolean;\n  error?: ReactElement;\n  markInvalid?: boolean;\n  helperText?: string;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const inputStyle: <T>(theme: Theme, props: InputProps<T>, hasError?: boolean) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR_V2.BLUE}`,\n    },\n    '&:invalid:not(:focus)': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR_V2.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR_V2.RED}` : `0 0 0 1px ${COLOR_V2.GRAY}`,\n    caretColor: COLOR_V2.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    height: '48px',\n    lineHeight: '24px',\n    outline: 'none',\n    padding: '0 16px',\n    width: '100%',\n  };\n};\n\nexport const INPUT_CLASSNAME = 'wireinput';\nexport const INPUT_GROUP = 'input-group';\n\nconst filterInputProps = (props: InputProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nconst centerInputAction: CSSObject = {\n  position: 'absolute',\n  right: '16px',\n  top: '50%',\n  transform: 'translateY(-50%)',\n};\n\nexport const Input: React.FC<InputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  InputProps<HTMLInputElement>\n>(({type, label, isRequired, error, helperText, ...props}, ref) => {\n  const [togglePassword, setTogglePassword] = useState<boolean>(false);\n\n  const hasError = !!error;\n  const isPasswordInput = type === 'password';\n  const toggledPasswordType = togglePassword ? 'text' : 'password';\n\n  const toggleSetPassword = () => setTogglePassword(prevState => !prevState);\n\n  return (\n    <div\n      className={INPUT_GROUP}\n      css={{\n        marginBottom: hasError ? '2px' : '20px',\n        '&:focus-within label': {\n          color: COLOR_V2.BLUE,\n        },\n      }}\n    >\n      {label && (\n        <label\n          htmlFor={props.id}\n          css={{\n            fontSize: '14px',\n            fontWeight: 400,\n            lineHeight: '16px',\n            color: props.markInvalid ? COLOR_V2.RED_LIGHT_500 : COLOR_V2.GRAY_80,\n          }}\n        >\n          {label}\n          {isRequired && <span css={{fontSize: '16px', marginLeft: '4px', color: COLOR_V2.RED_LIGHT_500}}>*</span>}\n        </label>\n      )}\n\n      <div css={{marginBottom: hasError && '8px', position: 'relative'}}>\n        <input\n          className={INPUT_CLASSNAME}\n          css={(theme: Theme) => inputStyle(theme, props, hasError)}\n          ref={ref}\n          type={isPasswordInput ? toggledPasswordType : type}\n          aria-required={isRequired}\n          {...filterInputProps(props)}\n        />\n\n        {hasError && !isPasswordInput && (\n          <ErrorIcon css={centerInputAction} width={16} height={16} aria-hidden=\"true\" />\n        )}\n\n        {isPasswordInput && (\n          <button\n            type=\"button\"\n            css={{...centerInputAction, background: 'transparent', border: 'none', cursor: 'pointer', padding: 0}}\n            onClick={toggleSetPassword}\n            aria-controls={props.id}\n            aria-expanded={togglePassword}\n          >\n            {togglePassword ? <HideIcon color={COLOR_V2.BLACK} /> : <ShowIcon color={COLOR_V2.BLACK} />}\n          </button>\n        )}\n      </div>\n\n      {!hasError && helperText && (\n        <p css={{fontSize: '12px', fontWeight: 400, color: COLOR_V2.GRAY_80, marginTop: 8}}>{helperText}</p>\n      )}\n\n      {error}\n    </div>\n  );\n});\n"],"file":"Input.js"}
+{"version":3,"sources":["Input.tsx"],"names":["inputStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR_V2","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","GRAY_40","caretColor","general","fontWeight","height","lineHeight","outline","padding","width","INPUT_CLASSNAME","INPUT_GROUP","filterInputProps","props","centerInputAction","position","right","top","transform","React","forwardRef","ref","type","label","error","helperText","togglePassword","setTogglePassword","hasError","isPasswordInput","toggledPasswordType","toggleSetPassword","prevState","marginBottom","id","required","cursor","BLACK","GRAY_80","marginTop"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport type {Property} from 'csstype';\nimport React, {ReactElement, useState} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\nimport {ErrorIcon, HideIcon, ShowIcon} from '../Icon';\nimport InputLabel from './InputLabel';\n\nexport interface InputProps<T = HTMLInputElement> extends TextProps<T> {\n  label?: string;\n  error?: ReactElement;\n  markInvalid?: boolean;\n  helperText?: string;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const inputStyle: <T>(theme: Theme, props: InputProps<T>, hasError?: boolean) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR_V2.BLUE}`,\n    },\n    '&:invalid:not(:focus)': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR_V2.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR_V2.RED}` : `0 0 0 1px ${COLOR_V2.GRAY_40}`,\n    caretColor: COLOR_V2.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    height: '48px',\n    lineHeight: '24px',\n    outline: 'none',\n    padding: '0 16px',\n    width: '100%',\n  };\n};\n\nexport const INPUT_CLASSNAME = 'wireinput';\nexport const INPUT_GROUP = 'input-group';\n\nconst filterInputProps = (props: InputProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nconst centerInputAction: CSSObject = {\n  position: 'absolute',\n  right: '16px',\n  top: '50%',\n  transform: 'translateY(-50%)',\n};\n\nexport const Input: React.FC<InputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  InputProps<HTMLInputElement>\n>(({type, label, error, helperText, ...props}, ref) => {\n  const [togglePassword, setTogglePassword] = useState<boolean>(false);\n\n  const hasError = !!error;\n  const isPasswordInput = type === 'password';\n  const toggledPasswordType = togglePassword ? 'text' : 'password';\n\n  const toggleSetPassword = () => setTogglePassword(prevState => !prevState);\n\n  return (\n    <div\n      className={INPUT_GROUP}\n      css={{\n        marginBottom: hasError ? '2px' : '20px',\n        '&:focus-within label': {\n          color: COLOR_V2.BLUE,\n        },\n      }}\n    >\n      {label && (\n        <InputLabel htmlFor={props.id} isRequired={props.required} markInvalid={props.markInvalid}>\n          {label}\n        </InputLabel>\n      )}\n\n      <div css={{marginBottom: hasError && '8px', position: 'relative'}}>\n        <input\n          className={INPUT_CLASSNAME}\n          css={(theme: Theme) => inputStyle(theme, props, hasError)}\n          ref={ref}\n          type={isPasswordInput ? toggledPasswordType : type}\n          aria-required={props.required}\n          {...filterInputProps(props)}\n        />\n\n        {hasError && !isPasswordInput && (\n          <ErrorIcon css={centerInputAction} width={16} height={16} aria-hidden=\"true\" />\n        )}\n\n        {isPasswordInput && (\n          <button\n            type=\"button\"\n            css={{...centerInputAction, background: 'transparent', border: 'none', cursor: 'pointer', padding: 0}}\n            onClick={toggleSetPassword}\n            title=\"Toggle password visibility\"\n            aria-controls={props.id}\n            aria-expanded={togglePassword}\n          >\n            {togglePassword ? <HideIcon color={COLOR_V2.BLACK} /> : <ShowIcon color={COLOR_V2.BLACK} />}\n          </button>\n        )}\n      </div>\n\n      {!hasError && helperText && (\n        <p css={{fontSize: '12px', fontWeight: 400, color: COLOR_V2.GRAY_80, marginTop: 8}}>{helperText}</p>\n      )}\n\n      {error}\n    </div>\n  );\n});\n"],"file":"Input.js"}

package/src/Form/InputLabel.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=InputLabel.d.js.map

package/src/Form/InputLabel.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"InputLabel.d.js"}

package/src/Form/InputLabel.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export interface InputLabelProps {
+    children: ReactNode | string;
+    htmlFor?: string;
+    markInvalid?: boolean;
+    isRequired?: boolean;
+}
+declare const InputLabel: FC<InputLabelProps>;
+export default InputLabel;

package/src/Form/InputLabel.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("@emotion/react");
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _Identity = require("../Identity");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _excluded = ["htmlFor", "markInvalid", "isRequired", "children"];
+
+var InputLabel = function InputLabel(_ref) {
+  var htmlFor = _ref.htmlFor,
+      markInvalid = _ref.markInvalid,
+      isRequired = _ref.isRequired,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return (0, _react.jsx)("label", (0, _extends2["default"])({
+    htmlFor: htmlFor,
+    css: /*#__PURE__*/(0, _react.css)({
+      fontSize: '14px',
+      fontWeight: 400,
+      lineHeight: '16px',
+      color: markInvalid ? _Identity.COLOR_V2.RED_LIGHT_500 : _Identity.COLOR_V2.GRAY_80
+    }, process.env.NODE_ENV === "production" ? "" : ";label:InputLabel;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0TGFiZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDSSIsImZpbGUiOiJJbnB1dExhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMjIgV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge0NPTE9SX1YyfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQgUmVhY3QsIHtGQywgUmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRMYWJlbFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgaHRtbEZvcj86IHN0cmluZztcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBpc1JlcXVpcmVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgSW5wdXRMYWJlbDogRkM8SW5wdXRMYWJlbFByb3BzPiA9ICh7aHRtbEZvciwgbWFya0ludmFsaWQsIGlzUmVxdWlyZWQsIGNoaWxkcmVuLCAuLi5wcm9wc30pID0+IChcbiAgPGxhYmVsXG4gICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICBjc3M9e3tcbiAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICBsaW5lSGVpZ2h0OiAnMTZweCcsXG4gICAgICBjb2xvcjogbWFya0ludmFsaWQgPyBDT0xPUl9WMi5SRURfTElHSFRfNTAwIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cblxuICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICA8L2xhYmVsPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSW5wdXRMYWJlbDtcbiJdfQ== */")
+  }, props), children, isRequired && (0, _react.jsx)("span", {
+    css: /*#__PURE__*/(0, _react.css)({
+      fontSize: '16px',
+      marginLeft: '4px',
+      color: _Identity.COLOR_V2.RED_LIGHT_500
+    }, process.env.NODE_ENV === "production" ? "" : ";label:InputLabel;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0TGFiZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDeUIiLCJmaWxlIjoiSW5wdXRMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IFJlYWN0LCB7RkMsIFJlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0TGFiZWxQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaXNSZXF1aXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IElucHV0TGFiZWw6IEZDPElucHV0TGFiZWxQcm9wcz4gPSAoe2h0bWxGb3IsIG1hcmtJbnZhbGlkLCBpc1JlcXVpcmVkLCBjaGlsZHJlbiwgLi4ucHJvcHN9KSA9PiAoXG4gIDxsYWJlbFxuICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgY3NzPXt7XG4gICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgY29sb3I6IG1hcmtJbnZhbGlkID8gQ09MT1JfVjIuUkVEX0xJR0hUXzUwMCA6IENPTE9SX1YyLkdSQVlfODAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG5cbiAgICB7aXNSZXF1aXJlZCAmJiA8c3BhbiBjc3M9e3tmb250U2l6ZTogJzE2cHgnLCBtYXJnaW5MZWZ0OiAnNHB4JywgY29sb3I6IENPTE9SX1YyLlJFRF9MSUdIVF81MDB9fT4qPC9zcGFuPn1cbiAgPC9sYWJlbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IElucHV0TGFiZWw7XG4iXX0= */")
+  }, "*"));
+};
+
+var _default = InputLabel;
+exports["default"] = _default;
+//# sourceMappingURL=InputLabel.js.map

package/src/Form/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InputLabel.tsx"],"names":["InputLabel","htmlFor","markInvalid","isRequired","children","props","fontSize","fontWeight","lineHeight","color","COLOR_V2","RED_LIGHT_500","GRAY_80","marginLeft"],"mappings":";;;;;;;;;;;AAoBA;;;;AACA;;AACA;;;;AASA,IAAMA,UAA+B,GAAG,SAAlCA,UAAkC;AAAA,MAAEC,OAAF,QAAEA,OAAF;AAAA,MAAWC,WAAX,QAAWA,WAAX;AAAA,MAAwBC,UAAxB,QAAwBA,UAAxB;AAAA,MAAoCC,QAApC,QAAoCA,QAApC;AAAA,MAAiDC,KAAjD;AAAA,SACtC;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,GAAG,+BAAE;AACHK,MAAAA,QAAQ,EAAE,MADP;AAEHC,MAAAA,UAAU,EAAE,GAFT;AAGHC,MAAAA,UAAU,EAAE,MAHT;AAIHC,MAAAA,KAAK,EAAEP,WAAW,GAAGQ,mBAASC,aAAZ,GAA4BD,mBAASE;AAJpD,KAAF;AAFL,KAQMP,KARN,GAUGD,QAVH,EAYGD,UAAU,IAAI;AAAM,IAAA,GAAG,+BAAE;AAACG,MAAAA,QAAQ,EAAE,MAAX;AAAmBO,MAAAA,UAAU,EAAE,KAA/B;AAAsCJ,MAAAA,KAAK,EAAEC,mBAASC;AAAtD,KAAF;AAAT,SAZjB,CADsC;AAAA,CAAxC;;eAiBeX,U","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport {COLOR_V2} from '../Identity';\nimport React, {FC, ReactNode} from 'react';\n\nexport interface InputLabelProps {\n  children: ReactNode | string;\n  htmlFor?: string;\n  markInvalid?: boolean;\n  isRequired?: boolean;\n}\n\nconst InputLabel: FC<InputLabelProps> = ({htmlFor, markInvalid, isRequired, children, ...props}) => (\n  <label\n    htmlFor={htmlFor}\n    css={{\n      fontSize: '14px',\n      fontWeight: 400,\n      lineHeight: '16px',\n      color: markInvalid ? COLOR_V2.RED_LIGHT_500 : COLOR_V2.GRAY_80,\n    }}\n    {...props}\n  >\n    {children}\n\n    {isRequired && <span css={{fontSize: '16px', marginLeft: '4px', color: COLOR_V2.RED_LIGHT_500}}>*</span>}\n  </label>\n);\n\nexport default InputLabel;\n"],"file":"InputLabel.js"}

package/src/Form/InputLabel.md

@@ -0,0 +1,33 @@
+Demo:
+
+```js
+import {Fragment} from 'react';
+import {Columns, Column} from '@wireapp/react-ui-kit';
+import InputLabel from './InputLabel';
+
+<Fragment>
+  <Columns>
+    <Column>InputLabel Default</Column>
+
+    <Column>
+      <InputLabel>InputLabel</InputLabel>
+    </Column>
+  </Columns>
+
+  <Columns>
+    <Column>InputLabel - Mandatory</Column>
+
+    <Column>
+      <InputLabel isRequired>InputLabel</InputLabel>
+    </Column>
+  </Columns>
+
+  <Columns>
+    <Column>InputLabel - Invalid</Column>
+
+    <Column>
+      <InputLabel markInvalid>InputLabel</InputLabel>
+    </Column>
+  </Columns>
+</Fragment>;
+```

package/src/Form/Select.d.ts

@@ -2,9 +2,13 @@
 import { CSSObject, jsx } from '@emotion/react';
 import type { Theme } from '../Layout';
 import { InputProps } from './Input';
+import { ReactElement } from 'react';
 export interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {
+    helperText?: string;
+    label?: string;
     disabled?: boolean;
     markInvalid?: boolean;
+    error?: ReactElement;
 }
-export declare const selectStyle: <T>(theme: Theme, props: SelectProps<T>) => CSSObject;
-export declare const Select: (props: SelectProps) => jsx.JSX.Element;
+export declare const selectStyle: <T>(theme: Theme, props: SelectProps<T>, error?: boolean) => CSSObject;
+export declare const Select: ({ label, children, error, helperText, ...props }: SelectProps) => jsx.JSX.Element;

package/src/Form/Select.js

@@ -9,26 +9,31 @@ exports.Select = exports.selectStyle = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _react = require("@emotion/react");
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = require("@emotion/react");
-
 var _Identity = require("../Identity");
 
 var _util = require("../util");
 
 var _Input = require("./Input");
 
-var _excluded = ["disabled", "markInvalid"];
+var _react2 = _interopRequireDefault(require("react"));
+
+var _InputLabel = _interopRequireDefault(require("./InputLabel"));
+
+var _excluded = ["disabled", "markInvalid"],
+    _excluded2 = ["label", "children", "error", "helperText"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var ArrowDown = function ArrowDown(theme) {
-  return "\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\">\n    <path fill=\"".concat(theme.general.color, "\" fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </svg>\n");
+  return "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n        <path fill=\"".concat(theme.general.color, "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z\"/>\n    </svg>\n");
 };
 
 var selectStyle = function selectStyle(theme, _ref) {
@@ -36,21 +41,33 @@ var selectStyle = function selectStyle(theme, _ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       markInvalid = _ref.markInvalid,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var error = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, props)), {}, {
     '&:-moz-focusring': {
       color: 'transparent',
       textShadow: '0 0 0 #000'
     },
     '&:disabled': {
-      color: _Identity.COLOR.GRAY
+      color: _Identity.COLOR_V2.GRAY
     },
     appearance: 'none',
-    background: disabled ? theme.Input.backgroundColorDisabled : "".concat(theme.Input.backgroundColor, " center right 16px no-repeat url(\"").concat((0, _util.inlineSVG)(ArrowDown(theme)), "\")"),
-    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR.RED) : "0 0 0 1px ".concat(_Identity.COLOR.GRAY),
+    background: disabled ? "".concat(theme.Input.backgroundColorDisabled, " center right 16px no-repeat url(\"").concat((0, _util.inlineSVG)(ArrowDown(theme)), "\")") : "".concat(theme.Input.backgroundColor, " center right 16px no-repeat url(\"").concat((0, _util.inlineSVG)(ArrowDown(theme)), "\")"),
+    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR_V2.RED) : "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_40),
     cursor: disabled ? 'normal' : 'pointer',
     fontSize: '16px',
     fontWeight: 300,
-    paddingRight: '30px'
+    paddingRight: '30px',
+    marginBottom: error && '8px',
+    '&:invalid, option:first-of-type': {
+      color: _Identity.COLOR_V2.RED
+    }
+  }, !disabled && {
+    '&:hover': {
+      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_60)
+    },
+    '&:focus, &:active': {
+      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.BLUE)
+    }
   });
 };
 
@@ -60,12 +77,40 @@ var filterSelectProps = function filterSelectProps(props) {
   return (0, _util.filterProps)(props, ['markInvalid']);
 };
 
-var Select = function Select(props) {
-  return (0, _react.jsx)("select", (0, _extends2["default"])({
+var Select = function Select(_ref2) {
+  var label = _ref2.label,
+      children = _ref2.children,
+      error = _ref2.error,
+      helperText = _ref2.helperText,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var hasError = !!error;
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
+      marginBottom: props.markInvalid ? '2px' : '20px',
+      '&:focus-within label': {
+        color: _Identity.COLOR_V2.BLUE
+      }
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Select;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZNIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIGlubGluZVNWR30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0lucHV0UHJvcHMsIGlucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW5wdXRMYWJlbCBmcm9tICcuL0lucHV0TGFiZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdFByb3BzPFQgPSBIVE1MU2VsZWN0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbn1cblxuY29uc3QgQXJyb3dEb3duID0gKHRoZW1lOiBUaGVtZSkgPT4gYFxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTZcIiBoZWlnaHQ9XCIxNlwiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cbiAgICAgICAgPHBhdGggZmlsbD1cIiR7dGhlbWUuZ2VuZXJhbC5jb2xvcn1cIiBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNNy45OTk2MyAxMi41NzExTDE1LjY1NjUgNC45MTQyMUwxNC4yNDIzIDMuNUw3Ljk5OTYzIDkuNzQyNjRMMS43NTY5OSAzLjVMMC4zNDI3NzMgNC45MTQyMUw3Ljk5OTYzIDEyLjU3MTFaXCIvPlxuICAgIDwvc3ZnPlxuYDtcbmV4cG9ydCBjb25zdCBzZWxlY3RTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IFNlbGVjdFByb3BzPFQ+LCBlcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHtkaXNhYmxlZCA9IGZhbHNlLCBtYXJrSW52YWxpZCwgLi4ucHJvcHN9LFxuICBlcnJvciA9IGZhbHNlLFxuKSA9PiAoe1xuICAuLi5pbnB1dFN0eWxlKHRoZW1lLCBwcm9wcyksXG4gICcmOi1tb3otZm9jdXNyaW5nJzoge1xuICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIHRleHRTaGFkb3c6ICcwIDAgMCAjMDAwJyxcbiAgfSxcbiAgJyY6ZGlzYWJsZWQnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLkdSQVksXG4gIH0sXG4gIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgYmFja2dyb3VuZDogZGlzYWJsZWRcbiAgICA/IGAke3RoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYFxuICAgIDogYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYCxcbiAgYm94U2hhZG93OiBtYXJrSW52YWxpZCA/IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5SRUR9YCA6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIGN1cnNvcjogZGlzYWJsZWQgPyAnbm9ybWFsJyA6ICdwb2ludGVyJyxcbiAgZm9udFNpemU6ICcxNnB4JyxcbiAgZm9udFdlaWdodDogMzAwLFxuICBwYWRkaW5nUmlnaHQ6ICczMHB4JyxcbiAgbWFyZ2luQm90dG9tOiBlcnJvciAmJiAnOHB4JyxcbiAgJyY6aW52YWxpZCwgb3B0aW9uOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLlJFRCxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgfSxcbiAgICAnJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5CTFVFfWAsXG4gICAgfSxcbiAgfSksXG59KTtcblxuY29uc3QgZmlsdGVyU2VsZWN0UHJvcHMgPSAocHJvcHM6IFNlbGVjdFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCddKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7bGFiZWwsIGNoaWxkcmVuLCBlcnJvciwgaGVscGVyVGV4dCwgLi4ucHJvcHN9OiBTZWxlY3RQcm9wcykgPT4ge1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiBwcm9wcy5tYXJrSW52YWxpZCA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxJbnB1dExhYmVsIGh0bWxGb3I9e3Byb3BzLmlkfSBpc1JlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH0gbWFya0ludmFsaWQ9e3Byb3BzLm1hcmtJbnZhbGlkfT5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvSW5wdXRMYWJlbD5cbiAgICAgICl9XG5cbiAgICAgIDxzZWxlY3QgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBzZWxlY3RTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX0gey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX0+XG4gICAgICAgIDxvcHRpb24gZGlzYWJsZWQgc2VsZWN0ZWQgaGlkZGVuPlxuICAgICAgICAgIC0gUGxlYXNlIHNlbGVjdCAtXG4gICAgICAgIDwvb3B0aW9uPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc2VsZWN0PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */")
+  }, label && (0, _react.jsx)(_InputLabel["default"], {
+    htmlFor: props.id,
+    isRequired: props.required,
+    markInvalid: props.markInvalid
+  }, label), (0, _react.jsx)("select", (0, _extends2["default"])({
     css: function css(theme) {
-      return selectStyle(theme, props);
+      return selectStyle(theme, props, hasError);
     }
-  }, filterSelectProps(props)));
+  }, filterSelectProps(props)), (0, _react.jsx)("option", {
+    disabled: true,
+    selected: true,
+    hidden: true
+  }, "- Please select -"), children), !hasError && helperText && (0, _react.jsx)("p", {
+    css: /*#__PURE__*/(0, _react.css)({
+      fontSize: '12px',
+      fontWeight: 400,
+      color: _Identity.COLOR_V2.GRAY_80,
+      marginTop: 8
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Select;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkdXIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIGlubGluZVNWR30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0lucHV0UHJvcHMsIGlucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW5wdXRMYWJlbCBmcm9tICcuL0lucHV0TGFiZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdFByb3BzPFQgPSBIVE1MU2VsZWN0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xuICBlcnJvcj86IFJlYWN0RWxlbWVudDtcbn1cblxuY29uc3QgQXJyb3dEb3duID0gKHRoZW1lOiBUaGVtZSkgPT4gYFxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTZcIiBoZWlnaHQ9XCIxNlwiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cbiAgICAgICAgPHBhdGggZmlsbD1cIiR7dGhlbWUuZ2VuZXJhbC5jb2xvcn1cIiBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNNy45OTk2MyAxMi41NzExTDE1LjY1NjUgNC45MTQyMUwxNC4yNDIzIDMuNUw3Ljk5OTYzIDkuNzQyNjRMMS43NTY5OSAzLjVMMC4zNDI3NzMgNC45MTQyMUw3Ljk5OTYzIDEyLjU3MTFaXCIvPlxuICAgIDwvc3ZnPlxuYDtcbmV4cG9ydCBjb25zdCBzZWxlY3RTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHM6IFNlbGVjdFByb3BzPFQ+LCBlcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHtkaXNhYmxlZCA9IGZhbHNlLCBtYXJrSW52YWxpZCwgLi4ucHJvcHN9LFxuICBlcnJvciA9IGZhbHNlLFxuKSA9PiAoe1xuICAuLi5pbnB1dFN0eWxlKHRoZW1lLCBwcm9wcyksXG4gICcmOi1tb3otZm9jdXNyaW5nJzoge1xuICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIHRleHRTaGFkb3c6ICcwIDAgMCAjMDAwJyxcbiAgfSxcbiAgJyY6ZGlzYWJsZWQnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLkdSQVksXG4gIH0sXG4gIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgYmFja2dyb3VuZDogZGlzYWJsZWRcbiAgICA/IGAke3RoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYFxuICAgIDogYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYCxcbiAgYm94U2hhZG93OiBtYXJrSW52YWxpZCA/IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5SRUR9YCA6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIGN1cnNvcjogZGlzYWJsZWQgPyAnbm9ybWFsJyA6ICdwb2ludGVyJyxcbiAgZm9udFNpemU6ICcxNnB4JyxcbiAgZm9udFdlaWdodDogMzAwLFxuICBwYWRkaW5nUmlnaHQ6ICczMHB4JyxcbiAgbWFyZ2luQm90dG9tOiBlcnJvciAmJiAnOHB4JyxcbiAgJyY6aW52YWxpZCwgb3B0aW9uOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLlJFRCxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgfSxcbiAgICAnJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5CTFVFfWAsXG4gICAgfSxcbiAgfSksXG59KTtcblxuY29uc3QgZmlsdGVyU2VsZWN0UHJvcHMgPSAocHJvcHM6IFNlbGVjdFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCddKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7bGFiZWwsIGNoaWxkcmVuLCBlcnJvciwgaGVscGVyVGV4dCwgLi4ucHJvcHN9OiBTZWxlY3RQcm9wcykgPT4ge1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiBwcm9wcy5tYXJrSW52YWxpZCA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxJbnB1dExhYmVsIGh0bWxGb3I9e3Byb3BzLmlkfSBpc1JlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH0gbWFya0ludmFsaWQ9e3Byb3BzLm1hcmtJbnZhbGlkfT5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvSW5wdXRMYWJlbD5cbiAgICAgICl9XG5cbiAgICAgIDxzZWxlY3QgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBzZWxlY3RTdHlsZSh0aGVtZSwgcHJvcHMsIGhhc0Vycm9yKX0gey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX0+XG4gICAgICAgIDxvcHRpb24gZGlzYWJsZWQgc2VsZWN0ZWQgaGlkZGVuPlxuICAgICAgICAgIC0gUGxlYXNlIHNlbGVjdCAtXG4gICAgICAgIDwvb3B0aW9uPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc2VsZWN0PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */")
+  }, helperText), error);
 };
 
 exports.Select = Select;

package/src/Form/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Select.tsx"],"names":["ArrowDown","theme","general","color","selectStyle","disabled","markInvalid","props","textShadow","COLOR","GRAY","appearance","background","Input","backgroundColorDisabled","backgroundColor","boxShadow","RED","cursor","fontSize","fontWeight","paddingRight","filterSelectProps","Select"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AACA;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,iIAEAA,KAAK,CAACC,OAAN,CAAcC,KAFd;AAAA,CAAlB;;AAMO,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFH,KADgF;AAAA,2BAE/EI,QAF+E;AAAA,MAE/EA,QAF+E,8BAEpE,KAFoE;AAAA,MAE7DC,WAF6D,QAE7DA,WAF6D;AAAA,MAE7CC,KAF6C;AAAA,yCAI7E,uBAAWN,KAAX,EAAkBM,KAAlB,CAJ6E;AAKhF,wBAAoB;AAClBJ,MAAAA,KAAK,EAAE,aADW;AAElBK,MAAAA,UAAU,EAAE;AAFM,KAL4D;AAShF,kBAAc;AACZL,MAAAA,KAAK,EAAEM,gBAAMC;AADD,KATkE;AAYhFC,IAAAA,UAAU,EAAE,MAZoE;AAahFC,IAAAA,UAAU,EAAEP,QAAQ,GAChBJ,KAAK,CAACY,KAAN,CAAYC,uBADI,aAEbb,KAAK,CAACY,KAAN,CAAYE,eAFC,gDAEmD,qBAAUf,SAAS,CAACC,KAAD,CAAnB,CAFnD,QAb4D;AAgBhFe,IAAAA,SAAS,EAAEV,WAAW,uBAAgBG,gBAAMQ,GAAtB,wBAA2CR,gBAAMC,IAAjD,CAhB0D;AAiBhFQ,IAAAA,MAAM,EAAEb,QAAQ,GAAG,QAAH,GAAc,SAjBkD;AAkBhFc,IAAAA,QAAQ,EAAE,MAlBsE;AAmBhFC,IAAAA,UAAU,EAAE,GAnBoE;AAoBhFC,IAAAA,YAAY,EAAE;AApBkE;AAAA,CAA3E;;;;AAuBP,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACf,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAAxB;AAAA,CAA1B;;AAEO,IAAMgB,MAAM,GAAG,SAATA,MAAS,CAAChB,KAAD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBG,WAAW,CAACH,KAAD,EAAQM,KAAR,CAA7B;AAAA;AAAb,KAA8De,iBAAiB,CAACf,KAAD,CAA/E,EADoB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {filterProps, inlineSVG} from '../util';\nimport {InputProps, inputStyle} from './Input';\n\nexport interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n}\n\nconst ArrowDown = (theme: Theme) => `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\">\n    <path fill=\"${theme.general.color}\" fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </svg>\n`;\n\nexport const selectStyle: <T>(theme: Theme, props: SelectProps<T>) => CSSObject = (\n  theme,\n  {disabled = false, markInvalid, ...props},\n) => ({\n  ...inputStyle(theme, props),\n  '&:-moz-focusring': {\n    color: 'transparent',\n    textShadow: '0 0 0 #000',\n  },\n  '&:disabled': {\n    color: COLOR.GRAY,\n  },\n  appearance: 'none',\n  background: disabled\n    ? theme.Input.backgroundColorDisabled\n    : `${theme.Input.backgroundColor} center right 16px no-repeat url(\"${inlineSVG(ArrowDown(theme))}\")`,\n  boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n  cursor: disabled ? 'normal' : 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  paddingRight: '30px',\n});\n\nconst filterSelectProps = (props: SelectProps) => filterProps(props, ['markInvalid']);\n\nexport const Select = (props: SelectProps) => (\n  <select css={(theme: Theme) => selectStyle(theme, props)} {...filterSelectProps(props)} />\n);\n"],"file":"Select.js"}
+{"version":3,"sources":["Select.tsx"],"names":["ArrowDown","theme","general","color","selectStyle","disabled","markInvalid","props","error","textShadow","COLOR_V2","GRAY","appearance","background","Input","backgroundColorDisabled","backgroundColor","boxShadow","RED","GRAY_40","cursor","fontSize","fontWeight","paddingRight","marginBottom","GRAY_60","BLUE","filterSelectProps","Select","label","children","helperText","hasError","id","required","GRAY_80","marginTop"],"mappings":";;;;;;;;;;;AAoBA;;;;;;AAEA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,2IAEIA,KAAK,CAACC,OAAN,CAAcC,KAFlB;AAAA,CAAlB;;AAKO,IAAMC,WAAmF,GAAG,SAAtFA,WAAsF,CACjGH,KADiG;AAAA,2BAEhGI,QAFgG;AAAA,MAEhGA,QAFgG,8BAErF,KAFqF;AAAA,MAE9EC,WAF8E,QAE9EA,WAF8E;AAAA,MAE9DC,KAF8D;AAAA,MAGjGC,KAHiG,uEAGzF,KAHyF;AAAA,yCAK9F,uBAAWP,KAAX,EAAkBM,KAAlB,CAL8F;AAMjG,wBAAoB;AAClBJ,MAAAA,KAAK,EAAE,aADW;AAElBM,MAAAA,UAAU,EAAE;AAFM,KAN6E;AAUjG,kBAAc;AACZN,MAAAA,KAAK,EAAEO,mBAASC;AADJ,KAVmF;AAajGC,IAAAA,UAAU,EAAE,MAbqF;AAcjGC,IAAAA,UAAU,EAAER,QAAQ,aACbJ,KAAK,CAACa,KAAN,CAAYC,uBADC,gDAC2D,qBAAUf,SAAS,CAACC,KAAD,CAAnB,CAD3D,qBAEbA,KAAK,CAACa,KAAN,CAAYE,eAFC,gDAEmD,qBAAUhB,SAAS,CAACC,KAAD,CAAnB,CAFnD,QAd6E;AAiBjGgB,IAAAA,SAAS,EAAEX,WAAW,uBAAgBI,mBAASQ,GAAzB,wBAA8CR,mBAASS,OAAvD,CAjB2E;AAkBjGC,IAAAA,MAAM,EAAEf,QAAQ,GAAG,QAAH,GAAc,SAlBmE;AAmBjGgB,IAAAA,QAAQ,EAAE,MAnBuF;AAoBjGC,IAAAA,UAAU,EAAE,GApBqF;AAqBjGC,IAAAA,YAAY,EAAE,MArBmF;AAsBjGC,IAAAA,YAAY,EAAEhB,KAAK,IAAI,KAtB0E;AAuBjG,uCAAmC;AACjCL,MAAAA,KAAK,EAAEO,mBAASQ;AADiB;AAvB8D,KA0B7F,CAACb,QAAD,IAAa;AACf,eAAW;AACTY,MAAAA,SAAS,sBAAeP,mBAASe,OAAxB;AADA,KADI;AAIf,yBAAqB;AACnBR,MAAAA,SAAS,sBAAeP,mBAASgB,IAAxB;AADU;AAJN,GA1BgF;AAAA,CAA5F;;;;AAoCP,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACpB,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAAxB;AAAA,CAA1B;;AAEO,IAAMqB,MAAM,GAAG,SAATA,MAAS,QAAiE;AAAA,MAA/DC,KAA+D,SAA/DA,KAA+D;AAAA,MAAxDC,QAAwD,SAAxDA,QAAwD;AAAA,MAA9CtB,KAA8C,SAA9CA,KAA8C;AAAA,MAAvCuB,UAAuC,SAAvCA,UAAuC;AAAA,MAAxBxB,KAAwB;AACrF,MAAMyB,QAAQ,GAAG,CAAC,CAACxB,KAAnB;AAEA,SACE;AACE,IAAA,GAAG,+BAAE;AACHgB,MAAAA,YAAY,EAAEjB,KAAK,CAACD,WAAN,GAAoB,KAApB,GAA4B,MADvC;AAEH,8BAAwB;AACtBH,QAAAA,KAAK,EAAEO,mBAASgB;AADM;AAFrB,KAAF;AADL,KAQGG,KAAK,IACJ,gBAAC,sBAAD;AAAY,IAAA,OAAO,EAAEtB,KAAK,CAAC0B,EAA3B;AAA+B,IAAA,UAAU,EAAE1B,KAAK,CAAC2B,QAAjD;AAA2D,IAAA,WAAW,EAAE3B,KAAK,CAACD;AAA9E,KACGuB,KADH,CATJ,EAcE;AAAQ,IAAA,GAAG,EAAE,aAAC5B,KAAD;AAAA,aAAkBG,WAAW,CAACH,KAAD,EAAQM,KAAR,EAAeyB,QAAf,CAA7B;AAAA;AAAb,KAAwEL,iBAAiB,CAACpB,KAAD,CAAzF,GACE;AAAQ,IAAA,QAAQ,MAAhB;AAAiB,IAAA,QAAQ,MAAzB;AAA0B,IAAA,MAAM;AAAhC,yBADF,EAKGuB,QALH,CAdF,EAsBG,CAACE,QAAD,IAAaD,UAAb,IACC;AAAG,IAAA,GAAG,+BAAE;AAACV,MAAAA,QAAQ,EAAE,MAAX;AAAmBC,MAAAA,UAAU,EAAE,GAA/B;AAAoCnB,MAAAA,KAAK,EAAEO,mBAASyB,OAApD;AAA6DC,MAAAA,SAAS,EAAE;AAAxE,KAAF;AAAN,KAAqFL,UAArF,CAvBJ,EA0BGvB,KA1BH,CADF;AA8BD,CAjCM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR_V2} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {filterProps, inlineSVG} from '../util';\nimport {InputProps, inputStyle} from './Input';\nimport React, {ReactElement} from 'react';\nimport InputLabel from './InputLabel';\n\nexport interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {\n  helperText?: string;\n  label?: string;\n  disabled?: boolean;\n  markInvalid?: boolean;\n  error?: ReactElement;\n}\n\nconst ArrowDown = (theme: Theme) => `\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n        <path fill=\"${theme.general.color}\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z\"/>\n    </svg>\n`;\nexport const selectStyle: <T>(theme: Theme, props: SelectProps<T>, error?: boolean) => CSSObject = (\n  theme,\n  {disabled = false, markInvalid, ...props},\n  error = false,\n) => ({\n  ...inputStyle(theme, props),\n  '&:-moz-focusring': {\n    color: 'transparent',\n    textShadow: '0 0 0 #000',\n  },\n  '&:disabled': {\n    color: COLOR_V2.GRAY,\n  },\n  appearance: 'none',\n  background: disabled\n    ? `${theme.Input.backgroundColorDisabled} center right 16px no-repeat url(\"${inlineSVG(ArrowDown(theme))}\")`\n    : `${theme.Input.backgroundColor} center right 16px no-repeat url(\"${inlineSVG(ArrowDown(theme))}\")`,\n  boxShadow: markInvalid ? `0 0 0 1px ${COLOR_V2.RED}` : `0 0 0 1px ${COLOR_V2.GRAY_40}`,\n  cursor: disabled ? 'normal' : 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  paddingRight: '30px',\n  marginBottom: error && '8px',\n  '&:invalid, option:first-of-type': {\n    color: COLOR_V2.RED,\n  },\n  ...(!disabled && {\n    '&:hover': {\n      boxShadow: `0 0 0 1px ${COLOR_V2.GRAY_60}`,\n    },\n    '&:focus, &:active': {\n      boxShadow: `0 0 0 1px ${COLOR_V2.BLUE}`,\n    },\n  }),\n});\n\nconst filterSelectProps = (props: SelectProps) => filterProps(props, ['markInvalid']);\n\nexport const Select = ({label, children, error, helperText, ...props}: SelectProps) => {\n  const hasError = !!error;\n\n  return (\n    <div\n      css={{\n        marginBottom: props.markInvalid ? '2px' : '20px',\n        '&:focus-within label': {\n          color: COLOR_V2.BLUE,\n        },\n      }}\n    >\n      {label && (\n        <InputLabel htmlFor={props.id} isRequired={props.required} markInvalid={props.markInvalid}>\n          {label}\n        </InputLabel>\n      )}\n\n      <select css={(theme: Theme) => selectStyle(theme, props, hasError)} {...filterSelectProps(props)}>\n        <option disabled selected hidden>\n          - Please select -\n        </option>\n\n        {children}\n      </select>\n\n      {!hasError && helperText && (\n        <p css={{fontSize: '12px', fontWeight: 400, color: COLOR_V2.GRAY_80, marginTop: 8}}>{helperText}</p>\n      )}\n\n      {error}\n    </div>\n  );\n};\n"],"file":"Select.js"}

package/src/Form/Select.md

@@ -2,13 +2,14 @@ Demo:
 
 ```js
 import {Fragment} from 'react';
-import {Columns, Column, Select} from '@wireapp/react-ui-kit';
+import {Columns, Column, ErrorMessage, Select} from '@wireapp/react-ui-kit';
 
 <Fragment>
   <Columns>
     <Column>Select</Column>
+
     <Column>
-      <Select>
+      <Select label="Select" id="firstSelect">
         <option>a</option>
         <option>b</option>
         <option>c</option>
@@ -16,18 +17,38 @@ import {Columns, Column, Select} from '@wireapp/react-ui-kit';
       </Select>
     </Column>
   </Columns>
+
   <Columns>
     <Column>Disabled Select</Column>
+
     <Column>
-      <Select disabled>
+      <Select disabled label="Disabled select" id="disabledSelect">
         <option>a</option>
       </Select>
     </Column>
   </Columns>
+
+  <Columns>
+    <Column>Required Select</Column>
+
+    <Column>
+      <Select label="Required select" required id="requiredSelect">
+        <option>a</option>
+      </Select>
+    </Column>
+  </Columns>
+
   <Columns>
     <Column>Invalid Select</Column>
+
     <Column>
-      <Select markInvalid>
+      <Select
+        markInvalid
+        label="InputLabel"
+        id="invalidSelect"
+        required
+        error={<ErrorMessage>Error message</ErrorMessage>}
+      >
         <option>a</option>
       </Select>
     </Column>

package/src/Form/index.d.js

@@ -198,4 +198,17 @@ Object.keys(_Tooltip).forEach(function (key) {
     }
   });
 });
+
+var _InputLabel = require("./InputLabel");
+
+Object.keys(_InputLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputLabel[key];
+    }
+  });
+});
 //# sourceMappingURL=index.d.js.map

package/src/Form/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\n"],"file":"index.d.js"}
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.d.js"}

package/src/Form/index.d.ts

@@ -13,3 +13,4 @@ export * from './ShakeBox';
 export * from './Switch';
 export * from './TextArea';
 export * from './Tooltip';
+export * from './InputLabel';

package/src/Form/index.js

@@ -198,4 +198,17 @@ Object.keys(_Tooltip).forEach(function (key) {
     }
   });
 });
+
+var _InputLabel = require("./InputLabel");
+
+Object.keys(_InputLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputLabel[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/src/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\n"],"file":"index.js"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.js"}

package/src/Layout/Theme.js

@@ -17,6 +17,8 @@ var _react2 = _interopRequireDefault(require("react"));
 
 var _colors = require("../Identity/colors");
 
+var _colorsV = require("../Identity/colors-v2");
+
 var _util = require("../util");
 
 var _themes;
@@ -32,7 +34,7 @@ exports.THEME_ID = THEME_ID;
 var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.LIGHT, {
   Input: {
     backgroundColor: _colors.COLOR.WHITE,
-    backgroundColorDisabled: _colors.COLOR.DISABLED,
+    backgroundColorDisabled: _colorsV.COLOR_V2.GRAY_20,
     placeholderColor: _colors.COLOR.GRAY_DARKEN_24
   },
   general: {

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","Input","backgroundColor","COLOR","WHITE","backgroundColorDisabled","DISABLED","placeholderColor","GRAY_DARKEN_24","general","GRAY_LIGHTEN_88","color","TEXT","DARK","BLACK_LIGHTEN_24","BLACK","filterThemeProps","props","ThemeProvider","themeId"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAiBL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,KADuC,EAC/B;AAChBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMC,KADlB;AAELC,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMK;AAHnB,GADS;AAMhBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMO,eADhB;AAEPC,IAAAA,KAAK,EAAER,cAAMS;AAFN;AANO,CAD+B,6CAYhDd,QAAQ,CAACe,IAZuC,EAYhC;AACfZ,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMW,gBADlB;AAELT,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMO;AAHnB,GADQ;AAMfD,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMY,KADhB;AAEPJ,IAAAA,KAAK,EAAER,cAAMC;AAFN;AANM,CAZgC,WAA5C;;;AA6BP,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,SAAD,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,KAAD;AAAA,SAC3B,gBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAElB,MAAM,CAACkB,KAAK,CAACE,OAAP;AAAnC,KAAwDH,gBAAgB,CAACC,KAAD,CAAxE,EAD2B;AAAA,CAAtB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n}\n\nexport interface Theme {\n  general: {\n    backgroundColor: string;\n    color: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n    },\n    general: {\n      backgroundColor: COLOR.GRAY_LIGHTEN_88,\n      color: COLOR.TEXT,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  themeId: THEME_ID;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['themeId']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={themes[props.themeId]} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
+{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","Input","backgroundColor","COLOR","WHITE","backgroundColorDisabled","COLOR_V2","GRAY_20","placeholderColor","GRAY_DARKEN_24","general","GRAY_LIGHTEN_88","color","TEXT","DARK","BLACK_LIGHTEN_24","DISABLED","BLACK","filterThemeProps","props","ThemeProvider","themeId"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAiBL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,KADuC,EAC/B;AAChBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMC,KADlB;AAELC,IAAAA,uBAAuB,EAAEC,kBAASC,OAF7B;AAGLC,IAAAA,gBAAgB,EAAEL,cAAMM;AAHnB,GADS;AAMhBC,EAAAA,OAAO,EAAE;AACPR,IAAAA,eAAe,EAAEC,cAAMQ,eADhB;AAEPC,IAAAA,KAAK,EAAET,cAAMU;AAFN;AANO,CAD+B,6CAYhDf,QAAQ,CAACgB,IAZuC,EAYhC;AACfb,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMY,gBADlB;AAELV,IAAAA,uBAAuB,EAAEF,cAAMa,QAF1B;AAGLR,IAAAA,gBAAgB,EAAEL,cAAMQ;AAHnB,GADQ;AAMfD,EAAAA,OAAO,EAAE;AACPR,IAAAA,eAAe,EAAEC,cAAMc,KADhB;AAEPL,IAAAA,KAAK,EAAET,cAAMC;AAFN;AANM,CAZgC,WAA5C;;;AA6BP,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,SAAD,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,KAAD;AAAA,SAC3B,gBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEpB,MAAM,CAACoB,KAAK,CAACE,OAAP;AAAnC,KAAwDH,gBAAgB,CAACC,KAAD,CAAxE,EAD2B;AAAA,CAAtB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2} from '../Identity/colors-v2';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n}\n\nexport interface Theme {\n  general: {\n    backgroundColor: string;\n    color: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR_V2.GRAY_20,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n    },\n    general: {\n      backgroundColor: COLOR.GRAY_LIGHTEN_88,\n      color: COLOR.TEXT,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  themeId: THEME_ID;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['themeId']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={themes[props.themeId]} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}

package/src/Text/Label.md

@@ -4,7 +4,7 @@ Demo:
 import React from 'react';
 import {
   Container,
-  Label,
+  InputLabel,
   LabelLink,
   InputSubmitCombo,
   RoundIconButton,
@@ -16,48 +16,48 @@ import {
 } from '@wireapp/react-ui-kit';
 
 <Container>
-  <Label>Label</Label>
+  <InputLabel>InputLabel</InputLabel>
   <LabelLink block>LabelLink</LabelLink>
 
   <Line />
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{"I'm a label!"}</div>
     <Input placeholder="Focus me!" />
-  </Label>
-  <Label markInvalid>
+  </InputLabel>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <Input placeholder="Error" markInvalid />
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'TextArea!'}</div>
     <TextArea placeholder="Text" />
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <TextArea placeholder="Text" markInvalid />
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'Select!'}</div>
     <Select>
       <option>a</option>
       <option>b</option>
       <option>c</option>
     </Select>
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <Select markInvalid>
       <option>a</option>
       <option>b</option>
       <option>c</option>
     </Select>
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'SubmitCombo label'}</div>
     <InputSubmitCombo>
       <Input placeholder="Input submit Combo" name="password" />
@@ -65,9 +65,9 @@ import {
         <ArrowIcon />
       </RoundIconButton>
     </InputSubmitCombo>
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'SubmitCombo label'}</div>
     <InputSubmitCombo markInvalid>
       <Input placeholder="Input submit Combo" name="password" />
@@ -75,6 +75,6 @@ import {
         <ArrowIcon />
       </RoundIconButton>
     </InputSubmitCombo>
-  </Label>
+  </InputLabel>
 </Container>;
 ```