@lightsparkdev/ui 1.1.14 → 1.1.16

package/dist/{chunk-GBWTGHD3.js → chunk-WR7UPRF2.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-ICR6FBD2.js";
+} from "./chunk-VWTRICPW.js";
 import {
   UnstyledButton
-} from "./chunk-JEGPXWOA.js";
+} from "./chunk-MMQON4EE.js";
 import {
   getFocusOutline
-} from "./chunk-ZG6VAH7C.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   Link
-} from "./chunk-MCMJAFLJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-JFPLNGMQ.cjs → chunk-WRQU4F3N.cjs}

@@ -181,7 +181,15 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",
-  transparenta08: "#00000014"
+  transparenta08: "#00000014",
+  // hardcore radioactive green
+  radioactiveGreen: "#39FF14",
+  radioactiveGreenDark: "#2ECC0F",
+  radioactiveGreenDarker: "#23990B",
+  radioactiveGreenLight: "#5FFF45",
+  radioactiveGreen10: "#39FF1419",
+  radioactiveGreen20: "#39FF1433",
+  radioactiveGreen30: "#39FF144D"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/{chunk-QBYLUE5I.js → chunk-WTKAQJKR.js}

@@ -1,36 +1,36 @@
 import {
   LabelString
-} from "./chunk-Q2LOWMBD.js";
+} from "./chunk-RY2BWAGK.js";
 import {
   LabelModerateString
-} from "./chunk-IODVRCO7.js";
+} from "./chunk-536S72RM.js";
 import {
   LabelStrongString
-} from "./chunk-LDCXVHY5.js";
+} from "./chunk-WNMJJ2KS.js";
 import {
   OverlineString
-} from "./chunk-GWQWGFOU.js";
+} from "./chunk-QCYWDTZ4.js";
 import {
   BtnString
-} from "./chunk-4UGJHBBJ.js";
-import {
-  TitleString
-} from "./chunk-W4IPYSLT.js";
+} from "./chunk-T3FASNO3.js";
 import {
   CodeString
-} from "./chunk-L7C5ESUR.js";
+} from "./chunk-PRUXYSGW.js";
 import {
   DisplayString
-} from "./chunk-R26WVVXT.js";
+} from "./chunk-ONGSY7SO.js";
 import {
-  HeadlineString
-} from "./chunk-NTEQ57EC.js";
+  TitleString
+} from "./chunk-5XRT5DYH.js";
 import {
   BodyString
-} from "./chunk-LG6ETC65.js";
+} from "./chunk-YOB2UVEF.js";
 import {
   BodyStrongString
-} from "./chunk-JDAQZKJL.js";
+} from "./chunk-6KHRO446.js";
+import {
+  HeadlineString
+} from "./chunk-CT23RURJ.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-5OWSELYK.cjs → chunk-X7VJWLH2.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkSC4A7BLPcjs = require('./chunk-SC4A7BLP.cjs');
+var _chunkK2DWTV3Ccjs = require('./chunk-K2DWTV3C.cjs');
 
 
-var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkJFPLNGMQcjs.colors.gray40};
+  color: ${_chunkWRQU4F3Ncjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunkGJEYXGPQcjs.IconContainer}:not(:first-of-type) {
+  ${_chunkRC7657RRcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkGJEYXGPQcjs.IconContainer} {
+    ${_chunkRC7657RRcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkSC4A7BLPcjs.TextButton,
+  _chunkK2DWTV3Ccjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/chunk-XCGOSRE6.js

@@ -0,0 +1,51 @@
+// src/icons/central/FileText.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function FileText({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.3358 2.75H5.75C5.19772 2.75 4.75 3.19772 4.75 3.75V20.25C4.75 20.8023 5.19771 21.25 5.75 21.25H18.25C18.8023 21.25 19.25 20.8023 19.25 20.25V9.66421C19.25 9.399 19.1446 9.14464 18.9571 8.95711L13.0429 3.04289C12.8554 2.85536 12.601 2.75 12.3358 2.75Z",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.75 13.25H12.25M8.75 17.25H15.25",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.75 3.25V8.25C12.75 8.80228 13.1977 9.25 13.75 9.25H18.75",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FileText
+};

package/dist/{chunk-DW3WBSTI.js → chunk-XF7AGOWQ.js}

@@ -3,57 +3,57 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-NZFCDID3.js";
-import {
-  Drawer
-} from "./chunk-2C7FFMEL.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
+} from "./chunk-M7BTQRIF.js";
 import {
   IconWithCircleBackground
-} from "./chunk-PDAYZQOB.js";
+} from "./chunk-2QVBK5SH.js";
 import {
-  setDefaultReactNodesTypography
-} from "./chunk-SIJ7UCLL.js";
-import {
-  toReactNodes
-} from "./chunk-SX3LPZM7.js";
+  Drawer
+} from "./chunk-DSZQDPLU.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
-import {
-  overflowAutoWithoutScrollbars
-} from "./chunk-4RVQWFSN.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-7ZUV2IWY.js";
+} from "./chunk-MD6BKUUZ.js";
 import {
   UnstyledButton
-} from "./chunk-JEGPXWOA.js";
+} from "./chunk-MMQON4EE.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  setDefaultReactNodesTypography
+} from "./chunk-SMZPJBL2.js";
+import {
+  toReactNodes
+} from "./chunk-W5L3SQ2I.js";
+import {
+  overflowAutoWithoutScrollbars
+} from "./chunk-DG2PTSLJ.js";
 import {
   Icon
-} from "./chunk-YEGK6WEM.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-ZG6VAH7C.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-ESRXMWU7.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   __objRest,
   __spreadValues
@@ -320,9 +320,9 @@ function Modal({
         handleBack,
         kind: drawerKind != null ? drawerKind : "default",
         padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
-        top,
         alignBottom: drawerAlignBottom,
         disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
+        top,
         children: modalContent
       }
     );
@@ -377,7 +377,7 @@ var ModalOverlay = styled.div`
   left: 0;
   z-index: ${z.modalOverlay};
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background: ${({ overlayBackground, theme }) => overlayBackground ? getColor(theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = styled.div`

package/dist/{chunk-FREZ34YE.js → chunk-XI34WNMX.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SX3LPZM7.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-GWQWGFOU.js";
+} from "./chunk-QCYWDTZ4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-C7SG5TJC.cjs → chunk-XWACKE2C.cjs}

@@ -3,28 +3,28 @@
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkEFFB4CI6cjs = require('./chunk-EFFB4CI6.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
-var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
+var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
 
 
-var _chunkKPXLPGKYcjs = require('./chunk-KPXLPGKY.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
-var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkEFFB4CI6cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKPXLPGKYcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkJFPLNGMQcjs.colors.white};
+  color: ${_chunkWRQU4F3Ncjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkQGVDN6ZVcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-IIEKDCYT.cjs → chunk-XZRTYWMQ.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNAA2XE3Hcjs = require('./chunk-NAA2XE3H.cjs');
+var _chunkP6UMWA4Ccjs = require('./chunk-P6UMWA4C.cjs');
 
 
-var _chunkY4WUA44Ncjs = require('./chunk-Y4WUA44N.cjs');
+var _chunkIP6UQMJ7cjs = require('./chunk-IP6UQMJ7.cjs');
 
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkU2YTWQVVcjs = require('./chunk-U2YTWQVV.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
-var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.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, _chunkNAA2XE3Hcjs.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, _chunkP6UMWA4Ccjs.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 ? _chunkU2YTWQVVcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkHBHJ3IFPcjs.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`
-  ${_chunkU2YTWQVVcjs.flexCenter}
+  ${_chunkHBHJ3IFPcjs.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} {
-    ${_chunk6MB6ICF6cjs.darkGradientBg};
+    ${_chunkBXREC2NYcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, [0, _chunk6MB6ICF6cjs.cardBorderRadiusPx, _chunk6MB6ICF6cjs.cardBorderRadiusPx, 0])};
+      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [0, _chunkBXREC2NYcjs.cardBorderRadiusPx, _chunkBXREC2NYcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunk6MB6ICF6cjs.standardContentInset.css}
-  ${({ theme }) => _chunkQGVDN6ZVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkBXREC2NYcjs.standardContentInset.css}
+  ${({ theme }) => _chunkEINUB4JIcjs.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`
   `)}
 
   & > * {
-    ${_chunk6MB6ICF6cjs.standardContentInset.css}
+    ${_chunkBXREC2NYcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunk6MB6ICF6cjs.standardCardShadow.styles};
+    ${_chunkBXREC2NYcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, _chunk6MB6ICF6cjs.cardBorderRadiusPx)}
+    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, _chunkBXREC2NYcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunk6MB6ICF6cjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkBXREC2NYcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunk6MB6ICF6cjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkBXREC2NYcjs.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: ${_chunkU2YTWQVVcjs.size.px14};
-  line-height: ${_chunkU2YTWQVVcjs.size.px18};
+  font-size: ${_chunkHBHJ3IFPcjs.size.px14};
+  line-height: ${_chunkHBHJ3IFPcjs.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(${_chunkY4WUA44Ncjs.StyledButtonRow}) {
-    margin-top: ${_chunk6MB6ICF6cjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkIP6UQMJ7cjs.StyledButtonRow}) {
+    margin-top: ${_chunkBXREC2NYcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkY4WUA44Ncjs.StyledButtonRow} {
+  & + ${_chunkIP6UQMJ7cjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;