pebble-web 2.20.0 → 2.21.0-alpha.0

package/dist/pebble-web.es.dev.js

@@ -3791,22 +3791,14 @@ const selectedSwitch = /*#__PURE__*/css( {
 });
 
 class Switch extends PureComponent {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      value: this.props.initialValue || false
-    };
-  }
   render() {
     const {
+      checked,
       onChange,
       className,
       label,
       disabled
     } = this.props;
-    const {
-      value
-    } = this.state;
     return /*#__PURE__*/createElement("label", {
       className: cx(className, fixedLabelStyle, {
         [disabledStyle$1]: !!disabled
@@ -3815,30 +3807,33 @@ class Switch extends PureComponent {
       className: labelTextStyle
     }, label), /*#__PURE__*/createElement("div", {
       className: cx(labelStyle$1, {
-        [selectedLabel]: value,
+        [selectedLabel]: checked,
         [disabledStyle$1]: !!disabled
       })
     }, /*#__PURE__*/createElement("input", {
       type: "checkbox",
-      checked: value,
+      checked: checked,
       className: inputStyle$3,
-      onChange: () => {
+      onChange: e => {
         this.setState({
-          value: !value
+          value: !checked
         });
         if (onChange) {
-          onChange(!value);
+          onChange(!checked, e);
         }
       },
       disabled: disabled
     }), /*#__PURE__*/createElement("span", {
       className: cx({
         [switchStyle]: true,
-        [selectedSwitch]: value
+        [selectedSwitch]: checked
       })
     })));
   }
 }
+Switch.defaultProps = {
+  checked: false
+};
 
 const tagStyle = /*#__PURE__*/css({ ...typography.s.bold,
   ...flexSpaceBetween,