@lightsparkdev/ui 1.0.3 → 1.0.4

package/dist/components/Radio.js

@@ -1,28 +1,14 @@
 "use client";
 import {
   Radio
-} from "../chunk-OKXC33OU.js";
-import "../chunk-B2VYAIYR.js";
-import "../chunk-4BFBANKF.js";
-import "../chunk-K7FYXGOI.js";
-import "../chunk-BDZ46Z2I.js";
-import "../chunk-B6S7Y4K7.js";
-import "../chunk-GSKTHUQJ.js";
-import "../chunk-WGKUDRZ7.js";
-import "../chunk-2AGBCGOW.js";
-import "../chunk-MRGHRTKA.js";
-import "../chunk-35PJW7RT.js";
-import "../chunk-GWHKALYQ.js";
-import "../chunk-WTMJTGW4.js";
-import "../chunk-CRTTTIAD.js";
-import "../chunk-YMNSXZ5D.js";
-import "../chunk-XDP7GCYE.js";
+} from "../chunk-YRFCWL73.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-3XSQV5U4.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-E5DUKMCU.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -137,8 +123,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/SecretContainer.cjs

@@ -3531,8 +3531,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3544,6 +3543,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3581,7 +3584,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3697,7 +3703,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/components/SecretContainer.js

@@ -1,11 +1,11 @@
 import {
   SecretContainer
-} from "../chunk-DXA3WUSX.js";
-import "../chunk-X4TGLNCH.js";
-import "../chunk-RPNTFEXE.js";
-import "../chunk-LTCJ6LNO.js";
+} from "../chunk-RESJONBZ.js";
+import "../chunk-242JGEN4.js";
+import "../chunk-ZS7G6WIG.js";
+import "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -120,8 +120,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/StatusIndicator.js

@@ -1,9 +1,9 @@
 import {
   StatusIndicator
-} from "../chunk-MWDDIXIP.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+} from "../chunk-MK2JFFUG.js";
+import "../chunk-GQVNE3NU.js";
+import "../chunk-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/TextButton.cjs

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -70,7 +82,7 @@ __export(TextButton_exports, {
   TextButton: () => TextButton
 });
 module.exports = __toCommonJS(TextButton_exports);
-var import_react21 = require("@emotion/react");
+var import_react22 = require("@emotion/react");
 var import_styled14 = __toESM(require("@emotion/styled"), 1);
 
 // src/router.tsx
@@ -3691,8 +3703,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3704,6 +3715,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3741,7 +3756,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3857,7 +3875,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -7895,6 +7916,9 @@ var IconContainer = import_styled2.default.span`
 }}
 `;
 
+// src/components/typography/renderTypography.tsx
+var import_react21 = __toESM(require("react"), 1);
+
 // src/components/typography/Body.tsx
 var import_styled3 = __toESM(require("@emotion/styled"), 1);
 
@@ -8254,7 +8278,6 @@ var StyledTitle = import_styled12.default.span`
 `;
 
 // src/components/typography/renderTypography.tsx
-var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 var typographyMap = {
   Display,
   Headline,
@@ -8266,15 +8289,16 @@ var typographyMap = {
   "Label Strong": LabelStrong,
   Overline,
   Code: Code2,
-  "Code Strong": () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { children: "Unimplemented" })
+  "Code Strong": Code2
 };
 var renderTypography = (type, props) => {
   const TypographyComponent = typographyMap[type];
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(TypographyComponent, __spreadValues({}, props));
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return import_react21.default.createElement(TypographyComponent, rest, children);
 };
 
 // src/components/TextIconAligner.tsx
-var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 function TextIconAligner({
   content,
   typography,
@@ -8287,7 +8311,7 @@ function TextIconAligner({
     size: (typography == null ? void 0 : typography.size) || "Small",
     color: (typography == null ? void 0 : typography.color) || "inherit"
   });
-  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Icon,
     {
       name: leftIcon.name,
@@ -8296,7 +8320,7 @@ function TextIconAligner({
       color: leftIcon.color
     }
   ) : null;
-  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Icon,
     {
       name: rightIcon.name,
@@ -8305,7 +8329,7 @@ function TextIconAligner({
       color: rightIcon.color
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "span",
     {
       css: {
@@ -8340,7 +8364,7 @@ var UnstyledButton = import_styled13.default.button`
 `;
 
 // src/components/TextButton.tsx
-var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
 function TextButton({
   text: textProp,
   to,
@@ -8366,7 +8390,7 @@ function TextButton({
     };
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
-  const content = /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     TextIconAligner,
     {
       onClick,
@@ -8396,15 +8420,15 @@ function TextButton({
     }
   };
   if (to) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ButtonLink, __spreadProps(__spreadValues({}, commonProps), { to, params: toParams, children: content }));
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ButtonLink, __spreadProps(__spreadValues({}, commonProps), { to, params: toParams, children: content }));
   }
-  return href ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ButtonHrefLink, __spreadProps(__spreadValues({}, commonProps), { href, target: "_blank", children: content })) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(StyledButton, __spreadProps(__spreadValues({}, commonProps), { children: content }));
+  return href ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ButtonHrefLink, __spreadProps(__spreadValues({}, commonProps), { href, target: "_blank", children: content })) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(StyledButton, __spreadProps(__spreadValues({}, commonProps), { children: content }));
 }
 var buttonStyle = ({
   theme,
   disabled,
   padding
-}) => import_react21.css`
+}) => import_react22.css`
   display: inline-flex;
   opacity: ${disabled ? 0.2 : 1};
   align-items: center;

package/dist/components/TextButton.d.cts

@@ -8,7 +8,7 @@ import '@emotion/react';
 import '@emotion/styled';
 import 'react-router-dom';
 import '@lightsparkdev/core';
-import '../buttons-36cdd0fe.js';
+import '../themes-37e92940.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/TextButton.d.ts

@@ -8,7 +8,7 @@ import '@emotion/react';
 import '@emotion/styled';
 import 'react-router-dom';
 import '@lightsparkdev/core';
-import '../buttons-35280bfe.js';
+import '../themes-832e46b2.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/TextButton.js

@@ -1,25 +1,25 @@
 import {
   TextButton
-} from "../chunk-2XUHQWCJ.js";
-import "../chunk-7YY6BH5O.js";
-import "../chunk-VXKNN4SF.js";
-import "../chunk-BDZ46Z2I.js";
-import "../chunk-B6S7Y4K7.js";
-import "../chunk-GSKTHUQJ.js";
-import "../chunk-WGKUDRZ7.js";
-import "../chunk-2AGBCGOW.js";
-import "../chunk-MRGHRTKA.js";
-import "../chunk-35PJW7RT.js";
-import "../chunk-GWHKALYQ.js";
-import "../chunk-WTMJTGW4.js";
-import "../chunk-CRTTTIAD.js";
+} from "../chunk-C4HNAZFZ.js";
+import "../chunk-SZ4KKLYJ.js";
+import "../chunk-LGXMGWLV.js";
+import "../chunk-V523QTZQ.js";
+import "../chunk-YRZ3VNBI.js";
+import "../chunk-HPZVUEDJ.js";
+import "../chunk-7COKMITX.js";
+import "../chunk-DIKOS5R6.js";
+import "../chunk-AZOVE32P.js";
+import "../chunk-HVDX4OZJ.js";
+import "../chunk-OMY3WTAU.js";
+import "../chunk-OZQ5WPLN.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-XDP7GCYE.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-LTCJ6LNO.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-JAPRGAB7.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -134,8 +134,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/TextIconAligner.cjs

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -7420,8 +7432,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -7433,6 +7444,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -7470,7 +7485,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -7586,7 +7604,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -7776,6 +7797,9 @@ var IconContainer = import_styled2.default.span`
 }}
 `;
 
+// src/components/typography/renderTypography.tsx
+var import_react21 = __toESM(require("react"), 1);
+
 // src/components/typography/Body.tsx
 var import_styled3 = __toESM(require("@emotion/styled"), 1);
 
@@ -8209,7 +8233,6 @@ var StyledTitle = import_styled12.default.span`
 `;
 
 // src/components/typography/renderTypography.tsx
-var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 var typographyMap = {
   Display,
   Headline,
@@ -8221,15 +8244,16 @@ var typographyMap = {
   "Label Strong": LabelStrong,
   Overline,
   Code: Code2,
-  "Code Strong": () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { children: "Unimplemented" })
+  "Code Strong": Code2
 };
 var renderTypography = (type, props) => {
   const TypographyComponent = typographyMap[type];
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(TypographyComponent, __spreadValues({}, props));
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return import_react21.default.createElement(TypographyComponent, rest, children);
 };
 
 // src/components/TextIconAligner.tsx
-var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 function TextIconAligner({
   content,
   typography,
@@ -8242,7 +8266,7 @@ function TextIconAligner({
     size: (typography == null ? void 0 : typography.size) || "Small",
     color: (typography == null ? void 0 : typography.color) || "inherit"
   });
-  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Icon,
     {
       name: leftIcon.name,
@@ -8251,7 +8275,7 @@ function TextIconAligner({
       color: leftIcon.color
     }
   ) : null;
-  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Icon,
     {
       name: rightIcon.name,
@@ -8260,7 +8284,7 @@ function TextIconAligner({
       color: rightIcon.color
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "span",
     {
       css: {

package/dist/components/TextIconAligner.d.cts

@@ -1,5 +1,5 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { T as ThemeOrColorKey } from '../buttons-36cdd0fe.js';
+import { T as ThemeOrColorKey } from '../themes-37e92940.js';
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import { ToNonTypographicReactNodesArgs } from '../utils/toNonTypographicReactNodes.cjs';
 import { IconName } from './Icon/types.cjs';

package/dist/components/TextIconAligner.d.ts

@@ -1,5 +1,5 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { T as ThemeOrColorKey } from '../buttons-35280bfe.js';
+import { T as ThemeOrColorKey } from '../themes-832e46b2.js';
 import { SimpleTypographyProps } from '../styles/typography.js';
 import { ToNonTypographicReactNodesArgs } from '../utils/toNonTypographicReactNodes.js';
 import { IconName } from './Icon/types.js';

package/dist/components/TextIconAligner.js

@@ -1,23 +1,23 @@
 import {
   TextIconAligner
-} from "../chunk-7YY6BH5O.js";
-import "../chunk-VXKNN4SF.js";
-import "../chunk-BDZ46Z2I.js";
-import "../chunk-B6S7Y4K7.js";
-import "../chunk-GSKTHUQJ.js";
-import "../chunk-WGKUDRZ7.js";
-import "../chunk-2AGBCGOW.js";
-import "../chunk-MRGHRTKA.js";
-import "../chunk-35PJW7RT.js";
-import "../chunk-GWHKALYQ.js";
-import "../chunk-WTMJTGW4.js";
-import "../chunk-CRTTTIAD.js";
+} from "../chunk-SZ4KKLYJ.js";
+import "../chunk-LGXMGWLV.js";
+import "../chunk-V523QTZQ.js";
+import "../chunk-YRZ3VNBI.js";
+import "../chunk-HPZVUEDJ.js";
+import "../chunk-7COKMITX.js";
+import "../chunk-DIKOS5R6.js";
+import "../chunk-AZOVE32P.js";
+import "../chunk-HVDX4OZJ.js";
+import "../chunk-OMY3WTAU.js";
+import "../chunk-OZQ5WPLN.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-XDP7GCYE.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -132,8 +132,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/TextInput.cjs

@@ -3565,8 +3565,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3578,6 +3577,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3615,7 +3618,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3731,7 +3737,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/components/TextInput.d.cts

@@ -5,7 +5,7 @@ import react__default, { ClipboardEvent, RefObject, RefCallback, CompositionEven
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import { IconName } from './Icon/types.cjs';
 import '@lightsparkdev/core';
-import '../buttons-36cdd0fe.js';
+import '../themes-37e92940.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/TextInput.d.ts

@@ -5,7 +5,7 @@ import react__default, { ClipboardEvent, RefObject, RefCallback, CompositionEven
 import { SimpleTypographyProps } from '../styles/typography.js';
 import { IconName } from './Icon/types.js';
 import '@lightsparkdev/core';
-import '../buttons-35280bfe.js';
+import '../themes-832e46b2.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';