@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/styles/typography.d.cts

@@ -1,5 +1,5 @@
 import { Theme } from '@emotion/react';
-import { F as FontColorKey } from '../themes-C-sJDaWN.cjs';
+import { F as FontColorKey } from '../themes-BJZVUNlU.cjs';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.cjs';
 import '../components/Icon/types.cjs';
 import '@emotion/react/jsx-runtime';
@@ -7,12 +7,15 @@ import '../icons/types.cjs';
 import '../icons/central/ArrowBoxRight.cjs';
 import '../icons/central/ArrowDownLeft.cjs';
 import '../icons/central/ArrowInbox.cjs';
+import '../icons/central/ArrowInboxUp.cjs';
 import '../icons/central/ArrowLeft.cjs';
 import '../icons/central/ArrowsRepeatLeftRight.cjs';
+import '../icons/central/ArrowUpDown.cjs';
 import '../icons/central/ArrowUpRight.cjs';
 import '../icons/central/Bank.cjs';
 import '../icons/central/BarsThree.cjs';
 import '../icons/central/Bell2.cjs';
+import '../icons/central/Bubble5.cjs';
 import '../icons/central/BubbleWideNotification.cjs';
 import '../icons/central/Checkmark2.cjs';
 import '../icons/central/Checkmark2Small.cjs';
@@ -35,16 +38,20 @@ import '../icons/central/CrossLarge.cjs';
 import '../icons/central/DollarSign.cjs';
 import '../icons/central/Email3.cjs';
 import '../icons/central/EmailNotification.cjs';
+import '../icons/central/EmptyStrength.cjs';
 import '../icons/central/EyeOpen.cjs';
 import '../icons/central/EyeSlash.cjs';
 import '../icons/central/FingerPrint1.cjs';
+import '../icons/central/Gift.cjs';
 import '../icons/central/Globus.cjs';
 import '../icons/central/Group3.cjs';
 import '../icons/central/Key2.cjs';
+import '../icons/central/Leading.cjs';
 import '../icons/central/Loader.cjs';
 import '../icons/central/Lock.cjs';
 import '../icons/central/MagnifyingGlass.cjs';
 import '../icons/central/MapPin.cjs';
+import '../icons/central/MediumStrength.cjs';
 import '../icons/central/Megaphone.cjs';
 import '../icons/central/MinusLarge.cjs';
 import '../icons/central/MinusSmall.cjs';
@@ -68,10 +75,12 @@ import '../icons/central/ShieldCheck.cjs';
 import '../icons/central/SparklesSoft.cjs';
 import '../icons/central/SquareArrowTopRight2.cjs';
 import '../icons/central/SquareBehindSquare1.cjs';
+import '../icons/central/StrongStrength.cjs';
 import '../icons/central/SubscriptionTick1.cjs';
 import '../icons/central/TrashCan.cjs';
 import '../icons/central/TriangleExclamation.cjs';
 import '../icons/central/TriangleExclamationFilled.cjs';
+import '../icons/central/WeakStrength.cjs';
 import '../icons/AI.cjs';
 import '../icons/AnchorLink.cjs';
 import '../icons/ApiConnection.cjs';
@@ -107,6 +116,7 @@ import '../icons/CheckmarkCircle.cjs';
 import '../icons/CheckmarkCircleTier1.cjs';
 import '../icons/CheckmarkCircleTier2.cjs';
 import '../icons/CheckmarkCircleTier3.cjs';
+import '../icons/CheckmarkGreen.cjs';
 import '../icons/Chevron.cjs';
 import '../icons/ChevronDown.cjs';
 import '../icons/ChevronRight.cjs';
@@ -151,15 +161,18 @@ import '../icons/Info.cjs';
 import '../icons/JavaScriptTwoTone.cjs';
 import '../icons/JavaTwoTone.cjs';
 import '../icons/KotlinTwoTone.cjs';
+import '../icons/LightningBoltOutline.cjs';
 import '../icons/LightningOnRoundedSquare.cjs';
 import '../icons/Limit.cjs';
 import '../icons/LinkIcon.cjs';
 import '../icons/LoadingCircleLines.cjs';
 import '../icons/LoadingSpinner.cjs';
 import '../icons/Lock.cjs';
+import '../icons/Lock2.cjs';
 import '../icons/Logo.cjs';
 import '../icons/LogoBolt.cjs';
 import '../icons/LogoIssuance.cjs';
+import '../icons/LogoMark.cjs';
 import '../icons/LogoOnCircle.cjs';
 import '../icons/Logout.cjs';
 import '../icons/MagicWand.cjs';
@@ -173,6 +186,7 @@ import '../icons/NodeAdd.cjs';
 import '../icons/NonagonCheckmark.cjs';
 import '../icons/Notebook.cjs';
 import '../icons/NotEye.cjs';
+import '../icons/NubankLogo.cjs';
 import '../icons/PaperPlane.cjs';
 import '../icons/PaperPlaneRounder.cjs';
 import '../icons/Pencil.cjs';

package/dist/styles/typography.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@emotion/react';
-import { F as FontColorKey } from '../themes-8QWmAhYQ.js';
+import { F as FontColorKey } from '../themes-OO_TXExz.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.js';
 import '../components/Icon/types.js';
 import '@emotion/react/jsx-runtime';
@@ -7,12 +7,15 @@ import '../icons/types.js';
 import '../icons/central/ArrowBoxRight.js';
 import '../icons/central/ArrowDownLeft.js';
 import '../icons/central/ArrowInbox.js';
+import '../icons/central/ArrowInboxUp.js';
 import '../icons/central/ArrowLeft.js';
 import '../icons/central/ArrowsRepeatLeftRight.js';
+import '../icons/central/ArrowUpDown.js';
 import '../icons/central/ArrowUpRight.js';
 import '../icons/central/Bank.js';
 import '../icons/central/BarsThree.js';
 import '../icons/central/Bell2.js';
+import '../icons/central/Bubble5.js';
 import '../icons/central/BubbleWideNotification.js';
 import '../icons/central/Checkmark2.js';
 import '../icons/central/Checkmark2Small.js';
@@ -35,16 +38,20 @@ import '../icons/central/CrossLarge.js';
 import '../icons/central/DollarSign.js';
 import '../icons/central/Email3.js';
 import '../icons/central/EmailNotification.js';
+import '../icons/central/EmptyStrength.js';
 import '../icons/central/EyeOpen.js';
 import '../icons/central/EyeSlash.js';
 import '../icons/central/FingerPrint1.js';
+import '../icons/central/Gift.js';
 import '../icons/central/Globus.js';
 import '../icons/central/Group3.js';
 import '../icons/central/Key2.js';
+import '../icons/central/Leading.js';
 import '../icons/central/Loader.js';
 import '../icons/central/Lock.js';
 import '../icons/central/MagnifyingGlass.js';
 import '../icons/central/MapPin.js';
+import '../icons/central/MediumStrength.js';
 import '../icons/central/Megaphone.js';
 import '../icons/central/MinusLarge.js';
 import '../icons/central/MinusSmall.js';
@@ -68,10 +75,12 @@ import '../icons/central/ShieldCheck.js';
 import '../icons/central/SparklesSoft.js';
 import '../icons/central/SquareArrowTopRight2.js';
 import '../icons/central/SquareBehindSquare1.js';
+import '../icons/central/StrongStrength.js';
 import '../icons/central/SubscriptionTick1.js';
 import '../icons/central/TrashCan.js';
 import '../icons/central/TriangleExclamation.js';
 import '../icons/central/TriangleExclamationFilled.js';
+import '../icons/central/WeakStrength.js';
 import '../icons/AI.js';
 import '../icons/AnchorLink.js';
 import '../icons/ApiConnection.js';
@@ -107,6 +116,7 @@ import '../icons/CheckmarkCircle.js';
 import '../icons/CheckmarkCircleTier1.js';
 import '../icons/CheckmarkCircleTier2.js';
 import '../icons/CheckmarkCircleTier3.js';
+import '../icons/CheckmarkGreen.js';
 import '../icons/Chevron.js';
 import '../icons/ChevronDown.js';
 import '../icons/ChevronRight.js';
@@ -151,15 +161,18 @@ import '../icons/Info.js';
 import '../icons/JavaScriptTwoTone.js';
 import '../icons/JavaTwoTone.js';
 import '../icons/KotlinTwoTone.js';
+import '../icons/LightningBoltOutline.js';
 import '../icons/LightningOnRoundedSquare.js';
 import '../icons/Limit.js';
 import '../icons/LinkIcon.js';
 import '../icons/LoadingCircleLines.js';
 import '../icons/LoadingSpinner.js';
 import '../icons/Lock.js';
+import '../icons/Lock2.js';
 import '../icons/Logo.js';
 import '../icons/LogoBolt.js';
 import '../icons/LogoIssuance.js';
+import '../icons/LogoMark.js';
 import '../icons/LogoOnCircle.js';
 import '../icons/Logout.js';
 import '../icons/MagicWand.js';
@@ -173,6 +186,7 @@ import '../icons/NodeAdd.js';
 import '../icons/NonagonCheckmark.js';
 import '../icons/Notebook.js';
 import '../icons/NotEye.js';
+import '../icons/NubankLogo.js';
 import '../icons/PaperPlane.js';
 import '../icons/PaperPlaneRounder.js';
 import '../icons/Pencil.js';

package/dist/styles/typography.js

@@ -1,13 +1,13 @@
 import {
   applyTypography
-} from "../chunk-H2R5LMTF.js";
-import "../chunk-AM7EMJXN.js";
-import "../chunk-FBYK5UPJ.js";
-import "../chunk-YIJZVE4P.js";
+} from "../chunk-I6WJCP2T.js";
+import "../chunk-NF6LGARO.js";
+import "../chunk-XDL3GORR.js";
+import "../chunk-PHQ6NFOZ.js";
 import "../chunk-S5AV3X5O.js";
-import "../chunk-FGZFMWJU.js";
+import "../chunk-J3TUZRIL.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-YJIIP7IY.js";
+import "../chunk-QPO3F72O.js";
 import "../chunk-W7FAWX6T.js";
 export {
   applyTypography

package/dist/styles/utils.cjs

@@ -13,15 +13,15 @@
 
 
 
-var _chunk7H2OXTENcjs = require('../chunk-7H2OXTEN.cjs');
-require('../chunk-FPQ2OUYX.cjs');
-require('../chunk-HGCI5IAM.cjs');
-require('../chunk-JCNDMVRB.cjs');
-require('../chunk-SSPKQJOW.cjs');
+var _chunkXIFHBLNQcjs = require('../chunk-XIFHBLNQ.cjs');
+require('../chunk-O6BZRC56.cjs');
+require('../chunk-QI7YHMJZ.cjs');
+require('../chunk-C4AZYRYH.cjs');
+require('../chunk-VUI7MCNE.cjs');
 require('../chunk-XUHJLDRX.cjs');
-require('../chunk-TBZZXLAM.cjs');
+require('../chunk-WKRK7DGR.cjs');
 require('../chunk-KW3JYLRI.cjs');
-require('../chunk-QYVQII3I.cjs');
+require('../chunk-GICIJWP3.cjs');
 require('../chunk-Z6EUSUAD.cjs');
 
 
@@ -38,4 +38,4 @@ require('../chunk-Z6EUSUAD.cjs');
 
 
 
-exports.absoluteCenter = _chunk7H2OXTENcjs.absoluteCenter; exports.extend = _chunk7H2OXTENcjs.extend; exports.firstChild = _chunk7H2OXTENcjs.firstChild; exports.flexBetween = _chunk7H2OXTENcjs.flexBetween; exports.flexCenter = _chunk7H2OXTENcjs.flexCenter; exports.flexCenterAxis = _chunk7H2OXTENcjs.flexCenterAxis; exports.ignoreSSRWarning = _chunk7H2OXTENcjs.ignoreSSRWarning; exports.inlineFlexCenter = _chunk7H2OXTENcjs.inlineFlexCenter; exports.lineClamp = _chunk7H2OXTENcjs.lineClamp; exports.overflowAutoWithoutScrollbars = _chunk7H2OXTENcjs.overflowAutoWithoutScrollbars; exports.pxToRems = _chunk7H2OXTENcjs.pxToRems; exports.remsToPx = _chunk7H2OXTENcjs.remsToPx; exports.size = _chunk7H2OXTENcjs.size; exports.textCenter = _chunk7H2OXTENcjs.textCenter;
+exports.absoluteCenter = _chunkXIFHBLNQcjs.absoluteCenter; exports.extend = _chunkXIFHBLNQcjs.extend; exports.firstChild = _chunkXIFHBLNQcjs.firstChild; exports.flexBetween = _chunkXIFHBLNQcjs.flexBetween; exports.flexCenter = _chunkXIFHBLNQcjs.flexCenter; exports.flexCenterAxis = _chunkXIFHBLNQcjs.flexCenterAxis; exports.ignoreSSRWarning = _chunkXIFHBLNQcjs.ignoreSSRWarning; exports.inlineFlexCenter = _chunkXIFHBLNQcjs.inlineFlexCenter; exports.lineClamp = _chunkXIFHBLNQcjs.lineClamp; exports.overflowAutoWithoutScrollbars = _chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars; exports.pxToRems = _chunkXIFHBLNQcjs.pxToRems; exports.remsToPx = _chunkXIFHBLNQcjs.remsToPx; exports.size = _chunkXIFHBLNQcjs.size; exports.textCenter = _chunkXIFHBLNQcjs.textCenter;

package/dist/styles/utils.js

@@ -13,15 +13,15 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-RKAVKJX6.js";
-import "../chunk-E46IHC27.js";
-import "../chunk-AM7EMJXN.js";
-import "../chunk-FBYK5UPJ.js";
-import "../chunk-YIJZVE4P.js";
+} from "../chunk-YWNKHN46.js";
+import "../chunk-HQN2LS2G.js";
+import "../chunk-NF6LGARO.js";
+import "../chunk-XDL3GORR.js";
+import "../chunk-PHQ6NFOZ.js";
 import "../chunk-S5AV3X5O.js";
-import "../chunk-FGZFMWJU.js";
+import "../chunk-J3TUZRIL.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-YJIIP7IY.js";
+import "../chunk-QPO3F72O.js";
 import "../chunk-W7FAWX6T.js";
 export {
   absoluteCenter,

package/dist/{themes-C-sJDaWN.d.cts → themes-BJZVUNlU.d.cts}

@@ -5,17 +5,22 @@ import { TypographyTypeKey, TokenSizeKey, FontFamilies, TypographyGroup } from '
 import { CSSInterpolation } from '@emotion/css';
 import { ColorKey } from './styles/colors.cjs';
 
+type CardFormContentMarginTop = 0 | 32;
 type CardFormPaddingY = 40 | 56;
-type CardFormPaddingX = 40 | 56;
+type CardFormPaddingX = 0 | 32 | 40 | 56;
+type CardFormPaddingTop = 0 | 24 | 32 | 40 | 56;
+type CardFormPaddingBottom = 0 | 24 | 32 | 40 | 56 | 64;
 type CardFormBorderWidth = 0 | 1;
-type CardFormBorderRadius = 8 | 24;
+type CardFormBorderRadius = 8 | 24 | 32;
 type CardFormShadow = "soft" | "hard" | "none";
 type CardFormTextAlign = "center" | "left";
 type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
 type CardFormBackgroundColor = "bg" | "white";
 declare const cardFormThemeBaseProps: {
-    readonly paddingY: CardFormPaddingY;
+    readonly contentMarginTop: CardFormContentMarginTop;
     readonly paddingX: CardFormPaddingX;
+    readonly paddingTop: CardFormPaddingTop;
+    readonly paddingBottom: CardFormPaddingBottom;
     readonly shadow: CardFormShadow;
     readonly borderRadius: CardFormBorderRadius;
     readonly borderWidth: CardFormBorderWidth;
@@ -43,8 +48,10 @@ declare const cardFormThemeBase: {
         secondary: {};
         tertiary: {};
     };
-    paddingY: CardFormPaddingY;
+    contentMarginTop: CardFormContentMarginTop;
     paddingX: CardFormPaddingX;
+    paddingTop: CardFormPaddingTop;
+    paddingBottom: CardFormPaddingBottom;
     shadow: CardFormShadow;
     borderRadius: CardFormBorderRadius;
     borderWidth: CardFormBorderWidth;
@@ -71,8 +78,10 @@ type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
 type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
 declare const defaultCardFormTheme: {
     kinds: Partial<CardFormKindProps>;
-    paddingY: CardFormPaddingY;
+    contentMarginTop: CardFormContentMarginTop;
     paddingX: CardFormPaddingX;
+    paddingTop: CardFormPaddingTop;
+    paddingBottom: CardFormPaddingBottom;
     shadow: CardFormShadow;
     borderRadius: CardFormBorderRadius;
     borderWidth: CardFormBorderWidth;
@@ -514,8 +523,10 @@ declare const baseTheme: {
     cardForm: {
         kinds: Partial<{
             primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -538,8 +549,10 @@ declare const baseTheme: {
                 };
             }>;
             secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -562,8 +575,10 @@ declare const baseTheme: {
                 };
             }>;
             tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -586,8 +601,10 @@ declare const baseTheme: {
                 };
             }>;
         }>;
-        paddingY: CardFormPaddingY;
+        contentMarginTop: CardFormContentMarginTop;
         paddingX: CardFormPaddingX;
+        paddingTop: CardFormPaddingTop;
+        paddingBottom: CardFormPaddingBottom;
         shadow: CardFormShadow;
         borderRadius: CardFormBorderRadius;
         borderWidth: CardFormBorderWidth;
@@ -963,8 +980,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
     cardForm: {
         kinds: Partial<{
             primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -987,8 +1006,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
             secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -1011,8 +1032,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
             tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -1035,8 +1058,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
         }>;
-        paddingY: CardFormPaddingY;
+        contentMarginTop: CardFormContentMarginTop;
         paddingX: CardFormPaddingX;
+        paddingTop: CardFormPaddingTop;
+        paddingBottom: CardFormPaddingBottom;
         shadow: CardFormShadow;
         borderRadius: CardFormBorderRadius;
         borderWidth: CardFormBorderWidth;
@@ -1113,6 +1138,7 @@ declare function isBackgroundColorKeyTuple(key: unknown): key is [BackgroundColo
 declare function getBackgroundColor(theme: LightsparkTheme, key?: BackgroundColorKeyArg | undefined, defaultColor?: BackgroundColorKeyArg): string;
 declare const isDark: (theme: Theme) => boolean;
 declare const isLight: (theme: Theme) => boolean;
+declare const isBridge: (theme: Theme) => boolean;
 declare const themeOr: (lightValue: string, darkValue: string) => ({ theme }: {
     theme: Theme;
 }) => string;
@@ -1131,4 +1157,4 @@ type ThemeProp = {
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, getColor as D, getFontColor as E, type FontColorKey as F, type BackgroundColorKey as G, type BackgroundColorKeyArg as H, isBackgroundColorKey as I, isBackgroundColorKeyTuple as J, getBackgroundColor as K, type LightsparkTheme as L, isDark as M, isLight as N, themeOr as O, type PaddingYKey as P, themeOrWithKey as Q, ifLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, ifDark as U, useThemeBg as V, type WithTheme as W, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingY as f, type CardFormPaddingX as g, type CardFormBorderWidth as h, type CardFormBorderRadius as i, type CardFormBorderColor as j, type CardFormBackgroundColor as k, cardFormThemeBase as l, type CardFormThemeKey as m, defaultCardFormTheme as n, type PaddingY as o, buttonBorderRadiuses as p, allowedButtonTypographyTypes as q, buttonsThemeBase as r, type ButtonsThemeKey as s, defaultButtonsTheme as t, isTheme as u, themeOrColorKeyValues as v, themes as w, setFonts as x, isThemeColorKey as y, isThemeOrColorKey as z };
+export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, setFonts as D, isThemeColorKey as E, type FontColorKey as F, isThemeOrColorKey as G, getColor as H, getFontColor as I, type BackgroundColorKey as J, type BackgroundColorKeyArg as K, type LightsparkTheme as L, isBackgroundColorKey as M, isBackgroundColorKeyTuple as N, getBackgroundColor as O, type PaddingYKey as P, isDark as Q, isLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, isBridge as U, themeOr as V, type WithTheme as W, themeOrWithKey as X, ifLight as Y, ifDark as Z, useThemeBg as _, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingTop as f, type CardFormPaddingBottom as g, type CardFormPaddingX as h, type CardFormContentMarginTop as i, type CardFormPaddingY as j, type CardFormBorderWidth as k, type CardFormBorderRadius as l, type CardFormBorderColor as m, type CardFormBackgroundColor as n, cardFormThemeBase as o, type CardFormThemeKey as p, defaultCardFormTheme as q, type PaddingY as r, buttonBorderRadiuses as s, allowedButtonTypographyTypes as t, buttonsThemeBase as u, type ButtonsThemeKey as v, defaultButtonsTheme as w, isTheme as x, themeOrColorKeyValues as y, themes as z };

package/dist/{themes-8QWmAhYQ.d.ts → themes-OO_TXExz.d.ts}

@@ -5,17 +5,22 @@ import { TypographyTypeKey, TokenSizeKey, FontFamilies, TypographyGroup } from '
 import { CSSInterpolation } from '@emotion/css';
 import { ColorKey } from './styles/colors.js';
 
+type CardFormContentMarginTop = 0 | 32;
 type CardFormPaddingY = 40 | 56;
-type CardFormPaddingX = 40 | 56;
+type CardFormPaddingX = 0 | 32 | 40 | 56;
+type CardFormPaddingTop = 0 | 24 | 32 | 40 | 56;
+type CardFormPaddingBottom = 0 | 24 | 32 | 40 | 56 | 64;
 type CardFormBorderWidth = 0 | 1;
-type CardFormBorderRadius = 8 | 24;
+type CardFormBorderRadius = 8 | 24 | 32;
 type CardFormShadow = "soft" | "hard" | "none";
 type CardFormTextAlign = "center" | "left";
 type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
 type CardFormBackgroundColor = "bg" | "white";
 declare const cardFormThemeBaseProps: {
-    readonly paddingY: CardFormPaddingY;
+    readonly contentMarginTop: CardFormContentMarginTop;
     readonly paddingX: CardFormPaddingX;
+    readonly paddingTop: CardFormPaddingTop;
+    readonly paddingBottom: CardFormPaddingBottom;
     readonly shadow: CardFormShadow;
     readonly borderRadius: CardFormBorderRadius;
     readonly borderWidth: CardFormBorderWidth;
@@ -43,8 +48,10 @@ declare const cardFormThemeBase: {
         secondary: {};
         tertiary: {};
     };
-    paddingY: CardFormPaddingY;
+    contentMarginTop: CardFormContentMarginTop;
     paddingX: CardFormPaddingX;
+    paddingTop: CardFormPaddingTop;
+    paddingBottom: CardFormPaddingBottom;
     shadow: CardFormShadow;
     borderRadius: CardFormBorderRadius;
     borderWidth: CardFormBorderWidth;
@@ -71,8 +78,10 @@ type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
 type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
 declare const defaultCardFormTheme: {
     kinds: Partial<CardFormKindProps>;
-    paddingY: CardFormPaddingY;
+    contentMarginTop: CardFormContentMarginTop;
     paddingX: CardFormPaddingX;
+    paddingTop: CardFormPaddingTop;
+    paddingBottom: CardFormPaddingBottom;
     shadow: CardFormShadow;
     borderRadius: CardFormBorderRadius;
     borderWidth: CardFormBorderWidth;
@@ -514,8 +523,10 @@ declare const baseTheme: {
     cardForm: {
         kinds: Partial<{
             primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -538,8 +549,10 @@ declare const baseTheme: {
                 };
             }>;
             secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -562,8 +575,10 @@ declare const baseTheme: {
                 };
             }>;
             tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -586,8 +601,10 @@ declare const baseTheme: {
                 };
             }>;
         }>;
-        paddingY: CardFormPaddingY;
+        contentMarginTop: CardFormContentMarginTop;
         paddingX: CardFormPaddingX;
+        paddingTop: CardFormPaddingTop;
+        paddingBottom: CardFormPaddingBottom;
         shadow: CardFormShadow;
         borderRadius: CardFormBorderRadius;
         borderWidth: CardFormBorderWidth;
@@ -963,8 +980,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
     cardForm: {
         kinds: Partial<{
             primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -987,8 +1006,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
             secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -1011,8 +1032,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
             tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
+                readonly contentMarginTop: CardFormContentMarginTop;
                 readonly paddingX: CardFormPaddingX;
+                readonly paddingTop: CardFormPaddingTop;
+                readonly paddingBottom: CardFormPaddingBottom;
                 readonly shadow: CardFormShadow;
                 readonly borderRadius: CardFormBorderRadius;
                 readonly borderWidth: CardFormBorderWidth;
@@ -1035,8 +1058,10 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 };
             }>;
         }>;
-        paddingY: CardFormPaddingY;
+        contentMarginTop: CardFormContentMarginTop;
         paddingX: CardFormPaddingX;
+        paddingTop: CardFormPaddingTop;
+        paddingBottom: CardFormPaddingBottom;
         shadow: CardFormShadow;
         borderRadius: CardFormBorderRadius;
         borderWidth: CardFormBorderWidth;
@@ -1113,6 +1138,7 @@ declare function isBackgroundColorKeyTuple(key: unknown): key is [BackgroundColo
 declare function getBackgroundColor(theme: LightsparkTheme, key?: BackgroundColorKeyArg | undefined, defaultColor?: BackgroundColorKeyArg): string;
 declare const isDark: (theme: Theme) => boolean;
 declare const isLight: (theme: Theme) => boolean;
+declare const isBridge: (theme: Theme) => boolean;
 declare const themeOr: (lightValue: string, darkValue: string) => ({ theme }: {
     theme: Theme;
 }) => string;
@@ -1131,4 +1157,4 @@ type ThemeProp = {
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, getColor as D, getFontColor as E, type FontColorKey as F, type BackgroundColorKey as G, type BackgroundColorKeyArg as H, isBackgroundColorKey as I, isBackgroundColorKeyTuple as J, getBackgroundColor as K, type LightsparkTheme as L, isDark as M, isLight as N, themeOr as O, type PaddingYKey as P, themeOrWithKey as Q, ifLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, ifDark as U, useThemeBg as V, type WithTheme as W, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingY as f, type CardFormPaddingX as g, type CardFormBorderWidth as h, type CardFormBorderRadius as i, type CardFormBorderColor as j, type CardFormBackgroundColor as k, cardFormThemeBase as l, type CardFormThemeKey as m, defaultCardFormTheme as n, type PaddingY as o, buttonBorderRadiuses as p, allowedButtonTypographyTypes as q, buttonsThemeBase as r, type ButtonsThemeKey as s, defaultButtonsTheme as t, isTheme as u, themeOrColorKeyValues as v, themes as w, setFonts as x, isThemeColorKey as y, isThemeOrColorKey as z };
+export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, setFonts as D, isThemeColorKey as E, type FontColorKey as F, isThemeOrColorKey as G, getColor as H, getFontColor as I, type BackgroundColorKey as J, type BackgroundColorKeyArg as K, type LightsparkTheme as L, isBackgroundColorKey as M, isBackgroundColorKeyTuple as N, getBackgroundColor as O, type PaddingYKey as P, isDark as Q, isLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, isBridge as U, themeOr as V, type WithTheme as W, themeOrWithKey as X, ifLight as Y, ifDark as Z, useThemeBg as _, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingTop as f, type CardFormPaddingBottom as g, type CardFormPaddingX as h, type CardFormContentMarginTop as i, type CardFormPaddingY as j, type CardFormBorderWidth as k, type CardFormBorderRadius as l, type CardFormBorderColor as m, type CardFormBackgroundColor as n, cardFormThemeBase as o, type CardFormThemeKey as p, defaultCardFormTheme as q, type PaddingY as r, buttonBorderRadiuses as s, allowedButtonTypographyTypes as t, buttonsThemeBase as u, type ButtonsThemeKey as v, defaultButtonsTheme as w, isTheme as x, themeOrColorKeyValues as y, themes as z };

package/dist/utils/NextLink.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6VHPN6NVcjs = require('../chunk-6VHPN6NV.cjs');
-require('../chunk-5SPEBEER.cjs');
-require('../chunk-3KSX3FCA.cjs');
-require('../chunk-66TMF6JR.cjs');
-require('../chunk-OYQ4V4V6.cjs');
-require('../chunk-A7A4CG6B.cjs');
-require('../chunk-2L6PVYRN.cjs');
-require('../chunk-VK4EJLJ6.cjs');
-require('../chunk-6X6QKELE.cjs');
-require('../chunk-TBJKNYG4.cjs');
-require('../chunk-NXLHWPSH.cjs');
-require('../chunk-WAQVU2I2.cjs');
+var _chunkBKDCUWHCcjs = require('../chunk-BKDCUWHC.cjs');
+require('../chunk-OBUN65IK.cjs');
+require('../chunk-VZJKQDGW.cjs');
+require('../chunk-2RBXFWZM.cjs');
+require('../chunk-IGHWH5N3.cjs');
+require('../chunk-LEDA4EMP.cjs');
+require('../chunk-YYIYLDKB.cjs');
+require('../chunk-PYHSJNMI.cjs');
+require('../chunk-3MYJB3JQ.cjs');
+require('../chunk-SWTP5CDT.cjs');
+require('../chunk-GEJSSLYL.cjs');
+require('../chunk-W4A62SQR.cjs');
 require('../chunk-SFGLEWHW.cjs');
 require('../chunk-L3U3VIEJ.cjs');
 require('../chunk-B2MHM6CY.cjs');
 require('../chunk-6VA4SAHQ.cjs');
-require('../chunk-DO3PWX7Q.cjs');
-require('../chunk-HGCI5IAM.cjs');
-require('../chunk-JCNDMVRB.cjs');
-require('../chunk-SSPKQJOW.cjs');
+require('../chunk-LDNG63AK.cjs');
+require('../chunk-QI7YHMJZ.cjs');
+require('../chunk-C4AZYRYH.cjs');
+require('../chunk-VUI7MCNE.cjs');
 require('../chunk-XUHJLDRX.cjs');
-require('../chunk-TBZZXLAM.cjs');
+require('../chunk-WKRK7DGR.cjs');
 require('../chunk-KW3JYLRI.cjs');
-require('../chunk-QYVQII3I.cjs');
+require('../chunk-GICIJWP3.cjs');
 require('../chunk-Z6EUSUAD.cjs');
 
 
-exports.NextLink = _chunk6VHPN6NVcjs.NextLink;
+exports.NextLink = _chunkBKDCUWHCcjs.NextLink;