@loomhq/lens 12.20.2 → 12.20.3

package/dist/esm/icons/chunk-BCJBV6EL.js

@@ -0,0 +1,11 @@
+// src/components/icon/available-icons/shape-ellipse.tsx
+import ShapeEllipseIcon from "@atlaskit/icon-lab/core/shape-ellipse";
+import * as React from "react";
+function SvgShapeEllipse() {
+  return /* @__PURE__ */ React.createElement(ShapeEllipseIcon, { label: "", testId: "ads-refreshed-icon" });
+}
+
+export {
+  SvgShapeEllipse
+};
+//# sourceMappingURL=chunk-BCJBV6EL.js.map

package/dist/esm/icons/chunk-BCJBV6EL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/icon/available-icons/shape-ellipse.tsx"],
+  "sourcesContent": ["import ShapeEllipseIcon from '@atlaskit/icon-lab/core/shape-ellipse';\nimport * as React from 'react';\n\nexport function SvgShapeEllipse() {\n  return <ShapeEllipseIcon label=\"\" testId=\"ads-refreshed-icon\" />;\n}\n"],
+  "mappings": ";AAAA,OAAO,sBAAsB;AAC7B,YAAY,WAAW;AAEhB,SAAS,kBAAkB;AAChC,SAAO,oCAAC,oBAAiB,OAAM,IAAG,QAAO,sBAAqB;AAChE;",
+  "names": []
+}

package/dist/esm/icons/index.js

@@ -1,3 +1,6 @@
+import {
+  SvgXLogo
+} from "./chunk-FVJZXPRX.js";
 import {
   SvgZapOutline
 } from "./chunk-OOLVJGG2.js";
@@ -10,6 +13,9 @@ import {
 import {
   SvgZoomOut
 } from "./chunk-M35LKLMJ.js";
+import {
+  SvgWatchLaterRemove
+} from "./chunk-VSKPW4OH.js";
 import {
   SvgWatchLater
 } from "./chunk-GOYURRTO.js";
@@ -32,8 +38,8 @@ import {
   SvgXCircle
 } from "./chunk-QHLM45W4.js";
 import {
-  SvgXLogo
-} from "./chunk-FVJZXPRX.js";
+  SvgVideoLibrary
+} from "./chunk-VDARRVZ2.js";
 import {
   SvgVideoOff
 } from "./chunk-J5YSTD2O.js";
@@ -56,8 +62,8 @@ import {
   SvgWatchLaterAdded
 } from "./chunk-BFPFVG5V.js";
 import {
-  SvgWatchLaterRemove
-} from "./chunk-VSKPW4OH.js";
+  SvgUndoAlt
+} from "./chunk-EIKAXIVU.js";
 import {
   SvgUpload
 } from "./chunk-2GNR5PZB.js";
@@ -80,8 +86,8 @@ import {
   SvgVideoCam
 } from "./chunk-3IFD2STQ.js";
 import {
-  SvgVideoLibrary
-} from "./chunk-VDARRVZ2.js";
+  SvgTimelineEditor
+} from "./chunk-SOFWAOZ4.js";
 import {
   SvgTimer
 } from "./chunk-IPK2TGIQ.js";
@@ -104,8 +110,8 @@ import {
   SvgUnderline
 } from "./chunk-Q2DXN42B.js";
 import {
-  SvgUndoAlt
-} from "./chunk-EIKAXIVU.js";
+  SvgTask
+} from "./chunk-CI4GOC3L.js";
 import {
   SvgTeamworkAgentBig
 } from "./chunk-3XE2KGCX.js";
@@ -128,8 +134,8 @@ import {
   SvgThumbsUp
 } from "./chunk-F5L4NQJW.js";
 import {
-  SvgTimelineEditor
-} from "./chunk-SOFWAOZ4.js";
+  SvgSpeedSlow
+} from "./chunk-CKTMKAKK.js";
 import {
   SvgSplit
 } from "./chunk-NINABXFB.js";
@@ -152,8 +158,8 @@ import {
   SvgSun
 } from "./chunk-UNBBZS6J.js";
 import {
-  SvgTask
-} from "./chunk-CI4GOC3L.js";
+  SvgSkipBack
+} from "./chunk-4RZH26BD.js";
 import {
   SvgSlack
 } from "./chunk-HMUP4QXX.js";
@@ -175,9 +181,6 @@ import {
 import {
   SvgSpeedMedium
 } from "./chunk-VQTS3NUI.js";
-import {
-  SvgSpeedSlow
-} from "./chunk-CKTMKAKK.js";
 import {
   SvgSchool
 } from "./chunk-DV7DTSLT.js";
@@ -196,12 +199,12 @@ import {
 import {
   SvgSettings
 } from "./chunk-6JFYWVAP.js";
+import {
+  SvgShapeEllipse
+} from "./chunk-BCJBV6EL.js";
 import {
   SvgSilenceRemoval
 } from "./chunk-UHAMA5YO.js";
-import {
-  SvgSkipBack
-} from "./chunk-4RZH26BD.js";
 import {
   SvgReplyLeft
 } from "./chunk-AA7SIBLA.js";
@@ -1018,6 +1021,7 @@ export {
   SvgSearch,
   SvgSend,
   SvgSettings,
+  SvgShapeEllipse,
   SvgSilenceRemoval,
   SvgSkipBack,
   SvgSlack,

package/dist/esm/icons/shape-ellipse.js

@@ -0,0 +1,8 @@
+import {
+  SvgShapeEllipse
+} from "./chunk-BCJBV6EL.js";
+import "./chunk-2NMEKWO5.js";
+export {
+  SvgShapeEllipse
+};
+//# sourceMappingURL=shape-ellipse.js.map

package/dist/esm/icons/shape-ellipse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -122,7 +122,7 @@ var themeSharedColors = {
   recordActive: darken(hslaBaseColors.orange, activeIncrease),
   backdropDark: alphaFunction(hslaGreys.grey8, backdropDarkAlpha),
   backdropTwilight: alphaFunction(
-    hslaBaseColors.blurpleStrong,
+    hslaBaseColors.blueDark,
     backdropTwilightAlpha
   ),
   highlight: alphaFunction(hslaBaseColors.blurple, highlightAlpha),
@@ -142,7 +142,7 @@ var themeColors = {
     primaryHover: __spreadProps(__spreadValues({}, hslaBaseColors.blurpleDark), {
       ads: "--ds-background-brand-bold-hovered"
     }),
-    primaryActive: __spreadProps(__spreadValues({}, hslaBaseColors.blurpleStrong), {
+    primaryActive: __spreadProps(__spreadValues({}, hslaBaseColors.blueDark), {
       ads: "--ds-background-brand-bold-pressed"
     }),
     body: { h: 228, s: 6, l: 17, a: 1, ads: "--ds-text" },
@@ -412,7 +412,7 @@ var themeColors = {
       s: 85.1,
       l: 76.3,
       a: 1,
-      ads: "--ds-background-accent-blue-subtle-hovered"
+      ads: "--ds-border-focused"
     },
     overlay: { h: 225, s: 4, l: 17.6, a: 1, ads: "--ds-surface-overlay" },
     overlayHover: {
@@ -1004,7 +1004,7 @@ var breakpoints = {
 };
 var gradients = {
   "ai-primary": "conic-gradient(from 270deg, #0469FF 90deg, #BF63F3 180deg, #FFA900 270deg, #0065FF 360deg)",
-  "ai-secondary": "radial-gradient(138.41% 100% at 100% 100%, #E9F2FE 0%, #FFF 100%)"
+  "ai-secondary": "radial-gradient(138.41% 100% at 100% 100%, var(--ds-background-accent-blue-subtlest) 0%, var(--ds-surface) 100%)"
 };
 
 // src/components/text/text.tsx
@@ -2307,21 +2307,18 @@ var variantStyles = {
     active: null
   }
 };
-var statusStyles = (props) => {
-  const useFloatingDisabledColors = props.isFloating && props.disabled;
-  return {
-    enabled: css2`
-      cursor: pointer;
-    `,
-    disabled: css2`
-      ${props.ariaDisabled && `aria-disabled: true`};
-      pointer-events: none;
-      background-color: ${useFloatingDisabledColors ? props.variant === "neutral" ? variantStyles[props.variant].floatingActive : variantStyles[props.variant].active || getColorValue("disabledBackground") : getColorValue("disabledBackground")};
-      color: ${useFloatingDisabledColors ? variantStyles[props.variant].color : getColorValue("disabledContent")};
-      border: ${variantStyles[props.variant].borderColor ? `1px solid ${variantStyles[props.variant].borderColor}` : "none"};
-    `
-  };
-};
+var statusStyles = (props) => ({
+  enabled: css2`
+    cursor: pointer;
+  `,
+  disabled: css2`
+    ${props.ariaDisabled && `aria-disabled: true`};
+    pointer-events: none;
+    background-color: ${getColorValue("disabledBackground")};
+    color: ${getColorValue("disabledContent")};
+    border: ${variantStyles[props.variant].borderColor ? `1px solid ${variantStyles[props.variant].borderColor}` : "none"};
+  `
+});
 var widthStyles = (props) => ({
   auto: css2`
     display: inline-flex;
@@ -4794,6 +4791,15 @@ var ModalCard = (_a) => {
     "initialFocus",
     "closeOnEscape"
   ]);
+  const dialogRef = useRef3(null);
+  const setDialogRef = (node) => {
+    dialogRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  };
   const keyListener = (e) => {
     if (e.key === "Escape" && closeOnEscape) {
       e.preventDefault();
@@ -4815,7 +4821,11 @@ var ModalCard = (_a) => {
       active: isOpen,
       focusTrapOptions: __spreadValues({
         clickOutsideDeactivates: false,
-        allowOutsideClick: true
+        allowOutsideClick: true,
+        // The dialog element is always rendered, so it is a safe focus target
+        // when no tabbable content exists yet (e.g. lazy-loaded children still
+        // resolving, or `removeClose` modals with no interactive elements).
+        fallbackFocus: () => dialogRef.current
       }, initialFocus !== void 0 ? { initialFocus } : {})
     },
     /* @__PURE__ */ React30.createElement(
@@ -4826,7 +4836,7 @@ var ModalCard = (_a) => {
         maxHeight,
         placement,
         onClick: (e) => e.stopPropagation(),
-        ref,
+        ref: setDialogRef,
         "aria-label": ariaLabel,
         "aria-modal": ariaModal,
         "aria-labelledby": ariaLabelledBy
@@ -4840,13 +4850,7 @@ var ModalCard = (_a) => {
           onClick: onCloseClick
         }
       )),
-      /* @__PURE__ */ React30.createElement(
-        ModalCardChildrenSection,
-        __spreadProps(__spreadValues({}, removeClose ? { tabIndex: 0 } : { tabIndex: -1 }), {
-          maxHeight
-        }),
-        children
-      )
+      /* @__PURE__ */ React30.createElement(ModalCardChildrenSection, { maxHeight }, children)
     )
   );
 };
@@ -7591,7 +7595,8 @@ var ListRow = (_a) => {
     backgroundColor,
     onClick,
     href,
-    role
+    role,
+    tabIndex
   } = _b, props = __objRest(_b, [
     "children",
     "htmlTag",
@@ -7599,7 +7604,8 @@ var ListRow = (_a) => {
     "backgroundColor",
     "onClick",
     "href",
-    "role"
+    "role",
+    "tabIndex"
   ]);
   const classNameFromProp = className ? ` ${className}` : ``;
   const nonInteractiveElements = [
@@ -7626,7 +7632,7 @@ var ListRow = (_a) => {
   if (!isAutoInteractive) {
     isNonInteractive = nonInteractiveElements.includes(actualHtmlTag);
   }
-  const interactiveProps = !isNonInteractive || isAutoInteractive ? {
+  const interactiveProps = (!isNonInteractive || isAutoInteractive) && (onClick || href) ? __spreadValues({
     onClick,
     onKeyDown: (e) => {
       if (e.key === "Enter") {
@@ -7634,7 +7640,7 @@ var ListRow = (_a) => {
         onClick == null ? void 0 : onClick(e);
       }
     }
-  } : {};
+  }, onClick && !href ? { tabIndex: tabIndex != null ? tabIndex : 0 } : {}) : {};
   return /* @__PURE__ */ React47.createElement(
     ListRowWrapper,
     __spreadValues(__spreadValues({