@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/{chunk-FCPL3OSG.cjs → chunk-X3JGXIPS.cjs}

@@ -3,44 +3,47 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkXQWHIGTVcjs = require('./chunk-XQWHIGTV.cjs');
+var _chunkVSYUOLR4cjs = require('./chunk-VSYUOLR4.cjs');
 
 
-var _chunkUTDID6QPcjs = require('./chunk-UTDID6QP.cjs');
+var _chunkOPCYCGCFcjs = require('./chunk-OPCYCGCF.cjs');
 
 
-var _chunkLTV6DUFEcjs = require('./chunk-LTV6DUFE.cjs');
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkMYIV5ZLHcjs = require('./chunk-MYIV5ZLH.cjs');
+
+
+var _chunkNN6GDACAcjs = require('./chunk-NN6GDACA.cjs');
 
 
-var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -50,9 +53,6 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
-
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -102,7 +102,12 @@ function Modal({
   handleBack,
   appendToElement,
   bottomContent,
-  topLeftIcon
+  topLeftIcon,
+  drawerKind,
+  drawerPadding,
+  drawerCloseButton = true,
+  drawerAlignBottom,
+  drawerDisableTouchMove
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
   const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
@@ -215,10 +220,10 @@ function Modal({
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
       var _b = _a, { placement, text } = _b, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UFYMBJKcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4UFYMBJKcjs.Button,
+      _chunkECFNSLYPcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -226,7 +231,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4UFYMBJKcjs.Button,
+      _chunkECFNSLYPcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -242,7 +247,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4UFYMBJKcjs.Button,
+      _chunkECFNSLYPcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -251,7 +256,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UFYMBJKcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -261,10 +266,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkFOUSEEFHcjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkNN6GDACAcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkPMF5K72Fcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkKOGW3LJCcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -272,23 +277,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkFOUSEEFHcjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkNN6GDACAcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkPMF5K72Fcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkKOGW3LJCcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
     if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
       topContentNode = topContent;
     } else {
-      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTV6DUFEcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYIV5ZLHcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
     }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXQWHIGTVcjs.ProgressBar,
+      _chunkVSYUOLR4cjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -303,12 +308,17 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUTDID6QPcjs.Drawer,
+      _chunkOPCYCGCFcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
-        closeButton: true,
+        closeButton: drawerCloseButton,
         nonDismissable,
         handleBack,
+        kind: drawerKind != null ? drawerKind : "default",
+        padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
+        top,
+        alignBottom: drawerAlignBottom,
+        disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
         children: modalContent
       }
     );
@@ -326,12 +336,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkFPQ2OUYXcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkO6BZRC56cjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -345,7 +355,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -390,7 +400,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkECFNSLYPcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -402,7 +412,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkECFNSLYPcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -418,10 +428,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkFPQ2OUYXcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkO6BZRC56cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
-  ${_chunkFPQ2OUYXcjs.standardContentInset.smCSS.styles}
+  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
+  ${_chunkO6BZRC56cjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -429,7 +439,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -446,14 +456,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
-  ${_chunkFPQ2OUYXcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+  ${_chunkO6BZRC56cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
-  ${_chunkFPQ2OUYXcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+  ${_chunkO6BZRC56cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/chunk-X5KSA6QC.js

@@ -0,0 +1,17 @@
+// src/icons/LightningBoltOutline.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function LightningBoltOutline() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.1985 5.83316H9.16663C8.98257 5.83316 8.8333 5.68392 8.8333 5.49982V1.57029C8.8333 1.24319 8.41123 1.11177 8.22557 1.38104L2.52703 9.64389C2.37453 9.86502 2.53282 10.1665 2.80143 10.1665H6.8333C7.01737 10.1665 7.16663 10.3158 7.16663 10.4998V14.4294C7.16663 14.7565 7.58863 14.8879 7.77437 14.6186L13.4729 6.35574C13.6254 6.13461 13.4671 5.83316 13.1985 5.83316Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+export {
+  LightningBoltOutline
+};

package/dist/{chunk-VMUJWJRR.cjs → chunk-X5LLRZ5D.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 // src/components/Table/TableEmptyState.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -27,12 +27,12 @@ var TableEmptyState = (props) => {
 };
 var StyledTableEmptyState = _styled2.default.div`
   position: relative;
-  ${_chunkFPQ2OUYXcjs.standardContentInset.css}
+  ${_chunkO6BZRC56cjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkHGCI5IAMcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkQI7YHMJZcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
     rgba(242, 242, 242, 0) 100%
   );
   height: 16px;
@@ -53,12 +53,12 @@ var TableEmptyStateCardContainer = _styled2.default.div`
   width: 100%;
 `;
 var TableEmptyStateCard = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardCardShadow}
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkO6BZRC56cjs.standardCardShadow}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkQI7YHMJZcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/{chunk-FBYK5UPJ.js → chunk-XDL3GORR.js}

@@ -130,6 +130,11 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultBorderColor: "blue39",
       defaultColor: "gray98"
     },
+    white21: {
+      defaultBackgroundColor: "white21",
+      defaultColor: "white",
+      defaultBorderColor: "transparent"
+    },
     blue43: {
       defaultColor: "white"
     },

package/dist/{chunk-7H2OXTEN.cjs → chunk-XIFHBLNQ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkO6BZRC56cjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkFPQ2OUYXcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkO6BZRC56cjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);