@lightsparkdev/ui 1.0.3 → 1.0.5

package/dist/utils/toReactNodes.d.cts

@@ -1,12 +1,12 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { RenderTypographyArgs } from '../components/typography/renderTypography.cjs';
 import { TypographyTypeKey } from '../styles/tokens/typography.cjs';
-import { ToNonTypographicReactNodesArgs, IconNode, TextNode, LinkNode, ExternalLinkNode, NextLinkNode } from './toNonTypographicReactNodes.cjs';
+import { ToNonTypographicReactNodesArgs, TextNode, IconNode, LinkNode, ExternalLinkNode, NextLinkNode } from './toNonTypographicReactNodes.cjs';
 import '../components/typography/Code.cjs';
 import '@emotion/styled';
 import 'react';
 import '@emotion/react';
-import '../buttons-36cdd0fe.js';
+import '../themes-37e92940.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../components/typography/Overline.cjs';
@@ -129,14 +129,17 @@ import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
 import '../types/index.cjs';
 
+type RenderTypographyArgsOptionalProps<T extends TypographyTypeKey> = Omit<RenderTypographyArgs<T>, "props"> & {
+    props?: RenderTypographyArgs<T>["props"];
+};
 type TypographicReactNodes<T extends TypographyTypeKey> = (LinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (ExternalLinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (TextNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (NextLinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 });
 type ToReactNodesArg<T extends TypographyTypeKey> = string | TypographicReactNodes<T> | IconNode | null | undefined;
 type ToReactNodesArgs<T extends TypographyTypeKey = TypographyTypeKey> = ToReactNodesArg<T> | ToReactNodesArg<T>[];
@@ -144,12 +147,13 @@ declare function toReactNodes<T extends TypographyTypeKey>(toReactNodesArg: ToRe
 declare const setReactNodesTypographyMapTypes: readonly ["link", "externalLink", "text", "nextLink"];
 type SetReactNodesTypographyMapType = (typeof setReactNodesTypographyMapTypes)[number];
 type SetReactNodesTypographyMap<T extends TypographyTypeKey> = {
-    [nodeType in SetReactNodesTypographyMapType]?: RenderTypographyArgs<T>;
+    [nodeType in SetReactNodesTypographyMapType]?: RenderTypographyArgsOptionalProps<T>;
 };
-declare function setReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<TypographyTypeKey> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>): (string | IconNode | TextNode | null | undefined)[];
+declare function setReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<T> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>, replaceExistingTypography?: boolean): (string | TextNode | IconNode | null | undefined)[];
 declare function toReactNodesWithTypographyMap<T extends TypographyTypeKey>(
 /** The initial typography is unimportant since we'll
  *  replace it, so it doesn't need to be generic */
 nodesArg: ToReactNodesArgs<TypographyTypeKey>, nodesTypographyMap: SetReactNodesTypographyMap<T>): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function setDefaultReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<T> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>): (string | TextNode | IconNode | null | undefined)[];
 
-export { ToReactNodesArgs, setReactNodesTypography, toReactNodes, toReactNodesWithTypographyMap };
+export { ToReactNodesArgs, setDefaultReactNodesTypography, setReactNodesTypography, toReactNodes, toReactNodesWithTypographyMap };

package/dist/utils/toReactNodes.d.ts

@@ -1,12 +1,12 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { RenderTypographyArgs } from '../components/typography/renderTypography.js';
 import { TypographyTypeKey } from '../styles/tokens/typography.js';
-import { ToNonTypographicReactNodesArgs, IconNode, TextNode, LinkNode, ExternalLinkNode, NextLinkNode } from './toNonTypographicReactNodes.js';
+import { ToNonTypographicReactNodesArgs, TextNode, IconNode, LinkNode, ExternalLinkNode, NextLinkNode } from './toNonTypographicReactNodes.js';
 import '../components/typography/Code.js';
 import '@emotion/styled';
 import 'react';
 import '@emotion/react';
-import '../buttons-35280bfe.js';
+import '../themes-832e46b2.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../components/typography/Overline.js';
@@ -129,14 +129,17 @@ import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
 import '../types/index.js';
 
+type RenderTypographyArgsOptionalProps<T extends TypographyTypeKey> = Omit<RenderTypographyArgs<T>, "props"> & {
+    props?: RenderTypographyArgs<T>["props"];
+};
 type TypographicReactNodes<T extends TypographyTypeKey> = (LinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (ExternalLinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (TextNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 }) | (NextLinkNode & {
-    typography?: RenderTypographyArgs<T>;
+    typography?: RenderTypographyArgsOptionalProps<T>;
 });
 type ToReactNodesArg<T extends TypographyTypeKey> = string | TypographicReactNodes<T> | IconNode | null | undefined;
 type ToReactNodesArgs<T extends TypographyTypeKey = TypographyTypeKey> = ToReactNodesArg<T> | ToReactNodesArg<T>[];
@@ -144,12 +147,13 @@ declare function toReactNodes<T extends TypographyTypeKey>(toReactNodesArg: ToRe
 declare const setReactNodesTypographyMapTypes: readonly ["link", "externalLink", "text", "nextLink"];
 type SetReactNodesTypographyMapType = (typeof setReactNodesTypographyMapTypes)[number];
 type SetReactNodesTypographyMap<T extends TypographyTypeKey> = {
-    [nodeType in SetReactNodesTypographyMapType]?: RenderTypographyArgs<T>;
+    [nodeType in SetReactNodesTypographyMapType]?: RenderTypographyArgsOptionalProps<T>;
 };
-declare function setReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<TypographyTypeKey> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>): (string | IconNode | TextNode | null | undefined)[];
+declare function setReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<T> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>, replaceExistingTypography?: boolean): (string | TextNode | IconNode | null | undefined)[];
 declare function toReactNodesWithTypographyMap<T extends TypographyTypeKey>(
 /** The initial typography is unimportant since we'll
  *  replace it, so it doesn't need to be generic */
 nodesArg: ToReactNodesArgs<TypographyTypeKey>, nodesTypographyMap: SetReactNodesTypographyMap<T>): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function setDefaultReactNodesTypography<T extends TypographyTypeKey>(nodesArg: ToReactNodesArgs<T> | ToNonTypographicReactNodesArgs, nodesTypographyMap: SetReactNodesTypographyMap<T>): (string | TextNode | IconNode | null | undefined)[];
 
-export { ToReactNodesArgs, setReactNodesTypography, toReactNodes, toReactNodesWithTypographyMap };
+export { ToReactNodesArgs, setDefaultReactNodesTypography, setReactNodesTypography, toReactNodes, toReactNodesWithTypographyMap };

package/dist/utils/toReactNodes.js

@@ -1,25 +1,26 @@
 import {
+  setDefaultReactNodesTypography,
   setReactNodesTypography,
   toReactNodes,
   toReactNodesWithTypographyMap
-} from "../chunk-LIQSJ5R7.js";
-import "../chunk-VXKNN4SF.js";
-import "../chunk-BDZ46Z2I.js";
-import "../chunk-B6S7Y4K7.js";
-import "../chunk-GSKTHUQJ.js";
-import "../chunk-WGKUDRZ7.js";
-import "../chunk-2AGBCGOW.js";
-import "../chunk-MRGHRTKA.js";
-import "../chunk-35PJW7RT.js";
-import "../chunk-GWHKALYQ.js";
-import "../chunk-WTMJTGW4.js";
-import "../chunk-CRTTTIAD.js";
+} from "../chunk-AKGW3FMJ.js";
+import "../chunk-RQLRNKOP.js";
+import "../chunk-GGWFUEDW.js";
+import "../chunk-XLKL3DNK.js";
+import "../chunk-HLZNFEDV.js";
+import "../chunk-ZR2TARGX.js";
+import "../chunk-IXAXRBFS.js";
+import "../chunk-4EV5IUUJ.js";
+import "../chunk-PBLWYVQF.js";
+import "../chunk-QON4D7N2.js";
+import "../chunk-BNHCCR3C.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-XDP7GCYE.js";
+import "../chunk-IH5SIRJL.js";
+import "../chunk-HNK2KIC7.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-SCIQSZSW.js";
+import "../chunk-OPUCWQMK.js";
+import "../chunk-LAGOF7IU.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -134,14 +135,15 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
+  setDefaultReactNodesTypography,
   setReactNodesTypography,
   toReactNodes,
   toReactNodesWithTypographyMap

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightsparkdev/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -58,7 +58,7 @@
     "@emotion/css": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@lightsparkdev/core": "1.1.0",
+    "@lightsparkdev/core": "1.2.0",
     "@rollup/plugin-url": "^8.0.2",
     "@simbathesailor/use-what-changed": "^2.0.0",
     "@svgr/core": "^8.1.0",

package/dist/chunk-3XSQV5U4.js

@@ -1,26 +0,0 @@
-// src/styles/tokens/spacing.tsx
-var Spacing = /* @__PURE__ */ ((Spacing2) => {
-  Spacing2["4xs"] = "2px";
-  Spacing2["3xs"] = "4px";
-  Spacing2["2xs"] = "6px";
-  Spacing2["xs"] = "8px";
-  Spacing2["sm"] = "12px";
-  Spacing2["md"] = "16px";
-  Spacing2["lg"] = "24px";
-  Spacing2["xl"] = "32px";
-  Spacing2["2xl"] = "40px";
-  Spacing2["3xl"] = "48px";
-  Spacing2["4xl"] = "56px";
-  Spacing2["5xl"] = "64px";
-  Spacing2["6xl"] = "72px";
-  Spacing2["7xl"] = "80px";
-  Spacing2["8xl"] = "96px";
-  Spacing2["9xl"] = "112px";
-  Spacing2["10xl"] = "128px";
-  Spacing2["11xl"] = "160px";
-  return Spacing2;
-})(Spacing || {});
-
-export {
-  Spacing
-};

package/dist/chunk-SEZEDINC.js

@@ -1,35 +0,0 @@
-import {
-  LabelModerate
-} from "./chunk-B6S7Y4K7.js";
-import {
-  standardBorderRadius
-} from "./chunk-PG2W2HVB.js";
-import {
-  getColor,
-  isLight
-} from "./chunk-IBZBPQMZ.js";
-
-// src/components/Badge.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-function Badge({ text, color, ml = 0, mr = 0 }) {
-  return text ? /* @__PURE__ */ jsx(StyledBadge, { color, ml, children: /* @__PURE__ */ jsx(LabelModerate, { size: "Small", color, children: text }) }) : null;
-}
-var badgeVPadding = 2;
-var StyledBadge = styled.span`
-  ${standardBorderRadius(4)}
-  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
-  padding: ${badgeVPadding}px 6px;
-  background-color: ${({ theme, color }) => {
-  if (color === "danger") {
-    return getColor(theme, "red42a10");
-  } else {
-    return isLight(theme) ? theme.c05Neutral : theme.c15Neutral;
-  }
-}};
-`;
-
-export {
-  Badge,
-  badgeVPadding
-};