@lightsparkdev/ui 1.0.12 → 1.0.14

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @lightsparkdev/ui
 
+## 1.0.14
+
+### Patch Changes
+
+- 80c16c1: - Fix alignment of empty QR code
+  - Fix fonts for some projects
+  - Fix button themes and add quaternary button kind
+- Updated dependencies [80c16c1]
+  - @lightsparkdev/core@1.2.6
+
+## 1.0.13
+
+### Patch Changes
+
+- e75da7c: - fix button backgrounds
+  - fix secondary button theme
+  - update button paddingYs
+- e75da7c: - Allow any icon width with default set in Button
+  - Allow "auto" as Button margin value
+  - Add topLeftIcon prop to Modal
+  - Update Modal to use setDefaultReactNodesTypography
+  - Add onClick prop to typography components
+  - Fix issue where onClick was always added to text nodes
+  - Add CardFormNearButtonColumn for alternative close Button spacing in CardForm
+
 ## 1.0.12
 
 ### Patch Changes

package/dist/{chunk-HLDOB52A.cjs → chunk-22OKXUZA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkG6OCHOW7cjs = require('./chunk-G6OCHOW7.cjs');
+var _chunkI4CYB34Ncjs = require('./chunk-I4CYB34N.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG6OCHOW7cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4CYB34Ncjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-F2XDXARE.js → chunk-242PP3I5.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-SGVJXPX7.js";
+} from "./chunk-AT3QWLGA.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-2FWNZBZE.js → chunk-24OTDVHF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-RJQ3DREP.js → chunk-2LAS2VLV.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-35422IVB.js";
+} from "./chunk-GC776BSW.js";
 import {
   standardBorderRadius
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-LXENASLG.cjs → chunk-2OUZCJ2Z.cjs}

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

package/dist/{chunk-23OGEUAA.cjs → chunk-2PFSMZIA.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -24,7 +24,7 @@ function ButtonRow({
   headerHeight = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBPPT3NUcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars}
+  ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
+    padding: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-K3FHRZSU.js → chunk-2SOBSRUH.js}

@@ -1,21 +1,21 @@
 import {
   LabelModerate
-} from "./chunk-UE3WNLRT.js";
+} from "./chunk-BOJGILTQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   textInputStyle
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   getTypographyString
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-EWNQ3Z3L.js";
 
 // src/components/DataManagerTable/DateWidget.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4NYJ4H6P.js → chunk-2TOLXFJU.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CMVAGQAD.js → chunk-2Y4B6XYK.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-LNQFUFVM.js → chunk-2YWWFRRD.js}

@@ -1,15 +1,15 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-P7H66N4C.js → chunk-3AS7NXWQ.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-ZJFTFFBE.cjs → chunk-3BGC6M2M.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkUMW2YGQIcjs = require('./chunk-UMW2YGQI.cjs');
+var _chunkBUTAWDMIcjs = require('./chunk-BUTAWDMI.cjs');
 
 
-var _chunk5K5AYIT3cjs = require('./chunk-5K5AYIT3.cjs');
+var _chunkG6JGUH6Acjs = require('./chunk-G6JGUH6A.cjs');
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
 
-var _chunkMXEXCNVBcjs = require('./chunk-MXEXCNVB.cjs');
+var _chunk6NPHX23Dcjs = require('./chunk-6NPHX23D.cjs');
 
 
 
-var _chunkTQFTLCODcjs = require('./chunk-TQFTLCOD.cjs');
+var _chunkN5FXBMBScjs = require('./chunk-N5FXBMBS.cjs');
 
 
-var _chunkSP3BMGMUcjs = require('./chunk-SP3BMGMU.cjs');
+var _chunkNAFB5UYYcjs = require('./chunk-NAFB5UYY.cjs');
 
 
-var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.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, _chunkTQFTLCODcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN5FXBMBScjs.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 = _chunkTQFTLCODcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkN5FXBMBScjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -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, _chunkSP3BMGMUcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5K5AYIT3cjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNAFB5UYYcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkG6JGUH6Acjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXRNCL5CAcjs.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, 
-      _chunkUMW2YGQIcjs.TextButton,
+      _chunkBUTAWDMIcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -161,7 +161,7 @@ var PageSectionBoxActionRow = ({
         title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             title,
-            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXEXCNVBcjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NPHX23Dcjs.Badge, { content: titleBadge, ml: 4 }) : null
           ] }),
           description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
@@ -197,7 +197,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkLQ7N5FRYcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunk3QEUCAATcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -215,7 +215,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkCBPXRCT4cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkKTXJ54RRcjs.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, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkLQ7N5FRYcjs.standardBorderColor}
+    ${_chunk3QEUCAATcjs.standardBorderColor}
   }
 
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -262,7 +262,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkLQ7N5FRYcjs.standardBorderColor}
+        ${_chunk3QEUCAATcjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkLQ7N5FRYcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunk3QEUCAATcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -283,7 +283,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   align-items: center;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkSWQDRB3Acjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkMXEXCNVBcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkRUDXRW4Rcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk6NPHX23Dcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-XOTPCTYH.cjs → chunk-3FY3WGUF.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -21,11 +21,11 @@ function BodyStrongString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-SOGADTSR.js → chunk-3NZOR3KT.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-55Q7PRWQ.js";
+} from "./chunk-CYUAVRFN.js";
 import {
   ClipboardTextField
-} from "./chunk-FC3BTZUR.js";
+} from "./chunk-H3AKZTZT.js";
 import {
   CurrencyAmount
-} from "./chunk-ASI7Y3M5.js";
+} from "./chunk-TLG5FZQY.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-EFEPUABF.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";
@@ -53,12 +53,10 @@ function toReactNodes(toReactNodesArg) {
       } else {
         content = stringToNodes(text);
       }
-      const props = isTextNode(node) ? {
-        onClick: node.onClick,
-        style: { cursor: "pointer" }
-      } : void 0;
-      const key = `text-${i}-${text.substr(0, 20)}`;
-      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props), { children: content }), key);
+      return (
+        /* text property is a sufficient key for both strings and text nodes due to minimal impl */
+        /* @__PURE__ */ jsx(Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
+      );
     } else if (isLinkNode(node)) {
       return /* @__PURE__ */ jsx(Link, __spreadValues({}, node.link), `link-${i}-${node.link.id}`);
     } else if (isNextLinkNode(node)) {

package/dist/{chunk-LQ7N5FRY.cjs → chunk-3QEUCAAT.cjs}

@@ -4,14 +4,14 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -26,16 +26,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkSWQDRB3Acjs.subtext.call(void 0, { theme })}
+  ${_chunkRUDXRW4Rcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -52,8 +52,8 @@ var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -62,7 +62,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkCUOCAP4Wcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -118,7 +118,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkHCOW6636cjs.applyTypography.call(void 0, 
+  ${_chunkF6XEXDWUcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -239,11 +239,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkSWQDRB3Acjs.subtext}
+  ${_chunkRUDXRW4Rcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkSWQDRB3Acjs.subtext}
+  ${_chunkRUDXRW4Rcjs.subtext}
   ${labelStyle}
 `;