@wireapp/react-ui-kit 8.14.3 → 8.14.4

package/src/Form/SelectStyles.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Input = require("./Input");
+
+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 customStyles = function customStyles(theme) {
+  var markInvalid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return {
+    indicatorSeparator: function indicatorSeparator() {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorsContainer: function indicatorsContainer(provided) {
+      return _objectSpread({}, provided);
+    },
+    container: function container(provided, _ref) {
+      var isDisabled = _ref.isDisabled,
+          selectProps = _ref.selectProps;
+      var menuIsOpen = selectProps.menuIsOpen;
+      var isSelectDisabled = selectProps.isDisabled;
+      return {
+        '& > div': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
+          disabled: isSelectDisabled,
+          markInvalid: markInvalid
+        })), {}, {
+          padding: 0,
+          height: 'auto',
+          minHeight: '48px',
+          '&:-moz-focusring': {
+            color: 'transparent',
+            textShadow: '0 0 0 #000'
+          },
+          position: 'relative'
+        }, isDisabled && {
+          backgroundColor: theme.Input.backgroundColorDisabled,
+          color: theme.Select.disabledColor,
+          cursor: 'default'
+        }), markInvalid && {
+          boxShadow: "0 0 0 1px ".concat(theme.general.dangerColor)
+        }), menuIsOpen && {
+          boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor),
+          '&:hover': {
+            boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
+          }
+        }), {}, {
+          cursor: !isSelectDisabled && 'pointer',
+          '&:focus:visible, active': {
+            boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.general.primaryColor)
+          }
+        })
+      };
+    },
+    control: function control() {
+      return {
+        display: 'flex',
+        alignItems: 'center',
+        appearance: 'none',
+        padding: '0 8px 0 16px',
+        height: 'auto',
+        minHeight: '48px'
+      };
+    },
+    dropdownIndicator: function dropdownIndicator(provided, selectProps) {
+      var isSelectDisabled = selectProps.isDisabled;
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        '& > svg': {
+          fill: isSelectDisabled && theme.Input.placeholderColor
+        }
+      });
+    },
+    menu: function menu(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor, ", 0 4px 11px hsl(0deg 0% 0% / 10%)"),
+        borderRadius: 12,
+        marginBottom: 0,
+        marginTop: 4,
+        overflowY: 'overlay'
+      });
+    },
+    menuList: function menuList(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        borderRadius: 12,
+        paddingBottom: 0,
+        paddingTop: 0
+      });
+    },
+    option: function option(provided, _ref2) {
+      var isMulti = _ref2.isMulti,
+          isDisabled = _ref2.isDisabled,
+          isFocused = _ref2.isFocused,
+          isSelected = _ref2.isSelected;
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
+        backgroundColor: theme.Input.backgroundColor,
+        color: theme.general.color,
+        padding: '10px 18px',
+        cursor: isDisabled ? 'not-allowed' : 'pointer',
+        fontSize: '16px',
+        fontWeight: 300,
+        lineHeight: '24px'
+      }, isSelected && !isDisabled && !isMulti && {
+        background: theme.general.primaryColor,
+        borderColor: theme.general.primaryColor,
+        color: theme.Select.contrastTextColor,
+        '&:hover': {
+          backgroundColor: theme.Select.selectedActiveBg
+        },
+        '&:active': {
+          backgroundColor: theme.general.primaryColor,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.contrastColor
+        }
+      }), isFocused && !isDisabled && !isSelected && {
+        backgroundColor: theme.Select.optionHoverBg,
+        borderColor: theme.Select.optionHoverBg,
+        color: theme.general.color,
+        '&:active': {
+          background: theme.Select.optionHoverBg,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.color
+        }
+      }), isMulti && isSelected && {
+        backgroundColor: theme.Input.backgroundColor,
+        '&:hover': {
+          backgroundColor: theme.Select.optionHoverBg
+        },
+        '&:active': {
+          background: theme.Select.optionHoverBg,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.color
+        }
+      }), isDisabled && _objectSpread({
+        backgroundColor: theme.Input.backgroundColorDisabled,
+        color: theme.Select.disabledColor,
+        '&:hover, &:active, &:focus': {
+          backgroundColor: theme.Select.borderColor,
+          color: theme.Select.disabledColor
+        }
+      }, isFocused && {
+        backgroundColor: theme.Select.borderColor,
+        color: theme.Select.disabledColor
+      })), {}, {
+        '&:not(:last-of-type)': {
+          borderBottom: "1px solid ".concat(theme.Select.borderColor)
+        },
+        '&:first-of-type': {
+          borderRadius: '12px 12px 0 0'
+        },
+        '&:last-of-type': {
+          borderRadius: '0 0 12px 12px'
+        }
+      });
+    },
+    valueContainer: function valueContainer(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        padding: 0,
+        width: '100%',
+        display: 'grid'
+      });
+    },
+    singleValue: function singleValue(provided, selectProps) {
+      var isSelectDisabled = selectProps.isDisabled;
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color
+      });
+    }
+  };
+};
+
+exports.customStyles = customStyles;
+//# sourceMappingURL=SelectStyles.js.map

package/src/Form/SelectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"file":"SelectStyles.js"}

package/src/Form/ShakeBox.d.js

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

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

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

package/src/Form/ShakeBox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
+    amplitude?: number;
+    damping?: number;
+    speed?: number;
+    threshold?: number;
+}
+export interface ShakeBoxRef {
+    shake: () => void;
+}
+export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;

package/src/Form/ShakeBox.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShakeBox = void 0;
+
+var _react = require("@emotion/react");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/*
+ * 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/.
+ *
+ */
+
+/** @jsx jsx */
+var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$amplitude = _ref.amplitude,
+      amplitude = _ref$amplitude === void 0 ? 8 : _ref$amplitude,
+      _ref$damping = _ref.damping,
+      damping = _ref$damping === void 0 ? 0.75 : _ref$damping,
+      _ref$speed = _ref.speed,
+      speed = _ref$speed === void 0 ? 4 : _ref$speed,
+      _ref$threshold = _ref.threshold,
+      threshold = _ref$threshold === void 0 ? 1 : _ref$threshold;
+
+  var _useState = (0, _react2.useState)(0),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      offset = _useState2[0],
+      setOffset = _useState2[1];
+
+  var requestAnimationId = 0;
+
+  var shakeLoop = function shakeLoop(targetOffset) {
+    var currentOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+    if (targetOffset > 0 && currentOffset < targetOffset) {
+      currentOffset += speed;
+    } else if (targetOffset < 0 && currentOffset > targetOffset) {
+      currentOffset -= speed;
+    } else {
+      currentOffset = targetOffset - (currentOffset - targetOffset);
+      targetOffset *= -damping;
+    }
+
+    if (Math.abs(targetOffset) >= threshold) {
+      requestAnimationId = requestAnimationFrame(function () {
+        return shakeLoop(targetOffset, currentOffset);
+      });
+    } else {
+      currentOffset = 0;
+    }
+
+    setOffset(currentOffset);
+  };
+
+  (0, _react2.useImperativeHandle)(ref, function () {
+    return {
+      shake: function shake() {
+        cancelAnimationFrame(requestAnimationId);
+        shakeLoop(amplitude);
+      }
+    };
+  });
+  (0, _react2.useEffect)(function () {
+    return function () {
+      return cancelAnimationFrame(requestAnimationId);
+    };
+  }, []);
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
+      transform: "translateX(".concat(offset, "px)")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:ShakeBox;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoYWtlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWdCIiwiZmlsZSI6IlNoYWtlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBhbXBsaXR1ZGU/OiBudW1iZXI7XG4gIGRhbXBpbmc/OiBudW1iZXI7XG4gIHNwZWVkPzogbnVtYmVyO1xuICB0aHJlc2hvbGQ/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hSZWYge1xuICBzaGFrZTogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNoYWtlQm94ID0gUmVhY3QuZm9yd2FyZFJlZjxTaGFrZUJveFJlZiwgU2hha2VCb3hQcm9wcz4oXG4gICh7Y2hpbGRyZW4sIGFtcGxpdHVkZSA9IDgsIGRhbXBpbmcgPSAwLjc1LCBzcGVlZCA9IDQsIHRocmVzaG9sZCA9IDF9OiBTaGFrZUJveFByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbb2Zmc2V0LCBzZXRPZmZzZXRdID0gdXNlU3RhdGUoMCk7XG4gICAgbGV0IHJlcXVlc3RBbmltYXRpb25JZCA9IDA7XG5cbiAgICBjb25zdCBzaGFrZUxvb3AgPSAodGFyZ2V0T2Zmc2V0LCBjdXJyZW50T2Zmc2V0ID0gMCkgPT4ge1xuICAgICAgaWYgKHRhcmdldE9mZnNldCA+IDAgJiYgY3VycmVudE9mZnNldCA8IHRhcmdldE9mZnNldCkge1xuICAgICAgICBjdXJyZW50T2Zmc2V0ICs9IHNwZWVkO1xuICAgICAgfSBlbHNlIGlmICh0YXJnZXRPZmZzZXQgPCAwICYmIGN1cnJlbnRPZmZzZXQgPiB0YXJnZXRPZmZzZXQpIHtcbiAgICAgICAgY3VycmVudE9mZnNldCAtPSBzcGVlZDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGN1cnJlbnRPZmZzZXQgPSB0YXJnZXRPZmZzZXQgLSAoY3VycmVudE9mZnNldCAtIHRhcmdldE9mZnNldCk7XG4gICAgICAgIHRhcmdldE9mZnNldCAqPSAtZGFtcGluZztcbiAgICAgIH1cbiAgICAgIGlmIChNYXRoLmFicyh0YXJnZXRPZmZzZXQpID49IHRocmVzaG9sZCkge1xuICAgICAgICByZXF1ZXN0QW5pbWF0aW9uSWQgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gc2hha2VMb29wKHRhcmdldE9mZnNldCwgY3VycmVudE9mZnNldCkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY3VycmVudE9mZnNldCA9IDA7XG4gICAgICB9XG4gICAgICBzZXRPZmZzZXQoY3VycmVudE9mZnNldCk7XG4gICAgfTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgc2hha2U6ICgpID0+IHtcbiAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmVxdWVzdEFuaW1hdGlvbklkKTtcbiAgICAgICAgc2hha2VMb29wKGFtcGxpdHVkZSk7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiAoKSA9PiBjYW5jZWxBbmltYXRpb25GcmFtZShyZXF1ZXN0QW5pbWF0aW9uSWQpLCBbXSk7XG5cbiAgICByZXR1cm4gPGRpdiBjc3M9e3t0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7b2Zmc2V0fXB4KWB9fT57Y2hpbGRyZW59PC9kaXY+O1xuICB9LFxuKTtcbiJdfQ== */")
+  }, children);
+});
+
+exports.ShakeBox = ShakeBox;
+//# sourceMappingURL=ShakeBox.js.map

package/src/Form/ShakeBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ShakeBox.tsx"],"names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","shake","cancelAnimationFrame","transform"],"mappings":";;;;;;;;;;;AAoBA;;;;AACA;;;;;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAeO,IAAMA,QAAQ,gBAAGC,mBAAMC,UAAN,CACtB,gBAAqFC,GAArF,EAA6F;AAAA,MAA3FC,QAA2F,QAA3FA,QAA2F;AAAA,4BAAjFC,SAAiF;AAAA,MAAjFA,SAAiF,+BAArE,CAAqE;AAAA,0BAAlEC,OAAkE;AAAA,MAAlEA,OAAkE,6BAAxD,IAAwD;AAAA,wBAAlDC,KAAkD;AAAA,MAAlDA,KAAkD,2BAA1C,CAA0C;AAAA,4BAAvCC,SAAuC;AAAA,MAAvCA,SAAuC,+BAA3B,CAA2B;;AAC3F,kBAA4B,sBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAIC,kBAAkB,GAAG,CAAzB;;AAEA,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,YAAD,EAAqC;AAAA,QAAtBC,aAAsB,uEAAN,CAAM;;AACrD,QAAID,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AACpDC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFD,MAEO,IAAIM,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AAC3DC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFM,MAEA;AACLO,MAAAA,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAApB,CAA5B;AACAA,MAAAA,YAAY,IAAI,CAACP,OAAjB;AACD;;AACD,QAAIS,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BL,SAA9B,EAAyC;AACvCG,MAAAA,kBAAkB,GAAGM,qBAAqB,CAAC;AAAA,eAAML,SAAS,CAACC,YAAD,EAAeC,aAAf,CAAf;AAAA,OAAD,CAA1C;AACD,KAFD,MAEO;AACLA,MAAAA,aAAa,GAAG,CAAhB;AACD;;AACDJ,IAAAA,SAAS,CAACI,aAAD,CAAT;AACD,GAfD;;AAiBA,mCAAoBX,GAApB,EAAyB;AAAA,WAAO;AAC9Be,MAAAA,KAAK,EAAE,iBAAM;AACXC,QAAAA,oBAAoB,CAACR,kBAAD,CAApB;AACAC,QAAAA,SAAS,CAACP,SAAD,CAAT;AACD;AAJ6B,KAAP;AAAA,GAAzB;AAOA,yBAAU;AAAA,WAAM;AAAA,aAAMc,oBAAoB,CAACR,kBAAD,CAA1B;AAAA,KAAN;AAAA,GAAV,EAAgE,EAAhE;AAEA,SAAO;AAAK,IAAA,GAAG,+BAAE;AAACS,MAAAA,SAAS,uBAAgBX,MAAhB;AAAV,KAAF;AAAR,KAAmDL,QAAnD,CAAP;AACD,CAhCqB,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"file":"ShakeBox.js"}

package/src/Form/Switch.d.js

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

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

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

package/src/Form/Switch.d.ts

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { InputProps } from './Input';
+export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
+    activatedColor?: string;
+    checked: boolean;
+    deactivatedColor?: string;
+    disabled?: boolean;
+    disabledColor?: string;
+    id?: string;
+    loadingColor?: string;
+    name?: string;
+    onToggle: (isChecked: boolean) => void;
+    showLoading?: boolean;
+    dataUieName?: string;
+}
+export declare const Switch: ({ id, checked, onToggle, showLoading, disabled, loadingColor, activatedColor, deactivatedColor, name, dataUieName, }: SwitchProps) => jsx.JSX.Element;

package/src/Form/Switch.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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,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

@@ -0,0 +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 {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.d.js

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

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

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

package/src/Form/TextArea.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+import { CSSObject } from '@emotion/react';
+import { Property } from 'csstype';
+import React from 'react';
+import { Theme } from '../Layout';
+import { TextProps } from '../Text';
+export interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {
+    markInvalid?: boolean;
+    placeholderTextTransform?: Property.TextTransform;
+}
+export declare const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject;
+export declare const TEXTAREA_CLASSNAME = "textarea";
+export declare const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>>;