@loomhq/lens 12.20.2 → 12.20.4

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,9 @@
+import {
+  SvgXCircle
+} from "./chunk-QHLM45W4.js";
+import {
+  SvgXLogo
+} from "./chunk-FVJZXPRX.js";
 import {
   SvgZapOutline
 } from "./chunk-OOLVJGG2.js";
@@ -10,6 +16,12 @@ import {
 import {
   SvgZoomOut
 } from "./chunk-M35LKLMJ.js";
+import {
+  SvgWatchLaterAdded
+} from "./chunk-BFPFVG5V.js";
+import {
+  SvgWatchLaterRemove
+} from "./chunk-VSKPW4OH.js";
 import {
   SvgWatchLater
 } from "./chunk-GOYURRTO.js";
@@ -29,11 +41,11 @@ import {
   SvgWriteMessage
 } from "./chunk-NZVDBUCK.js";
 import {
-  SvgXCircle
-} from "./chunk-QHLM45W4.js";
+  SvgVideoCam
+} from "./chunk-3IFD2STQ.js";
 import {
-  SvgXLogo
-} from "./chunk-FVJZXPRX.js";
+  SvgVideoLibrary
+} from "./chunk-VDARRVZ2.js";
 import {
   SvgVideoOff
 } from "./chunk-J5YSTD2O.js";
@@ -53,11 +65,11 @@ import {
   SvgWarningAlert
 } from "./chunk-BAS6VBCI.js";
 import {
-  SvgWatchLaterAdded
-} from "./chunk-BFPFVG5V.js";
+  SvgUnderline
+} from "./chunk-Q2DXN42B.js";
 import {
-  SvgWatchLaterRemove
-} from "./chunk-VSKPW4OH.js";
+  SvgUndoAlt
+} from "./chunk-EIKAXIVU.js";
 import {
   SvgUpload
 } from "./chunk-2GNR5PZB.js";
@@ -77,11 +89,11 @@ import {
   SvgVersionControl
 } from "./chunk-VIGGSGOL.js";
 import {
-  SvgVideoCam
-} from "./chunk-3IFD2STQ.js";
+  SvgThumbsUp
+} from "./chunk-F5L4NQJW.js";
 import {
-  SvgVideoLibrary
-} from "./chunk-VDARRVZ2.js";
+  SvgTimelineEditor
+} from "./chunk-SOFWAOZ4.js";
 import {
   SvgTimer
 } from "./chunk-IPK2TGIQ.js";
@@ -101,11 +113,11 @@ import {
   SvgTune
 } from "./chunk-XW7TC77Y.js";
 import {
-  SvgUnderline
-} from "./chunk-Q2DXN42B.js";
+  SvgSun
+} from "./chunk-UNBBZS6J.js";
 import {
-  SvgUndoAlt
-} from "./chunk-EIKAXIVU.js";
+  SvgTask
+} from "./chunk-CI4GOC3L.js";
 import {
   SvgTeamworkAgentBig
 } from "./chunk-3XE2KGCX.js";
@@ -125,11 +137,11 @@ import {
   SvgThumbsDown
 } from "./chunk-M4GAFFLM.js";
 import {
-  SvgThumbsUp
-} from "./chunk-F5L4NQJW.js";
+  SvgSpeedMedium
+} from "./chunk-VQTS3NUI.js";
 import {
-  SvgTimelineEditor
-} from "./chunk-SOFWAOZ4.js";
+  SvgSpeedSlow
+} from "./chunk-CKTMKAKK.js";
 import {
   SvgSplit
 } from "./chunk-NINABXFB.js";
@@ -149,11 +161,11 @@ import {
   SvgSuggestedEdit
 } from "./chunk-MZQ6RGQV.js";
 import {
-  SvgSun
-} from "./chunk-UNBBZS6J.js";
+  SvgSilenceRemoval
+} from "./chunk-UHAMA5YO.js";
 import {
-  SvgTask
-} from "./chunk-CI4GOC3L.js";
+  SvgSkipBack
+} from "./chunk-4RZH26BD.js";
 import {
   SvgSlack
 } from "./chunk-HMUP4QXX.js";
@@ -173,11 +185,8 @@ import {
   SvgSpeedFast
 } from "./chunk-2FKO2VHS.js";
 import {
-  SvgSpeedMedium
-} from "./chunk-VQTS3NUI.js";
-import {
-  SvgSpeedSlow
-} from "./chunk-CKTMKAKK.js";
+  SvgSalesforce
+} from "./chunk-F5VPTYLQ.js";
 import {
   SvgSchool
 } from "./chunk-DV7DTSLT.js";
@@ -197,11 +206,8 @@ import {
   SvgSettings
 } from "./chunk-6JFYWVAP.js";
 import {
-  SvgSilenceRemoval
-} from "./chunk-UHAMA5YO.js";
-import {
-  SvgSkipBack
-} from "./chunk-4RZH26BD.js";
+  SvgShapeEllipse
+} from "./chunk-BCJBV6EL.js";
 import {
   SvgReplyLeft
 } from "./chunk-AA7SIBLA.js";
@@ -223,9 +229,6 @@ import {
 import {
   SvgSalesforceBlk
 } from "./chunk-6E7JDKC4.js";
-import {
-  SvgSalesforce
-} from "./chunk-F5VPTYLQ.js";
 import {
   SvgPublicOn
 } from "./chunk-4FI6A6B7.js";
@@ -1018,6 +1021,7 @@ export {
   SvgSearch,
   SvgSend,
   SvgSettings,
+  SvgShapeEllipse,
   SvgSilenceRemoval,
   SvgSkipBack,
   SvgSlack,

package/dist/esm/icons/rovo-branded.js

@@ -0,0 +1,43 @@
+import "./chunk-2NMEKWO5.js";
+
+// src/components/icon/available-icons/rovo-branded.tsx
+import * as React from "react";
+function SvgRovoBranded() {
+  return /* @__PURE__ */ React.createElement("span", { "aria-hidden": true, "data-testid": "ads-refreshed-icon" }, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.41335 13.0597L3.41894 16.5206L2.22495 15.8317C1.52377 15.4274 1.08984 14.6775 1.08984 13.8695V6.13855C1.08984 5.32739 1.52122 4.58069 2.22449 4.17665L7.26074 1.271C7.24957 1.30236 7.23893 1.33393 7.22881 1.36569C7.13558 1.65499 7.08616 1.96065 7.08616 2.27308V10.004C7.08616 11.066 7.65184 12.0456 8.57369 12.5754L9.41335 13.0597Z",
+      fill: "#1868DB"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.41336 13.0596L3.41895 16.5205L8.92472 19.697C9.61336 20.094 10.4608 20.101 11.1551 19.7181C11.1676 19.7084 11.181 19.6993 11.1952 19.6912C11.6899 19.406 12.0517 18.9486 12.2218 18.4203C12.291 18.2018 12.3276 17.9711 12.3276 17.7348V14.7402L9.41336 13.0596Z",
+      fill: "#6A9A23"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M17.8978 4.16866L16.6136 3.42773L10.6191 6.88862L11.5494 7.42509C12.4714 7.9549 13.0367 8.9343 13.0367 9.99635V17.7273C13.0367 18.0402 12.9871 18.3462 12.8936 18.6359C12.8836 18.6673 12.8731 18.6984 12.8621 18.7294L17.8984 15.8237C18.6016 15.4197 19.033 14.673 19.033 13.8618V6.13088C19.033 5.32292 18.599 4.57291 17.8978 4.16866Z",
+      fill: "#AF59E1"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10.6169 6.88852L7.79297 5.25995V2.26531C7.79297 2.02934 7.82947 1.79882 7.89856 1.58061C8.06839 1.05249 8.42961 0.595294 8.92378 0.309889L8.92528 0.309024C8.93945 0.300851 8.95293 0.291786 8.9655 0.282039C9.65979 -0.100921 10.5072 -0.0938861 11.1958 0.303145L16.6114 3.42763L10.6169 6.88852Z",
+      fill: "#FCA700"
+    }
+  )));
+}
+export {
+  SvgRovoBranded
+};
+//# sourceMappingURL=rovo-branded.js.map

package/dist/esm/icons/rovo-branded.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/icon/available-icons/rovo-branded.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * The full-color, brand-colored Rovo icon.\n *\n * Unlike {@link SvgRovo} (which is monochrome and uses `currentColor`), this\n * icon keeps its fixed brand colors and will not tint via the Lens `Icon`\n * `color` prop.\n */\nexport function SvgRovoBranded() {\n  return (\n    <span aria-hidden={true} data-testid=\"ads-refreshed-icon\">\n      <svg viewBox=\"0 0 20 20\" fill=\"none\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M9.41335 13.0597L3.41894 16.5206L2.22495 15.8317C1.52377 15.4274 1.08984 14.6775 1.08984 13.8695V6.13855C1.08984 5.32739 1.52122 4.58069 2.22449 4.17665L7.26074 1.271C7.24957 1.30236 7.23893 1.33393 7.22881 1.36569C7.13558 1.65499 7.08616 1.96065 7.08616 2.27308V10.004C7.08616 11.066 7.65184 12.0456 8.57369 12.5754L9.41335 13.0597Z\"\n          fill=\"#1868DB\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M9.41336 13.0596L3.41895 16.5205L8.92472 19.697C9.61336 20.094 10.4608 20.101 11.1551 19.7181C11.1676 19.7084 11.181 19.6993 11.1952 19.6912C11.6899 19.406 12.0517 18.9486 12.2218 18.4203C12.291 18.2018 12.3276 17.9711 12.3276 17.7348V14.7402L9.41336 13.0596Z\"\n          fill=\"#6A9A23\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M17.8978 4.16866L16.6136 3.42773L10.6191 6.88862L11.5494 7.42509C12.4714 7.9549 13.0367 8.9343 13.0367 9.99635V17.7273C13.0367 18.0402 12.9871 18.3462 12.8936 18.6359C12.8836 18.6673 12.8731 18.6984 12.8621 18.7294L17.8984 15.8237C18.6016 15.4197 19.033 14.673 19.033 13.8618V6.13088C19.033 5.32292 18.599 4.57291 17.8978 4.16866Z\"\n          fill=\"#AF59E1\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10.6169 6.88852L7.79297 5.25995V2.26531C7.79297 2.02934 7.82947 1.79882 7.89856 1.58061C8.06839 1.05249 8.42961 0.595294 8.92378 0.309889L8.92528 0.309024C8.93945 0.300851 8.95293 0.291786 8.9655 0.282039C9.65979 -0.100921 10.5072 -0.0938861 11.1958 0.303145L16.6114 3.42763L10.6169 6.88852Z\"\n          fill=\"#FCA700\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],
+  "mappings": ";;;AAAA,YAAY,WAAW;AAShB,SAAS,iBAAiB;AAC/B,SACE,oCAAC,UAAK,eAAa,MAAM,eAAY,wBACnC,oCAAC,SAAI,SAAQ,aAAY,MAAK,UAC5B;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,GACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,GACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,GACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,CACF,CACF;AAEJ;",
+  "names": []
+}

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({