@lightsparkdev/ui 1.1.3 → 1.1.5

package/dist/{chunk-KBYJCGYR.cjs → chunk-KDXNCUKA.cjs}

@@ -3,13 +3,13 @@
 var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
+var _chunkGMHCVXAKcjs = require('./chunk-GMHCVXAK.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,9 +28,10 @@ function IconWithCircleBackground({
   bgColor,
   iconColor,
   iconStrokeWidth,
-  opaque = false
+  opaque = false,
+  showNewTag = false
 }) {
-  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chunk2YBZV2K6cjs.Flex,
     {
       center: true,
@@ -38,42 +39,46 @@ function IconWithCircleBackground({
       disabled,
       as: onClick ? "button" : "div",
       asButtonType: "button",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        StyledIconWithCircleBackground,
-        {
-          size: iconWidth,
-          padding,
-          darkBg,
-          hoverActiveBg,
-          shouldRotate,
-          noBg,
-          bgColor,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCKSZUZXJcjs.Icon,
-            {
-              name: iconName,
-              width: iconWidth,
-              color: iconColor ? iconColor : "secondary",
-              iconProps: {
-                strokeWidth: iconStrokeWidth,
-                fill: opaque ? "currentColor" : "none"
+      position: "relative",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          StyledIconWithCircleBackground,
+          {
+            size: iconWidth,
+            padding,
+            darkBg,
+            hoverActiveBg,
+            shouldRotate,
+            noBg,
+            bgColor,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkTRVU37HAcjs.Icon,
+              {
+                name: iconName,
+                width: iconWidth,
+                color: iconColor ? iconColor : "secondary",
+                iconProps: {
+                  strokeWidth: iconStrokeWidth,
+                  fill: opaque ? "currentColor" : "none"
+                }
               }
-            }
-          )
-        }
-      )
+            )
+          }
+        ),
+        showNewTag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NewTag, { "data-testid": "icon-new-tag", children: "NEW" })
+      ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.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, _chunkGMHCVXAKcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkEGKT7YHPcjs.getColor.call(void 0, theme, bgColor) : _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, bgColor) : _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;
@@ -110,6 +115,28 @@ function getPadding(size) {
   }
   return 16;
 }
+var NewTag = _styled2.default.div`
+  position: absolute;
+  right: 8px;
+  bottom: -4px;
+
+  display: flex;
+  padding: 2px 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+
+  border-radius: 4px;
+  background: #179a1c;
+
+  color: #f9f9f9;
+  font-family: Manrope;
+  font-size: 9px;
+  font-style: normal;
+  font-weight: 800;
+  line-height: 12px; /* 133.333% */
+  letter-spacing: 0.72px;
+`;
 
 
 

package/dist/{chunk-O7MJGVAC.cjs → chunk-KI4IJFAJ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUU2HXWUQcjs = require('./chunk-UU2HXWUQ.cjs');
+var _chunk7M62SDCKcjs = require('./chunk-7M62SDCK.cjs');
 
 
-var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
+var _chunkLXE7D3BHcjs = require('./chunk-LXE7D3BH.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCZJ6JPXBcjs.Button,
+      _chunkSLTSSCKDcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUU2HXWUQcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6GF56M42cjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7M62SDCKcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLXE7D3BHcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-7HUX7DGQ.cjs → chunk-KQEVA4LA.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
 
-var _chunkDAID3TUPcjs = require('./chunk-DAID3TUP.cjs');
+var _chunkA4QDM736cjs = require('./chunk-A4QDM736.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Display.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Display(props) {
-  const propsWithDefaults = _chunkDAID3TUPcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkA4QDM736cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDAID3TUPcjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4QDM736cjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-QMJ2TXEF.js → chunk-KRWXVQQD.js}

@@ -1,12 +1,12 @@
-import {
-  toReactNodes
-} from "./chunk-H37TWCVW.js";
 import {
   Tooltip
-} from "./chunk-PJ2JIR4Q.js";
+} from "./chunk-7JOTUMND.js";
+import {
+  toReactNodes
+} from "./chunk-BQEN763M.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-4VZ2GM4S.js → chunk-KYP3WKX2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MGHQ74CH.js";
+} from "./chunk-Q3MTVY74.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardBorderRadius
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-ZD2DY4VO.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-PH3AG256.js → chunk-LDIVRNOB.js}

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-K46LKXYF.js";
+} from "./chunk-UYNHR6D3.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MGHQ74CH.js";
+} from "./chunk-Q3MTVY74.js";
 import {
   standardBorderRadius
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-ZD2DY4VO.js";
 import {
   StyledTitle
-} from "./chunk-NOYVLFG4.js";
+} from "./chunk-WSGCRJQT.js";
 import {
   StyledCode
-} from "./chunk-I7644XFN.js";
+} from "./chunk-YN5274BG.js";
 import {
   displaySelector
-} from "./chunk-B5OPCMGB.js";
+} from "./chunk-JF4EKJHX.js";
 import {
   StyledBody
-} from "./chunk-L3FZFJNV.js";
+} from "./chunk-HD7PNWIS.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-46IQK5NT.js";
+} from "./chunk-EDBAABPQ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-J3TUZRIL.js";
 import {
   colors
-} from "./chunk-EA22C7OJ.js";
+} from "./chunk-DDUDWE23.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-QICAX43M.cjs → chunk-LIFP65ZM.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkTFRGYVMXcjs = require('./chunk-TFRGYVMX.cjs');
+var _chunkWS5ZLO4Bcjs = require('./chunk-WS5ZLO4B.cjs');
 
 
-var _chunkU7Z4LPYAcjs = require('./chunk-U7Z4LPYA.cjs');
+var _chunkEEX4GB3Pcjs = require('./chunk-EEX4GB3P.cjs');
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
 
-var _chunkKELXKJ75cjs = require('./chunk-KELXKJ75.cjs');
+var _chunkUZTX724Dcjs = require('./chunk-UZTX724D.cjs');
 
 
-var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+var _chunkPUWHPIPEcjs = require('./chunk-PUWHPIPE.cjs');
 
 
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
-var _chunkPS4B7L27cjs = require('./chunk-PS4B7L27.cjs');
 
 
-var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
+var _chunkI4BK3LUQcjs = require('./chunk-I4BK3LUQ.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPS4B7L27cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTX724Dcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkPS4B7L27cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkUZTX724Dcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkDRTADBFRcjs.colors.gray40};
+  color: ${_chunkGHXHO5FQcjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkDRTADBFRcjs.colors.gray80};
+  color: ${_chunkGHXHO5FQcjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VSTXVUIcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCVALN33cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkU7Z4LPYAcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUWHPIPEcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkEEX4GB3Pcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCVALN33cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTFRGYVMXcjs.TextButton,
+      _chunkWS5ZLO4Bcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -164,7 +164,7 @@ var PageSectionBoxActionRow = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
               title,
-              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKELXKJ75cjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4BK3LUQcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
             ] }),
             titleRightContent
           ] }),
@@ -202,7 +202,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkO3NYVYX5cjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkYGRSNZFRcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -220,7 +220,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkK57M5KQ5cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkVT3J6XBJcjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkO3NYVYX5cjs.standardBorderColor}
+    ${_chunkYGRSNZFRcjs.standardBorderColor}
   }
 
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -267,7 +267,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkO3NYVYX5cjs.standardBorderColor}
+        ${_chunkYGRSNZFRcjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkO3NYVYX5cjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkYGRSNZFRcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -290,7 +290,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunk545K27C4cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkKELXKJ75cjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkZBJ5SGHGcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkI4BK3LUQcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-O3E3EVFM.js → chunk-LL66VQKD.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-MSTQVB76.js";
+} from "./chunk-33OS66BQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-7AXFDYVQ.cjs → chunk-LO2ZXOAY.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkKP6R6CBPcjs = require('./chunk-KP6R6CBP.cjs');
+var _chunkOL5J5J7Fcjs = require('./chunk-OL5J5J7F.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKP6R6CBPcjs.StyledHeadline,
+    _chunkOL5J5J7Fcjs.StyledHeadline,
     {
       as: heading,
       id,