@lightsparkdev/ui 1.1.4 → 1.1.6

package/dist/{chunk-RIPZ7IUR.cjs → chunk-IOSAD2F7.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
+var _chunk4COTW37Xcjs = require('./chunk-4COTW37X.cjs');
 
 
 
@@ -86,7 +86,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkT336CT3Zcjs.TextInput,
+    _chunk4COTW37Xcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-DTELIM22.js → chunk-IUL4O2X4.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-QM373UWV.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,

package/dist/{chunk-LOGFZK7Y.js → chunk-IYTTFAAP.js}

@@ -1,74 +1,74 @@
 import {
   Headline
-} from "./chunk-D3P3STPT.js";
+} from "./chunk-SNKA7NGI.js";
 import {
   StyledSelect
-} from "./chunk-SND77246.js";
+} from "./chunk-BZL7E7VI.js";
 import {
   TextInputHalfRow
-} from "./chunk-UZVCEPZZ.js";
+} from "./chunk-ZMWRX6F3.js";
 import {
   ToggleContainer
-} from "./chunk-K27IPM4F.js";
+} from "./chunk-QAE46CR6.js";
 import {
   StyledFileInput
-} from "./chunk-2SMHXYLT.js";
+} from "./chunk-EC3GMK4H.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-WZFG7LSB.js";
-import {
-  StyledButtonRowButton
-} from "./chunk-SOZ7BJDT.js";
-import {
-  ButtonSelector
-} from "./chunk-EWU2MUVI.js";
-import {
-  LoadingWrapper
-} from "./chunk-XIDZLXAN.js";
+} from "./chunk-W7UBYHH4.js";
 import {
   Checkbox
-} from "./chunk-HABYIBKT.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-MSUI2IYU.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-DTELIM22.js";
+} from "./chunk-IUL4O2X4.js";
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-QM373UWV.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-WLB5CQQV.js";
+} from "./chunk-VB3KOJID.js";
+import {
+  StyledButtonRowButton
+} from "./chunk-O5PXZPWW.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   pxToRems
-} from "./chunk-VHE37AWV.js";
+} from "./chunk-KQ4LSNOH.js";
+import {
+  ButtonSelector
+} from "./chunk-LCFXXG6V.js";
+import {
+  LoadingWrapper
+} from "./chunk-S6OAIHTX.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   Link
-} from "./chunk-3NEARZTN.js";
+} from "./chunk-5SG5KWXI.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-5NZ22GSE.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-GUCFCDNY.js";
+} from "./chunk-DDUDWE23.js";
 import {
   __spreadProps,
   __spreadValues
@@ -459,10 +459,6 @@ var formInset = ({
     width: ${wide ? 700 : 408}px;
   `)}
 
-  ${bp.sm(`
-    padding: ${graphicHeader ? "24px" : "0"};
-  `)}
-
   ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {

package/dist/{chunk-3CMPX6MS.js → chunk-J6HVPA4W.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-3TGZE6XW.js";
+} from "./chunk-PVNOVZBQ.js";
 import {
   TextInput
-} from "./chunk-UZVCEPZZ.js";
-import {
-  Button
-} from "./chunk-EWU2MUVI.js";
+} from "./chunk-ZMWRX6F3.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  Button
+} from "./chunk-LCFXXG6V.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-QOTFQWVZ.cjs → chunk-J6OCX3HO.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
 
-var _chunkJODYYGZ7cjs = require('./chunk-JODYYGZ7.cjs');
+var _chunk5MRYURYBcjs = require('./chunk-5MRYURYB.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Display.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Display(props) {
-  const propsWithDefaults = _chunkJODYYGZ7cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk5MRYURYBcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJODYYGZ7cjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MRYURYBcjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-XJB6VA4O.js → chunk-JFKPUTCA.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-U3L3IR4U.js";
+} from "./chunk-IB7NQ3GK.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   getFontColor
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-5NZ22GSE.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-XFQCM4TZ.cjs → chunk-JGC6NTZU.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSUMACPG7cjs = require('./chunk-SUMACPG7.cjs');
+var _chunkBM4NWWXYcjs = require('./chunk-BM4NWWXY.cjs');
 
 
-var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
+var _chunkQ576DQMLcjs = require('./chunk-Q576DQML.cjs');
 
 
-var _chunkZZUD43JKcjs = require('./chunk-ZZUD43JK.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
 
-var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
+var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk7RBR33F4cjs = require('./chunk-7RBR33F4.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunkKBCOGLGXcjs = require('./chunk-KBCOGLGX.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -73,7 +73,7 @@ function Table({
   rowHoverEffect = "border",
   minHeight = 300
 }) {
-  const navigate = _chunk7KHYVDQ6cjs.useNavigate.call(void 0, );
+  const navigate = _chunkKBCOGLGXcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -88,7 +88,7 @@ function Table({
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSUMACPG7cjs.InfoIconTooltip,
+          _chunkBM4NWWXYcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -103,7 +103,7 @@ function Table({
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -125,7 +125,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -139,7 +139,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -147,7 +147,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunk7KHYVDQ6cjs.Link,
+              _chunkKBCOGLGXcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -173,12 +173,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunk7KHYVDQ6cjs.Link,
+            _chunkKBCOGLGXcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -203,7 +203,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZZUD43JKcjs.ClipboardTextField,
+              _chunkQ576DQMLcjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -242,7 +242,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunk7KHYVDQ6cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunkKBCOGLGXcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -293,13 +293,13 @@ function Table({
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2PJDRPTcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RBR33F4cjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
+  ${_chunkWOQGGHYScjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -315,7 +315,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunk7KHYVDQ6cjs.Link} {
+  ${_chunkKBCOGLGXcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -343,7 +343,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkW4UIZ5DJcjs.lineClamp.call(void 0, 2)}
+  ${_chunkWOQGGHYScjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -360,16 +360,16 @@ var StyledTable = _styled2.default.table`
 
   /* Important to use padding here instead of width so that table container overflow functions properly: */
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkMODD4YGEcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkMODD4YGEcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkJPVQC3NYcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkMODD4YGEcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkMODD4YGEcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkMODD4YGEcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkMODD4YGEcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkJPVQC3NYcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -379,7 +379,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkFFXUPRYTcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunk4NC6INKXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -439,7 +439,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkFFXUPRYTcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunk4NC6INKXcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-MODD4YGE.cjs → chunk-JPVQC3NY.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -20,27 +20,21 @@ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth =
     ${_chunkKW3JYLRIcjs.bp.sm(`
       margin-left: auto;
       margin-right: auto;
-      width: 100%;
-      padding-right: ${smDontAdjustWidth ? 0 : smPx}px;
-      padding-left: ${smDontAdjustWidth ? 0 : smPx}px;
+      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
     `)}
   `;
   const minSmMaxLgCSS = _react.css`
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
       margin-left: auto;
       margin-right: auto;
-      width: 100%;
-      padding-right: ${smDontAdjustWidth ? 0 : minSmMaxLgPx}px;
-      padding-left: ${smDontAdjustWidth ? 0 : minSmMaxLgPx}px;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
     `)}
   `;
   const lgCSS = _react.css`
     ${_chunkKW3JYLRIcjs.bp.lg(`
       margin-left: auto;
       margin-right: auto;
-      width: 100%;
-      padding-right: ${smDontAdjustWidth ? 0 : lgPx}px;
-      padding-left: ${smDontAdjustWidth ? 0 : lgPx}px;
+      width: calc(100% - ${lgPx * 2}px);
       max-width: 1280px;
     `)}
   `;
@@ -115,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkIJMYMSSCcjs.darkGradient};
+  background: ${_chunkGHXHO5FQcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunk4NC6INKXcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -129,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkFFXUPRYTcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunk4NC6INKXcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkFFXUPRYTcjs.themeOr.call(void 0, 
+  ${_chunk4NC6INKXcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}