@lightsparkdev/ui 1.0.2 → 1.0.4

package/dist/components/PageSection/PageSection.d.cts

@@ -4,7 +4,7 @@ import { HeadingProps } from '../../styles/type.cjs';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
 import { IconName } from '../Icon/types.cjs';
-import '../../buttons-b7f56076.js';
+import '../../themes-37e92940.js';
 import '../../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../../styles/colors.cjs';

package/dist/components/PageSection/PageSection.d.ts

@@ -4,7 +4,7 @@ import { HeadingProps } from '../../styles/type.js';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
 import { IconName } from '../Icon/types.js';
-import '../../buttons-e4eb84a2.js';
+import '../../themes-832e46b2.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';
 import '../../styles/colors.js';

package/dist/components/PageSection/PageSection.js

@@ -11,41 +11,37 @@ import {
   PageSectionRowSubSection,
   PageSectionSubheading,
   StyledPageSectionBox
-} from "../../chunk-W3BAJ3HT.js";
+} from "../../chunk-C3YODRA3.js";
 import "../../chunk-JJC2AUQ3.js";
-import "../../chunk-HZ63YB4Y.js";
-import "../../chunk-XP3BAAUO.js";
-import "../../chunk-UVGBD7XM.js";
-import "../../chunk-GGEAODIA.js";
+import "../../chunk-C4HNAZFZ.js";
+import "../../chunk-SZ4KKLYJ.js";
+import "../../chunk-7RLDCOUT.js";
 import "../../chunk-VQVEZVAG.js";
-import "../../chunk-S6AOKANU.js";
-import "../../chunk-RSAYBOK5.js";
-import "../../chunk-B2VYAIYR.js";
-import "../../chunk-55M7XHBZ.js";
-import "../../chunk-J7SV67XL.js";
-import "../../chunk-5H32AOXL.js";
-import "../../chunk-DCFB5MJ7.js";
-import "../../chunk-BMSSV6NX.js";
-import "../../chunk-SKXCT2FQ.js";
-import "../../chunk-56QJRFP2.js";
-import "../../chunk-CZCPVHVB.js";
-import "../../chunk-UBYBILLK.js";
-import "../../chunk-GNVEN6UE.js";
-import "../../chunk-HRZNVE2K.js";
-import "../../chunk-CMQELZES.js";
-import "../../chunk-TM3C4LEG.js";
-import "../../chunk-HP4VPMN7.js";
-import "../../chunk-PNSZAJL7.js";
+import "../../chunk-7RMHMFS2.js";
+import "../../chunk-VWD7T5MQ.js";
+import "../../chunk-ZO35RX7V.js";
+import "../../chunk-BAGRU7JE.js";
+import "../../chunk-DNGAINGL.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-6H7PZJ2A.js";
+import "../../chunk-7BSME2ZU.js";
+import "../../chunk-4X67A2CS.js";
 import "../../chunk-OPV246QW.js";
 import "../../chunk-AAFUVYVP.js";
-import "../../chunk-VUXU77SU.js";
-import "../../chunk-6JFJDBV2.js";
+import "../../chunk-OUHQXQOJ.js";
+import "../../chunk-JAPRGAB7.js";
 import "../../chunk-55OQPFLF.js";
-import "../../chunk-3XSQV5U4.js";
-import "../../chunk-KFX7US6Y.js";
-import "../../chunk-KBYU4ZQ3.js";
+import "../../chunk-GQVNE3NU.js";
+import "../../chunk-TNDSUTUN.js";
 import "../../chunk-EDN2QDCB.js";
 import "../../chunk-FT62PIPN.js";
 import "../../chunk-5ZDDVLS6.js";
@@ -160,8 +156,8 @@ 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-CZFFMEAS.js";
+import "../../chunk-VNQE6KEX.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
 import "../../chunk-FO7I4E45.js";

package/dist/components/PageSection/PageSectionNav.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 });
@@ -7434,6 +7446,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 +7486,11 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -7509,6 +7529,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"
@@ -7585,7 +7606,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -7593,7 +7617,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 */
@@ -7790,7 +7815,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 
@@ -7816,7 +7841,7 @@ var IconContainer = import_styled2.default.span`
 `;
 
 // src/components/TextButton.tsx
-var import_react21 = require("@emotion/react");
+var import_react22 = require("@emotion/react");
 var import_styled14 = __toESM(require("@emotion/styled"), 1);
 
 // src/router.tsx
@@ -7893,6 +7918,9 @@ function Link({
   );
 }
 
+// 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);
 
@@ -7968,6 +7996,7 @@ function toNonTypographicReactNodes(toNonTypographicReactNodesArg) {
         Link,
         {
           to: node.to,
+          newTab: !!node.newTab,
           children: node.text
         },
         `link-${i}-${node.text.substr(0, 10)}`
@@ -8251,7 +8280,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,
@@ -8263,15 +8291,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,
@@ -8284,7 +8313,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,
@@ -8293,7 +8322,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,
@@ -8302,7 +8331,7 @@ function TextIconAligner({
       color: rightIcon.color
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "span",
     {
       css: {
@@ -8337,7 +8366,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,
@@ -8363,7 +8392,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,
@@ -8393,15 +8422,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;
@@ -8433,7 +8462,7 @@ var ButtonHrefLink = import_styled14.default.a`
 var pageSectionScrollOffset = 20;
 
 // src/components/PageSection/PageSectionNav.tsx
-var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
 var StyledPageSectionNav = import_styled15.default.div`
   display: none;
   flex-direction: column;
@@ -8473,7 +8502,7 @@ var StyledPageSectionNavItem = import_styled15.default.li`
     }
   }
 `;
-var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(StyledPageSectionNavItem, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(StyledPageSectionNavItem, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
   TextButton,
   {
     text: label,
@@ -8492,8 +8521,8 @@ function PageSectionNav({
   headerOffset = 0,
   pageSectionNavItems
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(StyledPageSectionNav, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(PageSectionList, { top: headerOffset + pageSectionScrollOffset, children: pageSectionNavItems.filter(import_core.notNullUndefined).map((item) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(StyledPageSectionNav, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(PageSectionList, { top: headerOffset + pageSectionScrollOffset, children: pageSectionNavItems.filter(import_core.notNullUndefined).map((item) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       PageSectionListItem,
       {
         leftIcon: item.leftIcon,

package/dist/components/PageSection/PageSectionNav.js

@@ -1,27 +1,27 @@
 import {
   PageSectionNav
-} from "../../chunk-NYQLPSG3.js";
+} from "../../chunk-KJHREJHT.js";
 import "../../chunk-JJC2AUQ3.js";
-import "../../chunk-HZ63YB4Y.js";
-import "../../chunk-XP3BAAUO.js";
-import "../../chunk-DCFB5MJ7.js";
-import "../../chunk-SKXCT2FQ.js";
-import "../../chunk-56QJRFP2.js";
-import "../../chunk-CZCPVHVB.js";
-import "../../chunk-UBYBILLK.js";
-import "../../chunk-GNVEN6UE.js";
-import "../../chunk-HRZNVE2K.js";
-import "../../chunk-CMQELZES.js";
-import "../../chunk-TM3C4LEG.js";
-import "../../chunk-HP4VPMN7.js";
-import "../../chunk-PNSZAJL7.js";
+import "../../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-6H7PZJ2A.js";
+import "../../chunk-7BSME2ZU.js";
+import "../../chunk-4X67A2CS.js";
 import "../../chunk-OPV246QW.js";
 import "../../chunk-AAFUVYVP.js";
-import "../../chunk-VUXU77SU.js";
-import "../../chunk-6JFJDBV2.js";
-import "../../chunk-KBYU4ZQ3.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";
@@ -136,8 +136,8 @@ 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-CZFFMEAS.js";
+import "../../chunk-VNQE6KEX.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
 import "../../chunk-FO7I4E45.js";

package/dist/components/PhoneInput.cjs

@@ -3839,6 +3839,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;
@@ -3875,7 +3879,11 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3914,6 +3922,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"
@@ -3990,7 +3999,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3998,7 +4010,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 */
@@ -4141,11 +4154,12 @@ var overlaySurfaceBorderColor = ({
 `;
 var overlaySurface = ({
   theme,
-  important = false
+  important = false,
+  border = true
 }) => import_react4.css`
-  background-color: ${themeOr(colors.white, theme.c1Neutral)({ theme })}
+  background-color: ${themeOr(theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
-  border: 0.5px solid ${important ? "!important" : ""};
+  ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
   ${themeOr(
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
@@ -4239,7 +4253,7 @@ var textInputStyle = ({
   var _a;
   return import_react5.css`
   border-radius: ${textInputBorderRadiusPx}px;
-  background-color: ${disabled ? theme.vlcNeutral : theme.bg};
+  background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
   cursor: ${disabled ? "not-allowed" : "auto"};
   box-sizing: border-box;
   font-weight: ${textInputFontWeight};
@@ -8293,7 +8307,7 @@ var IconContainer = import_styled4.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 

package/dist/components/PhoneInput.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import '@emotion/react';
 import '@lightsparkdev/core';
-import '../buttons-b7f56076.js';
+import '../themes-37e92940.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/PhoneInput.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { SimpleTypographyProps } from '../styles/typography.js';
 import '@emotion/react';
 import '@lightsparkdev/core';
-import '../buttons-e4eb84a2.js';
+import '../themes-832e46b2.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/PhoneInput.js

@@ -1,16 +1,16 @@
 import {
   PhoneInput
-} from "../chunk-2JYYREVX.js";
+} from "../chunk-BPGBJRZE.js";
 import "../chunk-5KSG5D3I.js";
-import "../chunk-JOQCJPOA.js";
-import "../chunk-L6S22JUU.js";
-import "../chunk-S6AOKANU.js";
-import "../chunk-VUXU77SU.js";
-import "../chunk-CZQER3QD.js";
-import "../chunk-27SFWLPS.js";
-import "../chunk-6JFJDBV2.js";
+import "../chunk-ZCXGHQQF.js";
+import "../chunk-4BERRPJN.js";
+import "../chunk-7RMHMFS2.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-LFD2KVAB.js";
+import "../chunk-ZS7G6WIG.js";
+import "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -125,8 +125,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/Pill.cjs

@@ -3527,6 +3527,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;
@@ -3563,7 +3567,11 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3602,6 +3610,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"
@@ -3678,7 +3687,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3686,7 +3698,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 */
@@ -7755,7 +7768,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 

package/dist/components/Pill.js

@@ -1,10 +1,10 @@
 import {
   Pill
-} from "../chunk-TVLELY54.js";
-import "../chunk-BMSSV6NX.js";
-import "../chunk-6JFJDBV2.js";
-import "../chunk-KFX7US6Y.js";
-import "../chunk-KBYU4ZQ3.js";
+} from "../chunk-DWUP3RDU.js";
+import "../chunk-DNGAINGL.js";
+import "../chunk-JAPRGAB7.js";
+import "../chunk-GQVNE3NU.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -119,8 +119,8 @@ 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-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/ProgressBar.cjs

@@ -3521,6 +3521,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;
@@ -3557,7 +3561,11 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3596,6 +3604,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"
@@ -3672,7 +3681,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3680,7 +3692,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 */