@lightsparkdev/ui 0.0.8 → 0.0.11

package/dist/components/CardPage.d.cts

@@ -0,0 +1,54 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import react__default from 'react';
+
+type Props = {
+    children?: react__default.ReactNode;
+    title?: string | undefined;
+    minContentHeight?: number;
+    minContentWidth?: number;
+    maxContentWidth?: number;
+    rightContent?: react__default.ReactNode;
+    preHeaderContent?: react__default.ReactNode;
+    expandRight?: boolean;
+    id?: string;
+};
+declare function CardPage(props: Props): _emotion_react_jsx_runtime.JSX.Element;
+declare namespace CardPage {
+    var defaultProps: {
+        minContentHeight: undefined;
+        minContentWidth: undefined;
+        maxContentWidth: undefined;
+    };
+}
+declare const CardPageFullContent: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CardPageFullWidth: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CardPageRightContentInner: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+} & {
+    hasRightContent: boolean;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type CardPageContentProps = {
+    minContentHeight?: number | undefined;
+    minContentWidth?: number | undefined;
+    maxContentWidth?: number | undefined;
+    hasPreHeaderContent: boolean;
+};
+declare const CardPageSubtitle: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+declare const CardPageContent: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+} & CardPageContentProps, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+export { CardPage, CardPageContent, CardPageFullContent, CardPageFullWidth, CardPageRightContentInner, CardPageSubtitle };

package/dist/components/CardPage.d.ts

@@ -0,0 +1,54 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import react__default from 'react';
+
+type Props = {
+    children?: react__default.ReactNode;
+    title?: string | undefined;
+    minContentHeight?: number;
+    minContentWidth?: number;
+    maxContentWidth?: number;
+    rightContent?: react__default.ReactNode;
+    preHeaderContent?: react__default.ReactNode;
+    expandRight?: boolean;
+    id?: string;
+};
+declare function CardPage(props: Props): _emotion_react_jsx_runtime.JSX.Element;
+declare namespace CardPage {
+    var defaultProps: {
+        minContentHeight: undefined;
+        minContentWidth: undefined;
+        maxContentWidth: undefined;
+    };
+}
+declare const CardPageFullContent: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CardPageFullWidth: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CardPageRightContentInner: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+} & {
+    hasRightContent: boolean;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type CardPageContentProps = {
+    minContentHeight?: number | undefined;
+    minContentWidth?: number | undefined;
+    maxContentWidth?: number | undefined;
+    hasPreHeaderContent: boolean;
+};
+declare const CardPageSubtitle: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+declare const CardPageContent: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react__default.ElementType<any>;
+} & CardPageContentProps, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+export { CardPage, CardPageContent, CardPageFullContent, CardPageFullWidth, CardPageRightContentInner, CardPageSubtitle };

package/dist/components/CardPage.js

@@ -0,0 +1,33 @@
+import {
+  CardPage,
+  CardPageContent,
+  CardPageFullContent,
+  CardPageFullWidth,
+  CardPageRightContentInner,
+  CardPageSubtitle
+} from "../chunk-PBRN7MJY.js";
+import "../chunk-P3EUPXFA.js";
+import "../chunk-NFSAJ5GJ.js";
+import "../chunk-ZANLDY2W.js";
+import "../chunk-OGSDZTHM.js";
+import "../chunk-YMNSXZ5D.js";
+import "../chunk-J4FJQ3FN.js";
+import "../chunk-3GS5EFXV.js";
+import "../chunk-3EVAP5JT.js";
+import "../chunk-55OQPFLF.js";
+import "../chunk-FCZJILMW.js";
+import "../chunk-RWIZ7Q74.js";
+import "../chunk-LAMQKQU3.js";
+import "../chunk-JK4BP73A.js";
+import "../chunk-2VBDEO6M.js";
+import "../chunk-E4EXM4SY.js";
+import "../chunk-JSGRNWSB.js";
+import "../chunk-CIGAQ47A.js";
+export {
+  CardPage,
+  CardPageContent,
+  CardPageFullContent,
+  CardPageFullWidth,
+  CardPageRightContentInner,
+  CardPageSubtitle
+};

package/dist/components/Collapsible.cjs

@@ -1287,36 +1287,50 @@ function hexToRGB(hex) {
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
+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 standardBorderRadius = (radius) => {
   const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
   return `
     border-radius: ${borderRadiusPx};
   `;
 };
-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}
-`;
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),

package/dist/components/Collapsible.js

@@ -3,12 +3,12 @@ import {
   CollapsingContainer,
   StyledCollapsible,
   StyledCollapsibleButton
-} from "../chunk-MAMSU2XB.js";
+} from "../chunk-EEFNW7NS.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-2YB7653N.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";

package/dist/components/ContentTable.cjs

@@ -1288,30 +1288,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),

package/dist/components/ContentTable.js

@@ -1,10 +1,10 @@
 import {
   ContentTable,
   StyledContentTable
-} from "../chunk-744FBGRP.js";
-import "../chunk-VHW2KROZ.js";
+} from "../chunk-XP2MX2AA.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/CopyToClipboardButton.cjs

@@ -1293,30 +1293,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),

package/dist/components/CopyToClipboardButton.js

@@ -1,12 +1,12 @@
 import {
   CopyToClipboardButton
-} from "../chunk-UWN53KLJ.js";
-import "../chunk-4KWTXZRY.js";
-import "../chunk-NRXJA2PM.js";
+} from "../chunk-7C4MHI6Q.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/CurrencyAmount.cjs

@@ -1290,30 +1290,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),

package/dist/components/CurrencyAmount.js

@@ -1,10 +1,10 @@
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-XAZ6NZ6I.js";
-import "../chunk-VHW2KROZ.js";
+} from "../chunk-XZR237JJ.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/FileInput.cjs

@@ -1292,36 +1292,50 @@ var import_react4 = 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;
+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 standardBorderRadius = (radius) => {
   const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
   return `
     border-radius: ${borderRadiusPx};
   `;
 };
-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}
-`;
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),

package/dist/components/FileInput.js

@@ -1,19 +1,19 @@
 import {
   InputSubtext,
   inputBlockStyle
-} from "../chunk-SZVMKB4E.js";
+} from "../chunk-ATUH6SXK.js";
 import {
   Pill
-} from "../chunk-YPB5SA65.js";
-import "../chunk-BAO4T4G5.js";
-import "../chunk-2YB7653N.js";
-import "../chunk-4KWTXZRY.js";
+} from "../chunk-A4FQBEYU.js";
+import "../chunk-J4FJQ3FN.js";
+import "../chunk-3GS5EFXV.js";
 import "../chunk-55OQPFLF.js";
+import "../chunk-FCZJILMW.js";
 import {
   Icon
-} from "../chunk-VHW2KROZ.js";
+} from "../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";