@lightsparkdev/ui 1.0.13 → 1.0.14

package/dist/{chunk-ON3L4ZE6.js → chunk-CBDO6OII.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-E572HEDP.js";
+} from "./chunk-7LHJROJJ.js";
 import {
   textInputBorderColor
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-6DWDBCUJ.cjs → chunk-CUOCAP4W.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 
 
-var _chunk6VYXAPL5cjs = require('./chunk-6VYXAPL5.cjs');
+var _chunkQBUNWSK7cjs = require('./chunk-QBUNWSK7.cjs');
 
 
 
@@ -84,9 +84,9 @@ var themeOrColorKeyValues = [
 var baseTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
   // base type should be Themes but default to Light
   type: "light" /* Light */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => _chunkJBCEOOZScjs.hcNeutralFromBg.call(void 0, bgHex, _chunkJBCEOOZScjs.colors.black, _chunkJBCEOOZScjs.colors.white),
-  buttons: _chunk6VYXAPL5cjs.defaultButtonsTheme,
+  buttons: _chunkQBUNWSK7cjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   cardForm: _chunkWHRKM7ULcjs.defaultCardFormTheme,
   badge: {
@@ -127,11 +127,11 @@ var darkBaseTheme = {
   tertiary: _chunkJBCEOOZScjs.colors.white,
   success: _chunkJBCEOOZScjs.colors.success,
   text: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   vlcNeutral: _chunkJBCEOOZScjs.colors.gray20,
   warning: _chunkJBCEOOZScjs.colors.warning,
   transparent: _chunkJBCEOOZScjs.colors.transparent,
-  buttons: _chunk6VYXAPL5cjs.defaultButtonsTheme,
+  buttons: _chunkQBUNWSK7cjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   cardForm: _chunkWHRKM7ULcjs.defaultCardFormTheme,
   inputBackground: _chunkJBCEOOZScjs.colors.black,
@@ -181,8 +181,8 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
   link: _chunkJBCEOOZScjs.colors.blue39,
   linkLight: "#0068C90F",
   inputBackground: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -196,7 +196,7 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
     bg: _chunkJBCEOOZScjs.colors.grayBlue94
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
@@ -243,6 +243,14 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultHoverBorderColor: "transparent"
       },
       secondary: {
+        defaultBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue94",
+        defaultHoverBackgroundColor: "grayBlue88",
+        defaultHoverBorderColor: "grayBlue88",
+        defaultActiveBackgroundColor: "grayBlue69",
+        defaultActiveBorderColor: "grayBlue69"
+      },
+      quaternary: {
         defaultBackgroundColor: "transparent",
         defaultBorderColor: "grayBlue80",
         defaultHoverBackgroundColor: "grayBlue94",
@@ -297,8 +305,8 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
   text: _chunkJBCEOOZScjs.colors.gray98,
   link: _chunkJBCEOOZScjs.colors.blue39,
   inputBackground: _chunkJBCEOOZScjs.colors.gray5,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -312,7 +320,7 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
     bg: _chunkJBCEOOZScjs.colors.grayBlue9
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
@@ -396,7 +404,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   text: _chunkJBCEOOZScjs.colors.grayBlue9,
   link: _chunkJBCEOOZScjs.colors.blue39,
   inputBackground: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   }),
@@ -419,29 +427,29 @@ var umameDocsDarkTheme = extend(darkTheme, {
   secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
   text: _chunkJBCEOOZScjs.colors.grayBlue9,
   link: _chunkJBCEOOZScjs.colors.blue39,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   })
 });
 var lightsparkDocsLightTheme = extend(lightTheme, {
   type: "lightsparkDocsLight" /* LightsparkDocsLight */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var lightsparkDocsDarkTheme = extend(darkTheme, {
   type: "lightsparkDocsDark" /* LightsparkDocsDark */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var bridgeBaseSettings = {
   secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
   mcNeutral: _chunkJBCEOOZScjs.colors.grayBlue43,
   success: _chunkJBCEOOZScjs.colors.green35,
   link: _chunkJBCEOOZScjs.colors.blue39,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
@@ -567,7 +575,7 @@ function extendBase(obj, rest) {
 }
 function setFonts(theme, fontFamilies) {
   return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, theme), {
-    typography: _chunkSZKZWADNcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+    typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
   });
 }
 function isThemeColorKey(key) {

package/dist/{chunk-S6IHGGFT.js → chunk-CYUAVRFN.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-QJV3WFYP.js";
+} from "./chunk-EFEPUABF.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-76YDQNQA.js → chunk-D3DMCJUI.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-SUZ5DRGR.js";
+} from "./chunk-BLMFSRNE.js";
 import {
   ButtonRowContainer
-} from "./chunk-U3HDNSQZ.js";
+} from "./chunk-JYEUBM2E.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,7 +11,7 @@ import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-73S5KETQ.js → chunk-D4CUYSQB.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   getColor
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-MHSHKH3T.cjs → chunk-DGFWQF4M.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQTRXP6AUcjs = require('./chunk-QTRXP6AU.cjs');
+var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ2CWG22Bcjs.Button,
+      _chunkRSAWZM47cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTRXP6AUcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3NRRDBJNcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkOEJWIKG7cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-TJWGKORO.js → chunk-DIXTNCMZ.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-GLYTFTP5.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MO5VOH3W.cjs → chunk-DNZBIDU2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkF6A3D2TEcjs = require('./chunk-F6A3D2TE.cjs');
+var _chunkN5FXBMBScjs = require('./chunk-N5FXBMBS.cjs');
 
 
-var _chunkZ5EFUGXGcjs = require('./chunk-Z5EFUGXG.cjs');
+var _chunk2PFSMZIAcjs = require('./chunk-2PFSMZIA.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -11,7 +11,7 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
 
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6A3D2TEcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN5FXBMBScjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkE36KSEQZcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkE36KSEQZcjs.flexCenter}
+  ${_chunkWIIDMFXRcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkD262WAOVcjs.darkGradientBg};
+    ${_chunkRUDXRW4Rcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, [0, _chunkD262WAOVcjs.cardBorderRadiusPx, _chunkD262WAOVcjs.cardBorderRadiusPx, 0])};
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, [0, _chunkRUDXRW4Rcjs.cardBorderRadiusPx, _chunkRUDXRW4Rcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkD262WAOVcjs.standardContentInset.css}
-  ${({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkRUDXRW4Rcjs.standardContentInset.css}
+  ${({ theme }) => _chunkCUOCAP4Wcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkD262WAOVcjs.standardContentInset.css}
+    ${_chunkRUDXRW4Rcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkD262WAOVcjs.standardCardShadow.styles};
+    ${_chunkRUDXRW4Rcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, _chunkD262WAOVcjs.cardBorderRadiusPx)}
+    ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, _chunkRUDXRW4Rcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkD262WAOVcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkD262WAOVcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkRUDXRW4Rcjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkE36KSEQZcjs.size.px14};
-  line-height: ${_chunkE36KSEQZcjs.size.px18};
+  font-size: ${_chunkWIIDMFXRcjs.size.px14};
+  line-height: ${_chunkWIIDMFXRcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkZ5EFUGXGcjs.ButtonRowContainer}) {
-    margin-top: ${_chunkD262WAOVcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunk2PFSMZIAcjs.ButtonRowContainer}) {
+    margin-top: ${_chunkRUDXRW4Rcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkZ5EFUGXGcjs.ButtonRowContainer} {
+  & + ${_chunk2PFSMZIAcjs.ButtonRowContainer} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-LNYG6RBI.js → chunk-DZKH7ZUN.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-3V2URSII.js";
+} from "./chunk-7XBITPVC.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-QJV3WFYP.js → chunk-EFEPUABF.js}

@@ -1,33 +1,33 @@
 import {
   LabelString
-} from "./chunk-Y2HVV2C3.js";
+} from "./chunk-3AS7NXWQ.js";
 import {
   LabelModerateString
-} from "./chunk-WWUA7KI6.js";
+} from "./chunk-2Y4B6XYK.js";
 import {
   LabelStrongString
-} from "./chunk-3V2URSII.js";
+} from "./chunk-7XBITPVC.js";
 import {
   OverlineString
-} from "./chunk-3XDBPCS7.js";
+} from "./chunk-L3UM7PQ4.js";
 import {
   BodyStrongString
-} from "./chunk-FCPDDL5B.js";
+} from "./chunk-TBGADBO7.js";
 import {
   DisplayString
-} from "./chunk-WY3ZN7KY.js";
+} from "./chunk-RUM5LV7O.js";
 import {
   TitleString
-} from "./chunk-OAGVIKRU.js";
+} from "./chunk-IVEDTGKR.js";
 import {
   CodeString
-} from "./chunk-7P4KTLCD.js";
+} from "./chunk-BFKS4XGF.js";
 import {
   BodyString
-} from "./chunk-FIHAPO6T.js";
+} from "./chunk-RKWGY5RW.js";
 import {
   HeadlineString
-} from "./chunk-5Q7DKJ3J.js";
+} from "./chunk-2YWWFRRD.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-KMVQQOJ3.js → chunk-EKQXUHI7.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-6DCFPU4Z.js";
+} from "./chunk-UNZTDJ63.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-SUFXV4SF.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   Button
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-4EXNT44R.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MABO6YJK.cjs → chunk-EMR7MXGY.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkMA3BB25Pcjs = require('./chunk-MA3BB25P.cjs');
+var _chunkATBURNX7cjs = require('./chunk-ATBURNX7.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Label.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Label(props) {
-  const propsWithDefaults = _chunkMA3BB25Pcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkATBURNX7cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMA3BB25Pcjs.StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkATBURNX7cjs.StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }