@loomhq/lens 10.62.0 → 10.62.1

package/dist/components/switch/switch.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { getColorValue, getFocusRing } from '../../utilities';
-import React from 'react';
+import React, { useRef } from 'react';
 import styled from '@emotion/styled';
 const sizes = {
     medium: {
@@ -115,10 +115,17 @@ const SwitchBox = styled.div `
 const Switch = (_a) => {
     var { isActive, isDisabled, onChange, size = 'medium', ariaLabelledby, ariaLabel } = _a, props = __rest(_a, ["isActive", "isDisabled", "onChange", "size", "ariaLabelledby", "ariaLabel"]);
     if (ariaLabelledby && ariaLabel) {
-        throw new Error('ariaLabelledby and ariaLabel serve the same purpose and therefore cannot be used at the same time. Choose the one that best suites your needs. ');
+        throw new Error('ariaLabelledby and ariaLabel serve the same purpose and therefore cannot be used at the same time. Choose the one that best suites your needs.');
     }
+    const ref = useRef(null);
+    const toggleSwitch = () => {
+        if (!ref.current || isActive) {
+            return;
+        }
+        ref.current.checked = !ref.current.checked;
+    };
     return (React.createElement(SwitchWrapper, null,
-        React.createElement(SwitchInput, Object.assign({}, props, { role: "switch", type: "checkbox", checked: isActive, disabled: isDisabled, onChange: onChange, switchSize: size, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-checked": isActive })),
-        React.createElement(SwitchBox, { className: "SwitchBox", isDisabled: isDisabled, isActive: isActive, switchSize: size })));
+        React.createElement(SwitchInput, Object.assign({}, props, { role: "switch", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange, switchSize: size, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-checked": isActive })),
+        React.createElement(SwitchBox, { className: "SwitchBox", isDisabled: isDisabled, isActive: isActive, switchSize: size, onClick: toggleSwitch })));
 };
 export default Switch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.62.0",
+  "version": "10.62.1",
   "scripts": {
     "dev": "next",
     "build:next": "next build",