@lightsparkdev/ui 0.0.8 → 0.0.9

package/dist/components/Button.cjs

@@ -1369,30 +1369,44 @@ var import_react5 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
-var smContentInset = import_react5.css`
-  ${bp.sm(`
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100% - ${standardContentInsetSmPx * 2}px);
-  `)}
-`;
-var minSmMaxLgContentInset = import_react5.css`
-  ${bp.minSmMaxLg(`
-    width: calc(100% - ${standardContentInsetMdPx * 2}px);
-  `)}
-`;
-var standardContentInset = import_react5.css`
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(100% - ${standardContentInsetPx * 2}px);
-  max-width: 1280px;
-
-  ${smContentInset}
-  ${minSmMaxLgContentInset}
-`;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react5.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react5.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react5.css`
+    ${bp.lg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${lgPx * 2}px);
+      max-width: 1280px;
+    `)}
+  `;
+  return {
+    smPx,
+    minSmMaxLgPx,
+    lgPx,
+    smCSS,
+    minSmMaxLgCSS,
+    lgCSS,
+    css: import_react5.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
 var standardCardShadow = import_react5.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),

package/dist/components/Button.js

@@ -2,16 +2,16 @@ import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-76Q4BK35.js";
+} from "../chunk-ZANLDY2W.js";
 import "../chunk-OGSDZTHM.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-BAO4T4G5.js";
-import "../chunk-4KWTXZRY.js";
-import "../chunk-NRXJA2PM.js";
+import "../chunk-J4FJQ3FN.js";
+import "../chunk-3GS5EFXV.js";
+import "../chunk-3EVAP5JT.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-VHW2KROZ.js";
+import "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-HNVQIY5U.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";

package/dist/components/ButtonRow.cjs

@@ -1289,30 +1289,44 @@ function hexToRGB(hex) {
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
-var smContentInset = import_react4.css`
-  ${bp.sm(`
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100% - ${standardContentInsetSmPx * 2}px);
-  `)}
-`;
-var minSmMaxLgContentInset = import_react4.css`
-  ${bp.minSmMaxLg(`
-    width: calc(100% - ${standardContentInsetMdPx * 2}px);
-  `)}
-`;
-var standardContentInset = import_react4.css`
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(100% - ${standardContentInsetPx * 2}px);
-  max-width: 1280px;
-
-  ${smContentInset}
-  ${minSmMaxLgContentInset}
-`;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react4.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react4.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react4.css`
+    ${bp.lg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${lgPx * 2}px);
+      max-width: 1280px;
+    `)}
+  `;
+  return {
+    smPx,
+    minSmMaxLgPx,
+    lgPx,
+    smCSS,
+    minSmMaxLgCSS,
+    lgCSS,
+    css: import_react4.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -2032,9 +2046,9 @@ var ButtonRowContainer = import_styled6.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${standardContentInsetSmPx}px;
-            width: calc(100% + ${standardContentInsetSmPx * 2}px);
-            max-width: calc(100% + ${standardContentInsetSmPx * 2}px);
+            margin-left: -${standardContentInset.smPx}px;
+            width: calc(100% + ${standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -2073,7 +2087,7 @@ var StyledButtonRow = import_styled6.default.div`
   }
 
   ${bp.sm(`
-    padding: 12px;
+    padding: ${standardContentInset.smPx}px;
   `)}
 `;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/ButtonRow.js

@@ -2,18 +2,18 @@ import {
   ButtonRow,
   ButtonRowContainer,
   StyledButtonRow
-} from "../chunk-2JM7UTAZ.js";
-import "../chunk-76Q4BK35.js";
+} from "../chunk-NFSAJ5GJ.js";
+import "../chunk-ZANLDY2W.js";
 import "../chunk-OGSDZTHM.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-BAO4T4G5.js";
-import "../chunk-2YB7653N.js";
-import "../chunk-4KWTXZRY.js";
-import "../chunk-NRXJA2PM.js";
+import "../chunk-J4FJQ3FN.js";
+import "../chunk-3GS5EFXV.js";
+import "../chunk-3EVAP5JT.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-VHW2KROZ.js";
+import "../chunk-FCZJILMW.js";
+import "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-HNVQIY5U.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";