@loomhq/lens 12.20.2 → 12.20.3

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

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/icon/available-icons/shape-ellipse.tsx
+var shape_ellipse_exports = {};
+__export(shape_ellipse_exports, {
+  SvgShapeEllipse: () => SvgShapeEllipse
+});
+module.exports = __toCommonJS(shape_ellipse_exports);
+var import_shape_ellipse = __toESM(require("@atlaskit/icon-lab/core/shape-ellipse"));
+var React = __toESM(require("react"));
+function SvgShapeEllipse() {
+  return /* @__PURE__ */ React.createElement(import_shape_ellipse.default, { label: "", testId: "ads-refreshed-icon" });
+}
+//# sourceMappingURL=shape-ellipse.js.map

package/dist/cjs/icons/shape-ellipse.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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA6B;AAC7B,YAAuB;AAEhB,SAAS,kBAAkB;AAChC,SAAO,oCAAC,qBAAAA,SAAA,EAAiB,OAAM,IAAG,QAAO,sBAAqB;AAChE;",
+  "names": ["ShapeEllipseIcon"]
+}

package/dist/cjs/index.js

@@ -385,7 +385,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),
@@ -405,7 +405,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" },
@@ -675,7 +675,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: {
@@ -1267,7 +1267,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
@@ -2570,21 +2570,18 @@ var variantStyles = {
     active: null
   }
 };
-var statusStyles = (props) => {
-  const useFloatingDisabledColors = props.isFloating && props.disabled;
-  return {
-    enabled: import_react10.css`
-      cursor: pointer;
-    `,
-    disabled: import_react10.css`
-      ${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: import_react10.css`
+    cursor: pointer;
+  `,
+  disabled: import_react10.css`
+    ${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: import_react10.css`
     display: inline-flex;
@@ -5053,6 +5050,15 @@ var ModalCard = (_a) => {
     "initialFocus",
     "closeOnEscape"
   ]);
+  const dialogRef = (0, import_react29.useRef)(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();
@@ -5074,7 +5080,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__ */ import_react29.default.createElement(
@@ -5085,7 +5095,7 @@ var ModalCard = (_a) => {
         maxHeight,
         placement,
         onClick: (e) => e.stopPropagation(),
-        ref,
+        ref: setDialogRef,
         "aria-label": ariaLabel,
         "aria-modal": ariaModal,
         "aria-labelledby": ariaLabelledBy
@@ -5099,13 +5109,7 @@ var ModalCard = (_a) => {
           onClick: onCloseClick
         }
       )),
-      /* @__PURE__ */ import_react29.default.createElement(
-        ModalCardChildrenSection,
-        __spreadProps(__spreadValues({}, removeClose ? { tabIndex: 0 } : { tabIndex: -1 }), {
-          maxHeight
-        }),
-        children
-      )
+      /* @__PURE__ */ import_react29.default.createElement(ModalCardChildrenSection, { maxHeight }, children)
     )
   );
 };
@@ -7843,7 +7847,8 @@ var ListRow = (_a) => {
     backgroundColor,
     onClick,
     href,
-    role
+    role,
+    tabIndex
   } = _b, props = __objRest(_b, [
     "children",
     "htmlTag",
@@ -7851,7 +7856,8 @@ var ListRow = (_a) => {
     "backgroundColor",
     "onClick",
     "href",
-    "role"
+    "role",
+    "tabIndex"
   ]);
   const classNameFromProp = className ? ` ${className}` : ``;
   const nonInteractiveElements = [
@@ -7878,7 +7884,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") {
@@ -7886,7 +7892,7 @@ var ListRow = (_a) => {
         onClick == null ? void 0 : onClick(e);
       }
     }
-  } : {};
+  }, onClick && !href ? { tabIndex: tabIndex != null ? tabIndex : 0 } : {}) : {};
   return /* @__PURE__ */ import_react52.default.createElement(
     ListRowWrapper,
     __spreadValues(__spreadValues({