@wireapp/react-ui-kit 8.14.1 → 8.14.4

package/src/Form/Switch.js

@@ -1,93 +1,128 @@
 "use strict";
-/*
- * 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 });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Switch = void 0;
-/** @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',
-                } }))))));
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RJIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
+  }, (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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
+  }), 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0lZIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
+  }))));
+};
+
 exports.Switch = Switch;
 //# sourceMappingURL=Switch.js.map

package/src/Form/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["Switch.tsx"],"names":[],"mappings":"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"}
+{"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 {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"}

package/src/Form/TextArea.js

@@ -1,64 +1,85 @@
 "use strict";
-/*
- * 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 });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TextArea = exports.TEXTAREA_CLASSNAME = exports.textAreaStyle = void 0;
-/** @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%',
-    };
+
+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%'
+  };
 };
+
 exports.textAreaStyle = textAreaStyle;
-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)))));
+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;
 //# sourceMappingURL=TextArea.js.map

package/src/Form/TextArea.js.map

@@ -1 +1 @@
-{"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"}
+{"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 {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {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"}