@lightsparkdev/ui 1.0.3 → 1.0.4

package/dist/components/Modal.d.cts

@@ -1,15 +1,16 @@
 import react__default, { MutableRefObject, ComponentProps } from 'react';
+import { TypographyTypeKey } from '../styles/tokens/typography.cjs';
+import { NewRoutesType } from '../types/index.cjs';
 import { ToReactNodesArgs } from '../utils/toReactNodes.cjs';
 import { Button } from './Button.cjs';
 import { IconWithCircleBackground } from './IconWithCircleBackground.cjs';
 import { ProgressBarProps } from './ProgressBar.cjs';
+import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
-import '@emotion/react';
-import '../buttons-36cdd0fe.js';
-import '../styles/tokens/typography.cjs';
+import '../themes-37e92940.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../utils/toNonTypographicReactNodes.cjs';
@@ -126,7 +127,6 @@ import '../icons/UmaBridgeLoading.cjs';
 import '../icons/Upload.cjs';
 import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
-import '../types/index.cjs';
 import './typography/Overline.cjs';
 import './typography/LabelStrong.cjs';
 import './typography/LabelModerate.cjs';
@@ -145,12 +145,12 @@ type SubmitLinkWithHref = {
 };
 type SmKind = "drawer" | "fullscreen" | "default";
 type TopContent = ComponentProps<typeof IconWithCircleBackground>;
-type ModalProps<RoutesType extends string> = {
+type ModalProps<T extends TypographyTypeKey> = {
     visible: boolean;
     onClose: () => void;
     topContent?: TopContent | undefined;
-    title?: ToReactNodesArgs;
-    description?: ToReactNodesArgs;
+    title?: ToReactNodesArgs<T>;
+    description?: ToReactNodesArgs<T>;
     cancelText?: string | undefined;
     cancelDisabled?: boolean;
     cancelHidden?: boolean;
@@ -161,7 +161,7 @@ type ModalProps<RoutesType extends string> = {
     submitLoading?: boolean;
     submitText?: string;
     submitLink?: {
-        to: RoutesType;
+        to: NewRoutesType;
     } | SubmitLinkWithHref;
     children?: react__default.ReactNode;
     firstFocusRef?: MutableRefObject<{
@@ -180,6 +180,6 @@ type ModalProps<RoutesType extends string> = {
     /** Displays a back button at the top of the modal which calls this function */
     handleBack?: () => void;
 };
-declare function Modal<RoutesType extends string>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<RoutesType>): react__default.ReactPortal | null;
+declare function Modal<T extends TypographyTypeKey>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<T>): react__default.ReactPortal | null;
 
 export { Modal };

package/dist/components/Modal.d.ts

@@ -1,15 +1,16 @@
 import react__default, { MutableRefObject, ComponentProps } from 'react';
+import { TypographyTypeKey } from '../styles/tokens/typography.js';
+import { NewRoutesType } from '../types/index.js';
 import { ToReactNodesArgs } from '../utils/toReactNodes.js';
 import { Button } from './Button.js';
 import { IconWithCircleBackground } from './IconWithCircleBackground.js';
 import { ProgressBarProps } from './ProgressBar.js';
+import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
-import '@emotion/react';
-import '../buttons-35280bfe.js';
-import '../styles/tokens/typography.js';
+import '../themes-832e46b2.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../utils/toNonTypographicReactNodes.js';
@@ -126,7 +127,6 @@ import '../icons/UmaBridgeLoading.js';
 import '../icons/Upload.js';
 import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
-import '../types/index.js';
 import './typography/Overline.js';
 import './typography/LabelStrong.js';
 import './typography/LabelModerate.js';
@@ -145,12 +145,12 @@ type SubmitLinkWithHref = {
 };
 type SmKind = "drawer" | "fullscreen" | "default";
 type TopContent = ComponentProps<typeof IconWithCircleBackground>;
-type ModalProps<RoutesType extends string> = {
+type ModalProps<T extends TypographyTypeKey> = {
     visible: boolean;
     onClose: () => void;
     topContent?: TopContent | undefined;
-    title?: ToReactNodesArgs;
-    description?: ToReactNodesArgs;
+    title?: ToReactNodesArgs<T>;
+    description?: ToReactNodesArgs<T>;
     cancelText?: string | undefined;
     cancelDisabled?: boolean;
     cancelHidden?: boolean;
@@ -161,7 +161,7 @@ type ModalProps<RoutesType extends string> = {
     submitLoading?: boolean;
     submitText?: string;
     submitLink?: {
-        to: RoutesType;
+        to: NewRoutesType;
     } | SubmitLinkWithHref;
     children?: react__default.ReactNode;
     firstFocusRef?: MutableRefObject<{
@@ -180,6 +180,6 @@ type ModalProps<RoutesType extends string> = {
     /** Displays a back button at the top of the modal which calls this function */
     handleBack?: () => void;
 };
-declare function Modal<RoutesType extends string>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<RoutesType>): react__default.ReactPortal | null;
+declare function Modal<T extends TypographyTypeKey>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<T>): react__default.ReactPortal | null;
 
 export { Modal };

package/dist/components/Modal.js

@@ -1,78 +1,37 @@
 "use client";
 import {
   Modal
-} from "../chunk-C4KZC45Y.js";
+} from "../chunk-XS4MH3QA.js";
 import "../chunk-NBCCPGA4.js";
-import "../chunk-7N2PFDYE.js";
-import "../chunk-PQKVR2BR.js";
-import "../chunk-LOL5TJ3H.js";
-import "../chunk-LGKXPUSI.js";
-import "../chunk-JJC2AUQ3.js";
-import "../chunk-7FHOKVKJ.js";
-import "../chunk-ILEZ6AWT.js";
-import "../chunk-ZSWFGISK.js";
-import "../chunk-E3FGOYEJ.js";
-import "../chunk-KX5QZXCD.js";
-import "../chunk-5KSG5D3I.js";
-import "../chunk-54EOEIEN.js";
-import "../chunk-OKXC33OU.js";
-import "../chunk-DXA3WUSX.js";
-import "../chunk-2XUHQWCJ.js";
-import "../chunk-7YY6BH5O.js";
+import "../chunk-VXH6GWGE.js";
+import "../chunk-EIFK352Q.js";
 import "../chunk-IL6J7EBZ.js";
-import "../chunk-QQSV7XJX.js";
-import "../chunk-MWDDIXIP.js";
-import "../chunk-UH5F35II.js";
-import "../chunk-LIQSJ5R7.js";
-import "../chunk-Z5TPS2BO.js";
-import "../chunk-XB4KQFK2.js";
-import "../chunk-7IHNYMFQ.js";
-import "../chunk-HGOGF6I7.js";
-import "../chunk-N2NPIZCV.js";
-import "../chunk-SNFRMD6Z.js";
-import "../chunk-WOR7J4KZ.js";
-import "../chunk-LH7GLNMY.js";
-import "../chunk-JNNJVBHF.js";
-import "../chunk-XM2HQVUK.js";
-import "../chunk-VQVEZVAG.js";
-import "../chunk-BSH6WRUZ.js";
-import "../chunk-J3YVJWRG.js";
-import "../chunk-6CNJ5ZCC.js";
-import "../chunk-SEZEDINC.js";
-import "../chunk-B2VYAIYR.js";
-import "../chunk-4BFBANKF.js";
-import "../chunk-K7FYXGOI.js";
-import "../chunk-Y7RQUJUS.js";
-import "../chunk-BHP5YL2N.js";
-import "../chunk-YIHC25WB.js";
-import "../chunk-SLKPLSJU.js";
-import "../chunk-VXKNN4SF.js";
-import "../chunk-5TTLUOJ5.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";
+import "../chunk-JH53NBOD.js";
+import "../chunk-ZO35RX7V.js";
+import "../chunk-MNMVZI7D.js";
+import "../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-XDP7GCYE.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-E4DUADXU.js";
-import "../chunk-YRNEIRHM.js";
-import "../chunk-X4TGLNCH.js";
-import "../chunk-RPNTFEXE.js";
-import "../chunk-LTCJ6LNO.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-ZS7G6WIG.js";
+import "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-4JHXRPRB.js";
-import "../chunk-3XSQV5U4.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-I3FI3FNP.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";
@@ -187,8 +146,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";