@lightsparkdev/ui 1.0.2 → 1.0.4

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-b7f56076.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-e4eb84a2.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-UVGBD7XM.js";
-import "../chunk-DCFB5MJ7.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-ZO35RX7V.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-KBYU4ZQ3.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-TNDSUTUN.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-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";
 import "../chunk-XUWFUTR4.js";
 import "../chunk-LOPKRCGI.js";
 export {
+  setDefaultReactNodesTypography,
   setReactNodesTypography,
   toReactNodes,
   toReactNodesWithTypographyMap

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightsparkdev/ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

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-RSAYBOK5.js

@@ -1,35 +0,0 @@
-import {
-  LabelModerate
-} from "./chunk-56QJRFP2.js";
-import {
-  standardBorderRadius
-} from "./chunk-7NPHOJXD.js";
-import {
-  getColor,
-  isLight
-} from "./chunk-A4JZESAS.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
-};