@wireapp/react-ui-kit 8.6.0 → 8.7.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.7.0](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.6.0...@wireapp/react-ui-kit@8.7.0) (2022-07-04)
+
+
+### Features
+
+* add custom theming to UI kit ([#4299](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/4299)) ([9a3e8ee](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/commit/9a3e8ee450d0db1648302b7c7eb0ec7f490c79e2)), closes [#4298](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/4298)
+
+
+
+
+
 # [8.6.0](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.5.4...@wireapp/react-ui-kit@8.6.0) (2022-06-15)
 
 

package/package.json

@@ -67,6 +67,6 @@
     "test:update": "yarn test --updateSnapshot",
     "test:project": "yarn dist && yarn test"
   },
-  "version": "8.6.0",
-  "gitHead": "77fab284e3c597062ba7d063ae52625e462fd923"
+  "version": "8.7.0",
+  "gitHead": "f53fe4e7d2ac55134c8cad96a2c1eee8b45e835e"
 }

package/src/Form/Checkbox.js

@@ -38,46 +38,53 @@ var filterStyledLabelProps = function filterStyledLabelProps(props) {
   return (0, _util.filterProps)(props, ['markInvalid']);
 };
 
-var checkSvg = '<svg width="15" height="13" viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg"><path d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z" fill="white"/></svg>';
-
 var StyledLabel = function StyledLabel(props) {
   var disabled = props.disabled,
       markInvalid = props.markInvalid;
   return (0, _react.jsx)("label", (0, _extends2["default"])({
     css: function css(theme) {
-      var _ref;
-
-      return _objectSpread(_objectSpread((0, _defineProperty2["default"])({}, ".".concat(_Input.INPUT_CLASSNAME, ":checked + &::before"), {
-        background: "".concat(disabled ? _Identity.COLOR_V2.GRAY_60 : _Identity.COLOR_V2.BLUE, " url('data:image/svg+xml; utf8, ").concat(checkSvg, "') no-repeat center"),
-        borderColor: _Identity.COLOR_V2.BLUE
-      }), !disabled && (_ref = {}, (0, _defineProperty2["default"])(_ref, ".".concat(_Input.INPUT_CLASSNAME, ":focus + &::before"), {
-        borderColor: _Identity.COLOR_V2.BLUE
+      var _objectSpread2, _ref, _objectSpread3;
+
+      return _objectSpread(_objectSpread((_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, ".".concat(_Input.INPUT_CLASSNAME, ":checked + &::before"), {
+        background: "".concat(disabled ? theme.checkbox.disablecheckedBgColor : theme.general.primaryColor),
+        borderColor: theme.general.primaryColor
+      }), (0, _defineProperty2["default"])(_objectSpread2, ".".concat(_Input.INPUT_CLASSNAME, ":checked + & > svg"), {
+        fill: theme.general.backgroundColor
+      }), (0, _defineProperty2["default"])(_objectSpread2, ".".concat(_Input.INPUT_CLASSNAME, " + & > svg"), {
+        fill: 'none',
+        position: 'absolute',
+        left: '-0.75rem',
+        top: '0.25rem'
+      }), _objectSpread2), !disabled && (_ref = {}, (0, _defineProperty2["default"])(_ref, ".".concat(_Input.INPUT_CLASSNAME, ":focus-visible + &::before"), {
+        borderColor: theme.general.primaryColor
       }), (0, _defineProperty2["default"])(_ref, ".".concat(_Input.INPUT_CLASSNAME, ":hover + &::before"), {
-        borderColor: _Identity.COLOR_V2.BLUE
-      }), _ref)), {}, {
-        '&::before': _objectSpread(_objectSpread({
-          background: disabled ? _Identity.COLOR_V2.GRAY_10 : _Identity.COLOR_V2.GRAY_20
-        }, !disabled ? {
-          border: markInvalid ? "1.5px solid ".concat(_Identity.COLOR_V2.RED) : "1.5px solid ".concat(_Identity.COLOR_V2.GRAY_80)
-        } : {
-          border: "1.5px solid ".concat(_Identity.COLOR_V2.GRAY_60)
-        }), {}, {
-          borderRadius: '3px',
-          boxSizing: 'border-box',
-          content: '""',
-          display: 'inline-block',
-          height: '22px',
-          lineHeight: '22px',
-          margin: '0 8px 0 -16px',
-          width: '22px'
-        }),
-        a: _objectSpread({}, (0, _Text.textLinkStyle)(theme, {})),
-        lineHeight: '22px',
-        display: 'flex',
-        opacity: disabled ? 0.56 : 1
-      });
+        borderColor: theme.general.primaryColor
+      }), _ref)), {}, (_objectSpread3 = {}, (0, _defineProperty2["default"])(_objectSpread3, ".".concat(_Input.INPUT_CLASSNAME, " + &::before"), _objectSpread(_objectSpread({
+        background: disabled ? theme.checkbox.disableBgColor : theme.checkbox.background
+      }, !disabled ? {
+        border: markInvalid ? "1.5px solid ".concat(theme.checkbox.invalidBorderColor) : "1.5px solid ".concat(theme.checkbox.border)
+      } : {
+        border: "1.5px solid ".concat(theme.checkbox.disableBorderColor)
+      }), {}, {
+        borderRadius: '3px',
+        boxSizing: 'border-box',
+        content: '""',
+        display: 'inline-block',
+        height: '22px',
+        lineHeight: 1.4,
+        margin: '0 8px 0 -16px',
+        width: '22px',
+        color: theme.general.color
+      })), (0, _defineProperty2["default"])(_objectSpread3, "a", _objectSpread({}, (0, _Text.textLinkStyle)(theme, {}))), (0, _defineProperty2["default"])(_objectSpread3, "position", 'relative'), (0, _defineProperty2["default"])(_objectSpread3, "lineHeight", 1.4), (0, _defineProperty2["default"])(_objectSpread3, "display", 'flex'), (0, _defineProperty2["default"])(_objectSpread3, "opacity", disabled ? 0.56 : 1), (0, _defineProperty2["default"])(_objectSpread3, "cursor", disabled ? 'not-allowed' : 'pointer'), _objectSpread3));
     }
-  }, filterStyledLabelProps(props)));
+  }, filterStyledLabelProps(props)), props.children, (0, _react.jsx)("svg", {
+    width: "15",
+    height: "13",
+    viewBox: "0 0 16 13",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, (0, _react.jsx)("path", {
+    d: "M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+  })));
 };
 
 var filterCheckboxProps = function filterCheckboxProps(props) {
@@ -86,12 +93,12 @@ var filterCheckboxProps = function filterCheckboxProps(props) {
 
 
 var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "cz23tk",
-  styles: "align-items:center;display:flex;justify-content:flex-start"
+  name: "1emb0lq",
+  styles: "align-items:center;display:flex;justify-content:flex-start;position:relative;left:-0.3rem"
 } : {
-  name: "1uw42d7-Checkbox",
-  styles: "align-items:center;display:flex;justify-content:flex-start;label:Checkbox;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxR0kiLCJmaWxlIjoiQ2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1IsIENPTE9SX1YyfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0LCBUZXh0UHJvcHMsIHRleHRTdHlsZSwgdGV4dExpbmtTdHlsZX0gZnJvbSAnLi4vVGV4dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7SU5QVVRfQ0xBU1NOQU1FLCBJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTdHlsZWRMYWJlbFByb3BzPFQgPSBIVE1MTGFiZWxFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbWFya0ludmFsaWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBmaWx0ZXJTdHlsZWRMYWJlbFByb3BzID0gKHByb3BzOiBTdHlsZWRMYWJlbFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCddKTtcblxuY29uc3QgY2hlY2tTdmcgPVxuICAnPHN2ZyB3aWR0aD1cIjE1XCIgaGVpZ2h0PVwiMTNcIiB2aWV3Qm94PVwiMCAwIDE2IDEzXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPjxwYXRoIGQ9XCJNNS42NTY4NSAxMi4wNzExTDE1Ljk4NDIgMS42MjczOEwxNC41NyAwLjIxMzE2N0w1LjY1Njg1IDkuMjQyNjRMMS40MTQyMSA1TDAgNi40MTQyMUw1LjY1Njg1IDEyLjA3MTFaXCIgZmlsbD1cIndoaXRlXCIvPjwvc3ZnPic7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gKHByb3BzOiBTdHlsZWRMYWJlbFByb3BzKSA9PiB7XG4gIGNvbnN0IHtkaXNhYmxlZCwgbWFya0ludmFsaWR9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgICAgW2AuJHtJTlBVVF9DTEFTU05BTUV9OmNoZWNrZWQgKyAmOjpiZWZvcmVgXToge1xuICAgICAgICAgIGJhY2tncm91bmQ6IGAke1xuICAgICAgICAgICAgZGlzYWJsZWQgPyBDT0xPUl9WMi5HUkFZXzYwIDogQ09MT1JfVjIuQkxVRVxuICAgICAgICAgIH0gdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7IHV0ZjgsICR7Y2hlY2tTdmd9Jykgbm8tcmVwZWF0IGNlbnRlcmAsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFtgLiR7SU5QVVRfQ0xBU1NOQU1FfTpmb2N1cyArICY6OmJlZm9yZWBdOiB7XG4gICAgICAgICAgICBib3JkZXJDb2xvcjogQ09MT1JfVjIuQkxVRSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFtgLiR7SU5QVVRfQ0xBU1NOQU1FfTpob3ZlciArICY6OmJlZm9yZWBdOiB7XG4gICAgICAgICAgICBib3JkZXJDb2xvcjogQ09MT1JfVjIuQkxVRSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IENPTE9SX1YyLkdSQVlfMTAgOiBDT0xPUl9WMi5HUkFZXzIwLFxuICAgICAgICAgIC4uLighZGlzYWJsZWRcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogbWFya0ludmFsaWQgPyBgMS41cHggc29saWQgJHtDT0xPUl9WMi5SRUR9YCA6IGAxLjVweCBzb2xpZCAke0NPTE9SX1YyLkdSQVlfODB9YCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMS41cHggc29saWQgJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogJzNweCcsXG4gICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgIGhlaWdodDogJzIycHgnLFxuICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyMnB4JyxcbiAgICAgICAgICBtYXJnaW46ICcwIDhweCAwIC0xNnB4JyxcbiAgICAgICAgICB3aWR0aDogJzIycHgnLFxuICAgICAgICB9LFxuICAgICAgICBhOiB7XG4gICAgICAgICAgLi4udGV4dExpbmtTdHlsZSh0aGVtZSwge30pLFxuICAgICAgICB9LFxuICAgICAgICBsaW5lSGVpZ2h0OiAnMjJweCcsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjU2IDogMSxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlclN0eWxlZExhYmVsUHJvcHMocHJvcHMpfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQ2hlY2tib3hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgaWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGZpbHRlckNoZWNrYm94UHJvcHMgPSAocHJvcHM6IENoZWNrYm94UHJvcHMpID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG4vLyBXZSB1c2UgTWF0aC5yYW5kb20uLi4sIGJlY2F1c2Ugc29tZSBvZiBhcHBzIGRvZXNuJ3QgbWlncmF0ZWQgdG8gbmV3ZXN0IHZlcnNpb24gb2YgUmVhY3QuXG5leHBvcnQgY29uc3QgQ2hlY2tib3g6IFJlYWN0LkZDPENoZWNrYm94UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgQ2hlY2tib3hQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPigoe2lkID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygpLCBjaGlsZHJlbiwgc3R5bGUsIGRpc2FibGVkLCAuLi5wcm9wc30sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXG4gICAgfX1cbiAgICBzdHlsZT17c3R5bGV9XG4gID5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICBpZD17aWR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6ICcyMnB4JyxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMCcsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHdpZHRoOiAnMjJweCcsXG4gICAgICB9fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgIHsuLi5maWx0ZXJDaGVja2JveFByb3BzKHByb3BzKX1cbiAgICAvPlxuXG4gICAgPFN0eWxlZExhYmVsIGh0bWxGb3I9e2lkfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgPC9kaXY+XG4pKTtcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hMYWJlbFByb3BzPFQgPSBIVE1MU3BhbkVsZW1lbnQ+ID0gVGV4dFByb3BzPFQ+O1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hMYWJlbCA9ICh7Y29sb3IgPSBDT0xPUi5URVhULCAuLi5wcm9wc306IENoZWNrYm94TGFiZWxQcm9wcykgPT4gKFxuICA8VGV4dFxuICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgIC4uLnRleHRTdHlsZSh0aGVtZSwge1xuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KSxcbiAgICAgIGE6IHtcbiAgICAgICAgY29sb3I6IENPTE9SLkxJTkssXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgICB9LFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG4iXX0= */",
+  name: "nkfm6i-Checkbox",
+  styles: "align-items:center;display:flex;justify-content:flex-start;position:relative;left:-0.3rem;label:Checkbox;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSEkiLCJmaWxlIjoiQ2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge1RleHQsIFRleHRQcm9wcywgdGV4dFN0eWxlLCB0ZXh0TGlua1N0eWxlfSBmcm9tICcuLi9UZXh0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHN9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtJTlBVVF9DTEFTU05BTUUsIElucHV0UHJvcHN9IGZyb20gJy4vSW5wdXQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZExhYmVsUHJvcHM8VCA9IEhUTUxMYWJlbEVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBtYXJrSW52YWxpZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGZpbHRlclN0eWxlZExhYmVsUHJvcHMgPSAocHJvcHM6IFN0eWxlZExhYmVsUHJvcHMpID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IChwcm9wczogU3R5bGVkTGFiZWxQcm9wcykgPT4ge1xuICBjb25zdCB7ZGlzYWJsZWQsIG1hcmtJbnZhbGlkfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICBbYC4ke0lOUFVUX0NMQVNTTkFNRX06Y2hlY2tlZCArICY6OmJlZm9yZWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZDogYCR7ZGlzYWJsZWQgPyB0aGVtZS5jaGVja2JveC5kaXNhYmxlY2hlY2tlZEJnQ29sb3IgOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgICAgICAgfSxcbiAgICAgICAgW2AuJHtJTlBVVF9DTEFTU05BTUV9OmNoZWNrZWQgKyAmID4gc3ZnYF06IHtcbiAgICAgICAgICBmaWxsOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgICAgICAgfSxcbiAgICAgICAgW2AuJHtJTlBVVF9DTEFTU05BTUV9ICsgJiA+IHN2Z2BdOiB7XG4gICAgICAgICAgZmlsbDogJ25vbmUnLFxuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIGxlZnQ6ICctMC43NXJlbScsXG4gICAgICAgICAgdG9wOiAnMC4yNXJlbScsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFtgLiR7SU5QVVRfQ0xBU1NOQU1FfTpmb2N1cy12aXNpYmxlICsgJjo6YmVmb3JlYF06IHtcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICAgIFtgLiR7SU5QVVRfQ0xBU1NOQU1FfTpob3ZlciArICY6OmJlZm9yZWBdOiB7XG4gICAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3IsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICAgIFtgLiR7SU5QVVRfQ0xBU1NOQU1FfSArICY6OmJlZm9yZWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZDogZGlzYWJsZWQgPyB0aGVtZS5jaGVja2JveC5kaXNhYmxlQmdDb2xvciA6IHRoZW1lLmNoZWNrYm94LmJhY2tncm91bmQsXG4gICAgICAgICAgLi4uKCFkaXNhYmxlZFxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBtYXJrSW52YWxpZFxuICAgICAgICAgICAgICAgICAgPyBgMS41cHggc29saWQgJHt0aGVtZS5jaGVja2JveC5pbnZhbGlkQm9yZGVyQ29sb3J9YFxuICAgICAgICAgICAgICAgICAgOiBgMS41cHggc29saWQgJHt0aGVtZS5jaGVja2JveC5ib3JkZXJ9YCxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBgMS41cHggc29saWQgJHt0aGVtZS5jaGVja2JveC5kaXNhYmxlQm9yZGVyQ29sb3J9YCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnM3B4JyxcbiAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgICAgaGVpZ2h0OiAnMjJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogMS40LFxuICAgICAgICAgIG1hcmdpbjogJzAgOHB4IDAgLTE2cHgnLFxuICAgICAgICAgIHdpZHRoOiAnMjJweCcsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwuY29sb3IsXG4gICAgICAgIH0sXG4gICAgICAgIGE6IHtcbiAgICAgICAgICAuLi50ZXh0TGlua1N0eWxlKHRoZW1lLCB7fSksXG4gICAgICAgIH0sXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICBsaW5lSGVpZ2h0OiAxLjQsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjU2IDogMSxcbiAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgICB9KX1cbiAgICAgIHsuLi5maWx0ZXJTdHlsZWRMYWJlbFByb3BzKHByb3BzKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8c3ZnIHdpZHRoPVwiMTVcIiBoZWlnaHQ9XCIxM1wiIHZpZXdCb3g9XCIwIDAgMTYgMTNcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgIDxwYXRoIGQ9XCJNNS42NTY4NSAxMi4wNzExTDE1Ljk4NDIgMS42MjczOEwxNC41NyAwLjIxMzE2N0w1LjY1Njg1IDkuMjQyNjRMMS40MTQyMSA1TDAgNi40MTQyMUw1LjY1Njg1IDEyLjA3MTFaXCIgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvbGFiZWw+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQ2hlY2tib3hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgaWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGZpbHRlckNoZWNrYm94UHJvcHMgPSAocHJvcHM6IENoZWNrYm94UHJvcHMpID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG4vLyBXZSB1c2UgTWF0aC5yYW5kb20uLi4sIGJlY2F1c2Ugc29tZSBvZiBhcHBzIGRvZXNuJ3QgbWlncmF0ZWQgdG8gbmV3ZXN0IHZlcnNpb24gb2YgUmVhY3QuXG5leHBvcnQgY29uc3QgQ2hlY2tib3g6IFJlYWN0LkZDPENoZWNrYm94UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgQ2hlY2tib3hQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPigoe2lkID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygpLCBjaGlsZHJlbiwgc3R5bGUsIGRpc2FibGVkLCAuLi5wcm9wc30sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIGxlZnQ6ICctMC4zcmVtJyxcbiAgICB9fVxuICAgIHN0eWxlPXtzdHlsZX1cbiAgPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIGlkPXtpZH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGhlaWdodDogJzIycHgnLFxuICAgICAgICBtYXJnaW5Cb3R0b206ICcwJyxcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6ICcyMnB4JyxcbiAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgICB9fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgIHsuLi5maWx0ZXJDaGVja2JveFByb3BzKHByb3BzKX1cbiAgICAvPlxuXG4gICAgPFN0eWxlZExhYmVsIGh0bWxGb3I9e2lkfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG1hcmtJbnZhbGlkPXtwcm9wcy5tYXJrSW52YWxpZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgPC9kaXY+XG4pKTtcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hMYWJlbFByb3BzPFQgPSBIVE1MU3BhbkVsZW1lbnQ+ID0gVGV4dFByb3BzPFQ+O1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hMYWJlbCA9ICh7Y29sb3IgPSBDT0xPUi5URVhULCAuLi5wcm9wc306IENoZWNrYm94TGFiZWxQcm9wcykgPT4gKFxuICA8VGV4dFxuICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgIC4uLnRleHRTdHlsZSh0aGVtZSwge1xuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KSxcbiAgICAgIGE6IHtcbiAgICAgICAgY29sb3I6IENPTE9SLkxJTkssXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgICB9LFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -112,7 +119,8 @@ var Checkbox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref)
       height: '22px',
       marginBottom: '0',
       opacity: 0,
-      width: '22px'
+      width: '22px',
+      cursor: disabled ? 'not-allowed' : 'pointer'
     },
     disabled: disabled,
     ref: ref,

package/src/Form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["filterStyledLabelProps","props","checkSvg","StyledLabel","disabled","markInvalid","theme","INPUT_CLASSNAME","background","COLOR_V2","GRAY_60","BLUE","borderColor","GRAY_10","GRAY_20","border","RED","GRAY_80","borderRadius","boxSizing","content","display","height","lineHeight","margin","width","a","opacity","filterCheckboxProps","Checkbox","React","forwardRef","ref","id","Math","random","toString","children","style","marginBottom","CheckboxLabel","color","COLOR","TEXT","LINK","textDecoration"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;;AAOA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD;AAAA,SAA6B,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAA7B;AAAA,CAA/B;;AAEA,IAAMC,QAAQ,GACZ,wNADF;;AAGA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACF,KAAD,EAA6B;AAC/C,MAAOG,QAAP,GAAgCH,KAAhC,CAAOG,QAAP;AAAA,MAAiBC,WAAjB,GAAgCJ,KAAhC,CAAiBI,WAAjB;AAEA,SACE;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA;;AAAA,yFACEC,sBADF,2BAC0C;AAC3CC,QAAAA,UAAU,YACRJ,QAAQ,GAAGK,mBAASC,OAAZ,GAAsBD,mBAASE,IAD/B,6CAEyBT,QAFzB,wBADiC;AAI3CU,QAAAA,WAAW,EAAEH,mBAASE;AAJqB,OAD1C,GAOC,CAACP,QAAD,kEACGG,sBADH,yBACyC;AACzCK,QAAAA,WAAW,EAAEH,mBAASE;AADmB,OADzC,qDAIGJ,sBAJH,yBAIyC;AACzCK,QAAAA,WAAW,EAAEH,mBAASE;AADmB,OAJzC,QAPD;AAeH;AACEH,UAAAA,UAAU,EAAEJ,QAAQ,GAAGK,mBAASI,OAAZ,GAAsBJ,mBAASK;AADrD,WAEM,CAACV,QAAD,GACA;AACEW,UAAAA,MAAM,EAAEV,WAAW,yBAAkBI,mBAASO,GAA3B,0BAAkDP,mBAASQ,OAA3D;AADrB,SADA,GAIA;AACEF,UAAAA,MAAM,wBAAiBN,mBAASC,OAA1B;AADR,SANN;AASEQ,UAAAA,YAAY,EAAE,KAThB;AAUEC,UAAAA,SAAS,EAAE,YAVb;AAWEC,UAAAA,OAAO,EAAE,IAXX;AAYEC,UAAAA,OAAO,EAAE,cAZX;AAaEC,UAAAA,MAAM,EAAE,MAbV;AAcEC,UAAAA,UAAU,EAAE,MAdd;AAeEC,UAAAA,MAAM,EAAE,eAfV;AAgBEC,UAAAA,KAAK,EAAE;AAhBT,UAfG;AAiCHC,QAAAA,CAAC,oBACI,yBAAcpB,KAAd,EAAqB,EAArB,CADJ,CAjCE;AAoCHiB,QAAAA,UAAU,EAAE,MApCT;AAqCHF,QAAAA,OAAO,EAAE,MArCN;AAsCHM,QAAAA,OAAO,EAAEvB,QAAQ,GAAG,IAAH,GAAU;AAtCxB;AAAA;AADP,KAyCMJ,sBAAsB,CAACC,KAAD,CAzC5B,EADF;AA6CD,CAhDD;;AAsDA,IAAM2B,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAC3B,KAAD;AAAA,SAA0B,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAA1B;AAAA,CAA5B,C,CAEA;;;;;;;;;;;;;AACO,IAAM4B,QAAmD,gBAAGC,mBAAMC,UAAN,CAGjE,iBAAuEC,GAAvE;AAAA,uBAAEC,EAAF;AAAA,MAAEA,EAAF,yBAAOC,IAAI,CAACC,MAAL,GAAcC,QAAd,EAAP;AAAA,MAAiCC,QAAjC,SAAiCA,QAAjC;AAAA,MAA2CC,KAA3C,SAA2CA,KAA3C;AAAA,MAAkDlC,QAAlD,SAAkDA,QAAlD;AAAA,MAA+DH,KAA/D;AAAA,SACA;AACE,IAAA,GAAG,OADL;AAME,IAAA,KAAK,EAAEqC;AANT,KAQE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEL,EAFN;AAGE,IAAA,KAAK,EAAE;AACLX,MAAAA,MAAM,EAAE,MADH;AAELiB,MAAAA,YAAY,EAAE,GAFT;AAGLZ,MAAAA,OAAO,EAAE,CAHJ;AAILF,MAAAA,KAAK,EAAE;AAJF,KAHT;AASE,IAAA,QAAQ,EAAErB,QATZ;AAUE,IAAA,GAAG,EAAE4B,GAVP;AAWE,IAAA,SAAS,EAAEzB;AAXb,KAYMqB,mBAAmB,CAAC3B,KAAD,CAZzB,EARF,EAuBE,gBAAC,WAAD;AAAa,IAAA,OAAO,EAAEgC,EAAtB;AAA0B,IAAA,QAAQ,EAAE7B,QAApC;AAA8C,IAAA,WAAW,EAAEH,KAAK,CAACI;AAAjE,KACGgC,QADH,CAvBF,CADA;AAAA,CAHiE,CAA5D;;;;AAmCA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB;AAAA,0BAAEC,KAAF;AAAA,MAAEA,KAAF,4BAAUC,gBAAMC,IAAhB;AAAA,MAAyB1C,KAAzB;AAAA,SAC3B,gBAAC,UAAD;AACE,IAAA,GAAG,EAAE,aAACK,KAAD;AAAA,6CACA,qBAAUA,KAAV;AACDmC,QAAAA,KAAK,EAALA;AADC,SAEExC,KAFF,EADA;AAKHyB,QAAAA,CAAC,EAAE;AACDe,UAAAA,KAAK,EAAEC,gBAAME,IADZ;AAEDC,UAAAA,cAAc,EAAE;AAFf;AALA;AAAA;AADP,KAWM5C,KAXN,EAD2B;AAAA,CAAtB","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 {jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR, COLOR_V2} from '../Identity';\nimport {Theme} from '../Layout';\nimport {Text, TextProps, textStyle, textLinkStyle} from '../Text';\nimport {filterProps} from '../util';\nimport {INPUT_CLASSNAME, InputProps} from './Input';\n\nexport interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n}\n\nconst filterStyledLabelProps = (props: StyledLabelProps) => filterProps(props, ['markInvalid']);\n\nconst checkSvg =\n  '<svg width=\"15\" height=\"13\" viewBox=\"0 0 16 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z\" fill=\"white\"/></svg>';\n\nconst StyledLabel = (props: StyledLabelProps) => {\n  const {disabled, markInvalid} = props;\n\n  return (\n    <label\n      css={(theme: Theme) => ({\n        [`.${INPUT_CLASSNAME}:checked + &::before`]: {\n          background: `${\n            disabled ? COLOR_V2.GRAY_60 : COLOR_V2.BLUE\n          } url('data:image/svg+xml; utf8, ${checkSvg}') no-repeat center`,\n          borderColor: COLOR_V2.BLUE,\n        },\n        ...(!disabled && {\n          [`.${INPUT_CLASSNAME}:focus + &::before`]: {\n            borderColor: COLOR_V2.BLUE,\n          },\n          [`.${INPUT_CLASSNAME}:hover + &::before`]: {\n            borderColor: COLOR_V2.BLUE,\n          },\n        }),\n        '&::before': {\n          background: disabled ? COLOR_V2.GRAY_10 : COLOR_V2.GRAY_20,\n          ...(!disabled\n            ? {\n                border: markInvalid ? `1.5px solid ${COLOR_V2.RED}` : `1.5px solid ${COLOR_V2.GRAY_80}`,\n              }\n            : {\n                border: `1.5px solid ${COLOR_V2.GRAY_60}`,\n              }),\n          borderRadius: '3px',\n          boxSizing: 'border-box',\n          content: '\"\"',\n          display: 'inline-block',\n          height: '22px',\n          lineHeight: '22px',\n          margin: '0 8px 0 -16px',\n          width: '22px',\n        },\n        a: {\n          ...textLinkStyle(theme, {}),\n        },\n        lineHeight: '22px',\n        display: 'flex',\n        opacity: disabled ? 0.56 : 1,\n      })}\n      {...filterStyledLabelProps(props)}\n    />\n  );\n};\n\ninterface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {\n  id?: string;\n}\n\nconst filterCheckboxProps = (props: CheckboxProps) => filterProps(props, ['markInvalid']);\n\n// We use Math.random..., because some of apps doesn't migrated to newest version of React.\nexport const Checkbox: React.FC<CheckboxProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  CheckboxProps<HTMLInputElement>\n>(({id = Math.random().toString(), children, style, disabled, ...props}, ref) => (\n  <div\n    css={{\n      alignItems: 'center',\n      display: 'flex',\n      justifyContent: 'flex-start',\n    }}\n    style={style}\n  >\n    <input\n      type=\"checkbox\"\n      id={id}\n      style={{\n        height: '22px',\n        marginBottom: '0',\n        opacity: 0,\n        width: '22px',\n      }}\n      disabled={disabled}\n      ref={ref}\n      className={INPUT_CLASSNAME}\n      {...filterCheckboxProps(props)}\n    />\n\n    <StyledLabel htmlFor={id} disabled={disabled} markInvalid={props.markInvalid}>\n      {children}\n    </StyledLabel>\n  </div>\n));\n\nexport type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;\n\nexport const CheckboxLabel = ({color = COLOR.TEXT, ...props}: CheckboxLabelProps) => (\n  <Text\n    css={(theme: Theme) => ({\n      ...textStyle(theme, {\n        color,\n        ...props,\n      }),\n      a: {\n        color: COLOR.LINK,\n        textDecoration: 'none',\n      },\n    })}\n    {...props}\n  />\n);\n"],"file":"Checkbox.js"}
+{"version":3,"sources":["Checkbox.tsx"],"names":["filterStyledLabelProps","props","StyledLabel","disabled","markInvalid","theme","INPUT_CLASSNAME","background","checkbox","disablecheckedBgColor","general","primaryColor","borderColor","fill","backgroundColor","position","left","top","disableBgColor","border","invalidBorderColor","disableBorderColor","borderRadius","boxSizing","content","display","height","lineHeight","margin","width","color","children","filterCheckboxProps","Checkbox","React","forwardRef","ref","id","Math","random","toString","style","marginBottom","opacity","cursor","CheckboxLabel","COLOR","TEXT","a","LINK","textDecoration"],"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 {jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {Text, TextProps, textStyle, textLinkStyle} from '../Text';\nimport {filterProps} from '../util';\nimport {INPUT_CLASSNAME, InputProps} from './Input';\n\nexport interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n}\n\nconst filterStyledLabelProps = (props: StyledLabelProps) => filterProps(props, ['markInvalid']);\n\nconst StyledLabel = (props: StyledLabelProps) => {\n  const {disabled, markInvalid} = props;\n  return (\n    <label\n      css={(theme: Theme) => ({\n        [`.${INPUT_CLASSNAME}:checked + &::before`]: {\n          background: `${disabled ? theme.checkbox.disablecheckedBgColor : theme.general.primaryColor}`,\n          borderColor: theme.general.primaryColor,\n        },\n        [`.${INPUT_CLASSNAME}:checked + & > svg`]: {\n          fill: theme.general.backgroundColor,\n        },\n        [`.${INPUT_CLASSNAME} + & > svg`]: {\n          fill: 'none',\n          position: 'absolute',\n          left: '-0.75rem',\n          top: '0.25rem',\n        },\n        ...(!disabled && {\n          [`.${INPUT_CLASSNAME}:focus-visible + &::before`]: {\n            borderColor: theme.general.primaryColor,\n          },\n          [`.${INPUT_CLASSNAME}:hover + &::before`]: {\n            borderColor: theme.general.primaryColor,\n          },\n        }),\n        [`.${INPUT_CLASSNAME} + &::before`]: {\n          background: disabled ? theme.checkbox.disableBgColor : theme.checkbox.background,\n          ...(!disabled\n            ? {\n                border: markInvalid\n                  ? `1.5px solid ${theme.checkbox.invalidBorderColor}`\n                  : `1.5px solid ${theme.checkbox.border}`,\n              }\n            : {\n                border: `1.5px solid ${theme.checkbox.disableBorderColor}`,\n              }),\n          borderRadius: '3px',\n          boxSizing: 'border-box',\n          content: '\"\"',\n          display: 'inline-block',\n          height: '22px',\n          lineHeight: 1.4,\n          margin: '0 8px 0 -16px',\n          width: '22px',\n          color: theme.general.color,\n        },\n        a: {\n          ...textLinkStyle(theme, {}),\n        },\n        position: 'relative',\n        lineHeight: 1.4,\n        display: 'flex',\n        opacity: disabled ? 0.56 : 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      })}\n      {...filterStyledLabelProps(props)}\n    >\n      {props.children}\n      <svg width=\"15\" height=\"13\" viewBox=\"0 0 16 13\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z\" />\n      </svg>\n    </label>\n  );\n};\n\ninterface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {\n  id?: string;\n}\n\nconst filterCheckboxProps = (props: CheckboxProps) => filterProps(props, ['markInvalid']);\n\n// We use Math.random..., because some of apps doesn't migrated to newest version of React.\nexport const Checkbox: React.FC<CheckboxProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  CheckboxProps<HTMLInputElement>\n>(({id = Math.random().toString(), children, style, disabled, ...props}, ref) => (\n  <div\n    css={{\n      alignItems: 'center',\n      display: 'flex',\n      justifyContent: 'flex-start',\n      position: 'relative',\n      left: '-0.3rem',\n    }}\n    style={style}\n  >\n    <input\n      type=\"checkbox\"\n      id={id}\n      style={{\n        height: '22px',\n        marginBottom: '0',\n        opacity: 0,\n        width: '22px',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      }}\n      disabled={disabled}\n      ref={ref}\n      className={INPUT_CLASSNAME}\n      {...filterCheckboxProps(props)}\n    />\n\n    <StyledLabel htmlFor={id} disabled={disabled} markInvalid={props.markInvalid}>\n      {children}\n    </StyledLabel>\n  </div>\n));\n\nexport type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;\n\nexport const CheckboxLabel = ({color = COLOR.TEXT, ...props}: CheckboxLabelProps) => (\n  <Text\n    css={(theme: Theme) => ({\n      ...textStyle(theme, {\n        color,\n        ...props,\n      }),\n      a: {\n        color: COLOR.LINK,\n        textDecoration: 'none',\n      },\n    })}\n    {...props}\n  />\n);\n"],"file":"Checkbox.js"}

package/src/Form/InputLabel.js

@@ -27,18 +27,20 @@ var InputLabel = function InputLabel(_ref) {
       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== */")
+    css: function css(theme) {
+      return {
+        fontSize: '14px',
+        fontWeight: 400,
+        lineHeight: '16px',
+        color: markInvalid ? _Identity.COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor
+      };
+    }
   }, 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= */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:InputLabel;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0TGFiZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDeUIiLCJmaWxlIjoiSW5wdXRMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IFJlYWN0LCB7RkMsIFJlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0TGFiZWxQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaXNSZXF1aXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IElucHV0TGFiZWw6IEZDPElucHV0TGFiZWxQcm9wcz4gPSAoe2h0bWxGb3IsIG1hcmtJbnZhbGlkLCBpc1JlcXVpcmVkLCBjaGlsZHJlbiwgLi4ucHJvcHN9KSA9PiAoXG4gIDxsYWJlbFxuICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIGxpbmVIZWlnaHQ6ICcxNnB4JyxcbiAgICAgIGNvbG9yOiBtYXJrSW52YWxpZCA/IENPTE9SX1YyLlJFRF9MSUdIVF81MDAgOiB0aGVtZS5JbnB1dC5sYWJlbENvbG9yLFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cblxuICAgIHtpc1JlcXVpcmVkICYmIDxzcGFuIGNzcz17e2ZvbnRTaXplOiAnMTZweCcsIG1hcmdpbkxlZnQ6ICc0cHgnLCBjb2xvcjogQ09MT1JfVjIuUkVEX0xJR0hUXzUwMH19Pio8L3NwYW4+fVxuICA8L2xhYmVsPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSW5wdXRMYWJlbDtcbiJdfQ== */")
   }, "*"));
 };
 

package/src/Form/InputLabel.js.map

@@ -1 +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"}
+{"version":3,"sources":["InputLabel.tsx"],"names":["InputLabel","htmlFor","markInvalid","isRequired","children","props","theme","fontSize","fontWeight","lineHeight","color","COLOR_V2","RED_LIGHT_500","Input","labelColor","marginLeft"],"mappings":";;;;;;;;;;;AAoBA;;;;AACA;;AAEA;;;;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,EAAE,aAACK,KAAD;AAAA,aAAmB;AACtBC,QAAAA,QAAQ,EAAE,MADY;AAEtBC,QAAAA,UAAU,EAAE,GAFU;AAGtBC,QAAAA,UAAU,EAAE,MAHU;AAItBC,QAAAA,KAAK,EAAER,WAAW,GAAGS,mBAASC,aAAZ,GAA4BN,KAAK,CAACO,KAAN,CAAYC;AAJpC,OAAnB;AAAA;AAFP,KAQMT,KARN,GAUGD,QAVH,EAYGD,UAAU,IAAI;AAAM,IAAA,GAAG,+BAAE;AAACI,MAAAA,QAAQ,EAAE,MAAX;AAAmBQ,MAAAA,UAAU,EAAE,KAA/B;AAAsCL,MAAAA,KAAK,EAAEC,mBAASC;AAAtD,KAAF;AAAT,SAZjB,CADsC;AAAA,CAAxC;;eAiBeZ,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 type {Theme} from '../Layout';\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={(theme: Theme) => ({\n      fontSize: '14px',\n      fontWeight: 400,\n      lineHeight: '16px',\n      color: markInvalid ? COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor,\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/Select.js

@@ -11,15 +11,13 @@ exports.Select = exports.selectStyle = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = require("@emotion/react");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _Identity = require("../Identity");
+var _react = require("@emotion/react");
 
 var _util = require("../util");
 
@@ -42,9 +40,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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=\"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 ArrowDown = (0, _react.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16"
+}, (0, _react.jsx)("path", {
+  d: "M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
+}));
 
 var selectStyle = function selectStyle(theme, _ref) {
   var _ref$disabled = _ref.disabled,
@@ -52,32 +55,41 @@ var selectStyle = function selectStyle(theme, _ref) {
       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)), {}, {
+  return _objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, props)), {}, {
     '&:-moz-focusring': {
       color: 'transparent',
       textShadow: '0 0 0 #000'
     },
     '&:disabled': {
-      color: _Identity.COLOR_V2.GRAY
+      color: theme.select.disabledColor
     },
     appearance: 'none',
-    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),
+    boxShadow: markInvalid ? "0 0 0 1px ".concat(theme.general.dangerColor) : "0 0 0 1px ".concat(theme.select.borderColor),
     cursor: disabled ? 'normal' : 'pointer',
     fontSize: '16px',
     fontWeight: 300,
     paddingRight: '30px',
     textAlign: 'left',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
     marginBottom: error && '8px',
     '&:invalid, option:first-of-type': {
-      color: _Identity.COLOR_V2.RED
+      color: theme.general.dangerColor
     }
   }, !disabled && {
     '&:hover': {
-      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_60)
+      boxShadow: "0 0 0 1px ".concat(theme.select.borderColor)
     },
     '&:focus, &:active': {
-      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.BLUE)
+      boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
+    }
+  }), {}, {
+    '& > svg': {
+      fill: disabled ? theme.Input.placeholderColor : theme.general.color,
+      position: 'absolute',
+      top: '1rem',
+      right: '1rem'
     }
   });
 };
@@ -91,7 +103,7 @@ var dropdownStyles = function dropdownStyles(theme, isDropdownOpen) {
     margin: '3px 0 0',
     padding: 0,
     borderRadius: '10px',
-    border: "1px solid ".concat(_Identity.COLOR_V2.BLUE),
+    border: "1px solid ".concat(theme.general.primaryColor),
     position: 'absolute',
     top: '100%',
     left: 0,
@@ -104,7 +116,7 @@ var dropdownStyles = function dropdownStyles(theme, isDropdownOpen) {
 
 var dropdownOptionStyles = function dropdownOptionStyles(theme, isSelected) {
   return {
-    background: isSelected ? _Identity.COLOR_V2.BLUE : _Identity.COLOR_V2.WHITE,
+    background: isSelected ? theme.general.primaryColor : theme.general.backgroundColor,
     listStyle: 'none',
     padding: '10px 20px 14px',
     cursor: 'pointer',
@@ -112,7 +124,7 @@ var dropdownOptionStyles = function dropdownOptionStyles(theme, isSelected) {
     fontWeight: 300,
     lineHeight: '24px',
     letterSpacing: '0.05px',
-    color: isSelected ? _Identity.COLOR_V2.WHITE : _Identity.COLOR_V2.BLACK,
+    color: isSelected ? theme.select.contrastTextColor : theme.general.color,
     '&:first-of-type': {
       borderRadius: '10px 10px 0 0'
     },
@@ -120,12 +132,15 @@ var dropdownOptionStyles = function dropdownOptionStyles(theme, isSelected) {
       borderRadius: '0 0 10px 10px'
     },
     '&:not(:last-of-type)': {
-      borderBottom: "1px solid ".concat(_Identity.COLOR_V2.GRAY_40)
+      borderBottom: "1px solid ".concat(theme.select.borderColor)
+    },
+    '&:not(:first-of-type)': {
+      borderTop: "1px solid ".concat(theme.select.borderColor)
     },
     '&:hover, &:active, &:focus': {
-      background: _Identity.COLOR_V2.BLUE,
-      borderColor: _Identity.COLOR_V2.BLUE,
-      color: _Identity.COLOR_V2.WHITE
+      background: theme.general.primaryColor,
+      borderColor: theme.general.primaryColor,
+      color: theme.select.contrastTextColor
     }
   };
 };
@@ -142,7 +157,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "tvi1yf-Select",
   styles: "position:relative;label:Select;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMlFXIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIGlubGluZVNWR30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge2lucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdFByb3BzPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+IHtcbiAgaWQ6IHN0cmluZztcbiAgb25DaGFuZ2U6IChzZWxlY3RlZE9wdGlvbjogVFsndmFsdWUnXSkgPT4gdm9pZDtcbiAgZGF0YVVpZU5hbWU6IHN0cmluZztcbiAgb3B0aW9uczogVFtdO1xuICB2YWx1ZT86IFQgfCBudWxsO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIHdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IEFycm93RG93biA9ICh0aGVtZTogVGhlbWUpID0+IGBcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCI+XG4gICAgICAgIDxwYXRoIGZpbGw9XCIke3RoZW1lLmdlbmVyYWwuY29sb3J9XCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTcuOTk5NjMgMTIuNTcxMUwxNS42NTY1IDQuOTE0MjFMMTQuMjQyMyAzLjVMNy45OTk2MyA5Ljc0MjY0TDEuNzU2OTkgMy41TDAuMzQyNzczIDQuOTE0MjFMNy45OTk2MyAxMi41NzExWlwiLz5cbiAgICA8L3N2Zz5cbmA7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHMsIGVycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge2Rpc2FibGVkID0gZmFsc2UsIG1hcmtJbnZhbGlkLCAuLi5wcm9wc30sXG4gIGVycm9yID0gZmFsc2UsXG4pID0+ICh7XG4gIC4uLmlucHV0U3R5bGUodGhlbWUsIHByb3BzKSxcbiAgJyY6LW1vei1mb2N1c3JpbmcnOiB7XG4gICAgY29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgdGV4dFNoYWRvdzogJzAgMCAwICMwMDAnLFxuICB9LFxuICAnJjpkaXNhYmxlZCc6IHtcbiAgICBjb2xvcjogQ09MT1JfVjIuR1JBWSxcbiAgfSxcbiAgYXBwZWFyYW5jZTogJ25vbmUnLFxuICBiYWNrZ3JvdW5kOiBkaXNhYmxlZFxuICAgID8gYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWR9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgXG4gICAgOiBgJHt0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3J9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgLFxuICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3JtYWwnIDogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIHBhZGRpbmdSaWdodDogJzMwcHgnLFxuICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgbWFyZ2luQm90dG9tOiBlcnJvciAmJiAnOHB4JyxcbiAgJyY6aW52YWxpZCwgb3B0aW9uOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLlJFRCxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgfSxcbiAgICAnJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5CTFVFfWAsXG4gICAgfSxcbiAgfSksXG59KTtcblxuY29uc3QgZHJvcGRvd25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBpc0Ryb3Bkb3duT3BlbjogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBoZWlnaHQ6IGlzRHJvcGRvd25PcGVuID8gJ2F1dG8nIDogMCxcbiAgdmlzaWJpbGl0eTogaXNEcm9wZG93bk9wZW4gPyAndmlzaWJsZScgOiAnaGlkZGVuJyxcbiAgbWFyZ2luOiAnM3B4IDAgMCcsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogJzEwcHgnLFxuICBib3JkZXI6IGAxcHggc29saWQgJHtDT0xPUl9WMi5CTFVFfWAsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB0b3A6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgbWF4SGVpZ2h0OiAnMjQwcHgnLFxuICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgekluZGV4OiA5LFxufSk7XG5cbmNvbnN0IGRyb3Bkb3duT3B0aW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSwgaXNTZWxlY3RlZDogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBiYWNrZ3JvdW5kOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuQkxVRSA6IENPTE9SX1YyLldISVRFLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbiAgcGFkZGluZzogJzEwcHggMjBweCAxNHB4JyxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGZvbnRTaXplOiAnMTZweCcsXG4gIGZvbnRXZWlnaHQ6IDMwMCxcbiAgbGluZUhlaWdodDogJzI0cHgnLFxuICBsZXR0ZXJTcGFjaW5nOiAnMC4wNXB4JyxcbiAgY29sb3I6IGlzU2VsZWN0ZWQgPyBDT0xPUl9WMi5XSElURSA6IENPTE9SX1YyLkJMQUNLLFxuICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgIGJvcmRlclJhZGl1czogJzEwcHggMTBweCAwIDAnLFxuICB9LFxuICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgYm9yZGVyUmFkaXVzOiAnMCAwIDEwcHggMTBweCcsXG4gIH0sXG4gICcmOm5vdCg6bGFzdC1vZi10eXBlKSc6IHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIH0sXG4gICcmOmhvdmVyLCAmOmFjdGl2ZSwgJjpmb2N1cyc6IHtcbiAgICBiYWNrZ3JvdW5kOiBDT0xPUl9WMi5CTFVFLFxuICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiBDT0xPUl9WMi5XSElURSxcbiAgfSxcbn0pO1xuXG5jb25zdCBmaWx0ZXJTZWxlY3RQcm9wcyA9IHByb3BzID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG5jb25zdCBwbGFjZWhvbGRlclRleHQgPSAnLSBQbGVhc2Ugc2VsZWN0IC0nO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+KHtcbiAgaWQsXG4gIGxhYmVsLFxuICBlcnJvcixcbiAgaGVscGVyVGV4dCxcbiAgb3B0aW9ucyA9IFtdLFxuICB2YWx1ZSA9IG51bGwsXG4gIG9uQ2hhbmdlLFxuICByZXF1aXJlZCxcbiAgbWFya0ludmFsaWQsXG4gIGRhdGFVaWVOYW1lLFxuICB3cmFwcGVyQ1NTID0ge30sXG4gIC4uLnByb3BzXG59OiBTZWxlY3RQcm9wczxUPikgPT4ge1xuICBjb25zdCBjdXJyZW50T3B0aW9uID0gb3B0aW9ucy5maW5kSW5kZXgob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU/LnZhbHVlKTtcblxuICBjb25zdCBzZWxlY3RDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNEcm9wZG93bk9wZW4sIHNldElzRHJvcGRvd25PcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihjdXJyZW50T3B0aW9uID09PSAtMSA/IG51bGwgOiBjdXJyZW50T3B0aW9uKTtcblxuICBjb25zdCBoYXNTZWxlY3RlZE9wdGlvbiA9IHNlbGVjdGVkT3B0aW9uICE9PSBudWxsO1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgY29uc3Qgc2Nyb2xsVG9DdXJyZW50T3B0aW9uID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgbGlzdFNlbGVjdGVkT3B0aW9uID0gbGlzdFJlZi5jdXJyZW50LmNoaWxkcmVuW2lkeF0gYXMgSFRNTExJRWxlbWVudDtcbiAgICAgIGNvbnN0IGdldFlQb3NpdGlvbiA9IGxpc3RTZWxlY3RlZE9wdGlvbiAmJiBsaXN0U2VsZWN0ZWRPcHRpb24ub2Zmc2V0VG9wO1xuXG4gICAgICBsaXN0UmVmLmN1cnJlbnQuc2Nyb2xsKHtcbiAgICAgICAgdG9wOiBnZXRZUG9zaXRpb24gPz8gMCxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVG9nZ2xlRHJvcGRvd24gPSAoKSA9PiBzZXRJc0Ryb3Bkb3duT3BlbihwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3Qgb25PcHRpb25TZWxlY3QgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbihpZHgpO1xuICAgIG9uQ2hhbmdlKG9wdGlvbnNbaWR4XS52YWx1ZSk7XG4gICAgc2Nyb2xsVG9DdXJyZW50T3B0aW9uKGlkeCk7XG4gIH07XG5cbiAgY29uc3Qgb25PcHRpb25DaGFuZ2UgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBvbk9wdGlvblNlbGVjdChpZHgpO1xuICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVMaXN0S2V5RG93biA9IGUgPT4ge1xuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJ0VzY2FwZSc6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgY2FzZSAnQXJyb3dMZWZ0JzpcbiAgICAgICAgaWYgKCFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgIHNldElzRHJvcGRvd25PcGVuKHRydWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvbk9wdGlvblNlbGVjdChzZWxlY3RlZE9wdGlvbiAtIDEgPj0gMCA/IHNlbGVjdGVkT3B0aW9uIC0gMSA6IG9wdGlvbnMubGVuZ3RoIC0gMSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBpZiAoIWlzRHJvcGRvd25PcGVuKSB7XG4gICAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGlmIChzZWxlY3RlZE9wdGlvbiA9PT0gbnVsbCkge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KDApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KHNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25zLmxlbmd0aCAtIDEgPyAwIDogc2VsZWN0ZWRPcHRpb24gKyAxKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gaW5kZXggPT4gZSA9PiB7XG4gICAgc3dpdGNoIChlLmtleSkge1xuICAgICAgY2FzZSAnICc6XG4gICAgICBjYXNlICdTcGFjZUJhcic6XG4gICAgICBjYXNlICdFbnRlcic6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25DaGFuZ2UoaW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVPdXRzaWRlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoc2VsZWN0Q29udGFpbmVyUmVmLmN1cnJlbnQgJiYgIXNlbGVjdENvbnRhaW5lclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZU91dHNpZGVDbGljayk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlT3V0c2lkZUNsaWNrKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiBtYXJrSW52YWxpZCA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLndyYXBwZXJDU1MsXG4gICAgICB9fVxuICAgICAgZGF0YS11aWUtbmFtZT17ZGF0YVVpZU5hbWV9XG4gICAgICByZWY9e3NlbGVjdENvbnRhaW5lclJlZn1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtpZH0gaXNSZXF1aXJlZD17cmVxdWlyZWR9IG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e3Bvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2hhc1NlbGVjdGVkT3B0aW9uID8gdmFsdWUubGFiZWwgOiAnJ31cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0Ryb3Bkb3duT3Blbn1cbiAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwibGlzdGJveFwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtpZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgb25DbGljaz17b25Ub2dnbGVEcm9wZG93bn1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gc2VsZWN0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgICAgICB7Li4uKGhhc1NlbGVjdGVkT3B0aW9uICYmIHtcbiAgICAgICAgICAgICdkYXRhLXZhbHVlJzogdmFsdWUudmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzU2VsZWN0ZWRPcHRpb24gPyB2YWx1ZS5sYWJlbCA6IHBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPHVsXG4gICAgICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2lkfVxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25TdHlsZXModGhlbWUsIGlzRHJvcGRvd25PcGVuKX1cbiAgICAgICAgICB7Li4uKGRhdGFVaWVOYW1lICYmIHtcbiAgICAgICAgICAgICdkYXRhLXVpZS1uYW1lJzogYGRyb3Bkb3duLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IGN1cnJlbnRPcHRpb24gPT0gaW5kZXg7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgIGtleT17b3B0aW9uLnZhbHVlfVxuICAgICAgICAgICAgICAgIGlkPXtvcHRpb24udmFsdWUudG9TdHJpbmcoKX1cbiAgICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bihpbmRleCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25PcHRpb25DaGFuZ2UoaW5kZXgpfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25PcHRpb25TdHlsZXModGhlbWUsIGlzU2VsZWN0ZWQpfVxuICAgICAgICAgICAgICAgIHsuLi4oZGF0YVVpZU5hbWUgJiYge1xuICAgICAgICAgICAgICAgICAgJ2RhdGEtdWllLW5hbWUnOiBgb3B0aW9uLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICdkYXRhLXVpZS12YWx1ZSc6IG9wdGlvbi52YWx1ZSxcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuV0hJVEUgOiBDT0xPUl9WMi5HUkFZXzgwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbVJXIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHN9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtpbnB1dFN0eWxlfSBmcm9tICcuL0lucHV0JztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW5wdXRMYWJlbCBmcm9tICcuL0lucHV0TGFiZWwnO1xuXG5leHBvcnQgdHlwZSBTZWxlY3RPcHRpb24gPSB7XG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RQcm9wczxUIGV4dGVuZHMgU2VsZWN0T3B0aW9uID0gU2VsZWN0T3B0aW9uPiB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAoc2VsZWN0ZWRPcHRpb246IFRbJ3ZhbHVlJ10pID0+IHZvaWQ7XG4gIGRhdGFVaWVOYW1lOiBzdHJpbmc7XG4gIG9wdGlvbnM6IFRbXTtcbiAgdmFsdWU/OiBUIHwgbnVsbDtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBtYXJrSW52YWxpZD86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3RFbGVtZW50O1xuICB3cmFwcGVyQ1NTPzogQ1NTT2JqZWN0O1xufVxuXG5jb25zdCBBcnJvd0Rvd24gPSAoXG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTZcIiBoZWlnaHQ9XCIxNlwiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cbiAgICA8cGF0aCBkPVwiTTcuOTk5NjMgMTIuNTcxMUwxNS42NTY1IDQuOTE0MjFMMTQuMjQyMyAzLjVMNy45OTk2MyA5Ljc0MjY0TDEuNzU2OTkgMy41TDAuMzQyNzczIDQuOTE0MjFMNy45OTk2MyAxMi41NzExWlwiIC8+XG4gIDwvc3ZnPlxuKTtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdFN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wcywgZXJyb3I/OiBib29sZWFuKSA9PiBDU1NPYmplY3QgPSAoXG4gIHRoZW1lLFxuICB7ZGlzYWJsZWQgPSBmYWxzZSwgbWFya0ludmFsaWQsIC4uLnByb3BzfSxcbiAgZXJyb3IgPSBmYWxzZSxcbikgPT4gKHtcbiAgLi4uaW5wdXRTdHlsZSh0aGVtZSwgcHJvcHMpLFxuICAnJjotbW96LWZvY3VzcmluZyc6IHtcbiAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICB0ZXh0U2hhZG93OiAnMCAwIDAgIzAwMCcsXG4gIH0sXG4gICcmOmRpc2FibGVkJzoge1xuICAgIGNvbG9yOiB0aGVtZS5zZWxlY3QuZGlzYWJsZWRDb2xvcixcbiAgfSxcbiAgYXBwZWFyYW5jZTogJ25vbmUnLFxuICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke3RoZW1lLmdlbmVyYWwuZGFuZ2VyQ29sb3J9YCA6IGAwIDAgMCAxcHggJHt0aGVtZS5zZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3JtYWwnIDogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIHBhZGRpbmdSaWdodDogJzMwcHgnLFxuICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICBtYXJnaW5Cb3R0b206IGVycm9yICYmICc4cHgnLFxuICAnJjppbnZhbGlkLCBvcHRpb246Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICBjb2xvcjogdGhlbWUuZ2VuZXJhbC5kYW5nZXJDb2xvcixcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5zZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgICB9LFxuICAgICcmOmZvY3VzLCAmOmFjdGl2ZSc6IHtcbiAgICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gICAgfSxcbiAgfSksXG4gICcmID4gc3ZnJzoge1xuICAgIGZpbGw6IGRpc2FibGVkID8gdGhlbWUuSW5wdXQucGxhY2Vob2xkZXJDb2xvciA6IHRoZW1lLmdlbmVyYWwuY29sb3IsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnMXJlbScsXG4gICAgcmlnaHQ6ICcxcmVtJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBkcm9wZG93blN0eWxlcyA9ICh0aGVtZTogVGhlbWUsIGlzRHJvcGRvd25PcGVuOiBib29sZWFuKTogQ1NTT2JqZWN0ID0+ICh7XG4gIGhlaWdodDogaXNEcm9wZG93bk9wZW4gPyAnYXV0bycgOiAwLFxuICB2aXNpYmlsaXR5OiBpc0Ryb3Bkb3duT3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nLFxuICBtYXJnaW46ICczcHggMCAwJyxcbiAgcGFkZGluZzogMCxcbiAgYm9yZGVyUmFkaXVzOiAnMTBweCcsXG4gIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB0b3A6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgbWF4SGVpZ2h0OiAnMjQwcHgnLFxuICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgekluZGV4OiA5LFxufSk7XG5cbmNvbnN0IGRyb3Bkb3duT3B0aW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSwgaXNTZWxlY3RlZDogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBiYWNrZ3JvdW5kOiBpc1NlbGVjdGVkID8gdGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3IgOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgbGlzdFN0eWxlOiAnbm9uZScsXG4gIHBhZGRpbmc6ICcxMHB4IDIwcHggMTRweCcsXG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIGxpbmVIZWlnaHQ6ICcyNHB4JyxcbiAgbGV0dGVyU3BhY2luZzogJzAuMDVweCcsXG4gIGNvbG9yOiBpc1NlbGVjdGVkID8gdGhlbWUuc2VsZWN0LmNvbnRyYXN0VGV4dENvbG9yIDogdGhlbWUuZ2VuZXJhbC5jb2xvcixcbiAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICBib3JkZXJSYWRpdXM6ICcxMHB4IDEwcHggMCAwJyxcbiAgfSxcbiAgJyY6bGFzdC1vZi10eXBlJzoge1xuICAgIGJvcmRlclJhZGl1czogJzAgMCAxMHB4IDEwcHgnLFxuICB9LFxuICAnJjpub3QoOmxhc3Qtb2YtdHlwZSknOiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuc2VsZWN0LmJvcmRlckNvbG9yfWAsXG4gIH0sXG4gICcmOm5vdCg6Zmlyc3Qtb2YtdHlwZSknOiB7XG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUuc2VsZWN0LmJvcmRlckNvbG9yfWAsXG4gIH0sXG4gICcmOmhvdmVyLCAmOmFjdGl2ZSwgJjpmb2N1cyc6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3IsXG4gICAgY29sb3I6IHRoZW1lLnNlbGVjdC5jb250cmFzdFRleHRDb2xvcixcbiAgfSxcbn0pO1xuXG5jb25zdCBmaWx0ZXJTZWxlY3RQcm9wcyA9IHByb3BzID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG5jb25zdCBwbGFjZWhvbGRlclRleHQgPSAnLSBQbGVhc2Ugc2VsZWN0IC0nO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+KHtcbiAgaWQsXG4gIGxhYmVsLFxuICBlcnJvcixcbiAgaGVscGVyVGV4dCxcbiAgb3B0aW9ucyA9IFtdLFxuICB2YWx1ZSA9IG51bGwsXG4gIG9uQ2hhbmdlLFxuICByZXF1aXJlZCxcbiAgbWFya0ludmFsaWQsXG4gIGRhdGFVaWVOYW1lLFxuICB3cmFwcGVyQ1NTID0ge30sXG4gIC4uLnByb3BzXG59OiBTZWxlY3RQcm9wczxUPikgPT4ge1xuICBjb25zdCBjdXJyZW50T3B0aW9uID0gb3B0aW9ucy5maW5kSW5kZXgob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU/LnZhbHVlKTtcblxuICBjb25zdCBzZWxlY3RDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNEcm9wZG93bk9wZW4sIHNldElzRHJvcGRvd25PcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihjdXJyZW50T3B0aW9uID09PSAtMSA/IG51bGwgOiBjdXJyZW50T3B0aW9uKTtcblxuICBjb25zdCBoYXNTZWxlY3RlZE9wdGlvbiA9IHNlbGVjdGVkT3B0aW9uICE9PSBudWxsO1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgY29uc3Qgc2Nyb2xsVG9DdXJyZW50T3B0aW9uID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgbGlzdFNlbGVjdGVkT3B0aW9uID0gbGlzdFJlZi5jdXJyZW50LmNoaWxkcmVuW2lkeF0gYXMgSFRNTExJRWxlbWVudDtcbiAgICAgIGNvbnN0IGdldFlQb3NpdGlvbiA9IGxpc3RTZWxlY3RlZE9wdGlvbiAmJiBsaXN0U2VsZWN0ZWRPcHRpb24ub2Zmc2V0VG9wO1xuXG4gICAgICBsaXN0UmVmLmN1cnJlbnQuc2Nyb2xsKHtcbiAgICAgICAgdG9wOiBnZXRZUG9zaXRpb24gPz8gMCxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVG9nZ2xlRHJvcGRvd24gPSAoKSA9PiBzZXRJc0Ryb3Bkb3duT3BlbihwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3Qgb25PcHRpb25TZWxlY3QgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbihpZHgpO1xuICAgIG9uQ2hhbmdlKG9wdGlvbnNbaWR4XS52YWx1ZSk7XG4gICAgc2Nyb2xsVG9DdXJyZW50T3B0aW9uKGlkeCk7XG4gIH07XG5cbiAgY29uc3Qgb25PcHRpb25DaGFuZ2UgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBvbk9wdGlvblNlbGVjdChpZHgpO1xuICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVMaXN0S2V5RG93biA9IGUgPT4ge1xuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJ0VzY2FwZSc6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgY2FzZSAnQXJyb3dMZWZ0JzpcbiAgICAgICAgaWYgKCFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgIHNldElzRHJvcGRvd25PcGVuKHRydWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvbk9wdGlvblNlbGVjdChzZWxlY3RlZE9wdGlvbiAtIDEgPj0gMCA/IHNlbGVjdGVkT3B0aW9uIC0gMSA6IG9wdGlvbnMubGVuZ3RoIC0gMSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBpZiAoIWlzRHJvcGRvd25PcGVuKSB7XG4gICAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGlmIChzZWxlY3RlZE9wdGlvbiA9PT0gbnVsbCkge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KDApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KHNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25zLmxlbmd0aCAtIDEgPyAwIDogc2VsZWN0ZWRPcHRpb24gKyAxKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gaW5kZXggPT4gZSA9PiB7XG4gICAgc3dpdGNoIChlLmtleSkge1xuICAgICAgY2FzZSAnICc6XG4gICAgICBjYXNlICdTcGFjZUJhcic6XG4gICAgICBjYXNlICdFbnRlcic6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25DaGFuZ2UoaW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVPdXRzaWRlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoc2VsZWN0Q29udGFpbmVyUmVmLmN1cnJlbnQgJiYgIXNlbGVjdENvbnRhaW5lclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZU91dHNpZGVDbGljayk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlT3V0c2lkZUNsaWNrKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogbWFya0ludmFsaWQgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgICAgICAgfSxcbiAgICAgICAgLi4ud3JhcHBlckNTUyxcbiAgICAgIH0pfVxuICAgICAgZGF0YS11aWUtbmFtZT17ZGF0YVVpZU5hbWV9XG4gICAgICByZWY9e3NlbGVjdENvbnRhaW5lclJlZn1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtpZH0gaXNSZXF1aXJlZD17cmVxdWlyZWR9IG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e3Bvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2hhc1NlbGVjdGVkT3B0aW9uID8gdmFsdWUubGFiZWwgOiAnJ31cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0Ryb3Bkb3duT3Blbn1cbiAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwibGlzdGJveFwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtpZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgb25DbGljaz17b25Ub2dnbGVEcm9wZG93bn1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gc2VsZWN0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgICAgICB7Li4uKGhhc1NlbGVjdGVkT3B0aW9uICYmIHtcbiAgICAgICAgICAgICdkYXRhLXZhbHVlJzogdmFsdWUudmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzU2VsZWN0ZWRPcHRpb24gPyB2YWx1ZS5sYWJlbCA6IHBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICB7QXJyb3dEb3dufVxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICA8dWxcbiAgICAgICAgICByZWY9e2xpc3RSZWZ9XG4gICAgICAgICAgcm9sZT1cImxpc3Rib3hcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17aWR9XG4gICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlTGlzdEtleURvd259XG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBkcm9wZG93blN0eWxlcyh0aGVtZSwgaXNEcm9wZG93bk9wZW4pfVxuICAgICAgICAgIHsuLi4oZGF0YVVpZU5hbWUgJiYge1xuICAgICAgICAgICAgJ2RhdGEtdWllLW5hbWUnOiBgZHJvcGRvd24tJHtkYXRhVWllTmFtZX1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gY3VycmVudE9wdGlvbiA9PSBpbmRleDtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAga2V5PXtvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgaWQ9e29wdGlvbi52YWx1ZS50b1N0cmluZygpfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3duKGluZGV4KX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbk9wdGlvbkNoYW5nZShpbmRleCl9XG4gICAgICAgICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBkcm9wZG93bk9wdGlvblN0eWxlcyh0aGVtZSwgaXNTZWxlY3RlZCl9XG4gICAgICAgICAgICAgICAgey4uLihkYXRhVWllTmFtZSAmJiB7XG4gICAgICAgICAgICAgICAgICAnZGF0YS11aWUtbmFtZSc6IGBvcHRpb24tJHtkYXRhVWllTmFtZX1gLFxuICAgICAgICAgICAgICAgICAgJ2RhdGEtdWllLXZhbHVlJzogb3B0aW9uLnZhbHVlLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cblxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc1NlbGVjdGVkID8gdGhlbWUuZ2VuZXJhbC5jb2xvciA6IHRoZW1lLklucHV0LmxhYmVsQ29sb3IsXG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiB0aGVtZS5JbnB1dC5sYWJlbENvbG9yLCBtYXJnaW5Ub3A6IDh9KX0+XG4gICAgICAgICAge2hlbHBlclRleHR9XG4gICAgICAgIDwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -276,13 +291,15 @@ var Select = function Select(_ref2) {
     };
   }, []);
   return (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)(_objectSpread({
-      marginBottom: markInvalid ? '2px' : '20px',
-      width: '100%',
-      '&:focus-within label': {
-        color: _Identity.COLOR_V2.BLUE
-      }
-    }, wrapperCSS), process.env.NODE_ENV === "production" ? "" : ";label:Select;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMFBNIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIGlubGluZVNWR30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge2lucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdFByb3BzPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+IHtcbiAgaWQ6IHN0cmluZztcbiAgb25DaGFuZ2U6IChzZWxlY3RlZE9wdGlvbjogVFsndmFsdWUnXSkgPT4gdm9pZDtcbiAgZGF0YVVpZU5hbWU6IHN0cmluZztcbiAgb3B0aW9uczogVFtdO1xuICB2YWx1ZT86IFQgfCBudWxsO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIHdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IEFycm93RG93biA9ICh0aGVtZTogVGhlbWUpID0+IGBcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCI+XG4gICAgICAgIDxwYXRoIGZpbGw9XCIke3RoZW1lLmdlbmVyYWwuY29sb3J9XCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTcuOTk5NjMgMTIuNTcxMUwxNS42NTY1IDQuOTE0MjFMMTQuMjQyMyAzLjVMNy45OTk2MyA5Ljc0MjY0TDEuNzU2OTkgMy41TDAuMzQyNzczIDQuOTE0MjFMNy45OTk2MyAxMi41NzExWlwiLz5cbiAgICA8L3N2Zz5cbmA7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHMsIGVycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge2Rpc2FibGVkID0gZmFsc2UsIG1hcmtJbnZhbGlkLCAuLi5wcm9wc30sXG4gIGVycm9yID0gZmFsc2UsXG4pID0+ICh7XG4gIC4uLmlucHV0U3R5bGUodGhlbWUsIHByb3BzKSxcbiAgJyY6LW1vei1mb2N1c3JpbmcnOiB7XG4gICAgY29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgdGV4dFNoYWRvdzogJzAgMCAwICMwMDAnLFxuICB9LFxuICAnJjpkaXNhYmxlZCc6IHtcbiAgICBjb2xvcjogQ09MT1JfVjIuR1JBWSxcbiAgfSxcbiAgYXBwZWFyYW5jZTogJ25vbmUnLFxuICBiYWNrZ3JvdW5kOiBkaXNhYmxlZFxuICAgID8gYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWR9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgXG4gICAgOiBgJHt0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3J9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgLFxuICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3JtYWwnIDogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIHBhZGRpbmdSaWdodDogJzMwcHgnLFxuICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgbWFyZ2luQm90dG9tOiBlcnJvciAmJiAnOHB4JyxcbiAgJyY6aW52YWxpZCwgb3B0aW9uOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLlJFRCxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgfSxcbiAgICAnJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5CTFVFfWAsXG4gICAgfSxcbiAgfSksXG59KTtcblxuY29uc3QgZHJvcGRvd25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBpc0Ryb3Bkb3duT3BlbjogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBoZWlnaHQ6IGlzRHJvcGRvd25PcGVuID8gJ2F1dG8nIDogMCxcbiAgdmlzaWJpbGl0eTogaXNEcm9wZG93bk9wZW4gPyAndmlzaWJsZScgOiAnaGlkZGVuJyxcbiAgbWFyZ2luOiAnM3B4IDAgMCcsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogJzEwcHgnLFxuICBib3JkZXI6IGAxcHggc29saWQgJHtDT0xPUl9WMi5CTFVFfWAsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB0b3A6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgbWF4SGVpZ2h0OiAnMjQwcHgnLFxuICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgekluZGV4OiA5LFxufSk7XG5cbmNvbnN0IGRyb3Bkb3duT3B0aW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSwgaXNTZWxlY3RlZDogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBiYWNrZ3JvdW5kOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuQkxVRSA6IENPTE9SX1YyLldISVRFLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbiAgcGFkZGluZzogJzEwcHggMjBweCAxNHB4JyxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGZvbnRTaXplOiAnMTZweCcsXG4gIGZvbnRXZWlnaHQ6IDMwMCxcbiAgbGluZUhlaWdodDogJzI0cHgnLFxuICBsZXR0ZXJTcGFjaW5nOiAnMC4wNXB4JyxcbiAgY29sb3I6IGlzU2VsZWN0ZWQgPyBDT0xPUl9WMi5XSElURSA6IENPTE9SX1YyLkJMQUNLLFxuICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgIGJvcmRlclJhZGl1czogJzEwcHggMTBweCAwIDAnLFxuICB9LFxuICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgYm9yZGVyUmFkaXVzOiAnMCAwIDEwcHggMTBweCcsXG4gIH0sXG4gICcmOm5vdCg6bGFzdC1vZi10eXBlKSc6IHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIH0sXG4gICcmOmhvdmVyLCAmOmFjdGl2ZSwgJjpmb2N1cyc6IHtcbiAgICBiYWNrZ3JvdW5kOiBDT0xPUl9WMi5CTFVFLFxuICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiBDT0xPUl9WMi5XSElURSxcbiAgfSxcbn0pO1xuXG5jb25zdCBmaWx0ZXJTZWxlY3RQcm9wcyA9IHByb3BzID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG5jb25zdCBwbGFjZWhvbGRlclRleHQgPSAnLSBQbGVhc2Ugc2VsZWN0IC0nO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+KHtcbiAgaWQsXG4gIGxhYmVsLFxuICBlcnJvcixcbiAgaGVscGVyVGV4dCxcbiAgb3B0aW9ucyA9IFtdLFxuICB2YWx1ZSA9IG51bGwsXG4gIG9uQ2hhbmdlLFxuICByZXF1aXJlZCxcbiAgbWFya0ludmFsaWQsXG4gIGRhdGFVaWVOYW1lLFxuICB3cmFwcGVyQ1NTID0ge30sXG4gIC4uLnByb3BzXG59OiBTZWxlY3RQcm9wczxUPikgPT4ge1xuICBjb25zdCBjdXJyZW50T3B0aW9uID0gb3B0aW9ucy5maW5kSW5kZXgob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU/LnZhbHVlKTtcblxuICBjb25zdCBzZWxlY3RDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNEcm9wZG93bk9wZW4sIHNldElzRHJvcGRvd25PcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihjdXJyZW50T3B0aW9uID09PSAtMSA/IG51bGwgOiBjdXJyZW50T3B0aW9uKTtcblxuICBjb25zdCBoYXNTZWxlY3RlZE9wdGlvbiA9IHNlbGVjdGVkT3B0aW9uICE9PSBudWxsO1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgY29uc3Qgc2Nyb2xsVG9DdXJyZW50T3B0aW9uID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgbGlzdFNlbGVjdGVkT3B0aW9uID0gbGlzdFJlZi5jdXJyZW50LmNoaWxkcmVuW2lkeF0gYXMgSFRNTExJRWxlbWVudDtcbiAgICAgIGNvbnN0IGdldFlQb3NpdGlvbiA9IGxpc3RTZWxlY3RlZE9wdGlvbiAmJiBsaXN0U2VsZWN0ZWRPcHRpb24ub2Zmc2V0VG9wO1xuXG4gICAgICBsaXN0UmVmLmN1cnJlbnQuc2Nyb2xsKHtcbiAgICAgICAgdG9wOiBnZXRZUG9zaXRpb24gPz8gMCxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVG9nZ2xlRHJvcGRvd24gPSAoKSA9PiBzZXRJc0Ryb3Bkb3duT3BlbihwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3Qgb25PcHRpb25TZWxlY3QgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbihpZHgpO1xuICAgIG9uQ2hhbmdlKG9wdGlvbnNbaWR4XS52YWx1ZSk7XG4gICAgc2Nyb2xsVG9DdXJyZW50T3B0aW9uKGlkeCk7XG4gIH07XG5cbiAgY29uc3Qgb25PcHRpb25DaGFuZ2UgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBvbk9wdGlvblNlbGVjdChpZHgpO1xuICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVMaXN0S2V5RG93biA9IGUgPT4ge1xuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJ0VzY2FwZSc6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgY2FzZSAnQXJyb3dMZWZ0JzpcbiAgICAgICAgaWYgKCFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgIHNldElzRHJvcGRvd25PcGVuKHRydWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvbk9wdGlvblNlbGVjdChzZWxlY3RlZE9wdGlvbiAtIDEgPj0gMCA/IHNlbGVjdGVkT3B0aW9uIC0gMSA6IG9wdGlvbnMubGVuZ3RoIC0gMSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBpZiAoIWlzRHJvcGRvd25PcGVuKSB7XG4gICAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGlmIChzZWxlY3RlZE9wdGlvbiA9PT0gbnVsbCkge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KDApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KHNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25zLmxlbmd0aCAtIDEgPyAwIDogc2VsZWN0ZWRPcHRpb24gKyAxKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gaW5kZXggPT4gZSA9PiB7XG4gICAgc3dpdGNoIChlLmtleSkge1xuICAgICAgY2FzZSAnICc6XG4gICAgICBjYXNlICdTcGFjZUJhcic6XG4gICAgICBjYXNlICdFbnRlcic6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25DaGFuZ2UoaW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVPdXRzaWRlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoc2VsZWN0Q29udGFpbmVyUmVmLmN1cnJlbnQgJiYgIXNlbGVjdENvbnRhaW5lclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZU91dHNpZGVDbGljayk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlT3V0c2lkZUNsaWNrKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiBtYXJrSW52YWxpZCA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLndyYXBwZXJDU1MsXG4gICAgICB9fVxuICAgICAgZGF0YS11aWUtbmFtZT17ZGF0YVVpZU5hbWV9XG4gICAgICByZWY9e3NlbGVjdENvbnRhaW5lclJlZn1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtpZH0gaXNSZXF1aXJlZD17cmVxdWlyZWR9IG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e3Bvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2hhc1NlbGVjdGVkT3B0aW9uID8gdmFsdWUubGFiZWwgOiAnJ31cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0Ryb3Bkb3duT3Blbn1cbiAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwibGlzdGJveFwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtpZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgb25DbGljaz17b25Ub2dnbGVEcm9wZG93bn1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gc2VsZWN0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgICAgICB7Li4uKGhhc1NlbGVjdGVkT3B0aW9uICYmIHtcbiAgICAgICAgICAgICdkYXRhLXZhbHVlJzogdmFsdWUudmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzU2VsZWN0ZWRPcHRpb24gPyB2YWx1ZS5sYWJlbCA6IHBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPHVsXG4gICAgICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2lkfVxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25TdHlsZXModGhlbWUsIGlzRHJvcGRvd25PcGVuKX1cbiAgICAgICAgICB7Li4uKGRhdGFVaWVOYW1lICYmIHtcbiAgICAgICAgICAgICdkYXRhLXVpZS1uYW1lJzogYGRyb3Bkb3duLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IGN1cnJlbnRPcHRpb24gPT0gaW5kZXg7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgIGtleT17b3B0aW9uLnZhbHVlfVxuICAgICAgICAgICAgICAgIGlkPXtvcHRpb24udmFsdWUudG9TdHJpbmcoKX1cbiAgICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bihpbmRleCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25PcHRpb25DaGFuZ2UoaW5kZXgpfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25PcHRpb25TdHlsZXModGhlbWUsIGlzU2VsZWN0ZWQpfVxuICAgICAgICAgICAgICAgIHsuLi4oZGF0YVVpZU5hbWUgJiYge1xuICAgICAgICAgICAgICAgICAgJ2RhdGEtdWllLW5hbWUnOiBgb3B0aW9uLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICdkYXRhLXVpZS12YWx1ZSc6IG9wdGlvbi52YWx1ZSxcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuV0hJVEUgOiBDT0xPUl9WMi5HUkFZXzgwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"),
+    css: function css(theme) {
+      return _objectSpread({
+        marginBottom: markInvalid ? '2px' : '20px',
+        width: '100%',
+        '&:focus-within label': {
+          color: theme.general.primaryColor
+        }
+      }, wrapperCSS);
+    },
     "data-uie-name": dataUieName,
     ref: selectContainerRef
   }, label && (0, _react.jsx)(_InputLabel["default"], {
@@ -307,7 +324,7 @@ var Select = function Select(_ref2) {
     "data-uie-name": dataUieName
   }, hasSelectedOption && {
     'data-value': value.value
-  }), hasSelectedOption ? value.label : placeholderText), (0, _react.jsx)("ul", (0, _extends2["default"])({
+  }), hasSelectedOption ? value.label : placeholderText, ArrowDown), (0, _react.jsx)("ul", (0, _extends2["default"])({
     ref: listRef,
     role: "listbox",
     "aria-labelledby": id,
@@ -337,19 +354,23 @@ var Select = function Select(_ref2) {
       'data-uie-name': "option-".concat(dataUieName),
       'data-uie-value': option.value
     }), option.label, option.description && (0, _react.jsx)("p", {
-      css: /*#__PURE__*/(0, _react.css)({
-        marginBottom: 0,
-        fontSize: '14px',
-        color: isSelected ? _Identity.COLOR_V2.WHITE : _Identity.COLOR_V2.GRAY_80
-      }, process.env.NODE_ENV === "production" ? "" : ";label:Select;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ1VvQiIsImZpbGUiOiJTZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SX1YyfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge2ZpbHRlclByb3BzLCBpbmxpbmVTVkd9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtpbnB1dFN0eWxlfSBmcm9tICcuL0lucHV0JztcbmltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW5wdXRMYWJlbCBmcm9tICcuL0lucHV0TGFiZWwnO1xuXG5leHBvcnQgdHlwZSBTZWxlY3RPcHRpb24gPSB7XG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RQcm9wczxUIGV4dGVuZHMgU2VsZWN0T3B0aW9uID0gU2VsZWN0T3B0aW9uPiB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAoc2VsZWN0ZWRPcHRpb246IFRbJ3ZhbHVlJ10pID0+IHZvaWQ7XG4gIGRhdGFVaWVOYW1lOiBzdHJpbmc7XG4gIG9wdGlvbnM6IFRbXTtcbiAgdmFsdWU/OiBUIHwgbnVsbDtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBtYXJrSW52YWxpZD86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3RFbGVtZW50O1xuICB3cmFwcGVyQ1NTPzogQ1NTT2JqZWN0O1xufVxuXG5jb25zdCBBcnJvd0Rvd24gPSAodGhlbWU6IFRoZW1lKSA9PiBgXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiPlxuICAgICAgICA8cGF0aCBmaWxsPVwiJHt0aGVtZS5nZW5lcmFsLmNvbG9yfVwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk03Ljk5OTYzIDEyLjU3MTFMMTUuNjU2NSA0LjkxNDIxTDE0LjI0MjMgMy41TDcuOTk5NjMgOS43NDI2NEwxLjc1Njk5IDMuNUwwLjM0Mjc3MyA0LjkxNDIxTDcuOTk5NjMgMTIuNTcxMVpcIi8+XG4gICAgPC9zdmc+XG5gO1xuXG5leHBvcnQgY29uc3Qgc2VsZWN0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzLCBlcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHtkaXNhYmxlZCA9IGZhbHNlLCBtYXJrSW52YWxpZCwgLi4ucHJvcHN9LFxuICBlcnJvciA9IGZhbHNlLFxuKSA9PiAoe1xuICAuLi5pbnB1dFN0eWxlKHRoZW1lLCBwcm9wcyksXG4gICcmOi1tb3otZm9jdXNyaW5nJzoge1xuICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIHRleHRTaGFkb3c6ICcwIDAgMCAjMDAwJyxcbiAgfSxcbiAgJyY6ZGlzYWJsZWQnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLkdSQVksXG4gIH0sXG4gIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgYmFja2dyb3VuZDogZGlzYWJsZWRcbiAgICA/IGAke3RoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYFxuICAgIDogYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yfSBjZW50ZXIgcmlnaHQgMTZweCBuby1yZXBlYXQgdXJsKFwiJHtpbmxpbmVTVkcoQXJyb3dEb3duKHRoZW1lKSl9XCIpYCxcbiAgYm94U2hhZG93OiBtYXJrSW52YWxpZCA/IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5SRUR9YCA6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIGN1cnNvcjogZGlzYWJsZWQgPyAnbm9ybWFsJyA6ICdwb2ludGVyJyxcbiAgZm9udFNpemU6ICcxNnB4JyxcbiAgZm9udFdlaWdodDogMzAwLFxuICBwYWRkaW5nUmlnaHQ6ICczMHB4JyxcbiAgdGV4dEFsaWduOiAnbGVmdCcsXG4gIG1hcmdpbkJvdHRvbTogZXJyb3IgJiYgJzhweCcsXG4gICcmOmludmFsaWQsIG9wdGlvbjpmaXJzdC1vZi10eXBlJzoge1xuICAgIGNvbG9yOiBDT0xPUl9WMi5SRUQsXG4gIH0sXG4gIC4uLighZGlzYWJsZWQgJiYge1xuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuR1JBWV82MH1gLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMsICY6YWN0aXZlJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Q09MT1JfVjIuQkxVRX1gLFxuICAgIH0sXG4gIH0pLFxufSk7XG5cbmNvbnN0IGRyb3Bkb3duU3R5bGVzID0gKHRoZW1lOiBUaGVtZSwgaXNEcm9wZG93bk9wZW46IGJvb2xlYW4pOiBDU1NPYmplY3QgPT4gKHtcbiAgaGVpZ2h0OiBpc0Ryb3Bkb3duT3BlbiA/ICdhdXRvJyA6IDAsXG4gIHZpc2liaWxpdHk6IGlzRHJvcGRvd25PcGVuID8gJ3Zpc2libGUnIDogJ2hpZGRlbicsXG4gIG1hcmdpbjogJzNweCAwIDAnLFxuICBwYWRkaW5nOiAwLFxuICBib3JkZXJSYWRpdXM6ICcxMHB4JyxcbiAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Q09MT1JfVjIuQkxVRX1gLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgdG9wOiAnMTAwJScsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiAnMTAwJScsXG4gIG1heEhlaWdodDogJzI0MHB4JyxcbiAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gIHpJbmRleDogOSxcbn0pO1xuXG5jb25zdCBkcm9wZG93bk9wdGlvblN0eWxlcyA9ICh0aGVtZTogVGhlbWUsIGlzU2VsZWN0ZWQ6IGJvb2xlYW4pOiBDU1NPYmplY3QgPT4gKHtcbiAgYmFja2dyb3VuZDogaXNTZWxlY3RlZCA/IENPTE9SX1YyLkJMVUUgOiBDT0xPUl9WMi5XSElURSxcbiAgbGlzdFN0eWxlOiAnbm9uZScsXG4gIHBhZGRpbmc6ICcxMHB4IDIwcHggMTRweCcsXG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIGxpbmVIZWlnaHQ6ICcyNHB4JyxcbiAgbGV0dGVyU3BhY2luZzogJzAuMDVweCcsXG4gIGNvbG9yOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuV0hJVEUgOiBDT0xPUl9WMi5CTEFDSyxcbiAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICBib3JkZXJSYWRpdXM6ICcxMHB4IDEwcHggMCAwJyxcbiAgfSxcbiAgJyY6bGFzdC1vZi10eXBlJzoge1xuICAgIGJvcmRlclJhZGl1czogJzAgMCAxMHB4IDEwcHgnLFxuICB9LFxuICAnJjpub3QoOmxhc3Qtb2YtdHlwZSknOiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1JfVjIuR1JBWV80MH1gLFxuICB9LFxuICAnJjpob3ZlciwgJjphY3RpdmUsICY6Zm9jdXMnOiB7XG4gICAgYmFja2dyb3VuZDogQ09MT1JfVjIuQkxVRSxcbiAgICBib3JkZXJDb2xvcjogQ09MT1JfVjIuQkxVRSxcbiAgICBjb2xvcjogQ09MT1JfVjIuV0hJVEUsXG4gIH0sXG59KTtcblxuY29uc3QgZmlsdGVyU2VsZWN0UHJvcHMgPSBwcm9wcyA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCddKTtcblxuY29uc3QgcGxhY2Vob2xkZXJUZXh0ID0gJy0gUGxlYXNlIHNlbGVjdCAtJztcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IDxUIGV4dGVuZHMgU2VsZWN0T3B0aW9uID0gU2VsZWN0T3B0aW9uPih7XG4gIGlkLFxuICBsYWJlbCxcbiAgZXJyb3IsXG4gIGhlbHBlclRleHQsXG4gIG9wdGlvbnMgPSBbXSxcbiAgdmFsdWUgPSBudWxsLFxuICBvbkNoYW5nZSxcbiAgcmVxdWlyZWQsXG4gIG1hcmtJbnZhbGlkLFxuICBkYXRhVWllTmFtZSxcbiAgd3JhcHBlckNTUyA9IHt9LFxuICAuLi5wcm9wc1xufTogU2VsZWN0UHJvcHM8VD4pID0+IHtcbiAgY29uc3QgY3VycmVudE9wdGlvbiA9IG9wdGlvbnMuZmluZEluZGV4KG9wdGlvbiA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlPy52YWx1ZSk7XG5cbiAgY29uc3Qgc2VsZWN0Q29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzRHJvcGRvd25PcGVuLCBzZXRJc0Ryb3Bkb3duT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtzZWxlY3RlZE9wdGlvbiwgc2V0U2VsZWN0ZWRPcHRpb25dID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4oY3VycmVudE9wdGlvbiA9PT0gLTEgPyBudWxsIDogY3VycmVudE9wdGlvbik7XG5cbiAgY29uc3QgaGFzU2VsZWN0ZWRPcHRpb24gPSBzZWxlY3RlZE9wdGlvbiAhPT0gbnVsbDtcbiAgY29uc3QgaGFzRXJyb3IgPSAhIWVycm9yO1xuXG4gIGNvbnN0IHNjcm9sbFRvQ3VycmVudE9wdGlvbiA9IChpZHg6IG51bWJlcikgPT4ge1xuICAgIGlmIChsaXN0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxpc3RTZWxlY3RlZE9wdGlvbiA9IGxpc3RSZWYuY3VycmVudC5jaGlsZHJlbltpZHhdIGFzIEhUTUxMSUVsZW1lbnQ7XG4gICAgICBjb25zdCBnZXRZUG9zaXRpb24gPSBsaXN0U2VsZWN0ZWRPcHRpb24gJiYgbGlzdFNlbGVjdGVkT3B0aW9uLm9mZnNldFRvcDtcblxuICAgICAgbGlzdFJlZi5jdXJyZW50LnNjcm9sbCh7XG4gICAgICAgIHRvcDogZ2V0WVBvc2l0aW9uID8/IDAsXG4gICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvblRvZ2dsZURyb3Bkb3duID0gKCkgPT4gc2V0SXNEcm9wZG93bk9wZW4ocHJldlN0YXRlID0+ICFwcmV2U3RhdGUpO1xuXG4gIGNvbnN0IG9uT3B0aW9uU2VsZWN0ID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb24oaWR4KTtcbiAgICBvbkNoYW5nZShvcHRpb25zW2lkeF0udmFsdWUpO1xuICAgIHNjcm9sbFRvQ3VycmVudE9wdGlvbihpZHgpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3B0aW9uQ2hhbmdlID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgb25PcHRpb25TZWxlY3QoaWR4KTtcbiAgICBzZXRJc0Ryb3Bkb3duT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTGlzdEtleURvd24gPSBlID0+IHtcbiAgICBzd2l0Y2ggKGUua2V5KSB7XG4gICAgICBjYXNlICdFc2NhcGUnOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdBcnJvd1VwJzpcbiAgICAgIGNhc2UgJ0Fycm93TGVmdCc6XG4gICAgICAgIGlmICghaXNEcm9wZG93bk9wZW4pIHtcbiAgICAgICAgICBzZXRJc0Ryb3Bkb3duT3Blbih0cnVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25TZWxlY3Qoc2VsZWN0ZWRPcHRpb24gLSAxID49IDAgPyBzZWxlY3RlZE9wdGlvbiAtIDEgOiBvcHRpb25zLmxlbmd0aCAtIDEpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93RG93bic6XG4gICAgICBjYXNlICdBcnJvd1JpZ2h0JzpcbiAgICAgICAgaWYgKCFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgIHNldElzRHJvcGRvd25PcGVuKHRydWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBpZiAoc2VsZWN0ZWRPcHRpb24gPT09IG51bGwpIHtcbiAgICAgICAgICBvbk9wdGlvblNlbGVjdCgwKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBvbk9wdGlvblNlbGVjdChzZWxlY3RlZE9wdGlvbiA9PT0gb3B0aW9ucy5sZW5ndGggLSAxID8gMCA6IHNlbGVjdGVkT3B0aW9uICsgMSk7XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVhaztcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IGluZGV4ID0+IGUgPT4ge1xuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJyAnOlxuICAgICAgY2FzZSAnU3BhY2VCYXInOlxuICAgICAgY2FzZSAnRW50ZXInOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIG9uT3B0aW9uQ2hhbmdlKGluZGV4KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVhaztcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlT3V0c2lkZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgaWYgKHNlbGVjdENvbnRhaW5lclJlZi5jdXJyZW50ICYmICFzZWxlY3RDb250YWluZXJSZWYuY3VycmVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkpIHtcbiAgICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVPdXRzaWRlQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZU91dHNpZGVDbGljayk7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogbWFya0ludmFsaWQgPyAnMnB4JyA6ICcyMHB4JyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgJyY6Zm9jdXMtd2l0aGluIGxhYmVsJzoge1xuICAgICAgICAgIGNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgICB9LFxuICAgICAgICAuLi53cmFwcGVyQ1NTLFxuICAgICAgfX1cbiAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgcmVmPXtzZWxlY3RDb250YWluZXJSZWZ9XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPElucHV0TGFiZWwgaHRtbEZvcj17aWR9IGlzUmVxdWlyZWQ9e3JlcXVpcmVkfSBtYXJrSW52YWxpZD17bWFya0ludmFsaWR9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3twb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtoYXNTZWxlY3RlZE9wdGlvbiA/IHZhbHVlLmxhYmVsIDogJyd9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNEcm9wZG93bk9wZW59XG4gICAgICAgICAgYXJpYS1oYXNwb3B1cD1cImxpc3Rib3hcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17aWR9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlRHJvcGRvd259XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVMaXN0S2V5RG93bn1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IHNlbGVjdFN0eWxlKHRoZW1lLCBwcm9wcywgaGFzRXJyb3IpfVxuICAgICAgICAgIHsuLi5maWx0ZXJTZWxlY3RQcm9wcyhwcm9wcyl9XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT17ZGF0YVVpZU5hbWV9XG4gICAgICAgICAgey4uLihoYXNTZWxlY3RlZE9wdGlvbiAmJiB7XG4gICAgICAgICAgICAnZGF0YS12YWx1ZSc6IHZhbHVlLnZhbHVlLFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2hhc1NlbGVjdGVkT3B0aW9uID8gdmFsdWUubGFiZWwgOiBwbGFjZWhvbGRlclRleHR9XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIDx1bFxuICAgICAgICAgIHJlZj17bGlzdFJlZn1cbiAgICAgICAgICByb2xlPVwibGlzdGJveFwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtpZH1cbiAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVMaXN0S2V5RG93bn1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRyb3Bkb3duU3R5bGVzKHRoZW1lLCBpc0Ryb3Bkb3duT3Blbil9XG4gICAgICAgICAgey4uLihkYXRhVWllTmFtZSAmJiB7XG4gICAgICAgICAgICAnZGF0YS11aWUtbmFtZSc6IGBkcm9wZG93bi0ke2RhdGFVaWVOYW1lfWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBjdXJyZW50T3B0aW9uID09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICBrZXk9e29wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICBpZD17b3B0aW9uLnZhbHVlLnRvU3RyaW5nKCl9XG4gICAgICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd24oaW5kZXgpfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uT3B0aW9uQ2hhbmdlKGluZGV4KX1cbiAgICAgICAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRyb3Bkb3duT3B0aW9uU3R5bGVzKHRoZW1lLCBpc1NlbGVjdGVkKX1cbiAgICAgICAgICAgICAgICB7Li4uKGRhdGFVaWVOYW1lICYmIHtcbiAgICAgICAgICAgICAgICAgICdkYXRhLXVpZS1uYW1lJzogYG9wdGlvbi0ke2RhdGFVaWVOYW1lfWAsXG4gICAgICAgICAgICAgICAgICAnZGF0YS11aWUtdmFsdWUnOiBvcHRpb24udmFsdWUsXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuXG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICA8cFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogaXNTZWxlY3RlZCA/IENPTE9SX1YyLldISVRFIDogQ09MT1JfVjIuR1JBWV84MCxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC91bD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7IWhhc0Vycm9yICYmIGhlbHBlclRleHQgJiYgKFxuICAgICAgICA8cCBjc3M9e3tmb250U2l6ZTogJzEycHgnLCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBDT0xPUl9WMi5HUkFZXzgwLCBtYXJnaW5Ub3A6IDh9fT57aGVscGVyVGV4dH08L3A+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3J9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */")
+      css: function css(theme) {
+        return {
+          marginBottom: 0,
+          fontSize: '14px',
+          color: isSelected ? theme.general.color : theme.Input.labelColor
+        };
+      }
     }, option.description));
   }))), !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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ1ZXIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIGlubGluZVNWR30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge2lucHV0U3R5bGV9IGZyb20gJy4vSW5wdXQnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdFByb3BzPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+IHtcbiAgaWQ6IHN0cmluZztcbiAgb25DaGFuZ2U6IChzZWxlY3RlZE9wdGlvbjogVFsndmFsdWUnXSkgPT4gdm9pZDtcbiAgZGF0YVVpZU5hbWU6IHN0cmluZztcbiAgb3B0aW9uczogVFtdO1xuICB2YWx1ZT86IFQgfCBudWxsO1xuICBoZWxwZXJUZXh0Pzogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIHdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IEFycm93RG93biA9ICh0aGVtZTogVGhlbWUpID0+IGBcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCI+XG4gICAgICAgIDxwYXRoIGZpbGw9XCIke3RoZW1lLmdlbmVyYWwuY29sb3J9XCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTcuOTk5NjMgMTIuNTcxMUwxNS42NTY1IDQuOTE0MjFMMTQuMjQyMyAzLjVMNy45OTk2MyA5Ljc0MjY0TDEuNzU2OTkgMy41TDAuMzQyNzczIDQuOTE0MjFMNy45OTk2MyAxMi41NzExWlwiLz5cbiAgICA8L3N2Zz5cbmA7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgcHJvcHMsIGVycm9yPzogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAge2Rpc2FibGVkID0gZmFsc2UsIG1hcmtJbnZhbGlkLCAuLi5wcm9wc30sXG4gIGVycm9yID0gZmFsc2UsXG4pID0+ICh7XG4gIC4uLmlucHV0U3R5bGUodGhlbWUsIHByb3BzKSxcbiAgJyY6LW1vei1mb2N1c3JpbmcnOiB7XG4gICAgY29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgdGV4dFNoYWRvdzogJzAgMCAwICMwMDAnLFxuICB9LFxuICAnJjpkaXNhYmxlZCc6IHtcbiAgICBjb2xvcjogQ09MT1JfVjIuR1JBWSxcbiAgfSxcbiAgYXBwZWFyYW5jZTogJ25vbmUnLFxuICBiYWNrZ3JvdW5kOiBkaXNhYmxlZFxuICAgID8gYCR7dGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yRGlzYWJsZWR9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgXG4gICAgOiBgJHt0aGVtZS5JbnB1dC5iYWNrZ3JvdW5kQ29sb3J9IGNlbnRlciByaWdodCAxNnB4IG5vLXJlcGVhdCB1cmwoXCIke2lubGluZVNWRyhBcnJvd0Rvd24odGhlbWUpKX1cIilgLFxuICBib3hTaGFkb3c6IG1hcmtJbnZhbGlkID8gYDAgMCAwIDFweCAke0NPTE9SX1YyLlJFRH1gIDogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3JtYWwnIDogJ3BvaW50ZXInLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiAzMDAsXG4gIHBhZGRpbmdSaWdodDogJzMwcHgnLFxuICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgbWFyZ2luQm90dG9tOiBlcnJvciAmJiAnOHB4JyxcbiAgJyY6aW52YWxpZCwgb3B0aW9uOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgY29sb3I6IENPTE9SX1YyLlJFRCxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5HUkFZXzYwfWAsXG4gICAgfSxcbiAgICAnJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHtDT0xPUl9WMi5CTFVFfWAsXG4gICAgfSxcbiAgfSksXG59KTtcblxuY29uc3QgZHJvcGRvd25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBpc0Ryb3Bkb3duT3BlbjogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBoZWlnaHQ6IGlzRHJvcGRvd25PcGVuID8gJ2F1dG8nIDogMCxcbiAgdmlzaWJpbGl0eTogaXNEcm9wZG93bk9wZW4gPyAndmlzaWJsZScgOiAnaGlkZGVuJyxcbiAgbWFyZ2luOiAnM3B4IDAgMCcsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogJzEwcHgnLFxuICBib3JkZXI6IGAxcHggc29saWQgJHtDT0xPUl9WMi5CTFVFfWAsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB0b3A6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgbWF4SGVpZ2h0OiAnMjQwcHgnLFxuICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgekluZGV4OiA5LFxufSk7XG5cbmNvbnN0IGRyb3Bkb3duT3B0aW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSwgaXNTZWxlY3RlZDogYm9vbGVhbik6IENTU09iamVjdCA9PiAoe1xuICBiYWNrZ3JvdW5kOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuQkxVRSA6IENPTE9SX1YyLldISVRFLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbiAgcGFkZGluZzogJzEwcHggMjBweCAxNHB4JyxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGZvbnRTaXplOiAnMTZweCcsXG4gIGZvbnRXZWlnaHQ6IDMwMCxcbiAgbGluZUhlaWdodDogJzI0cHgnLFxuICBsZXR0ZXJTcGFjaW5nOiAnMC4wNXB4JyxcbiAgY29sb3I6IGlzU2VsZWN0ZWQgPyBDT0xPUl9WMi5XSElURSA6IENPTE9SX1YyLkJMQUNLLFxuICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgIGJvcmRlclJhZGl1czogJzEwcHggMTBweCAwIDAnLFxuICB9LFxuICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgYm9yZGVyUmFkaXVzOiAnMCAwIDEwcHggMTBweCcsXG4gIH0sXG4gICcmOm5vdCg6bGFzdC1vZi10eXBlKSc6IHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUl9WMi5HUkFZXzQwfWAsXG4gIH0sXG4gICcmOmhvdmVyLCAmOmFjdGl2ZSwgJjpmb2N1cyc6IHtcbiAgICBiYWNrZ3JvdW5kOiBDT0xPUl9WMi5CTFVFLFxuICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5CTFVFLFxuICAgIGNvbG9yOiBDT0xPUl9WMi5XSElURSxcbiAgfSxcbn0pO1xuXG5jb25zdCBmaWx0ZXJTZWxlY3RQcm9wcyA9IHByb3BzID0+IGZpbHRlclByb3BzKHByb3BzLCBbJ21hcmtJbnZhbGlkJ10pO1xuXG5jb25zdCBwbGFjZWhvbGRlclRleHQgPSAnLSBQbGVhc2Ugc2VsZWN0IC0nO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gPFQgZXh0ZW5kcyBTZWxlY3RPcHRpb24gPSBTZWxlY3RPcHRpb24+KHtcbiAgaWQsXG4gIGxhYmVsLFxuICBlcnJvcixcbiAgaGVscGVyVGV4dCxcbiAgb3B0aW9ucyA9IFtdLFxuICB2YWx1ZSA9IG51bGwsXG4gIG9uQ2hhbmdlLFxuICByZXF1aXJlZCxcbiAgbWFya0ludmFsaWQsXG4gIGRhdGFVaWVOYW1lLFxuICB3cmFwcGVyQ1NTID0ge30sXG4gIC4uLnByb3BzXG59OiBTZWxlY3RQcm9wczxUPikgPT4ge1xuICBjb25zdCBjdXJyZW50T3B0aW9uID0gb3B0aW9ucy5maW5kSW5kZXgob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU/LnZhbHVlKTtcblxuICBjb25zdCBzZWxlY3RDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNEcm9wZG93bk9wZW4sIHNldElzRHJvcGRvd25PcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihjdXJyZW50T3B0aW9uID09PSAtMSA/IG51bGwgOiBjdXJyZW50T3B0aW9uKTtcblxuICBjb25zdCBoYXNTZWxlY3RlZE9wdGlvbiA9IHNlbGVjdGVkT3B0aW9uICE9PSBudWxsO1xuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG5cbiAgY29uc3Qgc2Nyb2xsVG9DdXJyZW50T3B0aW9uID0gKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgbGlzdFNlbGVjdGVkT3B0aW9uID0gbGlzdFJlZi5jdXJyZW50LmNoaWxkcmVuW2lkeF0gYXMgSFRNTExJRWxlbWVudDtcbiAgICAgIGNvbnN0IGdldFlQb3NpdGlvbiA9IGxpc3RTZWxlY3RlZE9wdGlvbiAmJiBsaXN0U2VsZWN0ZWRPcHRpb24ub2Zmc2V0VG9wO1xuXG4gICAgICBsaXN0UmVmLmN1cnJlbnQuc2Nyb2xsKHtcbiAgICAgICAgdG9wOiBnZXRZUG9zaXRpb24gPz8gMCxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVG9nZ2xlRHJvcGRvd24gPSAoKSA9PiBzZXRJc0Ryb3Bkb3duT3BlbihwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3Qgb25PcHRpb25TZWxlY3QgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbihpZHgpO1xuICAgIG9uQ2hhbmdlKG9wdGlvbnNbaWR4XS52YWx1ZSk7XG4gICAgc2Nyb2xsVG9DdXJyZW50T3B0aW9uKGlkeCk7XG4gIH07XG5cbiAgY29uc3Qgb25PcHRpb25DaGFuZ2UgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBvbk9wdGlvblNlbGVjdChpZHgpO1xuICAgIHNldElzRHJvcGRvd25PcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVMaXN0S2V5RG93biA9IGUgPT4ge1xuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJ0VzY2FwZSc6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgY2FzZSAnQXJyb3dMZWZ0JzpcbiAgICAgICAgaWYgKCFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgIHNldElzRHJvcGRvd25PcGVuKHRydWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvbk9wdGlvblNlbGVjdChzZWxlY3RlZE9wdGlvbiAtIDEgPj0gMCA/IHNlbGVjdGVkT3B0aW9uIC0gMSA6IG9wdGlvbnMubGVuZ3RoIC0gMSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOlxuICAgICAgICBpZiAoIWlzRHJvcGRvd25PcGVuKSB7XG4gICAgICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGlmIChzZWxlY3RlZE9wdGlvbiA9PT0gbnVsbCkge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KDApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG9uT3B0aW9uU2VsZWN0KHNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25zLmxlbmd0aCAtIDEgPyAwIDogc2VsZWN0ZWRPcHRpb24gKyAxKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gaW5kZXggPT4gZSA9PiB7XG4gICAgc3dpdGNoIChlLmtleSkge1xuICAgICAgY2FzZSAnICc6XG4gICAgICBjYXNlICdTcGFjZUJhcic6XG4gICAgICBjYXNlICdFbnRlcic6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25DaGFuZ2UoaW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVPdXRzaWRlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoc2VsZWN0Q29udGFpbmVyUmVmLmN1cnJlbnQgJiYgIXNlbGVjdENvbnRhaW5lclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4oZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZU91dHNpZGVDbGljayk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlT3V0c2lkZUNsaWNrKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiBtYXJrSW52YWxpZCA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IENPTE9SX1YyLkJMVUUsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLndyYXBwZXJDU1MsXG4gICAgICB9fVxuICAgICAgZGF0YS11aWUtbmFtZT17ZGF0YVVpZU5hbWV9XG4gICAgICByZWY9e3NlbGVjdENvbnRhaW5lclJlZn1cbiAgICA+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8SW5wdXRMYWJlbCBodG1sRm9yPXtpZH0gaXNSZXF1aXJlZD17cmVxdWlyZWR9IG1hcmtJbnZhbGlkPXttYXJrSW52YWxpZH0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICApfVxuXG4gICAgICA8ZGl2IGNzcz17e3Bvc2l0aW9uOiAncmVsYXRpdmUnfX0+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2hhc1NlbGVjdGVkT3B0aW9uID8gdmFsdWUubGFiZWwgOiAnJ31cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0Ryb3Bkb3duT3Blbn1cbiAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwibGlzdGJveFwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtpZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgb25DbGljaz17b25Ub2dnbGVEcm9wZG93bn1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gc2VsZWN0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgey4uLmZpbHRlclNlbGVjdFByb3BzKHByb3BzKX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgICAgICB7Li4uKGhhc1NlbGVjdGVkT3B0aW9uICYmIHtcbiAgICAgICAgICAgICdkYXRhLXZhbHVlJzogdmFsdWUudmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzU2VsZWN0ZWRPcHRpb24gPyB2YWx1ZS5sYWJlbCA6IHBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPHVsXG4gICAgICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2lkfVxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICBvbktleURvd249e2hhbmRsZUxpc3RLZXlEb3dufVxuICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25TdHlsZXModGhlbWUsIGlzRHJvcGRvd25PcGVuKX1cbiAgICAgICAgICB7Li4uKGRhdGFVaWVOYW1lICYmIHtcbiAgICAgICAgICAgICdkYXRhLXVpZS1uYW1lJzogYGRyb3Bkb3duLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IGN1cnJlbnRPcHRpb24gPT0gaW5kZXg7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgIGtleT17b3B0aW9uLnZhbHVlfVxuICAgICAgICAgICAgICAgIGlkPXtvcHRpb24udmFsdWUudG9TdHJpbmcoKX1cbiAgICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bihpbmRleCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25PcHRpb25DaGFuZ2UoaW5kZXgpfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcGRvd25PcHRpb25TdHlsZXModGhlbWUsIGlzU2VsZWN0ZWQpfVxuICAgICAgICAgICAgICAgIHsuLi4oZGF0YVVpZU5hbWUgJiYge1xuICAgICAgICAgICAgICAgICAgJ2RhdGEtdWllLW5hbWUnOiBgb3B0aW9uLSR7ZGF0YVVpZU5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICdkYXRhLXVpZS12YWx1ZSc6IG9wdGlvbi52YWx1ZSxcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc1NlbGVjdGVkID8gQ09MT1JfVjIuV0hJVEUgOiBDT0xPUl9WMi5HUkFZXzgwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwIGNzcz17e2ZvbnRTaXplOiAnMTJweCcsIGZvbnRXZWlnaHQ6IDQwMCwgY29sb3I6IENPTE9SX1YyLkdSQVlfODAsIG1hcmdpblRvcDogOH19PntoZWxwZXJUZXh0fTwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
+    css: function css(theme) {
+      return {
+        fontSize: '12px',
+        fontWeight: 400,
+        color: theme.Input.labelColor,
+        marginTop: 8
+      };
+    }
   }, helperText), error);
 };
 

package/src/Form/Select.js.map

@@ -1 +1 @@
-{"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","textAlign","marginBottom","GRAY_60","BLUE","dropdownStyles","isDropdownOpen","height","visibility","margin","padding","borderRadius","border","position","top","left","width","maxHeight","overflowY","zIndex","dropdownOptionStyles","isSelected","WHITE","listStyle","lineHeight","letterSpacing","BLACK","borderBottom","borderColor","filterSelectProps","placeholderText","Select","id","label","helperText","options","value","onChange","required","dataUieName","wrapperCSS","currentOption","findIndex","option","selectContainerRef","listRef","setIsDropdownOpen","selectedOption","setSelectedOption","hasSelectedOption","hasError","scrollToCurrentOption","idx","current","listSelectedOption","children","getYPosition","offsetTop","scroll","behavior","onToggleDropdown","prevState","onOptionSelect","onOptionChange","handleListKeyDown","e","key","preventDefault","length","handleKeyDown","index","handleOutsideClick","event","contains","target","window","addEventListener","removeEventListener","map","toString","description","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';\n\nimport {COLOR_V2} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {filterProps, inlineSVG} from '../util';\nimport {inputStyle} from './Input';\nimport React, {ReactElement, useEffect, useRef, useState} from 'react';\nimport InputLabel from './InputLabel';\n\nexport type SelectOption = {\n  value: string | number;\n  label: string;\n  description?: string;\n};\n\nexport interface SelectProps<T extends SelectOption = SelectOption> {\n  id: string;\n  onChange: (selectedOption: T['value']) => void;\n  dataUieName: string;\n  options: T[];\n  value?: T | null;\n  helperText?: string;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n  markInvalid?: boolean;\n  error?: ReactElement;\n  wrapperCSS?: CSSObject;\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`;\n\nexport const selectStyle: <T>(theme: Theme, props, 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  textAlign: 'left',\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 dropdownStyles = (theme: Theme, isDropdownOpen: boolean): CSSObject => ({\n  height: isDropdownOpen ? 'auto' : 0,\n  visibility: isDropdownOpen ? 'visible' : 'hidden',\n  margin: '3px 0 0',\n  padding: 0,\n  borderRadius: '10px',\n  border: `1px solid ${COLOR_V2.BLUE}`,\n  position: 'absolute',\n  top: '100%',\n  left: 0,\n  width: '100%',\n  maxHeight: '240px',\n  overflowY: 'auto',\n  zIndex: 9,\n});\n\nconst dropdownOptionStyles = (theme: Theme, isSelected: boolean): CSSObject => ({\n  background: isSelected ? COLOR_V2.BLUE : COLOR_V2.WHITE,\n  listStyle: 'none',\n  padding: '10px 20px 14px',\n  cursor: 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  lineHeight: '24px',\n  letterSpacing: '0.05px',\n  color: isSelected ? COLOR_V2.WHITE : COLOR_V2.BLACK,\n  '&:first-of-type': {\n    borderRadius: '10px 10px 0 0',\n  },\n  '&:last-of-type': {\n    borderRadius: '0 0 10px 10px',\n  },\n  '&:not(:last-of-type)': {\n    borderBottom: `1px solid ${COLOR_V2.GRAY_40}`,\n  },\n  '&:hover, &:active, &:focus': {\n    background: COLOR_V2.BLUE,\n    borderColor: COLOR_V2.BLUE,\n    color: COLOR_V2.WHITE,\n  },\n});\n\nconst filterSelectProps = props => filterProps(props, ['markInvalid']);\n\nconst placeholderText = '- Please select -';\n\nexport const Select = <T extends SelectOption = SelectOption>({\n  id,\n  label,\n  error,\n  helperText,\n  options = [],\n  value = null,\n  onChange,\n  required,\n  markInvalid,\n  dataUieName,\n  wrapperCSS = {},\n  ...props\n}: SelectProps<T>) => {\n  const currentOption = options.findIndex(option => option.value === value?.value);\n\n  const selectContainerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLUListElement>(null);\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n  const [selectedOption, setSelectedOption] = useState<number | null>(currentOption === -1 ? null : currentOption);\n\n  const hasSelectedOption = selectedOption !== null;\n  const hasError = !!error;\n\n  const scrollToCurrentOption = (idx: number) => {\n    if (listRef.current) {\n      const listSelectedOption = listRef.current.children[idx] as HTMLLIElement;\n      const getYPosition = listSelectedOption && listSelectedOption.offsetTop;\n\n      listRef.current.scroll({\n        top: getYPosition ?? 0,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  const onToggleDropdown = () => setIsDropdownOpen(prevState => !prevState);\n\n  const onOptionSelect = (idx: number) => {\n    setSelectedOption(idx);\n    onChange(options[idx].value);\n    scrollToCurrentOption(idx);\n  };\n\n  const onOptionChange = (idx: number) => {\n    onOptionSelect(idx);\n    setIsDropdownOpen(false);\n  };\n\n  const handleListKeyDown = e => {\n    switch (e.key) {\n      case 'Escape':\n        e.preventDefault();\n        setIsDropdownOpen(false);\n        break;\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n\n        e.preventDefault();\n        onOptionSelect(selectedOption - 1 >= 0 ? selectedOption - 1 : options.length - 1);\n        break;\n      case 'ArrowDown':\n      case 'ArrowRight':\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n\n        e.preventDefault();\n        if (selectedOption === null) {\n          onOptionSelect(0);\n        } else {\n          onOptionSelect(selectedOption === options.length - 1 ? 0 : selectedOption + 1);\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleKeyDown = index => e => {\n    switch (e.key) {\n      case ' ':\n      case 'SpaceBar':\n      case 'Enter':\n        e.preventDefault();\n        onOptionChange(index);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleOutsideClick = (event: MouseEvent) => {\n    if (selectContainerRef.current && !selectContainerRef.current.contains(event.target as Node)) {\n      setIsDropdownOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('click', handleOutsideClick);\n\n    return () => {\n      window.removeEventListener('click', handleOutsideClick);\n    };\n  }, []);\n\n  return (\n    <div\n      css={{\n        marginBottom: markInvalid ? '2px' : '20px',\n        width: '100%',\n        '&:focus-within label': {\n          color: COLOR_V2.BLUE,\n        },\n        ...wrapperCSS,\n      }}\n      data-uie-name={dataUieName}\n      ref={selectContainerRef}\n    >\n      {label && (\n        <InputLabel htmlFor={id} isRequired={required} markInvalid={markInvalid}>\n          {label}\n        </InputLabel>\n      )}\n\n      <div css={{position: 'relative'}}>\n        <button\n          type=\"button\"\n          aria-activedescendant={hasSelectedOption ? value.label : ''}\n          aria-expanded={isDropdownOpen}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={id}\n          id={id}\n          onClick={onToggleDropdown}\n          onKeyDown={handleListKeyDown}\n          css={(theme: Theme) => selectStyle(theme, props, hasError)}\n          {...filterSelectProps(props)}\n          data-uie-name={dataUieName}\n          {...(hasSelectedOption && {\n            'data-value': value.value,\n          })}\n        >\n          {hasSelectedOption ? value.label : placeholderText}\n        </button>\n\n        <ul\n          ref={listRef}\n          role=\"listbox\"\n          aria-labelledby={id}\n          tabIndex={-1}\n          onKeyDown={handleListKeyDown}\n          css={(theme: Theme) => dropdownStyles(theme, isDropdownOpen)}\n          {...(dataUieName && {\n            'data-uie-name': `dropdown-${dataUieName}`,\n          })}\n        >\n          {options.map((option, index) => {\n            const isSelected = currentOption == index;\n\n            return (\n              <li\n                key={option.value}\n                id={option.value.toString()}\n                role=\"option\"\n                aria-selected={isSelected}\n                tabIndex={0}\n                onKeyDown={handleKeyDown(index)}\n                onClick={() => onOptionChange(index)}\n                css={(theme: Theme) => dropdownOptionStyles(theme, isSelected)}\n                {...(dataUieName && {\n                  'data-uie-name': `option-${dataUieName}`,\n                  'data-uie-value': option.value,\n                })}\n              >\n                {option.label}\n\n                {option.description && (\n                  <p\n                    css={{\n                      marginBottom: 0,\n                      fontSize: '14px',\n                      color: isSelected ? COLOR_V2.WHITE : COLOR_V2.GRAY_80,\n                    }}\n                  >\n                    {option.description}\n                  </p>\n                )}\n              </li>\n            );\n          })}\n        </ul>\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":"Select.js"}
+{"version":3,"sources":["Select.tsx"],"names":["ArrowDown","selectStyle","theme","disabled","markInvalid","props","error","color","textShadow","select","disabledColor","appearance","boxShadow","general","dangerColor","borderColor","cursor","fontSize","fontWeight","paddingRight","textAlign","textOverflow","overflow","whiteSpace","marginBottom","primaryColor","fill","Input","placeholderColor","position","top","right","dropdownStyles","isDropdownOpen","height","visibility","margin","padding","borderRadius","border","left","width","maxHeight","overflowY","zIndex","dropdownOptionStyles","isSelected","background","backgroundColor","listStyle","lineHeight","letterSpacing","contrastTextColor","borderBottom","borderTop","filterSelectProps","placeholderText","Select","id","label","helperText","options","value","onChange","required","dataUieName","wrapperCSS","currentOption","findIndex","option","selectContainerRef","listRef","setIsDropdownOpen","selectedOption","setSelectedOption","hasSelectedOption","hasError","scrollToCurrentOption","idx","current","listSelectedOption","children","getYPosition","offsetTop","scroll","behavior","onToggleDropdown","prevState","onOptionSelect","onOptionChange","handleListKeyDown","e","key","preventDefault","length","handleKeyDown","index","handleOutsideClick","event","contains","target","window","addEventListener","removeEventListener","map","toString","description","labelColor","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';\n\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {inputStyle} from './Input';\nimport React, {ReactElement, useEffect, useRef, useState} from 'react';\nimport InputLabel from './InputLabel';\n\nexport type SelectOption = {\n  value: string | number;\n  label: string;\n  description?: string;\n};\n\nexport interface SelectProps<T extends SelectOption = SelectOption> {\n  id: string;\n  onChange: (selectedOption: T['value']) => void;\n  dataUieName: string;\n  options: T[];\n  value?: T | null;\n  helperText?: string;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n  markInvalid?: boolean;\n  error?: ReactElement;\n  wrapperCSS?: CSSObject;\n}\n\nconst ArrowDown = (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n    <path 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);\n\nexport const selectStyle: <T>(theme: Theme, props, 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: theme.select.disabledColor,\n  },\n  appearance: 'none',\n  boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.select.borderColor}`,\n  cursor: disabled ? 'normal' : 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  paddingRight: '30px',\n  textAlign: 'left',\n  textOverflow: 'ellipsis',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  marginBottom: error && '8px',\n  '&:invalid, option:first-of-type': {\n    color: theme.general.dangerColor,\n  },\n  ...(!disabled && {\n    '&:hover': {\n      boxShadow: `0 0 0 1px ${theme.select.borderColor}`,\n    },\n    '&:focus, &:active': {\n      boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n    },\n  }),\n  '& > svg': {\n    fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    position: 'absolute',\n    top: '1rem',\n    right: '1rem',\n  },\n});\n\nconst dropdownStyles = (theme: Theme, isDropdownOpen: boolean): CSSObject => ({\n  height: isDropdownOpen ? 'auto' : 0,\n  visibility: isDropdownOpen ? 'visible' : 'hidden',\n  margin: '3px 0 0',\n  padding: 0,\n  borderRadius: '10px',\n  border: `1px solid ${theme.general.primaryColor}`,\n  position: 'absolute',\n  top: '100%',\n  left: 0,\n  width: '100%',\n  maxHeight: '240px',\n  overflowY: 'auto',\n  zIndex: 9,\n});\n\nconst dropdownOptionStyles = (theme: Theme, isSelected: boolean): CSSObject => ({\n  background: isSelected ? theme.general.primaryColor : theme.general.backgroundColor,\n  listStyle: 'none',\n  padding: '10px 20px 14px',\n  cursor: 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  lineHeight: '24px',\n  letterSpacing: '0.05px',\n  color: isSelected ? theme.select.contrastTextColor : theme.general.color,\n  '&:first-of-type': {\n    borderRadius: '10px 10px 0 0',\n  },\n  '&:last-of-type': {\n    borderRadius: '0 0 10px 10px',\n  },\n  '&:not(:last-of-type)': {\n    borderBottom: `1px solid ${theme.select.borderColor}`,\n  },\n  '&:not(:first-of-type)': {\n    borderTop: `1px solid ${theme.select.borderColor}`,\n  },\n  '&:hover, &:active, &:focus': {\n    background: theme.general.primaryColor,\n    borderColor: theme.general.primaryColor,\n    color: theme.select.contrastTextColor,\n  },\n});\n\nconst filterSelectProps = props => filterProps(props, ['markInvalid']);\n\nconst placeholderText = '- Please select -';\n\nexport const Select = <T extends SelectOption = SelectOption>({\n  id,\n  label,\n  error,\n  helperText,\n  options = [],\n  value = null,\n  onChange,\n  required,\n  markInvalid,\n  dataUieName,\n  wrapperCSS = {},\n  ...props\n}: SelectProps<T>) => {\n  const currentOption = options.findIndex(option => option.value === value?.value);\n\n  const selectContainerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLUListElement>(null);\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n  const [selectedOption, setSelectedOption] = useState<number | null>(currentOption === -1 ? null : currentOption);\n\n  const hasSelectedOption = selectedOption !== null;\n  const hasError = !!error;\n\n  const scrollToCurrentOption = (idx: number) => {\n    if (listRef.current) {\n      const listSelectedOption = listRef.current.children[idx] as HTMLLIElement;\n      const getYPosition = listSelectedOption && listSelectedOption.offsetTop;\n\n      listRef.current.scroll({\n        top: getYPosition ?? 0,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  const onToggleDropdown = () => setIsDropdownOpen(prevState => !prevState);\n\n  const onOptionSelect = (idx: number) => {\n    setSelectedOption(idx);\n    onChange(options[idx].value);\n    scrollToCurrentOption(idx);\n  };\n\n  const onOptionChange = (idx: number) => {\n    onOptionSelect(idx);\n    setIsDropdownOpen(false);\n  };\n\n  const handleListKeyDown = e => {\n    switch (e.key) {\n      case 'Escape':\n        e.preventDefault();\n        setIsDropdownOpen(false);\n        break;\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n\n        e.preventDefault();\n        onOptionSelect(selectedOption - 1 >= 0 ? selectedOption - 1 : options.length - 1);\n        break;\n      case 'ArrowDown':\n      case 'ArrowRight':\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n\n        e.preventDefault();\n        if (selectedOption === null) {\n          onOptionSelect(0);\n        } else {\n          onOptionSelect(selectedOption === options.length - 1 ? 0 : selectedOption + 1);\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleKeyDown = index => e => {\n    switch (e.key) {\n      case ' ':\n      case 'SpaceBar':\n      case 'Enter':\n        e.preventDefault();\n        onOptionChange(index);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleOutsideClick = (event: MouseEvent) => {\n    if (selectContainerRef.current && !selectContainerRef.current.contains(event.target as Node)) {\n      setIsDropdownOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('click', handleOutsideClick);\n\n    return () => {\n      window.removeEventListener('click', handleOutsideClick);\n    };\n  }, []);\n\n  return (\n    <div\n      css={(theme: Theme) => ({\n        marginBottom: markInvalid ? '2px' : '20px',\n        width: '100%',\n        '&:focus-within label': {\n          color: theme.general.primaryColor,\n        },\n        ...wrapperCSS,\n      })}\n      data-uie-name={dataUieName}\n      ref={selectContainerRef}\n    >\n      {label && (\n        <InputLabel htmlFor={id} isRequired={required} markInvalid={markInvalid}>\n          {label}\n        </InputLabel>\n      )}\n\n      <div css={{position: 'relative'}}>\n        <button\n          type=\"button\"\n          aria-activedescendant={hasSelectedOption ? value.label : ''}\n          aria-expanded={isDropdownOpen}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={id}\n          id={id}\n          onClick={onToggleDropdown}\n          onKeyDown={handleListKeyDown}\n          css={(theme: Theme) => selectStyle(theme, props, hasError)}\n          {...filterSelectProps(props)}\n          data-uie-name={dataUieName}\n          {...(hasSelectedOption && {\n            'data-value': value.value,\n          })}\n        >\n          {hasSelectedOption ? value.label : placeholderText}\n          {ArrowDown}\n        </button>\n\n        <ul\n          ref={listRef}\n          role=\"listbox\"\n          aria-labelledby={id}\n          tabIndex={-1}\n          onKeyDown={handleListKeyDown}\n          css={(theme: Theme) => dropdownStyles(theme, isDropdownOpen)}\n          {...(dataUieName && {\n            'data-uie-name': `dropdown-${dataUieName}`,\n          })}\n        >\n          {options.map((option, index) => {\n            const isSelected = currentOption == index;\n\n            return (\n              <li\n                key={option.value}\n                id={option.value.toString()}\n                role=\"option\"\n                aria-selected={isSelected}\n                tabIndex={0}\n                onKeyDown={handleKeyDown(index)}\n                onClick={() => onOptionChange(index)}\n                css={(theme: Theme) => dropdownOptionStyles(theme, isSelected)}\n                {...(dataUieName && {\n                  'data-uie-name': `option-${dataUieName}`,\n                  'data-uie-value': option.value,\n                })}\n              >\n                {option.label}\n\n                {option.description && (\n                  <p\n                    css={(theme: Theme) => ({\n                      marginBottom: 0,\n                      fontSize: '14px',\n                      color: isSelected ? theme.general.color : theme.Input.labelColor,\n                    })}\n                  >\n                    {option.description}\n                  </p>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n\n      {!hasError && helperText && (\n        <p css={(theme: Theme) => ({fontSize: '12px', fontWeight: 400, color: theme.Input.labelColor, marginTop: 8})}>\n          {helperText}\n        </p>\n      )}\n\n      {error}\n    </div>\n  );\n};\n"],"file":"Select.js"}

package/src/Layout/StyledApp.d.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=StyledApp.d.js.map

package/src/Layout/StyledApp.d.ts

@@ -1,13 +1,16 @@
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
-import { THEME_ID } from './Theme';
-export interface StyledAppContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+import { THEME_ID, Theme } from './Theme';
+declare type StyledAppContainerProps = {
+    themeId: THEME_ID;
+    theme?: never;
+} | {
+    theme: Theme;
+    themeId?: never;
+};
+declare type BackgroundColorProps = {
     backgroundColor?: string;
-    themeId?: THEME_ID;
-}
-export declare const StyledApp: ({ themeId, children, ...props }: {
-    [x: string]: any;
-    themeId?: THEME_ID;
-    children: any;
-}) => jsx.JSX.Element;
+};
+export declare type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;
+export declare const StyledApp: React.FC<StyledAppProps>;
+export {};

package/src/Layout/StyledApp.js

@@ -21,7 +21,7 @@ var _util = require("../util");
 
 var _Theme = require("./Theme");
 
-var _excluded = ["themeId", "children"];
+var _excluded = ["themeId", "theme", "children"];
 
 var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
@@ -32,8 +32,8 @@ var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
   };
 };
 
-var filterStyledAppContainerProps = function filterStyledAppContainerProps(props) {
-  return (0, _util.filterProps)(props, ['backgroundColor', 'themeId']);
+var filterStyledAppProps = function filterStyledAppProps(props) {
+  return (0, _util.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
 };
 
 var StyledAppContainer = function StyledAppContainer(props) {
@@ -41,16 +41,17 @@ var StyledAppContainer = function StyledAppContainer(props) {
     css: function css(theme) {
       return styledAppContainerStyle(theme, props);
     }
-  }, filterStyledAppContainerProps(props)));
+  }, filterStyledAppProps(props)));
 };
 
 var StyledApp = function StyledApp(_ref2) {
   var _ref2$themeId = _ref2.themeId,
       themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
+      theme = _ref2.theme,
       children = _ref2.children,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   return (0, _react2.jsx)(_Theme.ThemeProvider, {
-    themeId: themeId
+    theme: theme ? theme : _Theme.themes[themeId]
   }, (0, _react2.jsx)(StyledAppContainer, props, (0, _react2.jsx)(_GlobalStyle.GlobalStyle, null), children));
 };
 

package/src/Layout/StyledApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppContainerProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAOA,IAAMA,uBAA0F,GAAG,SAA7FA,uBAA6F,CACjGC,KADiG;AAAA,kCAEhGC,eAFgG;AAAA,MAEhGA,eAFgG,qCAE9ED,KAAK,CAACE,OAAN,CAAcD,eAFgE;AAAA,SAG7F;AACJE,IAAAA,UAAU,EAAEF,eADR;AAEJG,IAAAA,UAAU,EAAE;AAFR,GAH6F;AAAA,CAAnG;;AAQA,IAAMC,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD;AAAA,SACpC,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,CAAnB,CADoC;AAAA,CAAtC;;AAGA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,uBAAuB,CAACC,KAAD,EAAQM,KAAR,CAAzC;AAAA;AAAV,KAAuED,6BAA6B,CAACC,KAAD,CAApG,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAS,GAAG,SAAZA,SAAY;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BC,QAA5B,SAA4BA,QAA5B;AAAA,MAAyCN,KAAzC;AAAA,SACvB,iBAAC,oBAAD;AAAe,IAAA,OAAO,EAAEG;AAAxB,KACE,iBAAC,kBAAD,EAAwBH,KAAxB,EACE,iBAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADuB;AAAA,CAAlB","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 React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider} from './Theme';\n\nexport interface StyledAppContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  themeId?: THEME_ID;\n}\n\nconst styledAppContainerStyle: <T>(theme: Theme, props: StyledAppContainerProps<T>) => CSSObject = (\n  theme,\n  {backgroundColor = theme.general.backgroundColor},\n) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppContainerProps = (props: StyledAppContainerProps) =>\n  filterProps(props, ['backgroundColor', 'themeId']);\n\nconst StyledAppContainer = (props: StyledAppContainerProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppContainerProps(props)} />\n);\n\nexport const StyledApp = ({themeId = THEME_ID.LIGHT, children, ...props}) => (\n  <ThemeProvider themeId={themeId}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"file":"StyledApp.js"}
+{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children","themes"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAkBA,IAAMA,uBAGQ,GAAG,SAHXA,uBAGW,CAACC,KAAD;AAAA,kCAASC,eAAT;AAAA,MAASA,eAAT,qCAA2BD,KAAK,CAACE,OAAN,CAAcD,eAAzC;AAAA,SAA+D;AAC9EE,IAAAA,UAAU,EAAEF,eADkE;AAE9EG,IAAAA,UAAU,EAAE;AAFkE,GAA/D;AAAA,CAHjB;;AAQA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAC3B,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,EAA+B,OAA/B,CAAnB,CAD2B;AAAA,CAA7B;;AAGA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,uBAAuB,CAACC,KAAD,EAAQM,KAAR,CAAzC;AAAA;AAAV,KAAuED,oBAAoB,CAACC,KAAD,CAA3F,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAmC,GAAG,SAAtCA,SAAsC;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BX,KAA5B,SAA4BA,KAA5B;AAAA,MAAmCY,QAAnC,SAAmCA,QAAnC;AAAA,MAAgDN,KAAhD;AAAA,SACjD,iBAAC,oBAAD;AAAe,IAAA,KAAK,EAAEN,KAAK,GAAGA,KAAH,GAAWa,cAAOJ,OAAP;AAAtC,KACE,iBAAC,kBAAD,EAAwBH,KAAxB,EACE,iBAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADiD;AAAA,CAA5C","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 React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider, themes} from './Theme';\n\ntype StyledAppContainerProps =\n  | {\n      themeId: THEME_ID;\n      theme?: never;\n    }\n  | {\n      theme: Theme;\n      themeId?: never;\n    };\n\ntype BackgroundColorProps = {\n  backgroundColor?: string;\n};\n\nexport type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\n\nconst styledAppContainerStyle: (\n  theme: Theme,\n  props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps,\n) => CSSObject = (theme, {backgroundColor = theme.general.backgroundColor}) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppProps = (props: Partial<StyledAppProps>) =>\n  filterProps(props, ['backgroundColor', 'themeId', 'theme']);\n\nconst StyledAppContainer = (props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppProps(props)} />\n);\n\nexport const StyledApp: React.FC<StyledAppProps> = ({themeId = THEME_ID.LIGHT, theme, children, ...props}) => (\n  <ThemeProvider theme={theme ? theme : themes[themeId]}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"file":"StyledApp.js"}

package/src/Layout/Theme.d.ts

@@ -9,17 +9,34 @@ export interface Theme {
     general: {
         backgroundColor: string;
         color: string;
+        dangerColor?: string;
+        primaryColor?: string;
     };
     Input: {
         backgroundColor: string;
         backgroundColorDisabled: string;
         placeholderColor: string;
+        labelColor: string;
+    };
+    select: {
+        disabledColor?: string;
+        contrastTextColor?: string;
+        borderColor?: string;
+    };
+    checkbox: {
+        background?: string;
+        border?: string;
+        borderFocused?: string;
+        disableBgColor?: string;
+        disableBorderColor?: string;
+        disablecheckedBgColor?: string;
+        invalidBorderColor?: string;
     };
 }
 export declare const themes: {
     [themeId in THEME_ID]: Theme;
 };
 export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
-    themeId: THEME_ID;
+    theme?: Theme;
 }
 export declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;

package/src/Layout/Theme.js

@@ -35,32 +35,66 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.L
   Input: {
     backgroundColor: _colors.COLOR.WHITE,
     backgroundColorDisabled: _colorsV.COLOR_V2.GRAY_20,
-    placeholderColor: _colors.COLOR.GRAY_DARKEN_24
+    placeholderColor: _colors.COLOR.GRAY_DARKEN_24,
+    labelColor: _colorsV.COLOR_V2.GRAY_80
   },
   general: {
     backgroundColor: _colors.COLOR.GRAY_LIGHTEN_88,
-    color: _colors.COLOR.TEXT
+    color: _colors.COLOR.TEXT,
+    primaryColor: _colorsV.COLOR_V2.BLUE,
+    dangerColor: _colorsV.COLOR_V2.RED
+  },
+  select: {
+    disabledColor: _colorsV.COLOR_V2.GRAY_70,
+    contrastTextColor: _colors.COLOR.WHITE,
+    borderColor: _colorsV.COLOR_V2.GRAY_40
+  },
+  checkbox: {
+    background: _colorsV.COLOR_V2.GRAY_20,
+    border: _colorsV.COLOR_V2.GRAY_20,
+    borderFocused: _colorsV.BASE_LIGHT_COLOR.BLUE,
+    disableBgColor: _colorsV.COLOR_V2.GRAY_20,
+    disableBorderColor: _colorsV.COLOR_V2.GRAY_60,
+    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_20,
+    invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
   }
 }), (0, _defineProperty2["default"])(_themes, THEME_ID.DARK, {
   Input: {
     backgroundColor: _colors.COLOR.BLACK_LIGHTEN_24,
-    backgroundColorDisabled: _colors.COLOR.DISABLED,
-    placeholderColor: _colors.COLOR.GRAY_LIGHTEN_88
+    backgroundColorDisabled: _colors.COLOR.GRAY_100,
+    placeholderColor: _colors.COLOR.GRAY_LIGHTEN_88,
+    labelColor: _colorsV.COLOR_V2.GRAY_40
   },
   general: {
     backgroundColor: _colors.COLOR.BLACK,
-    color: _colors.COLOR.WHITE
+    color: _colors.COLOR.WHITE,
+    primaryColor: _colorsV.COLOR_V2.BLUE,
+    dangerColor: _colorsV.COLOR_V2.RED
+  },
+  select: {
+    disabledColor: _colorsV.COLOR_V2.GRAY_60,
+    contrastTextColor: _colors.COLOR.BLACK,
+    borderColor: _colorsV.COLOR_V2.GRAY_90
+  },
+  checkbox: {
+    background: _colorsV.COLOR_V2.GRAY_20,
+    border: _colorsV.COLOR_V2.GRAY_80,
+    borderFocused: _colorsV.BASE_DARK_COLOR.BLUE,
+    disableBgColor: _colorsV.COLOR_V2.GRAY_10,
+    disableBorderColor: _colorsV.COLOR_V2.GRAY_70,
+    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_60,
+    invalidBorderColor: _colorsV.BASE_DARK_COLOR.RED
   }
 }), _themes);
 exports.themes = themes;
 
 var filterThemeProps = function filterThemeProps(props) {
-  return (0, _util.filterProps)(props, ['themeId']);
+  return (0, _util.filterProps)(props, ['theme']);
 };
 
 var ThemeProvider = function ThemeProvider(props) {
   return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({
-    theme: themes[props.themeId]
+    theme: props.theme
   }, filterThemeProps(props)));
 };
 

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","Input","backgroundColor","COLOR","WHITE","backgroundColorDisabled","COLOR_V2","GRAY_20","placeholderColor","GRAY_DARKEN_24","labelColor","GRAY_80","general","GRAY_LIGHTEN_88","color","TEXT","primaryColor","BLUE","dangerColor","RED","select","disabledColor","GRAY_70","contrastTextColor","borderColor","GRAY_40","checkbox","background","border","borderFocused","BASE_LIGHT_COLOR","disableBgColor","disableBorderColor","GRAY_60","disablecheckedBgColor","invalidBorderColor","DARK","BLACK_LIGHTEN_24","GRAY_100","BLACK","GRAY_90","BASE_DARK_COLOR","GRAY_10","filterThemeProps","props","ThemeProvider","theme"],"mappings":"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","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, BASE_DARK_COLOR, BASE_LIGHT_COLOR} 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    dangerColor?: string;\n    primaryColor?: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n  };\n  select: {\n    disabledColor?: string;\n    contrastTextColor?: string;\n    borderColor?: string;\n  };\n  checkbox: {\n    background?: string;\n    border?: string;\n    borderFocused?: string;\n    disableBgColor?: string;\n    disableBorderColor?: string;\n    disablecheckedBgColor?: string;\n    invalidBorderColor?: 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      labelColor: COLOR_V2.GRAY_80,\n    },\n    general: {\n      backgroundColor: COLOR.GRAY_LIGHTEN_88,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n    },\n    select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\n    },\n    checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_20,\n      borderFocused: BASE_LIGHT_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_20,\n      disableBorderColor: COLOR_V2.GRAY_60,\n      disablecheckedBgColor: COLOR_V2.GRAY_20,\n      invalidBorderColor: BASE_LIGHT_COLOR.RED,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.GRAY_100,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n      labelColor: COLOR_V2.GRAY_40,\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n    },\n    select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\n    },\n    checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_80,\n      borderFocused: BASE_DARK_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_10,\n      disableBorderColor: COLOR_V2.GRAY_70,\n      disablecheckedBgColor: COLOR_V2.GRAY_60,\n      invalidBorderColor: BASE_DARK_COLOR.RED,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  theme?: Theme;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}

package/src/Text/Text.js

@@ -65,7 +65,7 @@ var textStyle = function textStyle(theme, _ref) {
       _ref$truncate = _ref.truncate,
       truncate = _ref$truncate === void 0 ? false : _ref$truncate;
   return {
-    color: muted ? _Identity.COLOR.GRAY : color,
+    color: muted ? _Identity.COLOR.GRAY : theme.general.color,
     display: block ? 'block' : 'inline',
     fontSize: fontSize,
     fontWeight: bold ? 600 : light ? 200 : 300,

package/src/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Text.tsx"],"names":["filterTextProps","props","textStyle","theme","block","bold","center","color","general","fontSize","light","muted","noWrap","textTransform","truncate","COLOR","GRAY","display","fontWeight","overflow","undefined","textAlign","textOverflow","whiteSpace","Text","React","forwardRef","ref","Bold","Small","Muted","Uppercase","Large"],"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 from 'react';\nimport type {Property} from 'csstype';\n\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {COLOR} from '../Identity';\n\nexport interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  block?: boolean;\n  bold?: boolean;\n  center?: boolean;\n  color?: string;\n  fontSize?: string;\n  light?: boolean;\n  muted?: boolean;\n  noWrap?: boolean;\n  textTransform?: Property.TextTransform;\n  truncate?: boolean;\n}\n\nexport const filterTextProps = (props: TextProps) => {\n  return filterProps(props, [\n    'block',\n    'bold',\n    'center',\n    'color',\n    'fontSize',\n    'light',\n    'muted',\n    'noWrap',\n    'textTransform',\n    'truncate',\n  ]);\n};\n\nexport const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject = (\n  theme,\n  {\n    block = false,\n    bold = false,\n    center = false,\n    color = theme.general.color,\n    fontSize = '16px',\n    light = false,\n    muted = false,\n    noWrap = false,\n    textTransform = 'none',\n    truncate = false,\n  },\n) => ({\n  color: muted ? COLOR.GRAY : color,\n  display: block ? 'block' : 'inline',\n  fontSize: fontSize,\n  fontWeight: bold ? 600 : light ? 200 : 300,\n  overflow: truncate ? 'hidden' : undefined,\n  textAlign: center ? 'center' : 'left',\n  textOverflow: truncate ? 'ellipsis' : undefined,\n  textTransform: textTransform,\n  whiteSpace: noWrap ? 'nowrap' : undefined,\n});\n\nexport const Text = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <span ref={ref} css={(theme: Theme) => textStyle(theme, props)} {...filterTextProps(props)} />\n));\n\nexport const Bold = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} bold {...props} />\n));\nexport const Small = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'12px'} {...props} />\n));\nexport const Muted = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} muted {...props} />\n));\nexport const Uppercase = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} textTransform={'uppercase'} {...props} />\n));\nexport const Large = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'48px'} light {...props} />\n));\n"],"file":"Text.js"}
+{"version":3,"sources":["Text.tsx"],"names":["filterTextProps","props","textStyle","theme","block","bold","center","color","general","fontSize","light","muted","noWrap","textTransform","truncate","COLOR","GRAY","display","fontWeight","overflow","undefined","textAlign","textOverflow","whiteSpace","Text","React","forwardRef","ref","Bold","Small","Muted","Uppercase","Large"],"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 from 'react';\nimport type {Property} from 'csstype';\n\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {COLOR} from '../Identity';\n\nexport interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  block?: boolean;\n  bold?: boolean;\n  center?: boolean;\n  color?: string;\n  fontSize?: string;\n  light?: boolean;\n  muted?: boolean;\n  noWrap?: boolean;\n  textTransform?: Property.TextTransform;\n  truncate?: boolean;\n}\n\nexport const filterTextProps = (props: TextProps) => {\n  return filterProps(props, [\n    'block',\n    'bold',\n    'center',\n    'color',\n    'fontSize',\n    'light',\n    'muted',\n    'noWrap',\n    'textTransform',\n    'truncate',\n  ]);\n};\n\nexport const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject = (\n  theme,\n  {\n    block = false,\n    bold = false,\n    center = false,\n    color = theme.general.color,\n    fontSize = '16px',\n    light = false,\n    muted = false,\n    noWrap = false,\n    textTransform = 'none',\n    truncate = false,\n  },\n) => ({\n  color: muted ? COLOR.GRAY : theme.general.color,\n  display: block ? 'block' : 'inline',\n  fontSize: fontSize,\n  fontWeight: bold ? 600 : light ? 200 : 300,\n  overflow: truncate ? 'hidden' : undefined,\n  textAlign: center ? 'center' : 'left',\n  textOverflow: truncate ? 'ellipsis' : undefined,\n  textTransform: textTransform,\n  whiteSpace: noWrap ? 'nowrap' : undefined,\n});\n\nexport const Text = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <span ref={ref} css={(theme: Theme) => textStyle(theme, props)} {...filterTextProps(props)} />\n));\n\nexport const Bold = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} bold {...props} />\n));\nexport const Small = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'12px'} {...props} />\n));\nexport const Muted = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} muted {...props} />\n));\nexport const Uppercase = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} textTransform={'uppercase'} {...props} />\n));\nexport const Large = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'48px'} light {...props} />\n));\n"],"file":"Text.js"}