@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/{chunk-GUNROE4M.cjs → chunk-MN5Q5ZWW.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7JIOBZFScjs = require('./chunk-7JIOBZFS.cjs');
+var _chunkAO75KOAAcjs = require('./chunk-AO75KOAA.cjs');
 
 
-var _chunkHBDF6JWWcjs = require('./chunk-HBDF6JWW.cjs');
+var _chunk3EIRVYICcjs = require('./chunk-3EIRVYIC.cjs');
 
 
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -73,7 +73,7 @@ function Table({
   rowHoverEffect = "border",
   minHeight = 300
 }) {
-  const navigate = _chunkI4L4UO26cjs.useNavigate.call(void 0, );
+  const navigate = _chunk4DJ33XMZcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -88,7 +88,7 @@ function Table({
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7JIOBZFScjs.InfoIconTooltip,
+          _chunkAO75KOAAcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -103,7 +103,7 @@ function Table({
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -125,7 +125,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -139,7 +139,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -147,7 +147,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkI4L4UO26cjs.Link,
+              _chunk4DJ33XMZcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -173,12 +173,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkI4L4UO26cjs.Link,
+            _chunk4DJ33XMZcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -203,7 +203,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkHBDF6JWWcjs.ClipboardTextField,
+              _chunk3EIRVYICcjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -242,7 +242,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunkI4L4UO26cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunk4DJ33XMZcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -293,13 +293,13 @@ function Table({
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBL5NDVAZcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXMSQNWZKcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
+  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -315,7 +315,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunkI4L4UO26cjs.Link} {
+  ${_chunk4DJ33XMZcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -343,7 +343,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunk7H2OXTENcjs.lineClamp.call(void 0, 2)}
+  ${_chunkXIFHBLNQcjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -360,16 +360,16 @@ var StyledTable = _styled2.default.table`
 
   /* Important to use padding here instead of width so that table container overflow functions properly: */
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -379,7 +379,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkHGCI5IAMcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -439,7 +439,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkHGCI5IAMcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-6H54ZONZ.js → chunk-MSMN63ZY.js}

@@ -1,33 +1,33 @@
-import {
-  LabelStrongString
-} from "./chunk-2XRXCDTL.js";
-import {
-  OverlineString
-} from "./chunk-RDWZJCFB.js";
 import {
   LabelString
-} from "./chunk-BJNNM7GS.js";
+} from "./chunk-PDEB5XJS.js";
 import {
   LabelModerateString
-} from "./chunk-VTCBLFGU.js";
+} from "./chunk-HIT2FCXS.js";
+import {
+  LabelStrongString
+} from "./chunk-RI5Q7OOG.js";
+import {
+  OverlineString
+} from "./chunk-MTQAQB4G.js";
 import {
   TitleString
-} from "./chunk-NMMCTZPQ.js";
+} from "./chunk-7VW7WAQ6.js";
 import {
   CodeString
-} from "./chunk-I7JHRFWF.js";
+} from "./chunk-5Q75SIBB.js";
 import {
   DisplayString
-} from "./chunk-YUEYUDQC.js";
-import {
-  HeadlineString
-} from "./chunk-42SXP7BM.js";
+} from "./chunk-VJIRCBU6.js";
 import {
   BodyString
-} from "./chunk-6Q373SSH.js";
+} from "./chunk-ITAEGTRO.js";
 import {
   BodyStrongString
-} from "./chunk-TCPAMMYH.js";
+} from "./chunk-RZFZCMDY.js";
+import {
+  HeadlineString
+} from "./chunk-EEZDWGJP.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-RDWZJCFB.js → chunk-MTQAQB4G.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-I6WJCP2T.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-27U6BUVR.js → chunk-MWHUXSVK.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-OLNRE3IL.js";
+} from "./chunk-2BAYI25M.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-LTV6DUFE.cjs → chunk-MYIV5ZLH.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkK33DLKPBcjs = require('./chunk-K33DLKPB.cjs');
+var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -19,13 +19,19 @@ function IconWithCircleBackground({
   iconWidth = 40,
   to,
   onClick,
+  padding,
   darkBg = false,
   shouldRotate = false,
   noBg = false,
-  disabled = false
+  hoverActiveBg = false,
+  disabled = false,
+  bgColor,
+  iconColor,
+  iconStrokeWidth,
+  opaque = false
 }) {
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkK33DLKPBcjs.Flex,
+    _chunk2YBZV2K6cjs.Flex,
     {
       center: true,
       onClick,
@@ -36,30 +42,45 @@ function IconWithCircleBackground({
         StyledIconWithCircleBackground,
         {
           size: iconWidth,
+          padding,
           darkBg,
+          hoverActiveBg,
           shouldRotate,
           noBg,
+          bgColor,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk6Z6ZBZEJcjs.Icon,
+            _chunk4JJ5GJLEcjs.Icon,
             {
               name: iconName,
               width: iconWidth,
-              color: darkBg ? "white" : "grayBlue9"
+              color: iconColor ? iconColor : "secondary",
+              iconProps: {
+                strokeWidth: iconStrokeWidth,
+                fill: opaque ? "currentColor" : "none"
+              }
             }
           )
         }
       )
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : _chunkHGCI5IAMcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, bgColor) : _chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue94")};
+
+  &:hover {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+  }
+  &:active {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+  }
+
   border-radius: 50%;
-  padding: ${({ size }) => getPadding(size)}px;
+  padding: ${({ size, padding }) => padding != null ? padding : getPadding(size)}px;
   display: flex;
   justify-content: center;
-  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+  ${({ size, padding }) => `width: ${size + (padding != null ? padding : getPadding(size)) * 2}px; height: ${size + (padding != null ? padding : getPadding(size)) * 2}px;`}
 
   @keyframes IconWithCircleBackgroundRotate {
     0% {
@@ -75,9 +96,18 @@ var StyledIconWithCircleBackground = _styled2.default.div`
   ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
 `;
 function getPadding(size) {
+  if (size === 48) {
+    return 38;
+  }
   if (size === 40) {
     return 20;
   }
+  if (size === 36) {
+    return 14;
+  }
+  if (size === 20) {
+    return 10;
+  }
   return 16;
 }
 

package/dist/{chunk-MM7L5VFI.js → chunk-MYZ66GTU.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-E7KQDR6U.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-NMMCTZPQ.js";
+} from "./chunk-7VW7WAQ6.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-AM7EMJXN.js → chunk-NF6LGARO.js}

@@ -1,18 +1,18 @@
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-FBYK5UPJ.js";
+} from "./chunk-XDL3GORR.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-YIJZVE4P.js";
+} from "./chunk-PHQ6NFOZ.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-S5AV3X5O.js";
 import {
   getTypography
-} from "./chunk-FGZFMWJU.js";
+} from "./chunk-J3TUZRIL.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-YJIIP7IY.js";
+} from "./chunk-QPO3F72O.js";
 import {
   __spreadProps,
   __spreadValues
@@ -489,8 +489,9 @@ var lightsparkDocsDarkTheme = extend(darkTheme, {
 var bridgeBaseSettings = {
   secondary: colors.grayBlue43,
   mcNeutral: colors.grayBlue43,
-  success: colors.green35,
+  success: colors.green37,
   link: colors.blue39,
+  linkLight: colors.blue10,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Roboto Mono"
@@ -498,14 +499,22 @@ var bridgeBaseSettings = {
   buttons: merge(buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
-    defaultBorderRadius: 8,
+    defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 14,
-      Small: 14,
-      Schmedium: 14,
-      Medium: 14,
-      Mlarge: 14,
-      Large: 14
+      ExtraSmall: 10,
+      Small: 10,
+      Schmedium: 13,
+      Medium: 13,
+      Mlarge: 13,
+      Large: 13
+    },
+    defaultPaddingsX: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 24,
+      Medium: 24,
+      Mlarge: 24,
+      Large: 24
     },
     kinds: {
       primary: {
@@ -542,12 +551,21 @@ var bridgeBaseSettings = {
         }
       },
       secondary: {
-        defaultBackgroundColor: "transparent",
-        defaultBorderColor: "grayBlue80",
+        defaultBackgroundColor: "gray99",
+        defaultBorderColor: "transparent",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultHoverBorderColor: "grayBlue80",
+        defaultHoverBorderColor: "transparent",
         defaultActiveBackgroundColor: "grayBlue88",
-        defaultActiveBorderColor: "grayBlue80"
+        defaultActiveBorderColor: "transparent"
+      },
+      tertiary: {
+        defaultColor: "gray99",
+        defaultBackgroundColor: "gray99",
+        defaultBorderColor: "gray99",
+        defaultHoverBackgroundColor: "gray98",
+        defaultHoverBorderColor: "gray98",
+        defaultActiveBackgroundColor: "gray",
+        defaultActiveBorderColor: "gray"
       },
       transparent: {
         defaultColor: "secondary",
@@ -573,6 +591,15 @@ var bridgeBaseSettings = {
         defaultBorderColor: "gray98",
         defaultHoverBackgroundColor: "gray98",
         defaultHoverBorderColor: "gray98"
+      },
+      linkLight: {
+        defaultColor: "link",
+        defaultBackgroundColor: "linkLight",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "linkLight",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "linkLight",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -590,30 +617,37 @@ var bridgeBaseSettings = {
   cardForm: merge(cardFormThemeBase, {
     backgroundColor: "white",
     smBackgroundColor: "bg",
+    borderRadius: 32,
+    contentMarginTop: 0,
     defaultDescriptionTypographyMap: {
       default: {
         type: "Body",
-        size: "Large",
+        size: "Medium",
         color: "secondary"
       },
       link: {
         type: "Body",
-        size: "Large",
+        size: "Medium",
         color: "text"
       }
     },
     kinds: {
       primary: {
-        paddingY: 56,
+        borderWidth: 1,
+        smBorderWidth: 0,
+        borderColor: "grayBlue94",
+        paddingTop: 24,
+        paddingBottom: 64,
         paddingX: 40,
-        shadow: "hard"
+        shadow: "none"
       },
       secondary: {
         borderWidth: 1,
         smBorderWidth: 0,
         borderColor: "grayBlue94",
-        paddingY: 40,
-        paddingX: 40,
+        paddingTop: 32,
+        paddingBottom: 64,
+        paddingX: 32,
         shadow: "none"
       }
     }
@@ -627,7 +661,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43,
+  secondary: colors.gray2,
+  tertiary: colors.gray3,
   inputBackground: colors.white,
   danger: colors.red50
 }));
@@ -721,6 +756,7 @@ var isLight = (theme) => [
   "umameDocsLight" /* UmameDocsLight */,
   "umaAuthSdkLight" /* UmaAuthSdkLight */
 ].includes(theme.type);
+var isBridge = (theme) => ["bridgeLight" /* BridgeLight */, "bridgeDark" /* BridgeDark */].includes(theme.type);
 var themeOr = (lightValue, darkValue) => ({ theme }) => {
   return isLight(theme) ? lightValue : darkValue;
 };
@@ -775,6 +811,7 @@ export {
   getBackgroundColor,
   isDark,
   isLight,
+  isBridge,
   themeOr,
   themeOrWithKey,
   ifLight,

package/dist/{chunk-EGDZHNGD.js → chunk-NGSGEGM7.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-C3ZJV5MQ.js";
+} from "./chunk-CSQII7YP.js";
 import {
   NumberInput_default
-} from "./chunk-764PTQNO.js";
+} from "./chunk-LMLZWAB6.js";
 import {
   ButtonRow
-} from "./chunk-32TB2XVD.js";
+} from "./chunk-VLMFSAAH.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-NI6YZUVY.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LightningBoltOutline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LightningBoltOutline() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M13.1985 5.83316H9.16663C8.98257 5.83316 8.8333 5.68392 8.8333 5.49982V1.57029C8.8333 1.24319 8.41123 1.11177 8.22557 1.38104L2.52703 9.64389C2.37453 9.86502 2.53282 10.1665 2.80143 10.1665H6.8333C7.01737 10.1665 7.16663 10.3158 7.16663 10.4998V14.4294C7.16663 14.7565 7.58863 14.8879 7.77437 14.6186L13.4729 6.35574C13.6254 6.13461 13.4671 5.83316 13.1985 5.83316Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+
+
+exports.LightningBoltOutline = LightningBoltOutline;

package/dist/{chunk-6HENA5PI.js → chunk-NMELWOSZ.js}

@@ -1,11 +1,14 @@
 // src/icons/ShieldCheckLite.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ShieldCheckLite() {
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,10 +16,10 @@ function ShieldCheckLite() {
         "path",
         {
           d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }