@lightsparkdev/ui 1.0.2 → 1.0.4

package/dist/components/index.d.cts

@@ -40,18 +40,20 @@ export { Toggle, ToggleContainer } from './Toggle.cjs';
 export { Tooltip } from './Tooltip.cjs';
 export { UnstyledButton } from './UnstyledButton.cjs';
 import '@emotion/react/jsx-runtime';
-import 'react';
-import '../buttons-b7f56076.js';
+import '../themes-37e92940.js';
 import '@emotion/react';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';
-import '../types/index.cjs';
+import '../styles/typography.cjs';
+import '@lightsparkdev/core';
 import '../utils/toReactNodes.cjs';
 import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
+import 'react';
 import '../utils/toNonTypographicReactNodes.cjs';
+import '../types/index.cjs';
 import './typography/Overline.cjs';
 import './typography/LabelStrong.cjs';
 import './typography/LabelModerate.cjs';
@@ -60,7 +62,6 @@ import './typography/Display.cjs';
 import '../router.cjs';
 import 'react-router-dom';
 import 'graphql/language/ast.js';
-import '@lightsparkdev/core';
 import '../index-dcf19aa7.js';
 import '../icons/AI.cjs';
 import '../icons/AnchorLink.cjs';
@@ -174,6 +175,5 @@ import '../icons/Upload.cjs';
 import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
 import '../styles/type.cjs';
-import '../styles/typography.cjs';
 import '../utils/strings.cjs';
 import 'react-tooltip';

package/dist/components/index.d.ts

@@ -40,18 +40,20 @@ export { Toggle, ToggleContainer } from './Toggle.js';
 export { Tooltip } from './Tooltip.js';
 export { UnstyledButton } from './UnstyledButton.js';
 import '@emotion/react/jsx-runtime';
-import 'react';
-import '../buttons-e4eb84a2.js';
+import '../themes-832e46b2.js';
 import '@emotion/react';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';
-import '../types/index.js';
+import '../styles/typography.js';
+import '@lightsparkdev/core';
 import '../utils/toReactNodes.js';
 import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
+import 'react';
 import '../utils/toNonTypographicReactNodes.js';
+import '../types/index.js';
 import './typography/Overline.js';
 import './typography/LabelStrong.js';
 import './typography/LabelModerate.js';
@@ -60,7 +62,6 @@ import './typography/Display.js';
 import '../router.js';
 import 'react-router-dom';
 import 'graphql/language/ast.js';
-import '@lightsparkdev/core';
 import '../index-71766330.js';
 import '../icons/AI.js';
 import '../icons/AnchorLink.js';
@@ -174,6 +175,5 @@ import '../icons/Upload.js';
 import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
 import '../styles/type.js';
-import '../styles/typography.js';
 import '../utils/strings.js';
 import 'react-tooltip';

package/dist/components/index.js

@@ -1,13 +1,8 @@
-import {
-  IconWithCircleBackground,
-  Modal
-} from "../chunk-WV5AB4ZB.js";
-import "../chunk-NBCCPGA4.js";
 import {
   CodeInput,
   StyledCodeInput
-} from "../chunk-F6EVBEMN.js";
-import "../chunk-SRHSJOES.js";
+} from "../chunk-2P6TCMZN.js";
+import "../chunk-TNISOOCF.js";
 import {
   PageSection,
   PageSectionBox,
@@ -21,97 +16,101 @@ import {
   PageSectionRowSubSection,
   PageSectionSubheading,
   StyledPageSectionBox
-} from "../chunk-W3BAJ3HT.js";
+} from "../chunk-C3YODRA3.js";
 import {
   PageSectionNav
-} from "../chunk-NYQLPSG3.js";
+} from "../chunk-KJHREJHT.js";
 import "../chunk-JJC2AUQ3.js";
 import {
   Toasts
-} from "../chunk-2H7TBKII.js";
+} from "../chunk-PDQVYUEW.js";
 import {
   Banner
-} from "../chunk-DNVKN2FG.js";
+} from "../chunk-QCHEDM2I.js";
 import "../chunk-ZSWFGISK.js";
 import "../chunk-E3FGOYEJ.js";
 import {
   PhoneInput
-} from "../chunk-2JYYREVX.js";
+} from "../chunk-BPGBJRZE.js";
 import "../chunk-5KSG5D3I.js";
-import {
-  ProgressBar
-} from "../chunk-XUVCOSIE.js";
 import {
   Radio
-} from "../chunk-TM2NGRD2.js";
+} from "../chunk-YRFCWL73.js";
 import {
   SecretContainer
-} from "../chunk-CHK5DOMV.js";
+} from "../chunk-RESJONBZ.js";
 import {
   TextButton
-} from "../chunk-HZ63YB4Y.js";
+} from "../chunk-C4HNAZFZ.js";
 import {
   TextIconAligner
-} from "../chunk-XP3BAAUO.js";
-import {
-  Flex
-} from "../chunk-IL6J7EBZ.js";
+} from "../chunk-SZ4KKLYJ.js";
 import {
   GradientCardHeader
-} from "../chunk-YRYVSAWS.js";
+} from "../chunk-5F7IOIWL.js";
 import {
   StatusIndicator
-} from "../chunk-HA4AQO3T.js";
+} from "../chunk-MK2JFFUG.js";
 import {
   InfoIconTooltip
-} from "../chunk-OA3BZAST.js";
-import "../chunk-UVGBD7XM.js";
+} from "../chunk-GLEAWATH.js";
 import {
   LightboxImage
 } from "../chunk-Z5TPS2BO.js";
 import {
   LightsparkProvider
-} from "../chunk-35WJ3PKH.js";
-import "../chunk-VYTN6ASZ.js";
+} from "../chunk-642OXLAD.js";
+import "../chunk-THTKSZSR.js";
+import {
+  Modal
+} from "../chunk-XS4MH3QA.js";
+import "../chunk-NBCCPGA4.js";
+import {
+  ProgressBar
+} from "../chunk-VXH6GWGE.js";
+import {
+  IconWithCircleBackground
+} from "../chunk-EIFK352Q.js";
+import {
+  Flex
+} from "../chunk-IL6J7EBZ.js";
 import {
   CommaNumberInput
-} from "../chunk-5XZJEYHG.js";
+} from "../chunk-VR2GLRXH.js";
 import {
   TextInput,
   TextInputHalfRow
-} from "../chunk-JOQCJPOA.js";
+} from "../chunk-ZCXGHQQF.js";
 import {
   Toggle,
   ToggleContainer
-} from "../chunk-L6S22JUU.js";
+} from "../chunk-4BERRPJN.js";
 import {
   CommandKey
 } from "../chunk-WOR7J4KZ.js";
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-AI6DCUWK.js";
+} from "../chunk-4KURUJD2.js";
 import {
   Drawer
-} from "../chunk-467PLJO3.js";
+} from "../chunk-JH53NBOD.js";
 import {
   Dropdown
-} from "../chunk-GGEAODIA.js";
+} from "../chunk-7RLDCOUT.js";
 import "../chunk-VQVEZVAG.js";
 import {
   FileInput,
   StyledFileInput
-} from "../chunk-2XRCGW74.js";
+} from "../chunk-KBLCFXNL.js";
 import {
   Pill
-} from "../chunk-TVLELY54.js";
-import "../chunk-S6AOKANU.js";
+} from "../chunk-DWUP3RDU.js";
+import "../chunk-7RMHMFS2.js";
 import {
   Badge
-} from "../chunk-RSAYBOK5.js";
-import "../chunk-B2VYAIYR.js";
-import "../chunk-55M7XHBZ.js";
-import "../chunk-J7SV67XL.js";
+} from "../chunk-VWD7T5MQ.js";
+import "../chunk-ZO35RX7V.js";
 import {
   CardPage,
   CardPageContent,
@@ -119,67 +118,67 @@ import {
   CardPageFullWidth,
   CardPageRightContentInner,
   CardPageSubtitle
-} from "../chunk-LL5YLPNM.js";
-import "../chunk-5H32AOXL.js";
+} from "../chunk-7OJQZEVL.js";
+import "../chunk-BAGRU7JE.js";
 import {
   ButtonRow,
   ButtonRowContainer,
   StyledButtonRow
-} from "../chunk-D73OOC3E.js";
+} from "../chunk-WDJMAZFO.js";
 import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-EV6PGQPM.js";
-import "../chunk-DCFB5MJ7.js";
+} from "../chunk-MNMVZI7D.js";
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-BMSSV6NX.js";
-import "../chunk-SKXCT2FQ.js";
-import "../chunk-56QJRFP2.js";
-import "../chunk-CZCPVHVB.js";
-import "../chunk-UBYBILLK.js";
-import "../chunk-GNVEN6UE.js";
-import "../chunk-HRZNVE2K.js";
-import "../chunk-CMQELZES.js";
-import "../chunk-TM3C4LEG.js";
-import "../chunk-HP4VPMN7.js";
-import "../chunk-PNSZAJL7.js";
+} from "../chunk-DNGAINGL.js";
+import "../chunk-LGXMGWLV.js";
+import "../chunk-V523QTZQ.js";
+import "../chunk-YRZ3VNBI.js";
+import "../chunk-HPZVUEDJ.js";
+import "../chunk-7COKMITX.js";
+import "../chunk-DIKOS5R6.js";
+import "../chunk-AZOVE32P.js";
+import "../chunk-HVDX4OZJ.js";
+import "../chunk-OMY3WTAU.js";
+import "../chunk-OZQ5WPLN.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-6H7PZJ2A.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-VUXU77SU.js";
+import "../chunk-OUHQXQOJ.js";
 import {
   Checkbox,
   CheckboxContainer
-} from "../chunk-CZQER3QD.js";
+} from "../chunk-LFD2KVAB.js";
 import {
   CodeBlock,
   InlineCode,
   StyledCodeBlock
-} from "../chunk-UNULJ3P6.js";
+} from "../chunk-BRRDPQWW.js";
 import {
   CopyToClipboardButton
-} from "../chunk-SGSLTG65.js";
+} from "../chunk-242JGEN4.js";
 import {
   Tooltip
-} from "../chunk-27SFWLPS.js";
+} from "../chunk-ZS7G6WIG.js";
 import {
   UnstyledButton
-} from "../chunk-6JFJDBV2.js";
+} from "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
 import {
   Collapsible,
   StyledCollapsible
-} from "../chunk-ZNZAY47J.js";
-import "../chunk-3XSQV5U4.js";
-import "../chunk-KFX7US6Y.js";
+} from "../chunk-W2N5QUG6.js";
+import "../chunk-E5DUKMCU.js";
+import "../chunk-GQVNE3NU.js";
 import {
   Icon,
   IconContainer
-} from "../chunk-KBYU4ZQ3.js";
+} from "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -294,8 +293,8 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+import "../chunk-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/typography/Article.cjs

@@ -3580,6 +3580,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3616,7 +3620,11 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3655,6 +3663,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   secondary: colors.grayBlue43,
   text: colors.grayBlue9,
   link: colors.blue39,
+  inputBackground: colors.white,
   typography: getTypography("UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
@@ -3731,7 +3740,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3739,7 +3751,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43
+  secondary: colors.grayBlue43,
+  inputBackground: colors.white
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
@@ -3879,6 +3892,68 @@ var StyledContentTable = import_styled2.default.table`
   }
 `;
 
+// src/styles/tokens/spacing.tsx
+var n = {
+  "4xs": 2,
+  "3xs": 4,
+  "2xs": 6,
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  "2xl": 40,
+  "3xl": 48,
+  "4xl": 56,
+  "5xl": 64,
+  "6xl": 72,
+  "7xl": 80,
+  "8xl": 96,
+  "9xl": 112,
+  "10xl": 128,
+  "11xl": 160
+};
+var Spacing = {
+  "4xs": n["4xs"],
+  "3xs": n["3xs"],
+  "2xs": n["2xs"],
+  xs: n.xs,
+  sm: n.sm,
+  md: n.md,
+  lg: n.lg,
+  xl: n.xl,
+  "2xl": n["2xl"],
+  "3xl": n["3xl"],
+  "4xl": n["4xl"],
+  "5xl": n["5xl"],
+  "6xl": n["6xl"],
+  "7xl": n["7xl"],
+  "8xl": n["8xl"],
+  "9xl": n["9xl"],
+  "10xl": n["10xl"],
+  "11xl": n["11xl"],
+  px: {
+    "4xs": `${n["4xs"]}px`,
+    "3xs": `${n["3xs"]}px`,
+    "2xs": `${n["2xs"]}px`,
+    xs: `${n.xs}px`,
+    sm: `${n.sm}px`,
+    md: `${n.md}px`,
+    lg: `${n.lg}px`,
+    xl: `${n.xl}px`,
+    "2xl": `${n["2xl"]}px`,
+    "3xl": `${n["3xl"]}px`,
+    "4xl": `${n["4xl"]}px`,
+    "5xl": `${n["5xl"]}px`,
+    "6xl": `${n["6xl"]}px`,
+    "7xl": `${n["7xl"]}px`,
+    "8xl": `${n["8xl"]}px`,
+    "9xl": `${n["9xl"]}px`,
+    "10xl": `${n["10xl"]}px`,
+    "11xl": `${n["11xl"]}px`
+  }
+};
+
 // src/styles/utils.tsx
 var import_react5 = require("@emotion/react");
 function pxToRems(rems, asNum = false) {
@@ -4029,52 +4104,52 @@ var StyledArticle = import_styled8.default.article`
 
   ${headlineSelector("h1")} {
     margin: 0;
-    padding-bottom: ${"8px" /* xs */};
+    padding-bottom: ${Spacing.px.xs};
   }
 
   ${headlineSelector("h2")} {
-    padding-top: ${"40px" /* 2xl */};
-    padding-bottom: ${"8px" /* xs */};
+    padding-top: ${Spacing.px["2xl"]};
+    padding-bottom: ${Spacing.px.xs};
     margin: 0;
   }
 
   ${headlineSelector("h3")} {
-    padding-top: ${"40px" /* 2xl */};
-    padding-bottom: ${"8px" /* xs */};
+    padding-top: ${Spacing.px["2xl"]};
+    padding-bottom: ${Spacing.px.xs};
     margin: 0;
   }
 
   ${headlineSelector("h4")} {
-    padding-top: ${"40px" /* 2xl */};
-    padding-bottom: ${"8px" /* xs */};
+    padding-top: ${Spacing.px["2xl"]};
+    padding-bottom: ${Spacing.px.xs};
     margin: 0;
   }
 
   ${headlineSelector("h5")} {
-    padding-top: ${"40px" /* 2xl */};
-    padding-bottom: ${"8px" /* xs */};
+    padding-top: ${Spacing.px["2xl"]};
+    padding-bottom: ${Spacing.px.xs};
     margin: 0;
   }
 
   ${headlineSelector("h6")} {
-    padding-top: ${"40px" /* 2xl */};
-    padding-bottom: ${"8px" /* xs */};
+    padding-top: ${Spacing.px["2xl"]};
+    padding-bottom: ${Spacing.px.xs};
     margin: 0;
   }
 
   ${select(StyledBody)} {
-    margin-top: ${"8px" /* xs */};
-    margin-bottom: ${"8px" /* xs */};
+    margin-top: ${Spacing.px.xs};
+    margin-bottom: ${Spacing.px.xs};
   }
 
   ${select(StyledContentTable)} {
-    margin: ${"40px" /* 2xl */} 0;
+    margin: ${Spacing.px["2xl"]} 0;
   }
 
   img,
   video {
-    margin-top: ${"16px" /* md */};
-    margin-bottom: ${"16px" /* md */};
+    margin-top: ${Spacing.px.md};
+    margin-bottom: ${Spacing.px.md};
   }
 
   strong {
@@ -4090,9 +4165,9 @@ var StyledArticle = import_styled8.default.article`
 
   ul,
   ol {
-    padding-left: ${"24px" /* lg */};
-    margin-top: ${"8px" /* xs */};
-    margin-bottom: ${"8px" /* xs */};
+    padding-left: ${Spacing.px.lg};
+    margin-top: ${Spacing.px.xs};
+    margin-bottom: ${Spacing.px.xs};
     *:not(a) {
       color: ${({ theme }) => theme.text};
     }
@@ -4101,23 +4176,23 @@ var StyledArticle = import_styled8.default.article`
   li {
     ${({ theme }) => getTypographyString(theme, "Body", "Medium")}
     :not(:last-child) {
-      margin-bottom: ${"4px" /* 3xs */};
+      margin-bottom: ${Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
     ${({ theme }) => getTypographyString(theme, "Code", "Medium")}
     background: ${colors.grayBlue94};
-    padding: ${"2px" /* 4xs */} ${"6px" /* 2xs */};
-    margin: ${"2px" /* 4xs */};
+    padding: ${Spacing.px["4xs"]} ${Spacing.px["2xs"]};
+    margin: ${Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
     ${standardBorderRadius(8)}
     width: 100%;
-    padding: ${"16px" /* md */} ${"24px" /* lg */};
-    margin: ${"16px" /* md */} 0;
+    padding: ${Spacing.px.md} ${Spacing.px.lg};
+    margin: ${Spacing.px.md} 0;
   }
 
   // Must match specificity of prismjs to get proper line height!
@@ -4129,7 +4204,7 @@ var StyledArticle = import_styled8.default.article`
   }
 
   blockquote {
-    margin: ${"8px" /* xs */} 0;
+    margin: ${Spacing.px.xs} 0;
   }
 `;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/typography/Article.js

@@ -2,21 +2,21 @@
 import {
   Article,
   StyledArticle
-} from "../../chunk-55M7XHBZ.js";
-import "../../chunk-J7SV67XL.js";
-import "../../chunk-GNVEN6UE.js";
-import "../../chunk-HRZNVE2K.js";
-import "../../chunk-CMQELZES.js";
-import "../../chunk-TM3C4LEG.js";
-import "../../chunk-PNSZAJL7.js";
+} from "../../chunk-UNFCVZ32.js";
+import "../../chunk-3R5KJDSL.js";
+import "../../chunk-7COKMITX.js";
+import "../../chunk-DIKOS5R6.js";
+import "../../chunk-AZOVE32P.js";
+import "../../chunk-HVDX4OZJ.js";
+import "../../chunk-OZQ5WPLN.js";
 import "../../chunk-YMNSXZ5D.js";
-import "../../chunk-6H7PZJ2A.js";
+import "../../chunk-4X67A2CS.js";
 import "../../chunk-OPV246QW.js";
 import "../../chunk-AAFUVYVP.js";
-import "../../chunk-VUXU77SU.js";
-import "../../chunk-3XSQV5U4.js";
-import "../../chunk-KFX7US6Y.js";
-import "../../chunk-KBYU4ZQ3.js";
+import "../../chunk-OUHQXQOJ.js";
+import "../../chunk-E5DUKMCU.js";
+import "../../chunk-GQVNE3NU.js";
+import "../../chunk-TNDSUTUN.js";
 import "../../chunk-EDN2QDCB.js";
 import "../../chunk-FT62PIPN.js";
 import "../../chunk-5ZDDVLS6.js";
@@ -131,8 +131,8 @@ import "../../chunk-VI6WTKMV.js";
 import "../../chunk-QW2INB5A.js";
 import "../../chunk-JLD7MGLC.js";
 import "../../chunk-DW6LFUI2.js";
-import "../../chunk-7NPHOJXD.js";
-import "../../chunk-A4JZESAS.js";
+import "../../chunk-CZFFMEAS.js";
+import "../../chunk-VNQE6KEX.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
 import "../../chunk-FO7I4E45.js";