@loomhq/lens 11.5.1 → 11.7.0

package/dist/components/icon-button/icon-button.d.ts

@@ -8,7 +8,7 @@ type IconButtonProps = {
     iconColor?: string;
     isActive?: boolean;
     isDisabled?: boolean;
-    size?: 'small' | 'medium';
+    size?: 'small' | 'medium' | 'large';
 };
 type IconButtonBoxProps = {
     size?: 'small' | 'medium';

package/dist/components/modal/modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const ModalCardWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, ModalCardProps, object>;
-export declare const ModalCard: ({ children, onCloseClick, isOpen, maxWidth, maxHeight, placement, ariaLabel, ref, ...props }: ModalCardProps & React.ComponentProps<typeof ModalCardWrapper>) => React.JSX.Element;
+export declare const ModalCard: ({ children, onCloseClick, isOpen, maxWidth, maxHeight, placement, ariaLabel, ref, removeClose, ...props }: ModalCardProps & React.ComponentProps<typeof ModalCardWrapper>) => React.JSX.Element;
 declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps & {
     isOpen?: boolean;
     children?: React.ReactNode;
@@ -47,5 +47,10 @@ type ModalCardProps = {
     maxHeight?: number | string;
     maxWidth?: number | string;
     ariaLabel?: string;
+    /**
+     * Use sparingly, and always provide a way for the user to continue or close out.
+     * Useful for cases where there are mandatory steps.
+     */
+    removeClose?: boolean;
 };
 export default Modal;

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

@@ -7,7 +7,7 @@ type TextButtonProps = {
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     children: React.ReactNode;
-    size?: 'small' | 'medium';
+    size?: 'small' | 'medium' | 'large';
     htmlTag?: 'button' | 'a';
     offsetSide?: 'left' | 'right';
     href?: string;

package/dist/index.js

@@ -2494,6 +2494,10 @@ var sizeStyles = {
   medium: {
     size: u(4),
     iconSize: 3
+  },
+  large: {
+    size: u(5),
+    iconSize: 4
   }
 };
 var IconButtonBox = styled13.button`
@@ -2729,6 +2733,12 @@ var sizeStyles2 = {
     iconSize: 3,
     height: u(4),
     xSpace: u(1.5)
+  },
+  large: {
+    textSize: "large",
+    iconSize: 4,
+    height: u(5),
+    xSpace: u(2)
   }
 };
 var TextButtonWrapper = styled15.button`
@@ -3541,7 +3551,8 @@ var ModalCard = (_a) => {
     maxHeight = "70vh",
     placement = "center",
     ariaLabel,
-    ref
+    ref,
+    removeClose
   } = _b, props = __objRest(_b, [
     "children",
     "onCloseClick",
@@ -3550,13 +3561,16 @@ var ModalCard = (_a) => {
     "maxHeight",
     "placement",
     "ariaLabel",
-    "ref"
+    "ref",
+    "removeClose"
   ]);
   useEffect3(() => {
     const keyListener = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
-        onCloseClick(e);
+        if (!removeClose) {
+          onCloseClick(e);
+        }
       }
     };
     window.addEventListener("keydown", keyListener);
@@ -3585,7 +3599,7 @@ var ModalCard = (_a) => {
         ref,
         "aria-label": ariaLabel
       }, props),
-      onCloseClick && /* @__PURE__ */ React25.createElement(CloseIconSection, null, /* @__PURE__ */ React25.createElement(
+      !removeClose && onCloseClick && /* @__PURE__ */ React25.createElement(CloseIconSection, null, /* @__PURE__ */ React25.createElement(
         icon_button_default,
         {
           altText: "Close",
@@ -3593,7 +3607,13 @@ var ModalCard = (_a) => {
           onClick: onCloseClick
         }
       )),
-      /* @__PURE__ */ React25.createElement(ModalCardChildrenSection, null, children)
+      /* @__PURE__ */ React25.createElement(
+        ModalCardChildrenSection,
+        {
+          tabIndex: removeClose ? 0 : -1
+        },
+        children
+      )
     )
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "11.5.1",
+  "version": "11.7.0",
   "engines": {
     "pnpm": "^8.9.2"
   },