@loomhq/lens 10.91.0 → 10.93.0

package/dist/components/icon/available-icons/index.d.ts

@@ -146,7 +146,6 @@ export { default as SvgRemoveRedEye } from "./remove-red-eye.js";
 export { default as SvgReply } from "./reply.js";
 export { default as SvgReplyLeft } from "./reply-left.js";
 export { default as SvgReplyRight } from "./reply-right.js";
-export { default as SvgRotateCcw } from "./rotate-ccw.js";
 export { default as SvgRotateLeft } from "./rotate-left.js";
 export { default as SvgSafariLogo } from "./safari-logo.js";
 export { default as SvgScissors } from "./scissors.js";

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

@@ -146,7 +146,6 @@ export { default as SvgRemoveRedEye } from './remove-red-eye.js';
 export { default as SvgReply } from './reply.js';
 export { default as SvgReplyLeft } from './reply-left.js';
 export { default as SvgReplyRight } from './reply-right.js';
-export { default as SvgRotateCcw } from './rotate-ccw.js';
 export { default as SvgRotateLeft } from './rotate-left.js';
 export { default as SvgSafariLogo } from './safari-logo.js';
 export { default as SvgScissors } from './scissors.js';

package/dist/components/text/text.d.ts

@@ -9,7 +9,7 @@ declare type VariantsProps = {
 export declare const variants: VariantsProps;
 export declare const lineHeightToPx: (size: any) => number;
 declare const TextWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextWrapperProps, object>;
-declare const Text: ({ children, size, color, isInline, isDimmed, fontWeight, hasEllipsis, ellipsisLines, variant, htmlTag, alignment, sizeMinMax, ...props }: TextProps & React.ComponentProps<typeof TextWrapper>) => JSX.Element;
+declare const Text: ({ children, size, color, isInline, isDimmed, fontWeight, hasEllipsis, ellipsisLines, noWrap, variant, htmlTag, alignment, sizeMinMax, ...props }: TextProps & React.ComponentProps<typeof TextWrapper>) => JSX.Element;
 export declare const availableSizes: string[];
 export declare const deprecatedSizes: string[];
 export declare const availableFontWeights: string[];
@@ -24,6 +24,7 @@ interface TextProps {
     isInline?: boolean;
     isDimmed?: boolean;
     hasEllipsis?: boolean;
+    noWrap?: boolean;
     ellipsisLines?: number;
     htmlTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span' | 'div';
     children?: React.ReactNode;

package/dist/components/text/text.js

@@ -59,7 +59,9 @@ const TextWrapper = styled.span `
     -webkit-box-orient: vertical;
     -webkit-line-clamp: ${props.ellipsisLines};
   `};
-
+  ${props => !props.hasEllipsis &&
+    props.noWrap &&
+    'white-space: nowrap; overflow: hidden;'};
   ${props => props.sizeMinMax &&
     `
     min-height: 0vw;
@@ -77,11 +79,11 @@ const TextWrapper = styled.span `
   `}
 `;
 const Text = (_a) => {
-    var { children, size = 'body-md', color, isInline, isDimmed, fontWeight = 'book', hasEllipsis, ellipsisLines, variant, htmlTag = 'span', alignment, sizeMinMax } = _a, props = __rest(_a, ["children", "size", "color", "isInline", "isDimmed", "fontWeight", "hasEllipsis", "ellipsisLines", "variant", "htmlTag", "alignment", "sizeMinMax"]);
+    var { children, size = 'body-md', color, isInline, isDimmed, fontWeight = 'book', hasEllipsis, ellipsisLines, noWrap, variant, htmlTag = 'span', alignment, sizeMinMax } = _a, props = __rest(_a, ["children", "size", "color", "isInline", "isDimmed", "fontWeight", "hasEllipsis", "ellipsisLines", "noWrap", "variant", "htmlTag", "alignment", "sizeMinMax"]);
     if (isDimmed) {
         console.warn(textIsDimmedDeprecated);
     }
-    return (React.createElement(TextWrapper, Object.assign({ size: variant ? variants[variant].size : size, color: color, isInline: isInline, isDimmed: isDimmed, fontWeight: variant ? variants[variant].fontWeight : fontWeight, hasEllipsis: hasEllipsis, ellipsisLines: ellipsisLines, variant: variant, as: htmlTag, alignment: alignment, sizeMinMax: sizeMinMax }, props), children));
+    return (React.createElement(TextWrapper, Object.assign({ size: variant ? variants[variant].size : size, color: color, isInline: isInline, isDimmed: isDimmed, fontWeight: variant ? variants[variant].fontWeight : fontWeight, hasEllipsis: hasEllipsis, ellipsisLines: ellipsisLines, noWrap: noWrap, variant: variant, as: htmlTag, alignment: alignment, sizeMinMax: sizeMinMax }, props), children));
 };
 export const availableSizes = [
     'body-sm',

package/dist/components/tooltip/tooltip.js

@@ -90,12 +90,13 @@ const Tooltip = (_a) => {
     const [isOpen, setIsOpen] = useState(false);
     const focusRef = useRef();
     const isTooltipDisabled = !content || isDisabled;
-    // show the tooltip if a user has focused or hovered on it AND it is not disabled
+    // Hide the tooltip as soon as isDisabled becomes true, and show it if a user has focused or hovered on it AND it is not disabled
     useEffect(() => {
-        const keepTooltipOpenOnHover = isOverTooltip && keepOpen;
         if (isTooltipDisabled) {
+            setIsOpen(false);
             return;
         }
+        const keepTooltipOpenOnHover = isOverTooltip && keepOpen;
         if (show || keepTooltipOpenOnHover) {
             setIsOpen(true);
         }

package/package.json

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

package/dist/components/icon/available-icons/rotate-ccw.d.ts

@@ -1,2 +0,0 @@
-export default SvgRotateCcw;
-declare function SvgRotateCcw(props: any): JSX.Element;

package/dist/components/icon/available-icons/rotate-ccw.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function SvgRotateCcw(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.657 4.08a8.2 8.2 0 11-6.592 10.846 1 1 0 011.886-.665 6.2 6.2 0 101.446-6.428l-1.872 1.76H8.8a1 1 0 010 2H4a1 1 0 01-1-1v-4.8a1 1 0 112 0V8.28l2.017-1.895a8.2 8.2 0 014.64-2.306z", fill: "currentColor" })));
-}
-export default SvgRotateCcw;