@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-CSKAG4GK.cjs → chunk-RAAPXYT3.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 LabelModerateString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabelModerate, _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 StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-ENPMQ6GR.cjs → chunk-RBMNBFPD.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-ETVTOI55.js → chunk-RCA7Z3AT.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   getLineHeightForTypographyType
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-EWNQ3Z3L.js";
 
 // src/components/PendingValue.tsx
 import { css, keyframes, ThemeProvider } from "@emotion/react";

package/dist/{chunk-A5ZRYK3E.js → chunk-RCMBQYDD.js}

@@ -1,15 +1,15 @@
 import {
   CopyToClipboardButton
-} from "./chunk-35422IVB.js";
+} from "./chunk-GC776BSW.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   standardBorderRadius
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-RC5JHTD7.cjs → chunk-RFXYCZGK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNN7VXYS5cjs = require('./chunk-NN7VXYS5.cjs');
+var _chunkEN2NEZXLcjs = require('./chunk-EN2NEZXL.cjs');
 
 
 
@@ -12,19 +12,19 @@ var _chunkNN7VXYS5cjs = require('./chunk-NN7VXYS5.cjs');
 var _chunkSL7GOUXJcjs = require('./chunk-SL7GOUXJ.cjs');
 
 
-var _chunkHLDOB52Acjs = require('./chunk-HLDOB52A.cjs');
+var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
 
 
-var _chunk3KKC4JH2cjs = require('./chunk-3KKC4JH2.cjs');
+var _chunkJJ7MYMENcjs = require('./chunk-JJ7MYMEN.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
-var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGLSWZ36Ycjs.TextInput,
+          _chunkOEJWIKG7cjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3KKC4JH2cjs.Select_default,
+          _chunkJJ7MYMENcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkSL7GOUXJcjs.startOfDay.call(void 0, date), end: _chunkSL7GOUXJcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNN7VXYS5cjs.DateWidget,
+        _chunkEN2NEZXLcjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNN7VXYS5cjs.DateWidget,
+        _chunkEN2NEZXLcjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkSL7GOUXJcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNN7VXYS5cjs.DateWidget,
+        _chunkEN2NEZXLcjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkSL7GOUXJcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNN7VXYS5cjs.DateWidget,
+        _chunkEN2NEZXLcjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLDOB52Acjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkIBPPT3NUcjs.Button,
+        _chunkRSAWZM47cjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkIBPPT3NUcjs.Button,
+        _chunkRSAWZM47cjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3KKC4JH2cjs.Select_default,
+        _chunkJJ7MYMENcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-ZI7GPZP6.cjs → chunk-RHV7BUUL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHLDOB52Acjs = require('./chunk-HLDOB52A.cjs');
+var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
 
 
-var _chunkR544PD7Ucjs = require('./chunk-R544PD7U.cjs');
+var _chunkITTCQDVYcjs = require('./chunk-ITTCQDVY.cjs');
 
 
 
@@ -22,8 +22,8 @@ var BooleanFilter = ({
   state,
   label
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLDOB52Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkR544PD7Ucjs.Radio,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkITTCQDVYcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-I6XDZ76B.js → chunk-RKWGY5RW.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-OFZVJPBJ.js → chunk-RMZQSXO2.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-RYUBADKE.js";
+} from "./chunk-VGRW2DQS.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";
 import {
   getFontColor
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4H7CTVLY.js → chunk-RNCUEVKR.js}

@@ -1,6 +1,6 @@
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-V2JQKFFB.cjs → chunk-RQRWS2Y6.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLE6VBBOJcjs = require('./chunk-LE6VBBOJ.cjs');
+var _chunkRWL5BQ2Zcjs = require('./chunk-RWL5BQ2Z.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLE6VBBOJcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRWL5BQ2Zcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkRROZ5XYPcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkZFJVBBROcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-5H4BI3W4.js → chunk-RRXS447G.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-P7H66N4C.js";
+} from "./chunk-3AS7NXWQ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-IBPPT3NU.cjs → chunk-RSAWZM47.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _chunkQWXH7CSVcjs = require('./chunk-QWXH7CSV.cjs');
+var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.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 _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
+var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
 
 
-var _chunk3DZBJFI6cjs = require('./chunk-3DZBJFI6.cjs');
+var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.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');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 
 
@@ -56,23 +56,24 @@ var buttonKinds = [
   "linkLight",
   "danger",
   "warning",
-  "tertiary"
+  "tertiary",
+  "quaternary"
 ];
 var roundPaddingsX = {
-  [_chunkSZKZWADNcjs.TokenSize.ExtraSmall]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Small]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Schmedium]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Medium]: 14,
-  [_chunkSZKZWADNcjs.TokenSize.Mlarge]: 19,
-  [_chunkSZKZWADNcjs.TokenSize.Large]: 19
+  [_chunkBP7JY5RTcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Small]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Schmedium]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Medium]: 14,
+  [_chunkBP7JY5RTcjs.TokenSize.Mlarge]: 19,
+  [_chunkBP7JY5RTcjs.TokenSize.Large]: 19
 };
 var paddingsX = {
-  [_chunkSZKZWADNcjs.TokenSize.ExtraSmall]: 16,
-  [_chunkSZKZWADNcjs.TokenSize.Small]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Schmedium]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Medium]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Mlarge]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Large]: 24
+  [_chunkBP7JY5RTcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkBP7JY5RTcjs.TokenSize.Small]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Schmedium]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Medium]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Mlarge]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Large]: 24
 };
 function getPaddingX(size, kind, isRound) {
   return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
@@ -86,11 +87,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkC6XJ7ZJFcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkCUOCAP4Wcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkC6XJ7ZJFcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkCUOCAP4Wcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -207,7 +208,7 @@ function Button(props) {
     borderRadius
   } = resolveProps(props, theme);
   const tooltipId = _react3.useRef.call(void 0, _lodashes.uniqueId.call(void 0, ));
-  const iconSize = size === "ExtraSmall" ? 12 : 16;
+  const defaultIconWidth = size === "ExtraSmall" ? 12 : 16;
   let currentIcon = null;
   if (loading) {
     currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -217,7 +218,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSP3BMGMUcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNAFB5UYYcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -228,7 +229,13 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, icon), { width: iconSize, color: typography.color }))
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkZFJVBBROcjs.Icon,
+          _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, icon), {
+            width: icon.width || defaultIconWidth,
+            color: typography.color
+          })
+        )
       }
     );
   }
@@ -251,7 +258,7 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk3DZBJFI6cjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -262,7 +269,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQWXH7CSVcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4RAJLKPcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -284,11 +291,10 @@ function Button(props) {
     isLoading: loading,
     disabled: disabled || loading,
     css: {
-      marginTop: mt ? `${mt}px` : void 0,
-      marginLeft: ml ? `${ml}px` : void 0
+      marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
+      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
     },
     newTab,
-    text,
     borderRadius,
     zIndex
   };
@@ -333,7 +339,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkHCOW6636cjs.applyTypography.call(void 0, 
+    ${_chunkF6XEXDWUcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -341,7 +347,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkSWQDRB3Acjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkRUDXRW4Rcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -381,9 +387,12 @@ var buttonStyle = ({
   `;
 };
 var ButtonIcon = _styled2.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
@@ -396,7 +405,7 @@ var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4
   ButtonHrefLink
 )})${append}`;
 function LinkWithoutTypography(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBWRQTGBcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5YGED5IJcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

package/dist/{chunk-SWQDRB3A.cjs → chunk-RUDXRW4R.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -115,7 +115,7 @@ var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkC6XJ7ZJFcjs.themeOr.call(void 0, 
+  ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/{chunk-UCTTDHY6.js → chunk-RUM5LV7O.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-LXPA6OZD.js → chunk-RW5RZAVN.js}

@@ -1,9 +1,9 @@
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-LE6VBBOJ.cjs → chunk-RWL5BQ2Z.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
+var _chunkHTPOCTTEcjs = require('./chunk-HTPOCTTE.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -48,11 +48,12 @@ var DocsHeadline = ({
   color,
   size = "Medium",
   heading = "h1",
+  onClick,
   textAlign
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTP3PDGQBcjs.StyledHeadline,
+    _chunkHTPOCTTEcjs.StyledHeadline,
     {
       as: heading,
       id,
@@ -61,6 +62,7 @@ var DocsHeadline = ({
       displayProp: "block",
       hideOverflow: false,
       textAlign,
+      onClick,
       block: true,
       children
     }

package/dist/{chunk-TD7GFSMN.js → chunk-SHKLF5BK.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-4RHUIDWO.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-ULIKCHGY.cjs → chunk-SKFWIFQW.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 TitleString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTitle, _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 StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;