@loomhq/lens 10.63.3 → 10.63.5

package/dist/components/icon/available-icons/pin-fill.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 function SvgPinFill(props) {
-    return (React.createElement("svg", Object.assign({ style: { '--shapeWidth': 16 }, viewBox: "0 0 24 24", fill: "none" }, props),
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { clipRule: "evenodd", d: "m17.6715 3.98605-1.5123 2.7192v2.54571c1.7588.78714 3.0316 2.13554 3.3321 4.25134.0777.5468-.3797.9977-.932.9977h-3.805l-1.7928 6.2747c-.1227.4293-.515.7253-.9615.7253s-.8389-.296-.9615-.7253l-1.79283-6.2747h-3.80502c-.55229 0-1.00969-.4509-.93202-.9977.31058-2.1863 1.65931-3.55321 3.50969-4.32819v-2.46852l-1.51251-2.71954c-.37071-.66654.11124-1.48605.87393-1.48605h9.41776c.7627 0 1.2447.81951.874 1.48605z", fill: "currentColor", fillRule: "evenodd" })));
 }
 export default SvgPinFill;

package/dist/components/icon/available-icons/pin.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 function SvgPin(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", style: { '--shapeWidth': 16 } }, props),
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { clipRule: "evenodd", d: "m15.0971 4.5-.9379 1.6865v4.3605l1.183.5295c.7848.3512 1.3635.8089 1.7325 1.4235h-10.14909c.38822-.6465 1.00982-1.1228 1.86533-1.4812l1.22736-.514v-4.31796l-.93814-1.68684zm2.5744-.51395-1.5123 2.7192v2.54571c1.7588.78714 3.0316 2.13554 3.3321 4.25134.0777.5468-.3797.9977-.932.9977h-3.805l-1.7928 6.2747c-.1227.4293-.515.7253-.9615.7253s-.8389-.296-.9615-.7253l-1.79283-6.2747h-3.80502c-.55229 0-1.00969-.4509-.93202-.9977.31058-2.1863 1.65931-3.55321 3.50969-4.32819v-2.46852l-1.51251-2.71954c-.37071-.66654.11124-1.48605.87393-1.48605h9.41776c.7627 0 1.2447.81951.874 1.48605zm-6.3458 10.51395.6743 2.3599.6742-2.3599z", fill: "currentColor", fillRule: "evenodd" })));
 }
 export default SvgPin;

package/dist/components/switch/switch.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 declare const SwitchInput: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, SwitchInputProps, object>;
-declare const Switch: ({ isActive, isDisabled, onChange, size, ...props }: SwitchProps & Omit<React.ComponentProps<typeof SwitchInput>, 'size'>) => JSX.Element;
+declare const Switch: ({ isActive, isDisabled, onChange, size, ariaLabelledby, ariaLabel, ...props }: SwitchProps & Omit<React.ComponentProps<typeof SwitchInput>, 'size'>) => JSX.Element;
 declare type SwitchProps = {
     isActive?: boolean;
     isDisabled?: boolean;
     onChange?: React.ReactEventHandler;
     size?: 'medium' | 'large';
+    ariaLabelledby?: string;
+    ariaLabel?: string;
 };
 declare type SwitchInputProps = {
     switchSize?: 'medium' | 'large';

package/dist/components/switch/switch.js

@@ -60,6 +60,14 @@ const SwitchLabel = styled.label `
 const SwitchInput = styled.input `
   position: absolute;
   opacity: 0;
+  cursor: pointer;
+
+  // to overlap SwitchBox and occupy the same space
+  z-index: 1;
+  margin: 0;
+  width: ${props => sizes[props.switchSize].switchWidth}px;
+  height: ${props => sizes[props.switchSize].switchHeight}px;
+
   &:focus-visible ~ .SwitchBox {
     ${getFocusRing()};
   }
@@ -108,9 +116,12 @@ const SwitchBox = styled.div `
   }
 `;
 const Switch = (_a) => {
-    var { isActive, isDisabled, onChange, size = 'medium' } = _a, props = __rest(_a, ["isActive", "isDisabled", "onChange", "size"]);
+    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.');
+    }
     return (React.createElement(SwitchLabel, null,
-        React.createElement(SwitchInput, Object.assign({}, props, { checked: isActive, disabled: isDisabled, onChange: onChange, type: "checkbox", switchSize: size })),
+        React.createElement(SwitchInput, Object.assign({}, props, { checked: isActive, disabled: isDisabled, onChange: onChange, type: "checkbox", switchSize: size, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-checked": isActive })),
         React.createElement(SwitchBox, { className: "SwitchBox", isDisabled: isDisabled, isActive: isActive, switchSize: size })));
 };
 export default Switch;

package/dist/components/tooltip/tooltip.d.ts

@@ -18,7 +18,7 @@ declare type TooltipProps = {
     children?: React.ReactNode;
     container?: HTMLElement | (() => HTMLElement) | string;
     content?: React.ReactNode;
-    shortcut?: [];
+    shortcut?: string[];
     isDisabled?: boolean;
     isInline?: boolean;
     keepOpen?: boolean;

package/package.json

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