@lightsparkdev/ui 1.0.1 → 1.0.3

package/dist/components/documentation/DocsBodyParagraph.cjs

@@ -170,7 +170,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",
@@ -194,6 +195,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -221,7 +223,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"
     }
   }
 });
@@ -286,7 +301,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)
@@ -3558,7 +3573,8 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning
+  warning: colors.warning,
+  inputBackground: colors.white
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3606,7 +3622,8 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3645,6 +3662,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   secondary: colors.grayBlue43,
   text: colors.grayBlue9,
   link: colors.blue39,
+  inputBackground: colors.white,
   typography: getTypography("UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
@@ -3689,28 +3707,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",
@@ -3727,7 +3747,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43
+  secondary: colors.grayBlue43,
+  inputBackground: colors.white
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */

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

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 import { StyledBody } from '../typography/Body.cjs';
 import '@emotion/styled';
 import '@emotion/react';
-import '../../buttons-a63671c2.js';
+import '../../buttons-36cdd0fe.js';
 import '../../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../../styles/colors.cjs';

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

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 import { StyledBody } from '../typography/Body.js';
 import '@emotion/styled';
 import '@emotion/react';
-import '../../buttons-38b5823f.js';
+import '../../buttons-35280bfe.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';
 import '../../styles/colors.js';

package/dist/components/documentation/DocsBodyParagraph.js

@@ -1,132 +1,132 @@
 "use client";
 import {
   StyledBody
-} from "../../chunk-POTDIFIX.js";
-import "../../chunk-QBJ57KNQ.js";
+} from "../../chunk-GWHKALYQ.js";
+import "../../chunk-XDP7GCYE.js";
 import "../../chunk-OPV246QW.js";
-import "../../chunk-4QVTXKRX.js";
-import "../../chunk-WIFHFWAN.js";
-import "../../chunk-UAFWDZRG.js";
+import "../../chunk-AAFUVYVP.js";
+import "../../chunk-4C2TISN7.js";
+import "../../chunk-I3FI3FNP.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-PG2W2HVB.js";
+import "../../chunk-IBZBPQMZ.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)
@@ -3559,7 +3574,8 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning
+  warning: colors.warning,
+  inputBackground: colors.white
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3607,7 +3623,8 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3646,6 +3663,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   secondary: colors.grayBlue43,
   text: colors.grayBlue9,
   link: colors.blue39,
+  inputBackground: colors.white,
   typography: getTypography("UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
@@ -3690,28 +3708,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",
@@ -3728,7 +3748,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43
+  secondary: colors.grayBlue43,
+  inputBackground: colors.white
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */

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-36cdd0fe.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-35280bfe.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';
 import '../../styles/colors.js';