@wireapp/react-ui-kit 8.13.9 → 8.14.1

package/src/Form/Switch.js

@@ -1,128 +1,93 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * Wire
+ * Copyright (C) 2020 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _Identity = require("../Identity");
-
-var _Misc = require("../Misc");
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1yvcp3z",
-  styles: "display:inline-block;position:relative;text-align:left;user-select:none;vertical-align:middle;width:42px"
-} : {
-  name: "vlapzy-Switch",
-  styles: "display:inline-block;position:relative;text-align:left;user-select:none;vertical-align:middle;width:42px;label:Switch;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RJIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB0eXBlIHtJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTd2l0Y2hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIGRlYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWRDb2xvcj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGxvYWRpbmdDb2xvcj86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgb25Ub2dnbGU6IChpc0NoZWNrZWQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dMb2FkaW5nPzogYm9vbGVhbjtcbiAgZGF0YVVpZU5hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoe1xuICBpZCA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKSxcbiAgY2hlY2tlZCxcbiAgb25Ub2dnbGUgPSAoKSA9PiB7fSxcbiAgc2hvd0xvYWRpbmcsXG4gIGRpc2FibGVkLFxuICBsb2FkaW5nQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBhY3RpdmF0ZWRDb2xvciA9IENPTE9SLkJMVUUsXG4gIGRlYWN0aXZhdGVkQ29sb3IgPSAnI2QyZDJkMicsXG4gIG5hbWUsXG4gIGRhdGFVaWVOYW1lLFxufTogU3dpdGNoUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICB3aWR0aDogJzQycHgnLFxuICAgIH19XG4gID5cbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBvblRvZ2dsZShldmVudC50YXJnZXQuY2hlY2tlZCl9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNzcz17e2Rpc3BsYXk6ICdub25lJ319XG4gICAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbFxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMjBweCcsXG4gICAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCB8fCBzaG93TG9hZGluZyA/ICcnIDogJ3BvaW50ZXInLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIFsnJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdyaWdodCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMTBweCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSwgJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgICAgICBkaXNhYmxlZCB8fCBzaG93TG9hZGluZ1xuICAgICAgICAgICAgICAgICAgPyBDT0xPUi50aW50KGNoZWNrZWQgPyBhY3RpdmF0ZWRDb2xvciA6IGRlYWN0aXZhdGVkQ29sb3IsIDAuNClcbiAgICAgICAgICAgICAgICAgIDogY2hlY2tlZFxuICAgICAgICAgICAgICAgICAgPyBhY3RpdmF0ZWRDb2xvclxuICAgICAgICAgICAgICAgICAgOiBkZWFjdGl2YXRlZENvbG9yLFxuICAgICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyNXB4JyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiBjaGVja2VkID8gMCA6ICctMTAwJScsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAnbWFyZ2luIDAuMXMgZWFzZS1pbiAwcycsXG4gICAgICAgICAgICB3aWR0aDogJzIwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG93TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ1xuICAgICAgICAgICAgc2l6ZT17MjF9XG4gICAgICAgICAgICBjb2xvcj17bG9hZGluZ0NvbG9yfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgbWFyZ2luOiAnMnB4JyxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBDT0xPUi5XSElURSxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgYm94U2hhZG93OiAnMHB4IDBweCAycHggLTFweCBncmF5JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjNweCcsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC43IDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgcmlnaHQ6IGNoZWNrZWQgPyAnMHB4JyA6ICcxN3B4JyxcbiAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnYWxsIDAuMTVzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgICB3aWR0aDogJzIzcHgnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICA8L2Rpdj5cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "eivff4",
-  styles: "display:none"
-} : {
-  name: "1mmu7i4-Switch",
-  styles: "display:none;label:Switch;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB0eXBlIHtJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTd2l0Y2hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIGRlYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWRDb2xvcj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGxvYWRpbmdDb2xvcj86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgb25Ub2dnbGU6IChpc0NoZWNrZWQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dMb2FkaW5nPzogYm9vbGVhbjtcbiAgZGF0YVVpZU5hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoe1xuICBpZCA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKSxcbiAgY2hlY2tlZCxcbiAgb25Ub2dnbGUgPSAoKSA9PiB7fSxcbiAgc2hvd0xvYWRpbmcsXG4gIGRpc2FibGVkLFxuICBsb2FkaW5nQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBhY3RpdmF0ZWRDb2xvciA9IENPTE9SLkJMVUUsXG4gIGRlYWN0aXZhdGVkQ29sb3IgPSAnI2QyZDJkMicsXG4gIG5hbWUsXG4gIGRhdGFVaWVOYW1lLFxufTogU3dpdGNoUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICB3aWR0aDogJzQycHgnLFxuICAgIH19XG4gID5cbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBvblRvZ2dsZShldmVudC50YXJnZXQuY2hlY2tlZCl9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNzcz17e2Rpc3BsYXk6ICdub25lJ319XG4gICAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbFxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMjBweCcsXG4gICAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCB8fCBzaG93TG9hZGluZyA/ICcnIDogJ3BvaW50ZXInLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIFsnJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdyaWdodCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMTBweCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSwgJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgICAgICBkaXNhYmxlZCB8fCBzaG93TG9hZGluZ1xuICAgICAgICAgICAgICAgICAgPyBDT0xPUi50aW50KGNoZWNrZWQgPyBhY3RpdmF0ZWRDb2xvciA6IGRlYWN0aXZhdGVkQ29sb3IsIDAuNClcbiAgICAgICAgICAgICAgICAgIDogY2hlY2tlZFxuICAgICAgICAgICAgICAgICAgPyBhY3RpdmF0ZWRDb2xvclxuICAgICAgICAgICAgICAgICAgOiBkZWFjdGl2YXRlZENvbG9yLFxuICAgICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyNXB4JyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiBjaGVja2VkID8gMCA6ICctMTAwJScsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAnbWFyZ2luIDAuMXMgZWFzZS1pbiAwcycsXG4gICAgICAgICAgICB3aWR0aDogJzIwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG93TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ1xuICAgICAgICAgICAgc2l6ZT17MjF9XG4gICAgICAgICAgICBjb2xvcj17bG9hZGluZ0NvbG9yfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgbWFyZ2luOiAnMnB4JyxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBDT0xPUi5XSElURSxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgYm94U2hhZG93OiAnMHB4IDBweCAycHggLTFweCBncmF5JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjNweCcsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC43IDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgcmlnaHQ6IGNoZWNrZWQgPyAnMHB4JyA6ICcxN3B4JyxcbiAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnYWxsIDAuMTVzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgICB3aWR0aDogJzIzcHgnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICA8L2Rpdj5cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var Switch = function Switch(_ref) {
-  var _css2;
-
-  var _ref$id = _ref.id,
-      id = _ref$id === void 0 ? Math.random().toString() : _ref$id,
-      checked = _ref.checked,
-      _ref$onToggle = _ref.onToggle,
-      onToggle = _ref$onToggle === void 0 ? function () {} : _ref$onToggle,
-      showLoading = _ref.showLoading,
-      disabled = _ref.disabled,
-      _ref$loadingColor = _ref.loadingColor,
-      loadingColor = _ref$loadingColor === void 0 ? _Identity.COLOR.BLUE : _ref$loadingColor,
-      _ref$activatedColor = _ref.activatedColor,
-      activatedColor = _ref$activatedColor === void 0 ? _Identity.COLOR.BLUE : _ref$activatedColor,
-      _ref$deactivatedColor = _ref.deactivatedColor,
-      deactivatedColor = _ref$deactivatedColor === void 0 ? '#d2d2d2' : _ref$deactivatedColor,
-      name = _ref.name,
-      dataUieName = _ref.dataUieName;
-  return (0, _react.jsx)("div", {
-    css: _ref2
-  }, (0, _react.jsx)(_react2["default"].Fragment, null, (0, _react.jsx)("input", {
-    id: id,
-    checked: checked,
-    disabled: disabled,
-    name: name,
-    onChange: function onChange(event) {
-      return onToggle(event.target.checked);
-    },
-    type: "checkbox",
-    css: _ref3,
-    "data-uie-name": dataUieName
-  }), (0, _react.jsx)("label", {
-    htmlFor: id,
-    css: /*#__PURE__*/(0, _react.css)({
-      borderRadius: '20px',
-      cursor: disabled || showLoading ? '' : 'pointer',
-      display: 'block',
-      margin: 0,
-      overflow: 'hidden'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB0eXBlIHtJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTd2l0Y2hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIGRlYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWRDb2xvcj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGxvYWRpbmdDb2xvcj86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgb25Ub2dnbGU6IChpc0NoZWNrZWQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dMb2FkaW5nPzogYm9vbGVhbjtcbiAgZGF0YVVpZU5hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoe1xuICBpZCA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKSxcbiAgY2hlY2tlZCxcbiAgb25Ub2dnbGUgPSAoKSA9PiB7fSxcbiAgc2hvd0xvYWRpbmcsXG4gIGRpc2FibGVkLFxuICBsb2FkaW5nQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBhY3RpdmF0ZWRDb2xvciA9IENPTE9SLkJMVUUsXG4gIGRlYWN0aXZhdGVkQ29sb3IgPSAnI2QyZDJkMicsXG4gIG5hbWUsXG4gIGRhdGFVaWVOYW1lLFxufTogU3dpdGNoUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICB3aWR0aDogJzQycHgnLFxuICAgIH19XG4gID5cbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBvblRvZ2dsZShldmVudC50YXJnZXQuY2hlY2tlZCl9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNzcz17e2Rpc3BsYXk6ICdub25lJ319XG4gICAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbFxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMjBweCcsXG4gICAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCB8fCBzaG93TG9hZGluZyA/ICcnIDogJ3BvaW50ZXInLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIFsnJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdyaWdodCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMTBweCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSwgJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgICAgICBkaXNhYmxlZCB8fCBzaG93TG9hZGluZ1xuICAgICAgICAgICAgICAgICAgPyBDT0xPUi50aW50KGNoZWNrZWQgPyBhY3RpdmF0ZWRDb2xvciA6IGRlYWN0aXZhdGVkQ29sb3IsIDAuNClcbiAgICAgICAgICAgICAgICAgIDogY2hlY2tlZFxuICAgICAgICAgICAgICAgICAgPyBhY3RpdmF0ZWRDb2xvclxuICAgICAgICAgICAgICAgICAgOiBkZWFjdGl2YXRlZENvbG9yLFxuICAgICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyNXB4JyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiBjaGVja2VkID8gMCA6ICctMTAwJScsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAnbWFyZ2luIDAuMXMgZWFzZS1pbiAwcycsXG4gICAgICAgICAgICB3aWR0aDogJzIwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG93TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ1xuICAgICAgICAgICAgc2l6ZT17MjF9XG4gICAgICAgICAgICBjb2xvcj17bG9hZGluZ0NvbG9yfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgbWFyZ2luOiAnMnB4JyxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBDT0xPUi5XSElURSxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgYm94U2hhZG93OiAnMHB4IDBweCAycHggLTFweCBncmF5JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjNweCcsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC43IDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgcmlnaHQ6IGNoZWNrZWQgPyAnMHB4JyA6ICcxN3B4JyxcbiAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnYWxsIDAuMTVzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgICB3aWR0aDogJzIzcHgnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICA8L2Rpdj5cbik7XG4iXX0= */")
-  }, (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)((_css2 = {}, (0, _defineProperty2["default"])(_css2, '&:after', {
-      content: '" "',
-      paddingRight: '10px',
-      textAlign: 'right'
-    }), (0, _defineProperty2["default"])(_css2, '&:before', {
-      content: '" "',
-      paddingLeft: '10px'
-    }), (0, _defineProperty2["default"])(_css2, '&:before, &:after', {
-      backgroundColor: disabled || showLoading ? _Identity.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4) : checked ? activatedColor : deactivatedColor,
-      boxSizing: 'border-box',
-      display: 'block',
-      "float": 'left',
-      height: '25px',
-      lineHeight: '25px',
-      padding: 0,
-      width: '50%'
-    }), (0, _defineProperty2["default"])(_css2, "display", 'block'), (0, _defineProperty2["default"])(_css2, "marginLeft", checked ? 0 : '-100%'), (0, _defineProperty2["default"])(_css2, "transition", 'margin 0.1s ease-in 0s'), (0, _defineProperty2["default"])(_css2, "width", '200%'), _css2), process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB0eXBlIHtJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTd2l0Y2hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIGRlYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWRDb2xvcj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGxvYWRpbmdDb2xvcj86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgb25Ub2dnbGU6IChpc0NoZWNrZWQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dMb2FkaW5nPzogYm9vbGVhbjtcbiAgZGF0YVVpZU5hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoe1xuICBpZCA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKSxcbiAgY2hlY2tlZCxcbiAgb25Ub2dnbGUgPSAoKSA9PiB7fSxcbiAgc2hvd0xvYWRpbmcsXG4gIGRpc2FibGVkLFxuICBsb2FkaW5nQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBhY3RpdmF0ZWRDb2xvciA9IENPTE9SLkJMVUUsXG4gIGRlYWN0aXZhdGVkQ29sb3IgPSAnI2QyZDJkMicsXG4gIG5hbWUsXG4gIGRhdGFVaWVOYW1lLFxufTogU3dpdGNoUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICB3aWR0aDogJzQycHgnLFxuICAgIH19XG4gID5cbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBvblRvZ2dsZShldmVudC50YXJnZXQuY2hlY2tlZCl9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNzcz17e2Rpc3BsYXk6ICdub25lJ319XG4gICAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbFxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMjBweCcsXG4gICAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCB8fCBzaG93TG9hZGluZyA/ICcnIDogJ3BvaW50ZXInLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIFsnJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdyaWdodCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMTBweCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSwgJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgICAgICBkaXNhYmxlZCB8fCBzaG93TG9hZGluZ1xuICAgICAgICAgICAgICAgICAgPyBDT0xPUi50aW50KGNoZWNrZWQgPyBhY3RpdmF0ZWRDb2xvciA6IGRlYWN0aXZhdGVkQ29sb3IsIDAuNClcbiAgICAgICAgICAgICAgICAgIDogY2hlY2tlZFxuICAgICAgICAgICAgICAgICAgPyBhY3RpdmF0ZWRDb2xvclxuICAgICAgICAgICAgICAgICAgOiBkZWFjdGl2YXRlZENvbG9yLFxuICAgICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyNXB4JyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiBjaGVja2VkID8gMCA6ICctMTAwJScsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAnbWFyZ2luIDAuMXMgZWFzZS1pbiAwcycsXG4gICAgICAgICAgICB3aWR0aDogJzIwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG93TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ1xuICAgICAgICAgICAgc2l6ZT17MjF9XG4gICAgICAgICAgICBjb2xvcj17bG9hZGluZ0NvbG9yfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgbWFyZ2luOiAnMnB4JyxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBDT0xPUi5XSElURSxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgYm94U2hhZG93OiAnMHB4IDBweCAycHggLTFweCBncmF5JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjNweCcsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC43IDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgcmlnaHQ6IGNoZWNrZWQgPyAnMHB4JyA6ICcxN3B4JyxcbiAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnYWxsIDAuMTVzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgICB3aWR0aDogJzIzcHgnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICA8L2Rpdj5cbik7XG4iXX0= */")
-  }), showLoading ? (0, _react.jsx)(_Misc.Loading, {
-    size: 21,
-    color: loadingColor,
-    style: {
-      display: 'block',
-      margin: '2px',
-      position: 'absolute'
-    }
-  }) : (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)({
-      background: _Identity.COLOR.WHITE,
-      borderRadius: '100%',
-      bottom: 0,
-      boxShadow: '0px 0px 2px -1px gray',
-      display: 'block',
-      height: '23px',
-      margin: '1px',
-      opacity: disabled ? 0.7 : undefined,
-      position: 'absolute',
-      right: checked ? '0px' : '17px',
-      top: 0,
-      transition: 'all 0.15s ease-in 0s',
-      width: '23px'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0lZIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB0eXBlIHtJbnB1dFByb3BzfSBmcm9tICcuL0lucHV0JztcblxuZXhwb3J0IGludGVyZmFjZSBTd2l0Y2hQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIGRlYWN0aXZhdGVkQ29sb3I/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWRDb2xvcj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGxvYWRpbmdDb2xvcj86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgb25Ub2dnbGU6IChpc0NoZWNrZWQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dMb2FkaW5nPzogYm9vbGVhbjtcbiAgZGF0YVVpZU5hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoe1xuICBpZCA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKSxcbiAgY2hlY2tlZCxcbiAgb25Ub2dnbGUgPSAoKSA9PiB7fSxcbiAgc2hvd0xvYWRpbmcsXG4gIGRpc2FibGVkLFxuICBsb2FkaW5nQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBhY3RpdmF0ZWRDb2xvciA9IENPTE9SLkJMVUUsXG4gIGRlYWN0aXZhdGVkQ29sb3IgPSAnI2QyZDJkMicsXG4gIG5hbWUsXG4gIGRhdGFVaWVOYW1lLFxufTogU3dpdGNoUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICB3aWR0aDogJzQycHgnLFxuICAgIH19XG4gID5cbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBvblRvZ2dsZShldmVudC50YXJnZXQuY2hlY2tlZCl9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNzcz17e2Rpc3BsYXk6ICdub25lJ319XG4gICAgICAgIGRhdGEtdWllLW5hbWU9e2RhdGFVaWVOYW1lfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbFxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMjBweCcsXG4gICAgICAgICAgY3Vyc29yOiBkaXNhYmxlZCB8fCBzaG93TG9hZGluZyA/ICcnIDogJ3BvaW50ZXInLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIFsnJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdyaWdodCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSddOiB7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICdcIiBcIicsXG4gICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMTBweCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgWycmOmJlZm9yZSwgJjphZnRlciddOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgICAgICBkaXNhYmxlZCB8fCBzaG93TG9hZGluZ1xuICAgICAgICAgICAgICAgICAgPyBDT0xPUi50aW50KGNoZWNrZWQgPyBhY3RpdmF0ZWRDb2xvciA6IGRlYWN0aXZhdGVkQ29sb3IsIDAuNClcbiAgICAgICAgICAgICAgICAgIDogY2hlY2tlZFxuICAgICAgICAgICAgICAgICAgPyBhY3RpdmF0ZWRDb2xvclxuICAgICAgICAgICAgICAgICAgOiBkZWFjdGl2YXRlZENvbG9yLFxuICAgICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcyNXB4JyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiBjaGVja2VkID8gMCA6ICctMTAwJScsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiAnbWFyZ2luIDAuMXMgZWFzZS1pbiAwcycsXG4gICAgICAgICAgICB3aWR0aDogJzIwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG93TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ1xuICAgICAgICAgICAgc2l6ZT17MjF9XG4gICAgICAgICAgICBjb2xvcj17bG9hZGluZ0NvbG9yfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgbWFyZ2luOiAnMnB4JyxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBDT0xPUi5XSElURSxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgYm94U2hhZG93OiAnMHB4IDBweCAycHggLTFweCBncmF5JyxcbiAgICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMjNweCcsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC43IDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgcmlnaHQ6IGNoZWNrZWQgPyAnMHB4JyA6ICcxN3B4JyxcbiAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnYWxsIDAuMTVzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgICB3aWR0aDogJzIzcHgnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICA8L2Rpdj5cbik7XG4iXX0= */")
-  }))));
-};
-
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const Identity_1 = require("../Identity");
+const Misc_1 = require("../Misc");
+const Switch = ({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }) => ((0, react_1.jsx)("div", { css: {
+        display: 'inline-block',
+        position: 'relative',
+        textAlign: 'left',
+        userSelect: 'none',
+        verticalAlign: 'middle',
+        width: '42px',
+    } },
+    (0, react_1.jsx)(react_2.default.Fragment, null,
+        (0, react_1.jsx)("input", { id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), type: "checkbox", css: { display: 'none' }, "data-uie-name": dataUieName }),
+        (0, react_1.jsx)("label", { htmlFor: id, css: {
+                borderRadius: '20px',
+                cursor: disabled || showLoading ? '' : 'pointer',
+                display: 'block',
+                margin: 0,
+                overflow: 'hidden',
+            } },
+            (0, react_1.jsx)("span", { css: {
+                    ['&:after']: {
+                        content: '" "',
+                        paddingRight: '10px',
+                        textAlign: 'right',
+                    },
+                    ['&:before']: {
+                        content: '" "',
+                        paddingLeft: '10px',
+                    },
+                    ['&:before, &:after']: {
+                        backgroundColor: disabled || showLoading
+                            ? Identity_1.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)
+                            : checked
+                                ? activatedColor
+                                : deactivatedColor,
+                        boxSizing: 'border-box',
+                        display: 'block',
+                        float: 'left',
+                        height: '25px',
+                        lineHeight: '25px',
+                        padding: 0,
+                        width: '50%',
+                    },
+                    display: 'block',
+                    marginLeft: checked ? 0 : '-100%',
+                    transition: 'margin 0.1s ease-in 0s',
+                    width: '200%',
+                } }),
+            showLoading ? ((0, react_1.jsx)(Misc_1.Loading, { size: 21, color: loadingColor, style: {
+                    display: 'block',
+                    margin: '2px',
+                    position: 'absolute',
+                } })) : ((0, react_1.jsx)("span", { css: {
+                    background: Identity_1.COLOR.WHITE,
+                    borderRadius: '100%',
+                    bottom: 0,
+                    boxShadow: '0px 0px 2px -1px gray',
+                    display: 'block',
+                    height: '23px',
+                    margin: '1px',
+                    opacity: disabled ? 0.7 : undefined,
+                    position: 'absolute',
+                    right: checked ? '0px' : '17px',
+                    top: 0,
+                    transition: 'all 0.15s ease-in 0s',
+                    width: '23px',
+                } }))))));
 exports.Switch = Switch;
 //# sourceMappingURL=Switch.js.map

package/src/Form/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Switch.tsx"],"names":["Switch","id","Math","random","toString","checked","onToggle","showLoading","disabled","loadingColor","COLOR","BLUE","activatedColor","deactivatedColor","name","dataUieName","event","target","borderRadius","cursor","display","margin","overflow","content","paddingRight","textAlign","paddingLeft","backgroundColor","tint","boxSizing","height","lineHeight","padding","width","position","background","WHITE","bottom","boxShadow","opacity","undefined","right","top","transition"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2020 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 {Loading} from '../Misc';\nimport type {InputProps} from './Input';\n\nexport interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {\n  activatedColor?: string;\n  checked: boolean;\n  deactivatedColor?: string;\n  disabled?: boolean;\n  disabledColor?: string;\n  id?: string;\n  loadingColor?: string;\n  name?: string;\n  onToggle: (isChecked: boolean) => void;\n  showLoading?: boolean;\n  dataUieName?: string;\n}\n\nexport const Switch = ({\n  id = Math.random().toString(),\n  checked,\n  onToggle = () => {},\n  showLoading,\n  disabled,\n  loadingColor = COLOR.BLUE,\n  activatedColor = COLOR.BLUE,\n  deactivatedColor = '#d2d2d2',\n  name,\n  dataUieName,\n}: SwitchProps) => (\n  <div\n    css={{\n      display: 'inline-block',\n      position: 'relative',\n      textAlign: 'left',\n      userSelect: 'none',\n      verticalAlign: 'middle',\n      width: '42px',\n    }}\n  >\n    <React.Fragment>\n      <input\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        onChange={event => onToggle(event.target.checked)}\n        type=\"checkbox\"\n        css={{display: 'none'}}\n        data-uie-name={dataUieName}\n      />\n      <label\n        htmlFor={id}\n        css={{\n          borderRadius: '20px',\n          cursor: disabled || showLoading ? '' : 'pointer',\n          display: 'block',\n          margin: 0,\n          overflow: 'hidden',\n        }}\n      >\n        <span\n          css={{\n            ['&:after']: {\n              content: '\" \"',\n              paddingRight: '10px',\n              textAlign: 'right',\n            },\n            ['&:before']: {\n              content: '\" \"',\n              paddingLeft: '10px',\n            },\n            ['&:before, &:after']: {\n              backgroundColor:\n                disabled || showLoading\n                  ? COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)\n                  : checked\n                  ? activatedColor\n                  : deactivatedColor,\n              boxSizing: 'border-box',\n              display: 'block',\n              float: 'left',\n              height: '25px',\n              lineHeight: '25px',\n              padding: 0,\n              width: '50%',\n            },\n            display: 'block',\n            marginLeft: checked ? 0 : '-100%',\n            transition: 'margin 0.1s ease-in 0s',\n            width: '200%',\n          }}\n        />\n        {showLoading ? (\n          <Loading\n            size={21}\n            color={loadingColor}\n            style={{\n              display: 'block',\n              margin: '2px',\n              position: 'absolute',\n            }}\n          />\n        ) : (\n          <span\n            css={{\n              background: COLOR.WHITE,\n              borderRadius: '100%',\n              bottom: 0,\n              boxShadow: '0px 0px 2px -1px gray',\n              display: 'block',\n              height: '23px',\n              margin: '1px',\n              opacity: disabled ? 0.7 : undefined,\n              position: 'absolute',\n              right: checked ? '0px' : '17px',\n              top: 0,\n              transition: 'all 0.15s ease-in 0s',\n              width: '23px',\n            }}\n          />\n        )}\n      </label>\n    </React.Fragment>\n  </div>\n);\n"],"file":"Switch.js"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["Switch.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AACnC,iCAA0B;AAE1B,0CAAkC;AAClC,kCAAgC;AAiBzB,MAAM,MAAM,GAAG,CAAC,EACrB,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,EAC7B,OAAO,EACP,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,gBAAK,CAAC,IAAI,EACzB,cAAc,GAAG,gBAAK,CAAC,IAAI,EAC3B,gBAAgB,GAAG,SAAS,EAC5B,IAAI,EACJ,WAAW,GACC,EAAE,EAAE,CAAC,CACjB,0BACE,GAAG,EAAE;QACH,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,MAAM;KACd;IAED,iBAAC,eAAK,CAAC,QAAQ;QACb,4BACE,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,mBACP,WAAW,GAC1B;QACF,4BACE,OAAO,EAAE,EAAE,EACX,GAAG,EAAE;gBACH,YAAY,EAAE,MAAM;gBACpB,MAAM,EAAE,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAChD,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,CAAC;gBACT,QAAQ,EAAE,QAAQ;aACnB;YAED,2BACE,GAAG,EAAE;oBACH,CAAC,SAAS,CAAC,EAAE;wBACX,OAAO,EAAE,KAAK;wBACd,YAAY,EAAE,MAAM;wBACpB,SAAS,EAAE,OAAO;qBACnB;oBACD,CAAC,UAAU,CAAC,EAAE;wBACZ,OAAO,EAAE,KAAK;wBACd,WAAW,EAAE,MAAM;qBACpB;oBACD,CAAC,mBAAmB,CAAC,EAAE;wBACrB,eAAe,EACb,QAAQ,IAAI,WAAW;4BACrB,CAAC,CAAC,gBAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,CAAC;4BAC9D,CAAC,CAAC,OAAO;gCACT,CAAC,CAAC,cAAc;gCAChB,CAAC,CAAC,gBAAgB;wBACtB,SAAS,EAAE,YAAY;wBACvB,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,MAAM;wBAClB,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,KAAK;qBACb;oBACD,OAAO,EAAE,OAAO;oBAChB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;oBACjC,UAAU,EAAE,wBAAwB;oBACpC,KAAK,EAAE,MAAM;iBACd,GACD;YACD,WAAW,CAAC,CAAC,CAAC,CACb,iBAAC,cAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,MAAM,EAAE,KAAK;oBACb,QAAQ,EAAE,UAAU;iBACrB,GACD,CACH,CAAC,CAAC,CAAC,CACF,2BACE,GAAG,EAAE;oBACH,UAAU,EAAE,gBAAK,CAAC,KAAK;oBACvB,YAAY,EAAE,MAAM;oBACpB,MAAM,EAAE,CAAC;oBACT,SAAS,EAAE,uBAAuB;oBAClC,OAAO,EAAE,OAAO;oBAChB,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,KAAK;oBACb,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;oBACnC,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oBAC/B,GAAG,EAAE,CAAC;oBACN,UAAU,EAAE,sBAAsB;oBAClC,KAAK,EAAE,MAAM;iBACd,GACD,CACH,CACK,CACO,CACb,CACP,CAAC;AA3GW,QAAA,MAAM,UA2GjB"}

package/src/Form/TextArea.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { CSSObject } from '@emotion/react';
-import type { Property } from 'csstype';
+import { Property } from 'csstype';
 import React from 'react';
-import type { Theme } from '../Layout';
-import type { TextProps } from '../Text';
+import { Theme } from '../Layout';
+import { TextProps } from '../Text';
 export interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {
     markInvalid?: boolean;
     placeholderTextTransform?: Property.TextTransform;

package/src/Form/TextArea.js

@@ -1,85 +1,64 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.TEXTAREA_CLASSNAME = exports.textAreaStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _Identity = require("../Identity");
-
-var _util = require("../util");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var textAreaStyle = function textAreaStyle(theme, _ref) {
-  var _ref$markInvalid = _ref.markInvalid,
-      markInvalid = _ref$markInvalid === void 0 ? false : _ref$markInvalid,
-      _ref$placeholderTextT = _ref.placeholderTextTransform,
-      placeholderTextTransform = _ref$placeholderTextT === void 0 ? 'none' : _ref$placeholderTextT,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var placeholderStyle = {
-    color: theme.Input.placeholderColor,
-    fontSize: '16px',
-    textTransform: placeholderTextTransform
-  };
-  return {
-    '&::-moz-placeholder': _objectSpread(_objectSpread({}, placeholderStyle), {}, {
-      opacity: 1
-    }),
-    '&::-ms-input-placeholder': _objectSpread({}, placeholderStyle),
-    '&::-webkit-input-placeholder': _objectSpread({}, placeholderStyle),
-    '&:focus': {
-      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR.BLUE)
-    },
-    '&:invalid': !markInvalid ? {
-      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR.GRAY)
-    } : {},
-    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
-    border: 'none',
-    borderRadius: '4px',
-    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR.RED) : "0 0 0 1px ".concat(_Identity.COLOR.GRAY),
-    caretColor: _Identity.COLOR.BLUE,
-    color: theme.general.color,
-    fontWeight: 300,
-    lineHeight: '24px',
-    margin: '0 0 16px',
-    outline: 'none',
-    padding: '16px 16px',
-    resize: 'none',
-    width: '100%'
-  };
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const Identity_1 = require("../Identity");
+const util_1 = require("../util");
+const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform = 'none', disabled = false }) => {
+    const placeholderStyle = {
+        color: theme.Input.placeholderColor,
+        fontSize: '16px',
+        textTransform: placeholderTextTransform,
+    };
+    return {
+        '&::-moz-placeholder': Object.assign(Object.assign({}, placeholderStyle), { opacity: 1 }),
+        '&::-ms-input-placeholder': Object.assign({}, placeholderStyle),
+        '&::-webkit-input-placeholder': Object.assign({}, placeholderStyle),
+        '&:focus': {
+            boxShadow: `0 0 0 1px ${Identity_1.COLOR.BLUE}`,
+        },
+        '&:invalid': !markInvalid
+            ? {
+                boxShadow: `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
+            }
+            : {},
+        background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
+        border: 'none',
+        borderRadius: '4px',
+        boxShadow: markInvalid ? `0 0 0 1px ${Identity_1.COLOR.RED}` : `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
+        caretColor: Identity_1.COLOR.BLUE,
+        color: theme.general.color,
+        fontWeight: 300,
+        lineHeight: '24px',
+        margin: '0 0 16px',
+        outline: 'none',
+        padding: '16px 16px',
+        resize: 'none',
+        width: '100%',
+    };
 };
-
 exports.textAreaStyle = textAreaStyle;
-var TEXTAREA_CLASSNAME = 'textarea';
-exports.TEXTAREA_CLASSNAME = TEXTAREA_CLASSNAME;
-
-var filterTextAreaProps = function filterTextAreaProps(props) {
-  return (0, _util.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
-};
-
-var TextArea = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
-  return (0, _react.jsx)("textarea", (0, _extends2["default"])({
-    className: TEXTAREA_CLASSNAME,
-    css: function css(theme) {
-      return textAreaStyle(theme, props);
-    },
-    ref: ref
-  }, filterTextAreaProps(props)));
-});
-
-exports.TextArea = TextArea;
+exports.TEXTAREA_CLASSNAME = 'textarea';
+const filterTextAreaProps = (props) => (0, util_1.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
+exports.TextArea = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("textarea", Object.assign({ className: exports.TEXTAREA_CLASSNAME, css: (theme) => (0, exports.textAreaStyle)(theme, props), ref: ref }, filterTextAreaProps(props)))));
 //# sourceMappingURL=TextArea.js.map

package/src/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.tsx"],"names":["textAreaStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","lineHeight","margin","outline","padding","resize","width","TEXTAREA_CLASSNAME","filterTextAreaProps","props","TextArea","React","forwardRef","ref"],"mappings":";;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AAGA;;;;;;AAOO,IAAMA,aAAsE,GAAG,SAAzEA,aAAyE,CACpFC,KADoF,QAGjF;AAAA,8BADFC,WACE;AAAA,MADFA,WACE,iCADY,KACZ;AAAA,mCADmBC,wBACnB;AAAA,MADmBA,wBACnB,sCAD8C,MAC9C;AAAA,2BADsDC,QACtD;AAAA,MADsDA,QACtD,8BADiE,KACjE;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAN,CAAYC,gBADI;AAEvBC,IAAAA,QAAQ,EAAE,MAFa;AAGvBC,IAAAA,aAAa,EAAEP;AAHQ,GAAzB;AAMA,SAAO;AACL,2DACKE,gBADL;AAEEM,MAAAA,OAAO,EAAE;AAFX,MADK;AAKL,kDACKN,gBADL,CALK;AAQL,sDACKA,gBADL,CARK;AAWL,eAAW;AACTO,MAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADA,KAXN;AAcL,iBAAa,CAACZ,WAAD,GACT;AACEU,MAAAA,SAAS,sBAAeC,gBAAME,IAArB;AADX,KADS,GAIT,EAlBC;AAmBLC,IAAAA,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAN,CAAYU,uBAAf,GAAyChB,KAAK,CAACM,KAAN,CAAYW,eAnBpE;AAoBLC,IAAAA,MAAM,EAAE,MApBH;AAqBLC,IAAAA,YAAY,EAAE,KArBT;AAsBLR,IAAAA,SAAS,EAAEV,WAAW,uBAAgBW,gBAAMQ,GAAtB,wBAA2CR,gBAAME,IAAjD,CAtBjB;AAuBLO,IAAAA,UAAU,EAAET,gBAAMC,IAvBb;AAwBLR,IAAAA,KAAK,EAAEL,KAAK,CAACsB,OAAN,CAAcjB,KAxBhB;AAyBLkB,IAAAA,UAAU,EAAE,GAzBP;AA0BLC,IAAAA,UAAU,EAAE,MA1BP;AA2BLC,IAAAA,MAAM,EAAE,UA3BH;AA4BLC,IAAAA,OAAO,EAAE,MA5BJ;AA6BLC,IAAAA,OAAO,EAAE,WA7BJ;AA8BLC,IAAAA,MAAM,EAAE,MA9BH;AA+BLC,IAAAA,KAAK,EAAE;AA/BF,GAAP;AAiCD,CA3CM;;;AA6CA,IAAMC,kBAAkB,GAAG,UAA3B;;;AACP,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAA0B,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,EAAgB,0BAAhB,CAAnB,CAA1B;AAAA,CAA5B;;AAEO,IAAMC,QAAsD,gBAAGC,mBAAMC,UAAN,CAGpE,UAACH,KAAD,EAAQI,GAAR;AAAA,SACA;AACE,IAAA,SAAS,EAAEN,kBADb;AAEE,IAAA,GAAG,EAAE,aAAC9B,KAAD;AAAA,aAAkBD,aAAa,CAACC,KAAD,EAAQgC,KAAR,CAA/B;AAAA,KAFP;AAGE,IAAA,GAAG,EAAEI;AAHP,KAIML,mBAAmB,CAACC,KAAD,CAJzB,EADA;AAAA,CAHoE,CAA/D","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport type {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n    },\n    '&:invalid': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n    caretColor: COLOR.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '16px 16px',\n    resize: 'none',\n    width: '100%',\n  };\n};\n\nexport const TEXTAREA_CLASSNAME = 'textarea';\nconst filterTextAreaProps = (props: TextAreaProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>> = React.forwardRef<\n  HTMLTextAreaElement,\n  TextAreaProps<HTMLTextAreaElement>\n>((props, ref) => (\n  <textarea\n    className={TEXTAREA_CLASSNAME}\n    css={(theme: Theme) => textAreaStyle(theme, props)}\n    ref={ref}\n    {...filterTextAreaProps(props)}\n  />\n));\n"],"file":"TextArea.js"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["TextArea.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,iCAA0B;AAE1B,0CAAkC;AAGlC,kCAAoC;AAO7B,MAAM,aAAa,GAA4D,CACpF,KAAK,EACL,EAAC,WAAW,GAAG,KAAK,EAAE,wBAAwB,GAAG,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAC,EAC1E,EAAE;IACF,MAAM,gBAAgB,GAAG;QACvB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB;QACnC,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,wBAAwB;KACxC,CAAC;IAEF,OAAO;QACL,qBAAqB,kCAChB,gBAAgB,KACnB,OAAO,EAAE,CAAC,GACX;QACD,0BAA0B,oBACrB,gBAAgB,CACpB;QACD,8BAA8B,oBACzB,gBAAgB,CACpB;QACD,SAAS,EAAE;YACT,SAAS,EAAE,aAAa,gBAAK,CAAC,IAAI,EAAE;SACrC;QACD,WAAW,EAAE,CAAC,WAAW;YACvB,CAAC,CAAC;gBACE,SAAS,EAAE,aAAa,gBAAK,CAAC,IAAI,EAAE;aACrC;YACH,CAAC,CAAC,EAAE;QACN,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;QACxF,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,gBAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,gBAAK,CAAC,IAAI,EAAE;QAC7E,UAAU,EAAE,gBAAK,CAAC,IAAI;QACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QAC1B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,aAAa,iBA2CxB;AAEW,QAAA,kBAAkB,GAAG,UAAU,CAAC;AAC7C,MAAM,mBAAmB,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC,CAAC;AAEzG,QAAA,QAAQ,GAAiD,eAAK,CAAC,UAAU,CAGpF,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,6CACE,SAAS,EAAE,0BAAkB,EAC7B,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,KAAK,CAAC,EAClD,GAAG,EAAE,GAAG,IACJ,mBAAmB,CAAC,KAAK,CAAC,EAC9B,CACH,CAAC,CAAC"}