@lightsparkdev/ui 0.0.7 → 0.0.9

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

@@ -79,7 +79,6 @@ var import_react7 = require("react");
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1285,65 +1284,53 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // 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),
@@ -1363,9 +1350,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/styles/utils.tsx
 var import_react5 = require("@emotion/react");

package/dist/components/Collapsible.js

@@ -3,16 +3,15 @@ import {
   CollapsingContainer,
   StyledCollapsible,
   StyledCollapsibleButton
-} from "../chunk-I74XQIVV.js";
+} from "../chunk-EEFNW7NS.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-UO6U7AYM.js";
-import "../chunk-NZJCJJH5.js";
+import "../chunk-FCZJILMW.js";
+import "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   Collapsible,

package/dist/components/ContentTable.cjs

@@ -80,7 +80,6 @@ var import_react5 = require("react");
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1286,59 +1285,47 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // 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),
@@ -1358,9 +1345,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/utils/strings.tsx
 function isString(str) {

package/dist/components/ContentTable.js

@@ -1,14 +1,13 @@
 import {
   ContentTable,
   StyledContentTable
-} from "../chunk-K7D7A34K.js";
-import "../chunk-NZJCJJH5.js";
+} from "../chunk-XP2MX2AA.js";
+import "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   ContentTable,