@lightsparkdev/ui 1.0.13 → 1.0.14

package/dist/{chunk-LL5ZCL4X.cjs → chunk-3RNPU5L4.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJL3FMHHAcjs = require('./chunk-JL3FMHHA.cjs');
+var _chunkX6FYQTZ6cjs = require('./chunk-X6FYQTZ6.cjs');
 
 
-var _chunkXNXC2QV2cjs = require('./chunk-XNXC2QV2.cjs');
+var _chunkNAFB5UYYcjs = require('./chunk-NAFB5UYY.cjs');
 
 
-var _chunkZQFSY7WFcjs = require('./chunk-ZQFSY7WF.cjs');
+var _chunkYWBNVZS7cjs = require('./chunk-YWBNVZS7.cjs');
 
 
 var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
@@ -14,19 +14,19 @@ var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
 
 
-var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -65,7 +65,7 @@ function Table({
   emptyState,
   clipboardCallbacks
 }) {
-  const navigate = _chunkVUS3VIMScjs.useNavigate.call(void 0, );
+  const navigate = _chunk5YGED5IJcjs.useNavigate.call(void 0, );
   const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
     (value) => (event) => {
@@ -79,7 +79,7 @@ function Table({
       Header: typeof column.Header === "string" ? column.Header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.Header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJL3FMHHAcjs.InfoIconTooltip,
+          _chunkX6FYQTZ6cjs.InfoIconTooltip,
           {
             id: `tooltip-${column.Header.name}`,
             content: column.Header.tooltip || "",
@@ -92,7 +92,7 @@ function Table({
         let content = value;
         let icon = null;
         if (isObjectCell(value)) {
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               icon,
@@ -112,7 +112,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -126,7 +126,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -134,7 +134,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkVUS3VIMScjs.Link,
+              _chunk5YGED5IJcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -160,12 +160,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.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, 
-            _chunkVUS3VIMScjs.Link,
+            _chunk5YGED5IJcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -190,7 +190,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZQFSY7WFcjs.ClipboardTextField,
+              _chunkYWBNVZS7cjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -220,7 +220,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 = _chunkVUS3VIMScjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunk5YGED5IJcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -277,13 +277,13 @@ function Table({
       }))
     ] })),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXNXC2QV2cjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNAFB5UYYcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: 300px;
-  ${_chunkE36KSEQZcjs.overflowAutoWithoutScrollbars}
+  ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -323,7 +323,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkE36KSEQZcjs.lineClamp.call(void 0, 2)}
+  ${_chunkWIIDMFXRcjs.lineClamp.call(void 0, 2)}
 `;
 var cellPaddingPx = 15;
 var StyledTable = _styled2.default.table`
@@ -332,16 +332,16 @@ var StyledTable = _styled2.default.table`
   width: 100%;
 
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -365,8 +365,8 @@ var StyledTable = _styled2.default.table`
     cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
     position: relative;
 
-    &:hover td:first-child:before ${_chunkE36KSEQZcjs.ignoreSSRWarning} {
-      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
+    &:hover td:first-child:before ${_chunkWIIDMFXRcjs.ignoreSSRWarning} {
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 16)}
       content: "";
       position: absolute;
       /* Position offsets inside trs do not properly follow relatively positioned

package/dist/{chunk-R4HHDMAL.js → chunk-4COBLNXX.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-2RHSNVOP.js";
+} from "./chunk-O25FTPZF.js";
 import {
   themes
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-4U3AAKMA.js → chunk-4EXNT44R.js}

@@ -1,37 +1,37 @@
 import {
   Loading
-} from "./chunk-75PYS7WZ.js";
+} from "./chunk-XDZPMJZG.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   Tooltip
-} from "./chunk-PYKAAA4T.js";
+} from "./chunk-XADWD755.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   getFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   renderTypography
-} from "./chunk-QJV3WFYP.js";
+} from "./chunk-EFEPUABF.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   TokenSize
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-EWNQ3Z3L.js";
 import {
   __objRest,
   __spreadProps,
@@ -56,7 +56,8 @@ var buttonKinds = [
   "linkLight",
   "danger",
   "warning",
-  "tertiary"
+  "tertiary",
+  "quaternary"
 ];
 var roundPaddingsX = {
   [TokenSize.ExtraSmall]: 10,

package/dist/{chunk-N6CICUU6.js → chunk-4JIHSBUL.js}

@@ -1,68 +1,68 @@
 import {
   Headline
-} from "./chunk-PN6D2CYD.js";
+} from "./chunk-KH6LR2RB.js";
 import {
   StyledSelect
-} from "./chunk-C4BSD2VC.js";
+} from "./chunk-CARJHSRB.js";
 import {
   StyledFileInput
-} from "./chunk-2UBMGY7N.js";
+} from "./chunk-TTOEZCKH.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInputHalfRow
-} from "./chunk-SUFXV4SF.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   ToggleContainer
-} from "./chunk-A4EY427C.js";
+} from "./chunk-RW5RZAVN.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   StyledButtonRow
-} from "./chunk-U3HDNSQZ.js";
+} from "./chunk-JYEUBM2E.js";
 import {
   ButtonSelector
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-4EXNT44R.js";
 import {
   LoadingWrapper
-} from "./chunk-75PYS7WZ.js";
+} from "./chunk-XDZPMJZG.js";
 import {
   Checkbox
-} from "./chunk-MK352OC6.js";
+} from "./chunk-SPIRL6S7.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-GLYTFTP5.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-NVEDOY6M.js";
+} from "./chunk-H3AKZTZT.js";
 import {
   pxToRems
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-V34KY3B3.cjs → chunk-4NV7CLNV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkE36KSEQZcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkWIIDMFXRcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-MHJO4JEH.cjs → chunk-4W77EYO7.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 _chunkNNBFAVZ7cjs = require('./chunk-NNBFAVZ7.cjs');
+var _chunkSL5VIBXUcjs = require('./chunk-SL5VIBXU.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkNNBFAVZ7cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSL5VIBXUcjs.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, _chunkNNBFAVZ7cjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSL5VIBXUcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-M3BXK56E.cjs → chunk-4YTADDBX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQZUKSHZIcjs = require('./chunk-QZUKSHZI.cjs');
+var _chunkBVRNVECAcjs = require('./chunk-BVRNVECA.cjs');
 
 
-var _chunkNHFPNXOPcjs = require('./chunk-NHFPNXOP.cjs');
+var _chunkLHZFHS6Ucjs = require('./chunk-LHZFHS6U.cjs');
 
 
 
@@ -25,7 +25,7 @@ function SatoshiInput(_a) {
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQZUKSHZIcjs.SatoshiInputLabel,
+      _chunkBVRNVECAcjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNHFPNXOPcjs.CommaNumberInput_default,
+      _chunkLHZFHS6Ucjs.CommaNumberInput_default,
       _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/{chunk-5SJB7TBQ.js → chunk-56E2UGCA.js}

@@ -8,7 +8,11 @@ function Flex({
   column = false,
   children,
   onClick,
-  as = "div"
+  as = "div",
+  overflow,
+  whiteSpace,
+  mr,
+  ml
 }) {
   const justify = justifyProp ? justifyProp : center ? "center" : "flex-start";
   const align = alignProp ? alignProp : center ? "center" : "flex-start";
@@ -21,17 +25,26 @@ function Flex({
       as,
       onClick,
       cursorProp: onClick ? "pointer" : "unset",
+      overflowProp: overflow,
+      whiteSpace,
+      mr,
+      ml,
       children
     }
   );
 }
 var StyledFlex = styled.div`
   display: flex;
+  text-overflow: ellipsis;
 
   ${({ column }) => column && `flex-direction: column;`}
   ${({ justify }) => `justify-content: ${justify};`}
   ${({ align }) => `align-items: ${align};`}
   ${({ cursorProp }) => `cursor: ${cursorProp};`}
+  ${({ overflowProp }) => overflowProp ? `overflow: ${overflowProp}; max-width: 100%;` : ""}
+  ${({ whiteSpace }) => whiteSpace ? `white-space: ${whiteSpace};` : ""}
+  ${({ mr }) => mr ? `margin-right: ${typeof mr === "number" ? `${mr}px` : mr};` : ""}
+  ${({ ml }) => ml ? `margin-left: ${typeof ml === "number" ? `${ml}px` : ml};` : ""}
 `;
 
 export {

package/dist/{chunk-FP6XEEN7.cjs → chunk-5EEOHWHB.cjs}

@@ -3,35 +3,35 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk6CV6C7DBcjs = require('./chunk-6CV6C7DB.cjs');
+var _chunkRBMNBFPDcjs = require('./chunk-RBMNBFPD.cjs');
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkU2434R5Icjs = require('./chunk-U2434R5I.cjs');
+var _chunkANFTDGAGcjs = require('./chunk-ANFTDGAG.cjs');
 
 
-var _chunkSY55CUFPcjs = require('./chunk-SY55CUFP.cjs');
+var _chunkSKFWIFQWcjs = require('./chunk-SKFWIFQW.cjs');
 
 
-var _chunkKQFTLQPNcjs = require('./chunk-KQFTLQPN.cjs');
+var _chunkID2SCAFFcjs = require('./chunk-ID2SCAFF.cjs');
 
 
-var _chunkNNBFAVZ7cjs = require('./chunk-NNBFAVZ7.cjs');
+var _chunkSL5VIBXUcjs = require('./chunk-SL5VIBXU.cjs');
 
 
 
-var _chunkV2JHGVZYcjs = require('./chunk-V2JHGVZY.cjs');
+var _chunkHTPOCTTEcjs = require('./chunk-HTPOCTTE.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 
 var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
@@ -50,53 +50,53 @@ function Article({ defaultTypography, children }) {
   );
 }
 var StyledArticle = _styled2.default.article`
-  ${({ theme, type, size }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, type, size)}
+  ${({ theme, type, size }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkU2434R5Icjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkANFTDGAGcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkNNBFAVZ7cjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSL5VIBXUcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk6CV6C7DBcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkRBMNBFPDcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkV2JHGVZYcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSY55CUFPcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkKQFTLQPNcjs.StyledCode)})
+  *:not(${_chunkHTPOCTTEcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSKFWIFQWcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkID2SCAFFcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,14 +128,14 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
     :not(:last-child) {
       margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
     background: ${_chunkJBCEOOZScjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
@@ -143,7 +143,7 @@ var StyledArticle = _styled2.default.article`
   }
 
   pre[class|="language"] {
-    ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -152,9 +152,9 @@ var StyledArticle = _styled2.default.article`
   // Must match specificity of prismjs to get proper line height!
   pre[class|="language"],
   code[class|="language"] {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkE36KSEQZcjs.overflowAutoWithoutScrollbars}
+    ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-UHDYKP2S.cjs → chunk-5KLGO65H.cjs}

@@ -3,10 +3,10 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkXV2CSNTPcjs = require('./chunk-XV2CSNTP.cjs');
+var _chunkBUTAWDMIcjs = require('./chunk-BUTAWDMI.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -45,20 +45,20 @@ var StyledPageSectionNavItem = _styled2.default.li`
   display: flex;
   list-style: none;
 
-  ${_chunkORWZTMF2cjs.IconContainer}:not(:first-of-type) {
+  ${_chunkZFJVBBROcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkORWZTMF2cjs.IconContainer} {
+    ${_chunkZFJVBBROcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkXV2CSNTPcjs.TextButton,
+  _chunkBUTAWDMIcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-BJSYSTAY.js → chunk-5WH6LRHH.js}

@@ -62,6 +62,14 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
         Large: 0
       }
     },
+    quaternary: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "gray80",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "gray80",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "gray80"
+    },
     transparent: {
       defaultBackgroundColor: "transparent",
       defaultBorderColor: "transparent",