@lightsparkdev/ui 1.0.1 → 1.0.2

package/dist/components/documentation/DocsBodyParagraph.js

@@ -1,132 +1,132 @@
 "use client";
 import {
   StyledBody
-} from "../../chunk-POTDIFIX.js";
-import "../../chunk-QBJ57KNQ.js";
+} from "../../chunk-TM3C4LEG.js";
+import "../../chunk-6H7PZJ2A.js";
 import "../../chunk-OPV246QW.js";
-import "../../chunk-4QVTXKRX.js";
-import "../../chunk-WIFHFWAN.js";
-import "../../chunk-UAFWDZRG.js";
+import "../../chunk-AAFUVYVP.js";
+import "../../chunk-VUXU77SU.js";
+import "../../chunk-KBYU4ZQ3.js";
 import "../../chunk-EDN2QDCB.js";
-import "../../chunk-MD7VQ24I.js";
-import "../../chunk-6B3T5X4O.js";
-import "../../chunk-3BSQFYGE.js";
-import "../../chunk-XBKRPEVT.js";
-import "../../chunk-5522HZOC.js";
-import "../../chunk-PJMGLSAW.js";
-import "../../chunk-FRZBZ7PD.js";
-import "../../chunk-3CHMNLGD.js";
+import "../../chunk-FT62PIPN.js";
 import "../../chunk-5ZDDVLS6.js";
 import "../../chunk-BCXQD6ZP.js";
 import "../../chunk-JWMMGYNV.js";
 import "../../chunk-MASPP6U5.js";
-import "../../chunk-RPYB66KY.js";
-import "../../chunk-GOURVX6U.js";
-import "../../chunk-HPIVJCNC.js";
-import "../../chunk-F3YK2EER.js";
+import "../../chunk-6B3T5X4O.js";
+import "../../chunk-3BSQFYGE.js";
+import "../../chunk-XBKRPEVT.js";
 import "../../chunk-5XZ7ZEC7.js";
 import "../../chunk-H52K5UTT.js";
 import "../../chunk-3KOUSJV6.js";
 import "../../chunk-L52XQKBX.js";
-import "../../chunk-J5NYACJ7.js";
-import "../../chunk-CKOW6ME2.js";
-import "../../chunk-BX32TDWY.js";
-import "../../chunk-IPD2D6QD.js";
+import "../../chunk-5522HZOC.js";
+import "../../chunk-PJMGLSAW.js";
+import "../../chunk-FRZBZ7PD.js";
+import "../../chunk-3CHMNLGD.js";
 import "../../chunk-VRG7HI7X.js";
 import "../../chunk-AFROYZKQ.js";
 import "../../chunk-TAEOGBWY.js";
 import "../../chunk-LQ6VW2FH.js";
-import "../../chunk-3YVEKRB3.js";
-import "../../chunk-M4ORU6SJ.js";
-import "../../chunk-2TGRHBA5.js";
-import "../../chunk-H5R5ZG3Z.js";
+import "../../chunk-RPYB66KY.js";
+import "../../chunk-GOURVX6U.js";
+import "../../chunk-HPIVJCNC.js";
+import "../../chunk-F3YK2EER.js";
 import "../../chunk-MXCYWGHN.js";
 import "../../chunk-ZXACVTYJ.js";
 import "../../chunk-WDFOXMFH.js";
 import "../../chunk-E6ZB6OJD.js";
-import "../../chunk-M2H6AEUK.js";
-import "../../chunk-XXE3N5AE.js";
-import "../../chunk-3XGQJIDN.js";
-import "../../chunk-GJAG2D3Y.js";
+import "../../chunk-J5NYACJ7.js";
+import "../../chunk-CKOW6ME2.js";
+import "../../chunk-BX32TDWY.js";
+import "../../chunk-IPD2D6QD.js";
 import "../../chunk-G3AHVMGL.js";
 import "../../chunk-XHLHQC5Q.js";
 import "../../chunk-QBM7XXVQ.js";
 import "../../chunk-5EFICY5Y.js";
-import "../../chunk-677VQ4DY.js";
-import "../../chunk-BDCKN7K3.js";
-import "../../chunk-LDOAR276.js";
-import "../../chunk-SIWCH44U.js";
+import "../../chunk-3YVEKRB3.js";
+import "../../chunk-M4ORU6SJ.js";
+import "../../chunk-2TGRHBA5.js";
+import "../../chunk-H5R5ZG3Z.js";
 import "../../chunk-W5QTCRAG.js";
 import "../../chunk-CPHTE26N.js";
 import "../../chunk-N5LIZ3K6.js";
 import "../../chunk-LHSGZZVE.js";
-import "../../chunk-QAWK7SU6.js";
-import "../../chunk-72CHU34B.js";
-import "../../chunk-5EIYTCCK.js";
-import "../../chunk-OSOHJUPD.js";
+import "../../chunk-M2H6AEUK.js";
+import "../../chunk-XXE3N5AE.js";
+import "../../chunk-3XGQJIDN.js";
+import "../../chunk-GJAG2D3Y.js";
 import "../../chunk-YO5J3T3L.js";
 import "../../chunk-XGUCS6ED.js";
 import "../../chunk-36ATWJ72.js";
 import "../../chunk-K6KKTYTR.js";
-import "../../chunk-GKH3ZH4N.js";
-import "../../chunk-7UBU5MKY.js";
-import "../../chunk-IX5TIDMO.js";
-import "../../chunk-FGJPZTJP.js";
+import "../../chunk-677VQ4DY.js";
+import "../../chunk-BDCKN7K3.js";
+import "../../chunk-LDOAR276.js";
+import "../../chunk-SIWCH44U.js";
 import "../../chunk-24JOGF62.js";
 import "../../chunk-55PXMNOG.js";
 import "../../chunk-FLREHHOH.js";
 import "../../chunk-RCIZUC7L.js";
-import "../../chunk-KODQP6CN.js";
-import "../../chunk-UZ4TRHF3.js";
-import "../../chunk-PF5SD6AF.js";
-import "../../chunk-5XTJZUMA.js";
+import "../../chunk-QAWK7SU6.js";
+import "../../chunk-72CHU34B.js";
+import "../../chunk-5EIYTCCK.js";
+import "../../chunk-OSOHJUPD.js";
 import "../../chunk-262GCJFO.js";
 import "../../chunk-GY5XKCWS.js";
 import "../../chunk-ZMCAQFC6.js";
 import "../../chunk-PO5NJLKW.js";
-import "../../chunk-C4CFIKAL.js";
-import "../../chunk-TA7W237X.js";
-import "../../chunk-TSYLKHL2.js";
-import "../../chunk-ZE4CS3ZS.js";
+import "../../chunk-7Y2G2JDF.js";
+import "../../chunk-7UBU5MKY.js";
+import "../../chunk-IX5TIDMO.js";
+import "../../chunk-FGJPZTJP.js";
 import "../../chunk-FOC33AUT.js";
 import "../../chunk-ACWTDOWH.js";
 import "../../chunk-KX3WMRSO.js";
 import "../../chunk-4EKGRFUQ.js";
-import "../../chunk-NETNVCI3.js";
-import "../../chunk-WNQ7KWL6.js";
-import "../../chunk-O6YPHO6M.js";
-import "../../chunk-2ITITIZK.js";
+import "../../chunk-KODQP6CN.js";
+import "../../chunk-UZ4TRHF3.js";
+import "../../chunk-PF5SD6AF.js";
+import "../../chunk-5XTJZUMA.js";
 import "../../chunk-272LB55I.js";
 import "../../chunk-V5GQM24U.js";
 import "../../chunk-VNJ4NNZJ.js";
 import "../../chunk-6AFSPHQC.js";
-import "../../chunk-NESZTWYE.js";
-import "../../chunk-WHIOQKWN.js";
-import "../../chunk-CJDIDKDD.js";
-import "../../chunk-SGI4RWHJ.js";
+import "../../chunk-C4CFIKAL.js";
+import "../../chunk-TA7W237X.js";
+import "../../chunk-TSYLKHL2.js";
+import "../../chunk-ZE4CS3ZS.js";
 import "../../chunk-ZLYJ3AKU.js";
 import "../../chunk-57MJ26OG.js";
 import "../../chunk-IYEEAOW3.js";
 import "../../chunk-4FM66VF3.js";
-import "../../chunk-C5PYKGR6.js";
-import "../../chunk-VI6WTKMV.js";
-import "../../chunk-QW2INB5A.js";
-import "../../chunk-JLD7MGLC.js";
-import "../../chunk-DW6LFUI2.js";
+import "../../chunk-NETNVCI3.js";
+import "../../chunk-WNQ7KWL6.js";
+import "../../chunk-O6YPHO6M.js";
+import "../../chunk-2ITITIZK.js";
 import "../../chunk-6AC5YUBP.js";
 import "../../chunk-ZQXRHPB6.js";
 import "../../chunk-Q3YLC4JA.js";
-import "../../chunk-BAQMHUBZ.js";
+import "../../chunk-2IXAUIKR.js";
+import "../../chunk-NESZTWYE.js";
+import "../../chunk-WHIOQKWN.js";
+import "../../chunk-CJDIDKDD.js";
+import "../../chunk-SGI4RWHJ.js";
 import "../../chunk-36RZWQ7S.js";
 import "../../chunk-UCOL37RG.js";
 import "../../chunk-YRFC56VN.js";
 import "../../chunk-U2VV6SRJ.js";
-import "../../chunk-52POF2W4.js";
-import "../../chunk-ZFDYANKZ.js";
+import "../../chunk-C5PYKGR6.js";
+import "../../chunk-VI6WTKMV.js";
+import "../../chunk-QW2INB5A.js";
+import "../../chunk-JLD7MGLC.js";
+import "../../chunk-DW6LFUI2.js";
+import "../../chunk-7NPHOJXD.js";
+import "../../chunk-A4JZESAS.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
-import "../../chunk-GKBQAEH5.js";
-import "../../chunk-KYTOF4WO.js";
+import "../../chunk-FO7I4E45.js";
+import "../../chunk-XUWFUTR4.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/documentation/DocsBodyStrongParagraph.cjs

@@ -171,7 +171,8 @@ function inRange(currentBp, assertBp) {
 // src/styles/buttons.tsx
 var buttonsThemeBase = {
   defaultSize: "Small",
-  defaultTypography: "Body Strong",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
   defaultBorderRadius: 32,
   defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
@@ -195,6 +196,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -222,7 +224,20 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultHoverBorderColor: ["gray90", "gray20"]
     },
     blue39: {
-      defaultBorderColor: "blue39"
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
     }
   }
 });
@@ -287,7 +302,7 @@ var colors = baseColors;
 function isColorKey(key) {
   return key in colors;
 }
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
   if (!bgRGB || !hcRGB)
@@ -3690,28 +3705,30 @@ var bridgeBaseSettings = {
     code: "Monaco"
   }),
   buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
-    defaultTypography: "Title",
+    defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
     defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
     kinds: {
       primary: {
+        defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
+        defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent",
-        defaultPaddingsY: {
-          ExtraSmall: 0,
-          Small: 0,
-          Schmedium: 0,
-          Medium: 0,
-          Mlarge: 0,
-          Large: 0
-        }
+        defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",

package/dist/components/documentation/DocsBodyStrongParagraph.d.cts

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 import { StyledBodyStrong } from '../typography/BodyStrong.cjs';
 import '@emotion/styled';
 import '@emotion/react';
-import '../../buttons-a63671c2.js';
+import '../../buttons-b7f56076.js';
 import '../../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../../styles/colors.cjs';

package/dist/components/documentation/DocsBodyStrongParagraph.d.ts

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 import { StyledBodyStrong } from '../typography/BodyStrong.js';
 import '@emotion/styled';
 import '@emotion/react';
-import '../../buttons-38b5823f.js';
+import '../../buttons-e4eb84a2.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';
 import '../../styles/colors.js';

package/dist/components/documentation/DocsBodyStrongParagraph.js

@@ -1,132 +1,132 @@
 "use client";
 import {
   StyledBodyStrong
-} from "../../chunk-MGXWKJDU.js";
-import "../../chunk-QBJ57KNQ.js";
+} from "../../chunk-HP4VPMN7.js";
+import "../../chunk-6H7PZJ2A.js";
 import "../../chunk-OPV246QW.js";
-import "../../chunk-4QVTXKRX.js";
-import "../../chunk-WIFHFWAN.js";
-import "../../chunk-UAFWDZRG.js";
+import "../../chunk-AAFUVYVP.js";
+import "../../chunk-VUXU77SU.js";
+import "../../chunk-KBYU4ZQ3.js";
 import "../../chunk-EDN2QDCB.js";
-import "../../chunk-MD7VQ24I.js";
-import "../../chunk-6B3T5X4O.js";
-import "../../chunk-3BSQFYGE.js";
-import "../../chunk-XBKRPEVT.js";
-import "../../chunk-5522HZOC.js";
-import "../../chunk-PJMGLSAW.js";
-import "../../chunk-FRZBZ7PD.js";
-import "../../chunk-3CHMNLGD.js";
+import "../../chunk-FT62PIPN.js";
 import "../../chunk-5ZDDVLS6.js";
 import "../../chunk-BCXQD6ZP.js";
 import "../../chunk-JWMMGYNV.js";
 import "../../chunk-MASPP6U5.js";
-import "../../chunk-RPYB66KY.js";
-import "../../chunk-GOURVX6U.js";
-import "../../chunk-HPIVJCNC.js";
-import "../../chunk-F3YK2EER.js";
+import "../../chunk-6B3T5X4O.js";
+import "../../chunk-3BSQFYGE.js";
+import "../../chunk-XBKRPEVT.js";
 import "../../chunk-5XZ7ZEC7.js";
 import "../../chunk-H52K5UTT.js";
 import "../../chunk-3KOUSJV6.js";
 import "../../chunk-L52XQKBX.js";
-import "../../chunk-J5NYACJ7.js";
-import "../../chunk-CKOW6ME2.js";
-import "../../chunk-BX32TDWY.js";
-import "../../chunk-IPD2D6QD.js";
+import "../../chunk-5522HZOC.js";
+import "../../chunk-PJMGLSAW.js";
+import "../../chunk-FRZBZ7PD.js";
+import "../../chunk-3CHMNLGD.js";
 import "../../chunk-VRG7HI7X.js";
 import "../../chunk-AFROYZKQ.js";
 import "../../chunk-TAEOGBWY.js";
 import "../../chunk-LQ6VW2FH.js";
-import "../../chunk-3YVEKRB3.js";
-import "../../chunk-M4ORU6SJ.js";
-import "../../chunk-2TGRHBA5.js";
-import "../../chunk-H5R5ZG3Z.js";
+import "../../chunk-RPYB66KY.js";
+import "../../chunk-GOURVX6U.js";
+import "../../chunk-HPIVJCNC.js";
+import "../../chunk-F3YK2EER.js";
 import "../../chunk-MXCYWGHN.js";
 import "../../chunk-ZXACVTYJ.js";
 import "../../chunk-WDFOXMFH.js";
 import "../../chunk-E6ZB6OJD.js";
-import "../../chunk-M2H6AEUK.js";
-import "../../chunk-XXE3N5AE.js";
-import "../../chunk-3XGQJIDN.js";
-import "../../chunk-GJAG2D3Y.js";
+import "../../chunk-J5NYACJ7.js";
+import "../../chunk-CKOW6ME2.js";
+import "../../chunk-BX32TDWY.js";
+import "../../chunk-IPD2D6QD.js";
 import "../../chunk-G3AHVMGL.js";
 import "../../chunk-XHLHQC5Q.js";
 import "../../chunk-QBM7XXVQ.js";
 import "../../chunk-5EFICY5Y.js";
-import "../../chunk-677VQ4DY.js";
-import "../../chunk-BDCKN7K3.js";
-import "../../chunk-LDOAR276.js";
-import "../../chunk-SIWCH44U.js";
+import "../../chunk-3YVEKRB3.js";
+import "../../chunk-M4ORU6SJ.js";
+import "../../chunk-2TGRHBA5.js";
+import "../../chunk-H5R5ZG3Z.js";
 import "../../chunk-W5QTCRAG.js";
 import "../../chunk-CPHTE26N.js";
 import "../../chunk-N5LIZ3K6.js";
 import "../../chunk-LHSGZZVE.js";
-import "../../chunk-QAWK7SU6.js";
-import "../../chunk-72CHU34B.js";
-import "../../chunk-5EIYTCCK.js";
-import "../../chunk-OSOHJUPD.js";
+import "../../chunk-M2H6AEUK.js";
+import "../../chunk-XXE3N5AE.js";
+import "../../chunk-3XGQJIDN.js";
+import "../../chunk-GJAG2D3Y.js";
 import "../../chunk-YO5J3T3L.js";
 import "../../chunk-XGUCS6ED.js";
 import "../../chunk-36ATWJ72.js";
 import "../../chunk-K6KKTYTR.js";
-import "../../chunk-GKH3ZH4N.js";
-import "../../chunk-7UBU5MKY.js";
-import "../../chunk-IX5TIDMO.js";
-import "../../chunk-FGJPZTJP.js";
+import "../../chunk-677VQ4DY.js";
+import "../../chunk-BDCKN7K3.js";
+import "../../chunk-LDOAR276.js";
+import "../../chunk-SIWCH44U.js";
 import "../../chunk-24JOGF62.js";
 import "../../chunk-55PXMNOG.js";
 import "../../chunk-FLREHHOH.js";
 import "../../chunk-RCIZUC7L.js";
-import "../../chunk-KODQP6CN.js";
-import "../../chunk-UZ4TRHF3.js";
-import "../../chunk-PF5SD6AF.js";
-import "../../chunk-5XTJZUMA.js";
+import "../../chunk-QAWK7SU6.js";
+import "../../chunk-72CHU34B.js";
+import "../../chunk-5EIYTCCK.js";
+import "../../chunk-OSOHJUPD.js";
 import "../../chunk-262GCJFO.js";
 import "../../chunk-GY5XKCWS.js";
 import "../../chunk-ZMCAQFC6.js";
 import "../../chunk-PO5NJLKW.js";
-import "../../chunk-C4CFIKAL.js";
-import "../../chunk-TA7W237X.js";
-import "../../chunk-TSYLKHL2.js";
-import "../../chunk-ZE4CS3ZS.js";
+import "../../chunk-7Y2G2JDF.js";
+import "../../chunk-7UBU5MKY.js";
+import "../../chunk-IX5TIDMO.js";
+import "../../chunk-FGJPZTJP.js";
 import "../../chunk-FOC33AUT.js";
 import "../../chunk-ACWTDOWH.js";
 import "../../chunk-KX3WMRSO.js";
 import "../../chunk-4EKGRFUQ.js";
-import "../../chunk-NETNVCI3.js";
-import "../../chunk-WNQ7KWL6.js";
-import "../../chunk-O6YPHO6M.js";
-import "../../chunk-2ITITIZK.js";
+import "../../chunk-KODQP6CN.js";
+import "../../chunk-UZ4TRHF3.js";
+import "../../chunk-PF5SD6AF.js";
+import "../../chunk-5XTJZUMA.js";
 import "../../chunk-272LB55I.js";
 import "../../chunk-V5GQM24U.js";
 import "../../chunk-VNJ4NNZJ.js";
 import "../../chunk-6AFSPHQC.js";
-import "../../chunk-NESZTWYE.js";
-import "../../chunk-WHIOQKWN.js";
-import "../../chunk-CJDIDKDD.js";
-import "../../chunk-SGI4RWHJ.js";
+import "../../chunk-C4CFIKAL.js";
+import "../../chunk-TA7W237X.js";
+import "../../chunk-TSYLKHL2.js";
+import "../../chunk-ZE4CS3ZS.js";
 import "../../chunk-ZLYJ3AKU.js";
 import "../../chunk-57MJ26OG.js";
 import "../../chunk-IYEEAOW3.js";
 import "../../chunk-4FM66VF3.js";
-import "../../chunk-C5PYKGR6.js";
-import "../../chunk-VI6WTKMV.js";
-import "../../chunk-QW2INB5A.js";
-import "../../chunk-JLD7MGLC.js";
-import "../../chunk-DW6LFUI2.js";
+import "../../chunk-NETNVCI3.js";
+import "../../chunk-WNQ7KWL6.js";
+import "../../chunk-O6YPHO6M.js";
+import "../../chunk-2ITITIZK.js";
 import "../../chunk-6AC5YUBP.js";
 import "../../chunk-ZQXRHPB6.js";
 import "../../chunk-Q3YLC4JA.js";
-import "../../chunk-BAQMHUBZ.js";
+import "../../chunk-2IXAUIKR.js";
+import "../../chunk-NESZTWYE.js";
+import "../../chunk-WHIOQKWN.js";
+import "../../chunk-CJDIDKDD.js";
+import "../../chunk-SGI4RWHJ.js";
 import "../../chunk-36RZWQ7S.js";
 import "../../chunk-UCOL37RG.js";
 import "../../chunk-YRFC56VN.js";
 import "../../chunk-U2VV6SRJ.js";
-import "../../chunk-52POF2W4.js";
-import "../../chunk-ZFDYANKZ.js";
+import "../../chunk-C5PYKGR6.js";
+import "../../chunk-VI6WTKMV.js";
+import "../../chunk-QW2INB5A.js";
+import "../../chunk-JLD7MGLC.js";
+import "../../chunk-DW6LFUI2.js";
+import "../../chunk-7NPHOJXD.js";
+import "../../chunk-A4JZESAS.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
-import "../../chunk-GKBQAEH5.js";
-import "../../chunk-KYTOF4WO.js";
+import "../../chunk-FO7I4E45.js";
+import "../../chunk-XUWFUTR4.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/documentation/DocsHeadline.cjs

@@ -168,7 +168,8 @@ function inRange(currentBp, assertBp) {
 // src/styles/buttons.tsx
 var buttonsThemeBase = {
   defaultSize: "Small",
-  defaultTypography: "Body Strong",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
   defaultBorderRadius: 32,
   defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
@@ -192,6 +193,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -219,7 +221,20 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultHoverBorderColor: ["gray90", "gray20"]
     },
     blue39: {
-      defaultBorderColor: "blue39"
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
     }
   }
 });
@@ -284,7 +299,7 @@ var colors = baseColors;
 function isColorKey(key) {
   return key in colors;
 }
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
   if (!bgRGB || !hcRGB)
@@ -3687,28 +3702,30 @@ var bridgeBaseSettings = {
     code: "Monaco"
   }),
   buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
-    defaultTypography: "Title",
+    defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
     defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
     kinds: {
       primary: {
+        defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
+        defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent",
-        defaultPaddingsY: {
-          ExtraSmall: 0,
-          Small: 0,
-          Schmedium: 0,
-          Medium: 0,
-          Mlarge: 0,
-          Large: 0
-        }
+        defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",

package/dist/components/documentation/DocsHeadline.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
-import { F as FontColorKey } from '../../buttons-a63671c2.js';
+import { F as FontColorKey } from '../../buttons-b7f56076.js';
 import { TokenSizeKey } from '../../styles/tokens/typography.cjs';
 import { Heading } from '../typography/Headline.cjs';
 import '@emotion/react';

package/dist/components/documentation/DocsHeadline.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
-import { F as FontColorKey } from '../../buttons-38b5823f.js';
+import { F as FontColorKey } from '../../buttons-e4eb84a2.js';
 import { TokenSizeKey } from '../../styles/tokens/typography.js';
 import { Heading } from '../typography/Headline.js';
 import '@emotion/react';