@lightsparkdev/ui 0.0.12 → 0.0.13

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lightsparkdev/ui
 
+## 0.0.13
+
+### Patch Changes
+
+- baeccd9: - Add StatusIndicator
+- 9b3896a: - Remove types/utils. Use equivalent imports from @lightsparkdev/core instead
+- Updated dependencies [baeccd9]
+  - @lightsparkdev/core@1.0.22
+
 ## 0.0.12
 
 ### Patch Changes

package/dist/chunk-34CIJVQQ.js

@@ -0,0 +1,24 @@
+import {
+  pxToRems
+} from "./chunk-FCZJILMW.js";
+
+// src/components/StatusIndicator.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function StatusIndicator({
+  color = "success",
+  text,
+  size = 12,
+  fontWeight = 700
+}) {
+  return /* @__PURE__ */ jsx(StyledStatusIndicator, { color, size, fontWeight, children: text });
+}
+var StyledStatusIndicator = styled.div`
+  color: ${({ theme, color }) => theme[color]};
+  font-size: ${({ size }) => pxToRems(size)};
+  font-weight: ${({ fontWeight }) => fontWeight};
+`;
+
+export {
+  StatusIndicator
+};

package/dist/{chunk-IPAXAP6K.js → chunk-5DK6QL77.js}

@@ -1,6 +1,12 @@
+import {
+  StatusIndicator
+} from "./chunk-34CIJVQQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  __spreadValues
+} from "./chunk-CIGAQ47A.js";
 
 // src/components/GradientCardHeader.tsx
 import styled from "@emotion/styled";
@@ -9,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ jsxs(CardHeaderWrapper, { children: [
     /* @__PURE__ */ jsx(Gradients, {}),
     /* @__PURE__ */ jsxs("div", { children: [
-      props.status,
+      props.status && /* @__PURE__ */ jsx(StatusIndicator, __spreadValues({}, props.status)),
       /* @__PURE__ */ jsx(CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-VE7J2N47.js → chunk-5GBDVTL6.js}

@@ -1,6 +1,6 @@
 import {
   Link
-} from "./chunk-OGSDZTHM.js";
+} from "./chunk-QCXXJZDC.js";
 
 // src/utils/toReactNodes.tsx
 import { Fragment } from "react";

package/dist/{chunk-ZANLDY2W.js → chunk-75VDSSXM.js}

@@ -1,6 +1,6 @@
 import {
   Link
-} from "./chunk-OGSDZTHM.js";
+} from "./chunk-QCXXJZDC.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -132,6 +132,7 @@ function Button({
   ghost = false,
   text,
   to,
+  id,
   hash,
   href,
   toParams,
@@ -188,6 +189,7 @@ function Button({
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
+    id,
     backgroundColor,
     color,
     hoverColor,

package/dist/{chunk-NFSAJ5GJ.js → chunk-DFYHIUYN.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-ZANLDY2W.js";
+} from "./chunk-75VDSSXM.js";
 import {
   overflowAutoWithoutScrollbars
 } from "./chunk-FCZJILMW.js";

package/dist/{chunk-DQRN4E5G.js → chunk-EXGJIYUI.js}

@@ -8,7 +8,7 @@ import {
 // src/components/Badge.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
-function Badge({ text, ml = 0 }) {
+function Badge({ text, ml = 0, mr = 0 }) {
   return text ? /* @__PURE__ */ jsx(StyledBadge, { ml, children: text }) : null;
 }
 var badgeVPadding = 2;

package/dist/{chunk-NM7UW54G.js → chunk-KMTXQD46.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-VE7J2N47.js";
+} from "./chunk-5GBDVTL6.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-E3AOYBY5.js";
 import {
   Button
-} from "./chunk-ZANLDY2W.js";
+} from "./chunk-75VDSSXM.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-OGSDZTHM.js → chunk-QCXXJZDC.js}

@@ -40,6 +40,7 @@ function replaceParams(to, params) {
 }
 function Link({
   to,
+  id,
   externalLink,
   params,
   children,
@@ -72,6 +73,7 @@ function Link({
     RLink,
     {
       to: toStr,
+      id,
       css,
       onClick,
       className,

package/dist/{chunk-XZR237JJ.js → chunk-QNM3M4MU.js}

@@ -72,8 +72,9 @@ var shorttext = (unit, value) => {
       return `sat${pl ? "s" : ""}`;
     case CurrencyUnit.MILLISATOSHI:
       return `msat${pl ? "s" : ""}`;
+    default:
+      return unit;
   }
-  return unit;
 };
 var StyledCurrencyAmount = styled.span`
   color: inherit !important;

package/dist/{chunk-PBRN7MJY.js → chunk-QWAHK2QG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-P3EUPXFA.js";
 import {
   ButtonRowContainer
-} from "./chunk-NFSAJ5GJ.js";
+} from "./chunk-DFYHIUYN.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/components/Badge.cjs

@@ -1329,7 +1329,7 @@ var darkGradientBg = import_react4.css`
 
 // src/components/Badge.tsx
 var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
-function Badge({ text, ml = 0 }) {
+function Badge({ text, ml = 0, mr = 0 }) {
   return text ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledBadge, { ml, children: text }) : null;
 }
 var badgeVPadding = 2;

package/dist/components/Badge.d.cts

@@ -2,9 +2,10 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 
 type BadgeProps = {
     text?: string | undefined;
-    ml?: number;
+    ml?: 0 | 4 | 6;
+    mr?: 0 | 4 | 6;
 };
-declare function Badge({ text, ml }: BadgeProps): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function Badge({ text, ml, mr }: BadgeProps): _emotion_react_jsx_runtime.JSX.Element | null;
 declare const badgeVPadding = 2;
 
-export { Badge, badgeVPadding };
+export { Badge, BadgeProps, badgeVPadding };

package/dist/components/Badge.d.ts

@@ -2,9 +2,10 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 
 type BadgeProps = {
     text?: string | undefined;
-    ml?: number;
+    ml?: 0 | 4 | 6;
+    mr?: 0 | 4 | 6;
 };
-declare function Badge({ text, ml }: BadgeProps): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function Badge({ text, ml, mr }: BadgeProps): _emotion_react_jsx_runtime.JSX.Element | null;
 declare const badgeVPadding = 2;
 
-export { Badge, badgeVPadding };
+export { Badge, BadgeProps, badgeVPadding };

package/dist/components/Badge.js

@@ -1,7 +1,7 @@
 import {
   Badge,
   badgeVPadding
-} from "../chunk-DQRN4E5G.js";
+} from "../chunk-EXGJIYUI.js";
 import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";

package/dist/components/Button.cjs

@@ -1321,6 +1321,7 @@ function replaceParams(to, params) {
 }
 function Link({
   to,
+  id,
   externalLink,
   params,
   children,
@@ -1353,6 +1354,7 @@ function Link({
     import_react_router_dom.Link,
     {
       to: toStr,
+      id,
       css: css6,
       onClick,
       className,
@@ -1793,6 +1795,7 @@ function Button({
   ghost = false,
   text,
   to,
+  id,
   hash,
   href,
   toParams,
@@ -1849,6 +1852,7 @@ function Button({
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
+    id,
     backgroundColor,
     color,
     hoverColor,

package/dist/components/Button.d.cts

@@ -9,13 +9,14 @@ declare const ButtonSizes: readonly ["sm", "md", "lg"];
 type ButtonSize = (typeof ButtonSizes)[number];
 type IconSide = "left" | "right";
 type ButtonProps<RoutesType extends string> = {
-    backgroundColor?: string;
-    color?: string;
-    hoverColor?: string;
-    text?: string;
+    backgroundColor?: string | undefined;
+    color?: string | undefined;
+    hoverColor?: string | undefined;
+    text?: string | undefined;
     disabled?: boolean | undefined;
+    id?: string | undefined;
     to?: RoutesType | undefined;
-    hash?: string;
+    hash?: string | undefined;
     href?: string;
     toParams?: RouteParams | undefined;
     primary?: boolean | undefined;
@@ -29,36 +30,32 @@ type ButtonProps<RoutesType extends string> = {
     ml?: number;
     fullWidth?: boolean | undefined;
     type?: "button" | "submit";
-    blue?: boolean;
+    blue?: boolean | undefined;
     newTab?: boolean;
     tooltipText?: string;
-    zIndex?: number;
-};
-declare function Button<RoutesType extends string>({ backgroundColor, color, hoverColor, primary, ghost, text, to, hash, href, toParams, onClick, icon, iconSide, loading, fullWidth, disabled, size, mt, ml, type, blue, newTab, zIndex, tooltipText, }: ButtonProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
-type StyledButtonProps = {
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    hoverColor?: string | undefined;
-    primary: boolean;
-    ghost: boolean;
-    size: ButtonSize;
-    disabled: boolean;
-    fullWidth: boolean;
-    isLoading: boolean;
-    blue: boolean;
-    iconWidth: number;
-    newTab: boolean;
-    text?: string | undefined;
     zIndex?: number | undefined;
-    iconSide?: IconSide | undefined;
-    isRound: boolean;
 };
+declare function Button<RoutesType extends string>({ backgroundColor, color, hoverColor, primary, ghost, text, to, id, hash, href, toParams, onClick, icon, iconSide, loading, fullWidth, disabled, size, mt, ml, type, blue, newTab, zIndex, tooltipText, }: ButtonProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
 declare const StyledButton: _emotion_styled.StyledComponent<{
     theme?: Theme;
     as?: react.ElementType<any>;
 } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     theme?: Theme;
-} & StyledButtonProps, {}, {}>;
+} & ButtonProps<string> & {
+    isLoading: boolean;
+    blue: boolean;
+    primary: boolean;
+    ghost: boolean;
+    iconWidth: number;
+    isRound: boolean;
+    size: ButtonSize;
+    disabled: boolean;
+    fullWidth: boolean;
+    css: {
+        marginTop: string | undefined;
+        marginLeft: string | undefined;
+    };
+}, {}, {}>;
 declare const ButtonSelector: (prepend?: string, append?: string) => string;
 
 export { Button, ButtonProps, ButtonSelector, StyledButton };

package/dist/components/Button.d.ts

@@ -9,13 +9,14 @@ declare const ButtonSizes: readonly ["sm", "md", "lg"];
 type ButtonSize = (typeof ButtonSizes)[number];
 type IconSide = "left" | "right";
 type ButtonProps<RoutesType extends string> = {
-    backgroundColor?: string;
-    color?: string;
-    hoverColor?: string;
-    text?: string;
+    backgroundColor?: string | undefined;
+    color?: string | undefined;
+    hoverColor?: string | undefined;
+    text?: string | undefined;
     disabled?: boolean | undefined;
+    id?: string | undefined;
     to?: RoutesType | undefined;
-    hash?: string;
+    hash?: string | undefined;
     href?: string;
     toParams?: RouteParams | undefined;
     primary?: boolean | undefined;
@@ -29,36 +30,32 @@ type ButtonProps<RoutesType extends string> = {
     ml?: number;
     fullWidth?: boolean | undefined;
     type?: "button" | "submit";
-    blue?: boolean;
+    blue?: boolean | undefined;
     newTab?: boolean;
     tooltipText?: string;
-    zIndex?: number;
-};
-declare function Button<RoutesType extends string>({ backgroundColor, color, hoverColor, primary, ghost, text, to, hash, href, toParams, onClick, icon, iconSide, loading, fullWidth, disabled, size, mt, ml, type, blue, newTab, zIndex, tooltipText, }: ButtonProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
-type StyledButtonProps = {
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    hoverColor?: string | undefined;
-    primary: boolean;
-    ghost: boolean;
-    size: ButtonSize;
-    disabled: boolean;
-    fullWidth: boolean;
-    isLoading: boolean;
-    blue: boolean;
-    iconWidth: number;
-    newTab: boolean;
-    text?: string | undefined;
     zIndex?: number | undefined;
-    iconSide?: IconSide | undefined;
-    isRound: boolean;
 };
+declare function Button<RoutesType extends string>({ backgroundColor, color, hoverColor, primary, ghost, text, to, id, hash, href, toParams, onClick, icon, iconSide, loading, fullWidth, disabled, size, mt, ml, type, blue, newTab, zIndex, tooltipText, }: ButtonProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
 declare const StyledButton: _emotion_styled.StyledComponent<{
     theme?: Theme;
     as?: react.ElementType<any>;
 } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     theme?: Theme;
-} & StyledButtonProps, {}, {}>;
+} & ButtonProps<string> & {
+    isLoading: boolean;
+    blue: boolean;
+    primary: boolean;
+    ghost: boolean;
+    iconWidth: number;
+    isRound: boolean;
+    size: ButtonSize;
+    disabled: boolean;
+    fullWidth: boolean;
+    css: {
+        marginTop: string | undefined;
+        marginLeft: string | undefined;
+    };
+}, {}, {}>;
 declare const ButtonSelector: (prepend?: string, append?: string) => string;
 
 export { Button, ButtonProps, ButtonSelector, StyledButton };

package/dist/components/Button.js

@@ -2,8 +2,8 @@ import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-ZANLDY2W.js";
-import "../chunk-OGSDZTHM.js";
+} from "../chunk-75VDSSXM.js";
+import "../chunk-QCXXJZDC.js";
 import "../chunk-YMNSXZ5D.js";
 import "../chunk-J4FJQ3FN.js";
 import "../chunk-3GS5EFXV.js";

package/dist/components/ButtonRow.cjs

@@ -1485,6 +1485,7 @@ function replaceParams(to, params) {
 }
 function Link({
   to,
+  id,
   externalLink,
   params,
   children,
@@ -1517,6 +1518,7 @@ function Link({
     import_react_router_dom.Link,
     {
       to: toStr,
+      id,
       css: css7,
       onClick,
       className,
@@ -1854,6 +1856,7 @@ function Button({
   ghost = false,
   text,
   to,
+  id,
   hash,
   href,
   toParams,
@@ -1910,6 +1913,7 @@ function Button({
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
+    id,
     backgroundColor,
     color,
     hoverColor,

package/dist/components/ButtonRow.js

@@ -2,9 +2,9 @@ import {
   ButtonRow,
   ButtonRowContainer,
   StyledButtonRow
-} from "../chunk-NFSAJ5GJ.js";
-import "../chunk-ZANLDY2W.js";
-import "../chunk-OGSDZTHM.js";
+} from "../chunk-DFYHIUYN.js";
+import "../chunk-75VDSSXM.js";
+import "../chunk-QCXXJZDC.js";
 import "../chunk-YMNSXZ5D.js";
 import "../chunk-J4FJQ3FN.js";
 import "../chunk-3GS5EFXV.js";

package/dist/components/CardPage.js

@@ -5,11 +5,11 @@ import {
   CardPageFullWidth,
   CardPageRightContentInner,
   CardPageSubtitle
-} from "../chunk-PBRN7MJY.js";
+} from "../chunk-QWAHK2QG.js";
 import "../chunk-P3EUPXFA.js";
-import "../chunk-NFSAJ5GJ.js";
-import "../chunk-ZANLDY2W.js";
-import "../chunk-OGSDZTHM.js";
+import "../chunk-DFYHIUYN.js";
+import "../chunk-75VDSSXM.js";
+import "../chunk-QCXXJZDC.js";
 import "../chunk-YMNSXZ5D.js";
 import "../chunk-J4FJQ3FN.js";
 import "../chunk-3GS5EFXV.js";

package/dist/components/CurrencyAmount.cjs

@@ -1492,8 +1492,9 @@ var shorttext = (unit, value) => {
       return `sat${pl ? "s" : ""}`;
     case import_core.CurrencyUnit.MILLISATOSHI:
       return `msat${pl ? "s" : ""}`;
+    default:
+      return unit;
   }
-  return unit;
 };
 var StyledCurrencyAmount = import_styled3.default.span`
   color: inherit !important;

package/dist/components/CurrencyAmount.d.cts

@@ -1,10 +1,10 @@
 import * as _apollo_client from '@apollo/client';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { CurrencyUnit, CurrencyAmountArg, CurrencyMap } from '@lightsparkdev/core';
+import { CurrencyUnitType, CurrencyAmountArg, CurrencyMap } from '@lightsparkdev/core';
 
 type CurrencyAmountProps = {
     amount: CurrencyAmountArg | CurrencyMap;
-    displayUnit?: CurrencyUnit;
+    displayUnit?: CurrencyUnitType;
     shortNumber?: boolean;
     showUnits?: boolean;
     ml?: number;
@@ -18,7 +18,7 @@ declare namespace CurrencyAmount {
     };
 }
 declare const CurrencyIcon: ({ unit }: {
-    unit: CurrencyUnit;
+    unit: CurrencyUnitType;
 }) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 export { CurrencyAmount, CurrencyIcon };

package/dist/components/CurrencyAmount.d.ts

@@ -1,10 +1,10 @@
 import * as _apollo_client from '@apollo/client';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { CurrencyUnit, CurrencyAmountArg, CurrencyMap } from '@lightsparkdev/core';
+import { CurrencyUnitType, CurrencyAmountArg, CurrencyMap } from '@lightsparkdev/core';
 
 type CurrencyAmountProps = {
     amount: CurrencyAmountArg | CurrencyMap;
-    displayUnit?: CurrencyUnit;
+    displayUnit?: CurrencyUnitType;
     shortNumber?: boolean;
     showUnits?: boolean;
     ml?: number;
@@ -18,7 +18,7 @@ declare namespace CurrencyAmount {
     };
 }
 declare const CurrencyIcon: ({ unit }: {
-    unit: CurrencyUnit;
+    unit: CurrencyUnitType;
 }) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 export { CurrencyAmount, CurrencyIcon };

package/dist/components/CurrencyAmount.js

@@ -1,7 +1,7 @@
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-XZR237JJ.js";
+} from "../chunk-QNM3M4MU.js";
 import "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
 import "../chunk-JK4BP73A.js";