@loomhq/lens 10.102.1 → 10.102.2

package/dist/components/text/text.js

@@ -1,107 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { getFontWeight, getTextSize, getColorValue, u } from '../../utilities';
-import React from 'react';
-import styled from '@emotion/styled';
-import { textSizes, unit } from '../../variables';
-import { textIsDimmedDeprecated } from '../../console-messages';
-export const dimAmount = 0.6;
-export const variants = {
-    body: {
-        size: 'body-md',
-        fontWeight: 'book',
-    },
-    title: {
-        size: 'body-lg',
-        fontWeight: 'bold',
-    },
-    mainTitle: {
-        size: 'heading-md',
-        fontWeight: 'bold',
-    },
-};
-const getTextPxSize = size => textSizes[size].fontSize * unit;
-const getTextUnitSize = size => u(textSizes[size].fontSize);
-export const lineHeightToPx = size => textSizes[size].fontSize * textSizes[size].lineHeight * unit;
-const clampBuilder = (minSize, maxSize, minWindow, maxWindow) => {
-    const slope = (maxSize - minSize) / (maxWindow - minWindow);
-    const yAxisIntersection = -minWindow * slope + minSize;
-    return `${yAxisIntersection}px + ${slope * 100}vw`;
-};
-const TextWrapper = styled.span `
-  display: ${props => (props.isInline ? 'inline' : 'block')};
-  ${props => !props.sizeMinMax && getTextSize(props.size)};
-  ${props => getFontWeight(props.fontWeight)};
-  ${props => props.color && `color: ${getColorValue(props.color)}`};
-  ${props => props.isDimmed && `opacity: ${dimAmount}`};
-  ${props => props.alignment && `text-align: ${props.alignment}`};
-  ${props => props.hasEllipsis &&
-    !props.ellipsisLines &&
-    `
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  `};
-  ${props => props.hasEllipsis &&
-    props.ellipsisLines &&
-    `
-    overflow: hidden;
-    display: -webkit-box;
-    -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;
-    font-size: clamp(
-      ${getTextUnitSize(props.sizeMinMax[0])},
-      ${clampBuilder(getTextPxSize(props.sizeMinMax[0]), getTextPxSize(props.sizeMinMax[1]), 496, 1200)},
-      ${getTextUnitSize(props.sizeMinMax[1])}
-    );
-
-    line-height: clamp(
-      ${lineHeightToPx(props.sizeMinMax[0])}px,
-      ${clampBuilder(lineHeightToPx(props.sizeMinMax[0]), lineHeightToPx(props.sizeMinMax[1]), 496, 1200)},
-      ${lineHeightToPx(props.sizeMinMax[1])}px
-    );
-  `}
-`;
-const Text = (_a) => {
-    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, noWrap: noWrap, variant: variant, as: htmlTag, alignment: alignment, sizeMinMax: sizeMinMax }, props), children));
-};
-export const availableSizes = [
-    'body-sm',
-    'body-md',
-    'body-lg',
-    'heading-sm',
-    'heading-md',
-    'heading-lg',
-];
-export const deprecatedSizes = [
-    'small',
-    'medium',
-    'large',
-    'xlarge',
-    'xxlarge',
-    'xxxlarge',
-];
-export const availableFontWeights = ['book', 'bold'];
-export const availableHtmlTags = ['h1', 'h2', 'h3', 'h4', 'p', 'span', 'div'];
-export const alignments = ['left', 'right', 'center'];
-export default Text;

package/dist/components/text-button/text-button.js

@@ -1,88 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { getColorValue, getFocusRing, getFontWeight, getRadius, getTextSize, u, } from '../../utilities';
-import Container from '../container/container';
-import Icon from '../icon/icon';
-import React from 'react';
-import styled from '@emotion/styled';
-const sizeStyles = {
-    small: {
-        textSize: 'small',
-        iconSize: 2.25,
-        height: u(3),
-        xSpace: u(1),
-    },
-    medium: {
-        textSize: 'medium',
-        iconSize: 3,
-        height: u(4),
-        xSpace: u(1.5),
-    },
-};
-const TextButtonWrapper = styled.button `
-  background-color: transparent;
-  display: inline-flex;
-  vertical-align: middle;
-  align-items: center;
-  font: inherit;
-  text-decoration: none;
-  border: none;
-  appearance: none;
-  height: ${props => sizeStyles[props.size].height};
-  cursor: pointer;
-  transition: 0.6s background-color;
-  color: ${getColorValue('body')};
-  ${getFontWeight('bold')};
-  ${getRadius('full')};
-  ${props => getTextSize(sizeStyles[props.size].textSize)};
-  padding: 0 ${props => sizeStyles[props.size].xSpace};
-  ${props => props.offsetSide &&
-    `margin-${props.offsetSide}: calc(-1 * ${sizeStyles[props.size].xSpace})`};
-
-  &:focus,
-  &:focus-visible {
-    outline: 1px solid transparent;
-  }
-
-  &:focus-visible {
-    ${getFocusRing()};
-  }
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
-  &:hover {
-    transition: 0.3s background-color;
-    background-color: ${getColorValue('backgroundHover')};
-  }
-
-  &:active {
-    transition: 0s background-color;
-    background-color: ${getColorValue('backgroundActive')};
-  }
-
-  &:disabled {
-    color: ${getColorValue('disabledContent')};
-    pointer-events: none;
-  }
-`;
-const TextButton = (_a) => {
-    var { onClick, size = 'medium', children, icon, iconPosition = 'left', isDisabled, htmlTag, offsetSide } = _a, props = __rest(_a, ["onClick", "size", "children", "icon", "iconPosition", "isDisabled", "htmlTag", "offsetSide"]);
-    const iconComponent = (React.createElement(Container, { paddingLeft: iconPosition === 'right' && 'small', paddingRight: iconPosition === 'left' && 'small', htmlTag: "span" },
-        React.createElement(Icon, { icon: icon, size: sizeStyles[size].iconSize, color: isDisabled ? 'disabledColor' : undefined, hasWidthOffset: true })));
-    return (React.createElement(TextButtonWrapper, Object.assign({ onClick: onClick, size: size, icon: icon, iconPosition: iconPosition, disabled: isDisabled, as: htmlTag, offsetSide: offsetSide }, props),
-        icon && iconPosition === 'left' && iconComponent,
-        children,
-        icon && iconPosition === 'right' && iconComponent));
-};
-export default TextButton;

package/dist/components/text-input/text-input.js

@@ -1,130 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { getColorValue, getTextSize, u } from '../../utilities';
-import Icon from '../icon/icon';
-import styled from '@emotion/styled';
-const sizesStyles = {
-    small: {
-        height: u(4),
-        width: u(5),
-        iconSize: 2,
-        padding: u(1.75),
-        withIconPadding: u(4.5),
-        textSize: 'small',
-    },
-    medium: {
-        height: 'var(--lns-formFieldHeight)',
-        width: u(6),
-        iconSize: 3,
-        padding: 'var(--lns-formFieldHorizontalPadding)',
-        withIconPadding: u(5.5),
-        textSize: 'medium',
-    },
-    large: {
-        height: u(7),
-        width: u(6),
-        iconSize: 3,
-        padding: 'var(--lns-formFieldHorizontalPadding)',
-        withIconPadding: u(5.5),
-        textSize: 'large',
-    },
-};
-const InputField = styled.input `
-  -webkit-appearance: none;
-  font-family: inherit;
-  width: 100%;
-  height: ${props => sizesStyles[props.inputSize].height};
-  border: none;
-  color: inherit;
-  background-color: ${getColorValue('formFieldBackground')};
-  transition: 0.3s box-shadow;
-  padding-top: 0;
-  padding-bottom: 0;
-  padding-left: ${props => props.icon
-    ? sizesStyles[props.inputSize].withIconPadding
-    : sizesStyles[props.inputSize].padding};
-  padding-right: ${props => props.icon
-    ? sizesStyles[props.inputSize].withIconPadding
-    : sizesStyles[props.inputSize].padding};
-  border-radius: var(--lns-radius-full);
-  box-shadow: inset 0 0 0
-    ${props => props.hasError
-    ? 'var(--lns-formFieldBorderWidthFocus) var(--lns-color-danger)'
-    : 'var(--lns-formFieldBorderWidth) var(--lns-color-formFieldBorder)'};
-
-  ${props => getTextSize(sizesStyles[props.inputSize].textSize)};
-
-  &:hover {
-    box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidthFocus)
-      var(--lns-color-blurple);
-  }
-
-  &:focus {
-    outline: 1px solid transparent;
-    box-shadow: var(--lns-formFieldBorderShadowFocus);
-  }
-
-  &:disabled {
-    color: ${getColorValue('disabledContent')};
-    background-color: ${getColorValue('disabledBackground')};
-  }
-
-  &:disabled:hover {
-    box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidth)
-      var(--lns-color-formFieldBorder);
-  }
-
-  &::placeholder {
-    color: ${getColorValue('grey5')};
-  }
-
-  [data-lens-theme='dark'] &::-webkit-calendar-picker-indicator,
-  .theme-dark &::-webkit-calendar-picker-indicator {
-    filter: invert(1);
-  }
-`;
-const InputFieldWrapper = styled.div `
-  position: relative;
-  width: 100%;
-`;
-const IconSection = styled.div `
-  position: absolute;
-  pointer-events: none;
-  width: ${props => sizesStyles[props.size].width};
-  // Width isn't equal to iconPadding because we want more space on the left than the right
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const AddOnWrapper = styled.div `
-  position: absolute;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  right: 0;
-  width: ${props => sizesStyles[props.size].width};
-  top: 50%;
-  transform: translateY(-50%);
-`;
-const TextInput = forwardRef((_a, ref) => {
-    var { placeholder, onFocus, onChange, onBlur, onKeyDown, isDisabled, icon, type = 'text', value, hasError, size = 'medium', addOn } = _a, props = __rest(_a, ["placeholder", "onFocus", "onChange", "onBlur", "onKeyDown", "isDisabled", "icon", "type", "value", "hasError", "size", "addOn"]);
-    const inputField = (React.createElement(InputField, Object.assign({ type: type, placeholder: placeholder, onFocus: onFocus, onChange: onChange, onBlur: onBlur, onKeyDown: onKeyDown, disabled: isDisabled, icon: icon, ref: ref, value: value, hasError: hasError, inputSize: size }, props)));
-    return icon || addOn ? (React.createElement(InputFieldWrapper, null,
-        icon && (React.createElement(IconSection, { size: size },
-            React.createElement(Icon, { icon: icon, size: sizesStyles[size].iconSize, color: getColorValue(isDisabled ? 'disabledContent' : 'body') }))),
-        inputField,
-        addOn && React.createElement(AddOnWrapper, { size: size }, addOn))) : (inputField);
-});
-export default TextInput;

package/dist/components/textarea/textarea.js

@@ -1,67 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { getColorValue, getRadius, getTextSize, u } from '../../utilities';
-import styled from '@emotion/styled';
-const sizesStyles = {
-    small: {
-        padding: `${u(1.5)} ${u(1.75)}`,
-        textSize: 'small',
-    },
-    medium: {
-        padding: `${u(1.5)} var(--lns-formFieldHorizontalPadding)`,
-        textSize: 'medium',
-    },
-};
-const TextareaWrapper = styled.textarea `
-  width: 100%;
-  border: none;
-  font-family: inherit;
-  color: inherit;
-  background-color: ${getColorValue('formFieldBackground')};
-  transition: 0.3s box-shadow;
-  padding: ${props => sizesStyles[props.size].padding};
-  ${getRadius('large')};
-  box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidth)
-    var(--lns-color-formFieldBorder);
-  ${props => getTextSize(sizesStyles[props.size].textSize)};
-  resize: ${props => props.resize};
-
-  &:hover {
-    box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidthFocus)
-      var(--lns-color-blurple);
-  }
-
-  &:focus {
-    outline: 1px solid transparent;
-    box-shadow: var(--lns-formFieldBorderShadowFocus);
-  }
-
-  &:disabled {
-    color: ${getColorValue('disabledContent')};
-    background-color: ${getColorValue('disabledBackground')};
-  }
-
-  &:disabled:hover {
-    box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidth)
-      var(--lns-color-formFieldBorder);
-  }
-
-  &::placeholder {
-    color: ${getColorValue('grey5')};
-  }
-`;
-const Textarea = React.forwardRef((_a, ref) => {
-    var { onChange, value, rows = 4, isDisabled, placeholder, size = 'medium', resize = 'both' } = _a, props = __rest(_a, ["onChange", "value", "rows", "isDisabled", "placeholder", "size", "resize"]);
-    return (React.createElement(TextareaWrapper, Object.assign({ disabled: isDisabled, onChange: onChange, placeholder: placeholder, ref: ref, rows: rows, value: value, size: size, resize: resize }, props)));
-});
-export default Textarea;

package/dist/components/toast/toast.js

@@ -1,87 +0,0 @@
-import React, { useEffect } from 'react';
-import { getColorValue, getShadow, u } from '../../utilities';
-import IconButton from '../icon-button/icon-button';
-import { SvgClose } from '../icon/available-icons';
-import { keyframes } from '@emotion/core';
-import styled from '@emotion/styled';
-const WEBAPP = 'web-app';
-const CHROME_EXTENSION = 'chrome-extension';
-const toastDurations = { short: 3000, long: 8000 };
-const enter = (toastDuration, platform) => keyframes `
-  0% {
-    opacity: 0;
-    transform: translate(-50%, ${u(platform === CHROME_EXTENSION ? -8 : 8)});
-  }
-  // (300 / toastDuration) * 100 evaluates to 10% for short. Longer durations will have the same speed of animation
-  ${(300 / toastDuration) * 100}% {
-    opacity: 1;
-    transform: translate(-50%, 0);
-  }
-  // 100 - (300 / toastDuration) * 100 evaluates to 90% for short. Longer durations will have the same speed of animation
-  ${100 - (300 / toastDuration) * 100}% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-`;
-const getTop = platform => {
-    switch (platform) {
-        case WEBAPP:
-            return 'unset';
-        case CHROME_EXTENSION:
-            return u(4);
-        default:
-            return 'unset';
-    }
-};
-const getBottom = platform => {
-    switch (platform) {
-        case WEBAPP:
-            return u(4);
-        case CHROME_EXTENSION:
-            return 'unset';
-        default:
-            return u(4);
-    }
-};
-const ToastWrapper = styled.div `
-  animation: ${props => enter(props.toastDuration, props.platform)}
-    ${props => props.toastDuration}ms forwards;
-  background-color: ${getColorValue('background')};
-  border-radius: 1.75rem; // Height of single line toast (56px) divided by 2 so one line toasts appear fully rounded
-  top: ${props => getTop(props.platform)};
-  bottom: ${props => getBottom(props.platform)};
-  ${getShadow('large')};
-  color: ${getColorValue('body')};
-  display: grid;
-  grid-auto-flow: column;
-  gap: var(--lns-space-small);
-  justify-content: space-between;
-  left: 50%;
-  max-width: ${u(50)}; // Fallback when min() function is not supported
-  max-width: min(90%, ${u(50)});
-  padding: ${u(1.5)} var(--lns-space-medium) ${u(1.5)} var(--lns-space-large);
-  position: fixed;
-  transform: translateX(-50%);
-  width: max-content;
-  z-index: ${props => props.zIndex};
-`;
-const ChildrenSection = styled.div `
-  align-self: center;
-`;
-const Toast = ({ children, isOpen, onCloseClick, zIndex = 1100, duration = 'short', platform = 'web-app', }) => {
-    const toastDuration = toastDurations[duration];
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            if (isOpen) {
-                onCloseClick();
-            }
-        }, toastDuration);
-        return () => clearTimeout(timer);
-    }, [isOpen]);
-    return (React.createElement(React.Fragment, null, isOpen && (React.createElement(ToastWrapper, { "data-lens-theme": "dark", onClick: e => e.stopPropagation(), zIndex: zIndex, isOpen: isOpen, toastDuration: toastDuration, platform: platform },
-        React.createElement(ChildrenSection, { "aria-live": "polite" }, children),
-        onCloseClick && (React.createElement(IconButton, { altText: "Close", icon: React.createElement(SvgClose, null), onClick: onCloseClick }))))));
-};
-export default Toast;

package/dist/components/tooltip/tooltip.js

@@ -1,157 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useState, useRef, useEffect } from 'react';
-import Arrange from '../arrange/arrange';
-import Text from '../text/text';
-import { getColorValue, getFontWeight, getRadius, getShadow, getSize, getTextSize, u, } from '../../utilities';
-import { useHover, useLayer, mergeRefs } from 'react-laag';
-import ResizeObserver from 'resize-observer-polyfill';
-import styled from '@emotion/styled';
-import { textSizes } from '../../variables';
-const placements = {
-    topLeft: 'top-start',
-    topCenter: 'top-center',
-    topRight: 'top-end',
-    bottomLeft: 'bottom-start',
-    bottomCenter: 'bottom-center',
-    bottomRight: 'bottom-end',
-    leftTop: 'left-start',
-    leftCenter: 'left-center',
-    leftBottom: 'left-end',
-    rightTop: 'right-start',
-    rightCenter: 'right-center',
-    rightBottom: 'right-end',
-};
-const tooltipMinHeight = 4;
-const textHeight = textSizes.small.fontSize * textSizes.small.lineHeight;
-const tooltipYPadding = (tooltipMinHeight - textHeight) / 2;
-const TooltipBoxWrapper = styled.div `
-  background-color: ${getColorValue('background')};
-  color: ${getColorValue('body')};
-  ${getRadius('large')};
-  ${getFontWeight('bold')};
-  ${getTextSize('small')};
-  ${getShadow('medium')};
-  ${props => getSize('max-width', props.maxWidth)};
-  z-index: 1100;
-  padding: ${u(tooltipYPadding)} ${u(1.5)};
-  z-index: ${props => props.zIndex};
-`;
-const ShortcutWrapper = styled.div `
-  background-color: ${getColorValue('backgroundActive')};
-  border-radius: 3px;
-  color: ${getColorValue('grey3')};
-  ${getFontWeight('bold')};
-  ${getTextSize('small')};
-  padding-left: ${u(0.5)};
-  padding-right: ${u(0.5)};
-`;
-export const ShortcutBox = ({ children, }) => (React.createElement(ShortcutWrapper, null, children));
-export const TooltipBox = (_a) => {
-    var { children, maxWidth, onMouseEnter, onMouseLeave, layerProps, zIndex } = _a, rest = __rest(_a, ["children", "maxWidth", "onMouseEnter", "onMouseLeave", "layerProps", "zIndex"]);
-    return (React.createElement(TooltipBoxWrapper, Object.assign({ "data-lens-theme": "dark", maxWidth: maxWidth, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, zIndex: zIndex }, layerProps, rest), children));
-};
-const TooltipChildren = styled.div `
-  display: ${props => (props.isInline ? 'inline-block' : 'block')};
-  ${props => props.verticalAlign && `vertical-align: ${props.verticalAlign}`};
-  &:focus-visible {
-    // Note: 0px solid transparent prevents focus rings from disappearing for -ms-high-contrast.
-    // TODO(LNS-183): Provide more robust polyfill/support for :focus for older versions of Safari, which don't support :focus-visible
-    outline: 0px solid transparent;
-    box-shadow: var(--lns-formFieldBorderShadowFocus);
-  }
-`;
-function getInitialDelaySpeed(delay) {
-    switch (delay) {
-        case 'immediate':
-            return 200;
-        case 'long':
-            return 800;
-        default:
-            return 200;
-    }
-}
-const Tooltip = (_a) => {
-    var { children, content, shortcut, placement = 'topCenter', keepOpen, triggerOffset = 4, maxWidth = 26, isInline = true, isDisabled, container, tabIndex = 0, zIndex = 1100, verticalAlign = 'middle', delay = 'immediate' } = _a, rest = __rest(_a, ["children", "content", "shortcut", "placement", "keepOpen", "triggerOffset", "maxWidth", "isInline", "isDisabled", "container", "tabIndex", "zIndex", "verticalAlign", "delay"]);
-    const [show, hoverProps] = useHover({
-        delayEnter: getInitialDelaySpeed(delay),
-        delayLeave: 200,
-    });
-    const [isOverTooltip, setIsOverTooltip] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const focusRef = useRef();
-    const isTooltipDisabled = !content || isDisabled;
-    // 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(() => {
-        if (isTooltipDisabled) {
-            setIsOpen(false);
-            return;
-        }
-        const keepTooltipOpenOnHover = isOverTooltip && keepOpen;
-        if (show || keepTooltipOpenOnHover) {
-            setIsOpen(true);
-        }
-        // We have to watch this separately since hover and focus are managed separately. So, an element can be keyboard focused while another element is mouse hovered.
-        if (!show && !keepTooltipOpenOnHover) {
-            setIsOpen(false);
-        }
-    }, [
-        content,
-        isDisabled,
-        isOverTooltip,
-        isTooltipDisabled,
-        keepOpen,
-        setIsOpen,
-        show,
-    ]);
-    const handleFocus = () => {
-        if (!isTooltipDisabled) {
-            setIsOpen(true);
-        }
-    };
-    const handleBlur = () => {
-        setIsOpen(false);
-    };
-    useEffect(() => {
-        if (!isOpen) {
-            return;
-        }
-        const keyListener = e => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                handleBlur();
-            }
-        };
-        window.addEventListener('keydown', keyListener);
-        return () => {
-            window.removeEventListener('keydown', keyListener);
-        };
-    }, [isOpen, setIsOpen]);
-    const { layerProps, triggerProps, renderLayer } = useLayer({
-        isOpen,
-        placement: placements[placement],
-        ResizeObserver,
-        triggerOffset,
-        container,
-        auto: true,
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TooltipChildren, Object.assign({}, triggerProps, hoverProps, { onFocus: handleFocus, onBlur: handleBlur, isInline: isInline, verticalAlign: verticalAlign, tabIndex: isTooltipDisabled ? -1 : tabIndex, ref: mergeRefs(triggerProps.ref, focusRef) }), children),
-        isOpen &&
-            renderLayer(React.createElement("div", Object.assign({}, layerProps, { style: Object.assign(Object.assign({}, layerProps.style), { zIndex }) }),
-                React.createElement(TooltipBox, Object.assign({ maxWidth: maxWidth, onMouseEnter: () => setIsOverTooltip(true), onMouseLeave: () => setIsOverTooltip(false) }, rest),
-                    React.createElement(Arrange, { gap: "small" },
-                        React.createElement(Text, { size: "small", fontWeight: "bold" }, content),
-                        shortcut && (React.createElement(Arrange, { gap: "xsmall" }, shortcut.map((char, index) => (React.createElement(ShortcutBox, { key: index }, char)))))))))));
-};
-export const availablePlacements = Object.keys(placements);
-export default Tooltip;

package/dist/console-messages.js

@@ -1,5 +0,0 @@
-export const textIsDimmedDeprecated = `Lens: Text prop 'isDimmed' is deprecated, use color="bodyDimmed" instead.`;
-export const customStylesWarning = `Lens: don't apply custom styles to components, learn more: https://lens.loom.dev/guides/development-best-practices/the-risk-of-modifying-components-with-custom-styles.`;
-export const splitComponentChildren = `Lens: Split component direct children should only be SplitSection components.`;
-export const distributeDeprecatedWarning = `Lens: Distribute component is deprecated. Use Arrange or Split.`;
-export const layoutDeprecatedWarning = `Lens: Layout component is deprecated. Use Arrange or Split.`;

package/dist/constants/routes.js

@@ -1 +0,0 @@
-export const LENS_CDN = 'https://cdn.loom.com/assets/lens';