@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/styles/type.d.ts

@@ -1,10 +1,9 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import _emotion_styled__default from '@emotion/styled';
-import '../themes-CPjoocoh.js';
+import '../themes-CWieEen0.js';
 import '@emotion/react';
-import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
-import '../index-K07-bA0i.js';
+import '../icons/types.js';
 import '../icons/AI.js';
 import '../icons/AnchorLink.js';
 import '../icons/ApiConnection.js';
@@ -26,6 +25,8 @@ import '../icons/ArrowUpRightCircleFill.js';
 import '../icons/Bank.js';
 import '../icons/BitcoinB.js';
 import '../icons/BitcoinBOnRoundedSquare.js';
+import '../icons/BrokenChainLink.js';
+import '../icons/CalendarClock.js';
 import '../icons/CameraCapture.js';
 import '../icons/CaretRight.js';
 import '../icons/CentralArrowShareRight.js';
@@ -35,7 +36,6 @@ import '../icons/CheckmarkCircleTier1.js';
 import '../icons/CheckmarkCircleTier2.js';
 import '../icons/CheckmarkCircleTier3.js';
 import '../icons/Chevron.js';
-import '../icons/ChevronLeft.js';
 import '../icons/CircleCheck.js';
 import '../icons/CircleCheckOutline.js';
 import '../icons/CirclePlus.js';
@@ -60,6 +60,7 @@ import '../icons/FlutterTwoTone.js';
 import '../icons/FramedLetterI.js';
 import '../icons/Gear.js';
 import '../icons/Github.js';
+import '../icons/Globus.js';
 import '../icons/GoTwoTone.js';
 import '../icons/GraphQLTwoTone.js';
 import '../icons/HeartOutline.js';
@@ -69,6 +70,7 @@ import '../icons/JavaScriptTwoTone.js';
 import '../icons/JavaTwoTone.js';
 import '../icons/KotlinTwoTone.js';
 import '../icons/LightningOnRoundedSquare.js';
+import '../icons/Limit.js';
 import '../icons/LinkIcon.js';
 import '../icons/LoadingCircleLines.js';
 import '../icons/LoadingSpinner.js';
@@ -110,6 +112,7 @@ import '../icons/Share.js';
 import '../icons/ShieldCheck.js';
 import '../icons/Sidebar.js';
 import '../icons/Sort.js';
+import '../icons/SparklesSoft.js';
 import '../icons/StackedLines.js';
 import '../icons/SwiftTwoTone.js';
 import '../icons/TapSingle.js';
@@ -122,6 +125,7 @@ import '../icons/UmaBridgeLoadingTransparent.js';
 import '../icons/Upload.js';
 import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
+import '../icons/Zap.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/type.js

@@ -3,16 +3,16 @@ import {
   Heading,
   headingWithDefaults,
   headings
-} from "../chunk-HLLTNMEO.js";
-import "../chunk-CD4D43OU.js";
-import "../chunk-YBJVTNAP.js";
-import "../chunk-HYUF4RXZ.js";
-import "../chunk-NVLTKMR6.js";
-import "../chunk-AK7B5554.js";
+} from "../chunk-6DU7EFD6.js";
+import "../chunk-AV62WHL7.js";
+import "../chunk-4H7CTVLY.js";
+import "../chunk-HCKCJR5Y.js";
+import "../chunk-BJSYSTAY.js";
+import "../chunk-ABVJG7FC.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-YQP6BIJN.js";
+import "../chunk-AZSSORPU.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-MN4NUSPL.js";
+import "../chunk-HO7LVJ3R.js";
 import "../chunk-CWMXXUWU.js";
 export {
   Heading,

package/dist/styles/typography.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSZSK5ISJcjs = require('../chunk-SZSK5ISJ.cjs');
-require('../chunk-7EIZIKLR.cjs');
-require('../chunk-R7ZYIVAN.cjs');
-require('../chunk-2WMBDPXZ.cjs');
+var _chunkHCOW6636cjs = require('../chunk-HCOW6636.cjs');
+require('../chunk-C6XJ7ZJF.cjs');
+require('../chunk-6VYXAPL5.cjs');
+require('../chunk-WHRKM7UL.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-6PYUHYIP.cjs');
+require('../chunk-SZKZWADN.cjs');
 require('../chunk-KW3JYLRI.cjs');
-require('../chunk-CFG65CGC.cjs');
+require('../chunk-JBCEOOZS.cjs');
 require('../chunk-YM5JDZDQ.cjs');
 
 
-exports.applyTypography = _chunkSZSK5ISJcjs.applyTypography;
+exports.applyTypography = _chunkHCOW6636cjs.applyTypography;

package/dist/styles/typography.d.cts

@@ -1,11 +1,10 @@
 import { Theme } from '@emotion/react';
-import { F as FontColorKey } from '../themes-FxGdiei4.cjs';
+import { F as FontColorKey } from '../themes-DFmLzqw5.cjs';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.cjs';
-import './themeDefaults/cardForm.cjs';
 import '../components/Icon/types.cjs';
-import '../index-DCxwC_P-.cjs';
-import '../icons/AI.cjs';
 import '@emotion/react/jsx-runtime';
+import '../icons/types.cjs';
+import '../icons/AI.cjs';
 import '../icons/AnchorLink.cjs';
 import '../icons/ApiConnection.cjs';
 import '../icons/AppIcon.cjs';
@@ -26,6 +25,8 @@ import '../icons/ArrowUpRightCircleFill.cjs';
 import '../icons/Bank.cjs';
 import '../icons/BitcoinB.cjs';
 import '../icons/BitcoinBOnRoundedSquare.cjs';
+import '../icons/BrokenChainLink.cjs';
+import '../icons/CalendarClock.cjs';
 import '../icons/CameraCapture.cjs';
 import '../icons/CaretRight.cjs';
 import '../icons/CentralArrowShareRight.cjs';
@@ -35,7 +36,6 @@ import '../icons/CheckmarkCircleTier1.cjs';
 import '../icons/CheckmarkCircleTier2.cjs';
 import '../icons/CheckmarkCircleTier3.cjs';
 import '../icons/Chevron.cjs';
-import '../icons/ChevronLeft.cjs';
 import '../icons/CircleCheck.cjs';
 import '../icons/CircleCheckOutline.cjs';
 import '../icons/CirclePlus.cjs';
@@ -60,6 +60,7 @@ import '../icons/FlutterTwoTone.cjs';
 import '../icons/FramedLetterI.cjs';
 import '../icons/Gear.cjs';
 import '../icons/Github.cjs';
+import '../icons/Globus.cjs';
 import '../icons/GoTwoTone.cjs';
 import '../icons/GraphQLTwoTone.cjs';
 import '../icons/HeartOutline.cjs';
@@ -69,6 +70,7 @@ import '../icons/JavaScriptTwoTone.cjs';
 import '../icons/JavaTwoTone.cjs';
 import '../icons/KotlinTwoTone.cjs';
 import '../icons/LightningOnRoundedSquare.cjs';
+import '../icons/Limit.cjs';
 import '../icons/LinkIcon.cjs';
 import '../icons/LoadingCircleLines.cjs';
 import '../icons/LoadingSpinner.cjs';
@@ -110,6 +112,7 @@ import '../icons/Share.cjs';
 import '../icons/ShieldCheck.cjs';
 import '../icons/Sidebar.cjs';
 import '../icons/Sort.cjs';
+import '../icons/SparklesSoft.cjs';
 import '../icons/StackedLines.cjs';
 import '../icons/SwiftTwoTone.cjs';
 import '../icons/TapSingle.cjs';
@@ -122,6 +125,7 @@ import '../icons/UmaBridgeLoadingTransparent.cjs';
 import '../icons/Upload.cjs';
 import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
+import '../icons/Zap.cjs';
 import '@emotion/css';
 import './colors.cjs';
 

package/dist/styles/typography.d.ts

@@ -1,11 +1,10 @@
 import { Theme } from '@emotion/react';
-import { F as FontColorKey } from '../themes-CPjoocoh.js';
+import { F as FontColorKey } from '../themes-CWieEen0.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.js';
-import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
-import '../index-K07-bA0i.js';
-import '../icons/AI.js';
 import '@emotion/react/jsx-runtime';
+import '../icons/types.js';
+import '../icons/AI.js';
 import '../icons/AnchorLink.js';
 import '../icons/ApiConnection.js';
 import '../icons/AppIcon.js';
@@ -26,6 +25,8 @@ import '../icons/ArrowUpRightCircleFill.js';
 import '../icons/Bank.js';
 import '../icons/BitcoinB.js';
 import '../icons/BitcoinBOnRoundedSquare.js';
+import '../icons/BrokenChainLink.js';
+import '../icons/CalendarClock.js';
 import '../icons/CameraCapture.js';
 import '../icons/CaretRight.js';
 import '../icons/CentralArrowShareRight.js';
@@ -35,7 +36,6 @@ import '../icons/CheckmarkCircleTier1.js';
 import '../icons/CheckmarkCircleTier2.js';
 import '../icons/CheckmarkCircleTier3.js';
 import '../icons/Chevron.js';
-import '../icons/ChevronLeft.js';
 import '../icons/CircleCheck.js';
 import '../icons/CircleCheckOutline.js';
 import '../icons/CirclePlus.js';
@@ -60,6 +60,7 @@ import '../icons/FlutterTwoTone.js';
 import '../icons/FramedLetterI.js';
 import '../icons/Gear.js';
 import '../icons/Github.js';
+import '../icons/Globus.js';
 import '../icons/GoTwoTone.js';
 import '../icons/GraphQLTwoTone.js';
 import '../icons/HeartOutline.js';
@@ -69,6 +70,7 @@ import '../icons/JavaScriptTwoTone.js';
 import '../icons/JavaTwoTone.js';
 import '../icons/KotlinTwoTone.js';
 import '../icons/LightningOnRoundedSquare.js';
+import '../icons/Limit.js';
 import '../icons/LinkIcon.js';
 import '../icons/LoadingCircleLines.js';
 import '../icons/LoadingSpinner.js';
@@ -110,6 +112,7 @@ import '../icons/Share.js';
 import '../icons/ShieldCheck.js';
 import '../icons/Sidebar.js';
 import '../icons/Sort.js';
+import '../icons/SparklesSoft.js';
 import '../icons/StackedLines.js';
 import '../icons/SwiftTwoTone.js';
 import '../icons/TapSingle.js';
@@ -122,6 +125,7 @@ import '../icons/UmaBridgeLoadingTransparent.js';
 import '../icons/Upload.js';
 import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
+import '../icons/Zap.js';
 import '@emotion/css';
 import './colors.js';
 

package/dist/styles/typography.js

@@ -1,13 +1,13 @@
 import {
   applyTypography
-} from "../chunk-FH6BM3M7.js";
-import "../chunk-HYUF4RXZ.js";
-import "../chunk-NVLTKMR6.js";
-import "../chunk-AK7B5554.js";
+} from "../chunk-XTOBN7SG.js";
+import "../chunk-HCKCJR5Y.js";
+import "../chunk-BJSYSTAY.js";
+import "../chunk-ABVJG7FC.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-YQP6BIJN.js";
+import "../chunk-AZSSORPU.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-MN4NUSPL.js";
+import "../chunk-HO7LVJ3R.js";
 import "../chunk-CWMXXUWU.js";
 export {
   applyTypography

package/dist/styles/utils.cjs

@@ -13,15 +13,15 @@
 
 
 
-var _chunkQ3F7S3R3cjs = require('../chunk-Q3F7S3R3.cjs');
-require('../chunk-OQEP7VDD.cjs');
-require('../chunk-7EIZIKLR.cjs');
-require('../chunk-R7ZYIVAN.cjs');
-require('../chunk-2WMBDPXZ.cjs');
+var _chunkAIJ4JHXBcjs = require('../chunk-AIJ4JHXB.cjs');
+require('../chunk-SWQDRB3A.cjs');
+require('../chunk-C6XJ7ZJF.cjs');
+require('../chunk-6VYXAPL5.cjs');
+require('../chunk-WHRKM7UL.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-6PYUHYIP.cjs');
+require('../chunk-SZKZWADN.cjs');
 require('../chunk-KW3JYLRI.cjs');
-require('../chunk-CFG65CGC.cjs');
+require('../chunk-JBCEOOZS.cjs');
 require('../chunk-YM5JDZDQ.cjs');
 
 
@@ -38,4 +38,4 @@ require('../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.absoluteCenter = _chunkQ3F7S3R3cjs.absoluteCenter; exports.extend = _chunkQ3F7S3R3cjs.extend; exports.firstChild = _chunkQ3F7S3R3cjs.firstChild; exports.flexBetween = _chunkQ3F7S3R3cjs.flexBetween; exports.flexCenter = _chunkQ3F7S3R3cjs.flexCenter; exports.flexCenterAxis = _chunkQ3F7S3R3cjs.flexCenterAxis; exports.ignoreSSRWarning = _chunkQ3F7S3R3cjs.ignoreSSRWarning; exports.inlineFlexCenter = _chunkQ3F7S3R3cjs.inlineFlexCenter; exports.lineClamp = _chunkQ3F7S3R3cjs.lineClamp; exports.overflowAutoWithoutScrollbars = _chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars; exports.pxToRems = _chunkQ3F7S3R3cjs.pxToRems; exports.remsToPx = _chunkQ3F7S3R3cjs.remsToPx; exports.size = _chunkQ3F7S3R3cjs.size; exports.textCenter = _chunkQ3F7S3R3cjs.textCenter;
+exports.absoluteCenter = _chunkAIJ4JHXBcjs.absoluteCenter; exports.extend = _chunkAIJ4JHXBcjs.extend; exports.firstChild = _chunkAIJ4JHXBcjs.firstChild; exports.flexBetween = _chunkAIJ4JHXBcjs.flexBetween; exports.flexCenter = _chunkAIJ4JHXBcjs.flexCenter; exports.flexCenterAxis = _chunkAIJ4JHXBcjs.flexCenterAxis; exports.ignoreSSRWarning = _chunkAIJ4JHXBcjs.ignoreSSRWarning; exports.inlineFlexCenter = _chunkAIJ4JHXBcjs.inlineFlexCenter; exports.lineClamp = _chunkAIJ4JHXBcjs.lineClamp; exports.overflowAutoWithoutScrollbars = _chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars; exports.pxToRems = _chunkAIJ4JHXBcjs.pxToRems; exports.remsToPx = _chunkAIJ4JHXBcjs.remsToPx; exports.size = _chunkAIJ4JHXBcjs.size; exports.textCenter = _chunkAIJ4JHXBcjs.textCenter;

package/dist/styles/utils.js

@@ -13,15 +13,15 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-CD4D43OU.js";
-import "../chunk-YBJVTNAP.js";
-import "../chunk-HYUF4RXZ.js";
-import "../chunk-NVLTKMR6.js";
-import "../chunk-AK7B5554.js";
+} from "../chunk-AV62WHL7.js";
+import "../chunk-4H7CTVLY.js";
+import "../chunk-HCKCJR5Y.js";
+import "../chunk-BJSYSTAY.js";
+import "../chunk-ABVJG7FC.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-YQP6BIJN.js";
+import "../chunk-AZSSORPU.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-MN4NUSPL.js";
+import "../chunk-HO7LVJ3R.js";
 import "../chunk-CWMXXUWU.js";
 export {
   absoluteCenter,

package/dist/{themes-CPjoocoh.d.ts → themes-CWieEen0.d.ts}

@@ -1,11 +1,100 @@
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { CardFormPaddingY, CardFormPaddingX, CardFormShadow, CardFormBorderRadius, CardFormBorderWidth, CardFormBorderColor, CardFormTextAlign, CardFormBackgroundColor } from './styles/themeDefaults/cardForm.js';
 import { IconName } from './components/Icon/types.js';
-import { TokenSizeKey, FontFamilies, TypographyGroup, TypographyTypeKey } from './styles/tokens/typography.js';
+import { TypographyTypeKey, TokenSizeKey, FontFamilies, TypographyGroup } from './styles/tokens/typography.js';
 import { CSSInterpolation } from '@emotion/css';
 import { ColorKey } from './styles/colors.js';
 
+type CardFormPaddingY = 40 | 56;
+type CardFormPaddingX = 40 | 56;
+type CardFormBorderWidth = 0 | 1;
+type CardFormBorderRadius = 8 | 24;
+type CardFormShadow = "soft" | "hard" | "none";
+type CardFormTextAlign = "center" | "left";
+type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
+type CardFormBackgroundColor = "bg" | "white";
+declare const cardFormThemeBaseProps: {
+    readonly paddingY: CardFormPaddingY;
+    readonly paddingX: CardFormPaddingX;
+    readonly shadow: CardFormShadow;
+    readonly borderRadius: CardFormBorderRadius;
+    readonly borderWidth: CardFormBorderWidth;
+    readonly borderColor: CardFormBorderColor;
+    readonly textAlign: CardFormTextAlign;
+    readonly backgroundColor: CardFormBackgroundColor;
+    readonly smBackgroundColor: CardFormBackgroundColor;
+    readonly smBorderWidth: CardFormBorderWidth;
+    readonly defaultDescriptionTypographyMap: {
+        readonly default: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+        readonly link: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+    };
+};
+declare const cardFormThemeBase: {
+    kinds: {
+        primary: {};
+        secondary: {};
+        tertiary: {};
+    };
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+    defaultDescriptionTypographyMap: {
+        readonly default: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+        readonly link: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+    };
+};
+type CardFormThemeKey = keyof typeof cardFormThemeBaseProps;
+type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
+type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
+declare const defaultCardFormTheme: {
+    kinds: Partial<CardFormKindProps>;
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+    defaultDescriptionTypographyMap: {
+        readonly default: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+        readonly link: {
+            readonly type: TypographyTypeKey;
+            readonly size: TokenSizeKey;
+            readonly color: ThemeOrColorKey;
+        };
+    };
+};
+
 type PaddingYKey = "short" | "regular";
 type PaddingY = number | {
     [key in PaddingYKey]: number;
@@ -27,6 +116,8 @@ declare const buttonsThemeBase: {
     defaultBorderColor: BackgroundColorKeyArg;
     defaultHoverBackgroundColor: BackgroundColorKeyArg;
     defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultActiveBackgroundColor: BackgroundColorKeyArg;
+    defaultActiveBorderColor: BackgroundColorKeyArg;
     defaultOutlineOffset: number;
     defaultPaddingsY: {
         ExtraSmall: number;
@@ -50,6 +141,8 @@ declare const defaultButtonsTheme: {
     defaultBorderColor: BackgroundColorKeyArg;
     defaultHoverBackgroundColor: BackgroundColorKeyArg;
     defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultActiveBackgroundColor: BackgroundColorKeyArg;
+    defaultActiveBorderColor: BackgroundColorKeyArg;
     defaultOutlineOffset: number;
     defaultPaddingsY: {
         ExtraSmall: number;
@@ -93,6 +186,7 @@ declare const baseThemeColors: {
     info: string;
     lcNeutral: string;
     link: string;
+    linkLight: string;
     mcNeutral: string;
     onInfoText: string;
     onPrimaryText: string;
@@ -104,6 +198,7 @@ declare const baseThemeColors: {
     text: string;
     vlcNeutral: string;
     warning: string;
+    transparent: string;
 };
 type ThemeColorKey = keyof typeof baseThemeColors;
 declare const themeOrColorKeyValues: readonly string[];
@@ -337,6 +432,8 @@ declare const baseTheme: {
                 defaultBorderColor: BackgroundColorKeyArg;
                 defaultHoverBackgroundColor: BackgroundColorKeyArg;
                 defaultHoverBorderColor: BackgroundColorKeyArg;
+                defaultActiveBackgroundColor: BackgroundColorKeyArg;
+                defaultActiveBorderColor: BackgroundColorKeyArg;
                 defaultOutlineOffset: number;
                 defaultPaddingsY: {
                     ExtraSmall: number;
@@ -357,6 +454,8 @@ declare const baseTheme: {
         defaultBorderColor: BackgroundColorKeyArg;
         defaultHoverBackgroundColor: BackgroundColorKeyArg;
         defaultHoverBorderColor: BackgroundColorKeyArg;
+        defaultActiveBackgroundColor: BackgroundColorKeyArg;
+        defaultActiveBorderColor: BackgroundColorKeyArg;
         defaultOutlineOffset: number;
         defaultPaddingsY: {
             ExtraSmall: number;
@@ -389,6 +488,18 @@ declare const baseTheme: {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
             secondary: Partial<{
                 readonly paddingY: CardFormPaddingY;
@@ -401,6 +512,18 @@ declare const baseTheme: {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
             tertiary: Partial<{
                 readonly paddingY: CardFormPaddingY;
@@ -413,6 +536,18 @@ declare const baseTheme: {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
         }>;
         paddingY: CardFormPaddingY;
@@ -425,6 +560,18 @@ declare const baseTheme: {
         backgroundColor: CardFormBackgroundColor;
         smBackgroundColor: CardFormBackgroundColor;
         smBorderWidth: CardFormBorderWidth;
+        defaultDescriptionTypographyMap: {
+            readonly default: {
+                readonly type: TypographyTypeKey;
+                readonly size: TokenSizeKey;
+                readonly color: ThemeOrColorKey;
+            };
+            readonly link: {
+                readonly type: TypographyTypeKey;
+                readonly size: TokenSizeKey;
+                readonly color: ThemeOrColorKey;
+            };
+        };
     };
     badge: {
         bg: ThemeOrColorKey;
@@ -449,6 +596,7 @@ declare const baseTheme: {
     info: string;
     lcNeutral: string;
     link: string;
+    linkLight: string;
     mcNeutral: string;
     onInfoText: string;
     onPrimaryText: string;
@@ -460,6 +608,7 @@ declare const baseTheme: {
     text: string;
     vlcNeutral: string;
     warning: string;
+    transparent: string;
 };
 type BaseTheme = typeof baseTheme;
 type LightsparkSurfaces = {
@@ -713,6 +862,8 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 defaultBorderColor: BackgroundColorKeyArg;
                 defaultHoverBackgroundColor: BackgroundColorKeyArg;
                 defaultHoverBorderColor: BackgroundColorKeyArg;
+                defaultActiveBackgroundColor: BackgroundColorKeyArg;
+                defaultActiveBorderColor: BackgroundColorKeyArg;
                 defaultOutlineOffset: number;
                 defaultPaddingsY: {
                     ExtraSmall: number;
@@ -733,6 +884,8 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         defaultBorderColor: BackgroundColorKeyArg;
         defaultHoverBackgroundColor: BackgroundColorKeyArg;
         defaultHoverBorderColor: BackgroundColorKeyArg;
+        defaultActiveBackgroundColor: BackgroundColorKeyArg;
+        defaultActiveBorderColor: BackgroundColorKeyArg;
         defaultOutlineOffset: number;
         defaultPaddingsY: {
             ExtraSmall: number;
@@ -765,6 +918,18 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
             secondary: Partial<{
                 readonly paddingY: CardFormPaddingY;
@@ -777,6 +942,18 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
             tertiary: Partial<{
                 readonly paddingY: CardFormPaddingY;
@@ -789,6 +966,18 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 readonly backgroundColor: CardFormBackgroundColor;
                 readonly smBackgroundColor: CardFormBackgroundColor;
                 readonly smBorderWidth: CardFormBorderWidth;
+                readonly defaultDescriptionTypographyMap: {
+                    readonly default: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                    readonly link: {
+                        readonly type: TypographyTypeKey;
+                        readonly size: TokenSizeKey;
+                        readonly color: ThemeOrColorKey;
+                    };
+                };
             }>;
         }>;
         paddingY: CardFormPaddingY;
@@ -801,6 +990,18 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         backgroundColor: CardFormBackgroundColor;
         smBackgroundColor: CardFormBackgroundColor;
         smBorderWidth: CardFormBorderWidth;
+        defaultDescriptionTypographyMap: {
+            readonly default: {
+                readonly type: TypographyTypeKey;
+                readonly size: TokenSizeKey;
+                readonly color: ThemeOrColorKey;
+            };
+            readonly link: {
+                readonly type: TypographyTypeKey;
+                readonly size: TokenSizeKey;
+                readonly color: ThemeOrColorKey;
+            };
+        };
     };
     badge: {
         bg: ThemeOrColorKey;
@@ -825,6 +1026,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
     info: string;
     lcNeutral: string;
     link: string;
+    linkLight: string;
     mcNeutral: string;
     onInfoText: string;
     onPrimaryText: string;
@@ -836,6 +1038,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
     text: string;
     vlcNeutral: string;
     warning: string;
+    transparent: string;
     header: BaseTheme;
     nav: BaseTheme;
     content: BaseTheme;
@@ -871,4 +1074,4 @@ type ThemeProp = {
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, ifDark as C, useThemeBg as D, type FontColorKey as F, type LightsparkTheme as L, type PaddingYKey as P, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, type WithTheme as W, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type PaddingY as d, buttonBorderRadiuses as e, allowedButtonTypographyTypes as f, buttonsThemeBase as g, type ButtonsThemeKey as h, defaultButtonsTheme as i, themes as j, isThemeColorKey as k, isThemeOrColorKey as l, getColor as m, getFontColor as n, type BackgroundColorKey as o, type BackgroundColorKeyArg as p, isBackgroundColorKey as q, isBackgroundColorKeyTuple as r, setFonts as s, themeOrColorKeyValues as t, getBackgroundColor as u, isDark as v, isLight as w, themeOr as x, themeOrWithKey as y, ifLight as z };
+export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, getFontColor as D, type BackgroundColorKey as E, type FontColorKey as F, type BackgroundColorKeyArg as G, isBackgroundColorKey as H, isBackgroundColorKeyTuple as I, getBackgroundColor as J, isDark as K, type LightsparkTheme as L, isLight as M, themeOr as N, themeOrWithKey as O, type PaddingYKey as P, ifLight as Q, ifDark as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, useThemeBg as U, 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, themeOrColorKeyValues as u, themes as v, setFonts as w, isThemeColorKey as x, isThemeOrColorKey as y, getColor as z };