@lightsparkdev/ui 1.0.2 → 1.0.3

package/dist/components/typography/renderTypography.cjs

@@ -3582,7 +3582,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),
@@ -3630,7 +3631,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, {
@@ -3669,6 +3671,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"
@@ -3753,7 +3756,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 */
@@ -7765,7 +7769,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 
@@ -7920,6 +7924,7 @@ function toNonTypographicReactNodes(toNonTypographicReactNodesArg) {
         Link,
         {
           to: node.to,
+          newTab: !!node.newTab,
           children: node.text
         },
         `link-${i}-${node.text.substr(0, 10)}`

package/dist/components/typography/renderTypography.d.cts

@@ -3,7 +3,7 @@ import { OverlineProps } from './Overline.cjs';
 import { LabelStrongProps } from './LabelStrong.cjs';
 import { LabelModerateProps } from './LabelModerate.cjs';
 import { TitleProps } from './Title.cjs';
-import { F as FontColorKey } from '../../buttons-b7f56076.js';
+import { F as FontColorKey } from '../../buttons-36cdd0fe.js';
 import { TokenSizeKey, TypographyTypeKey } from '../../styles/tokens/typography.cjs';
 import { ToNonTypographicReactNodesArgs } from '../../utils/toNonTypographicReactNodes.cjs';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';

package/dist/components/typography/renderTypography.d.ts

@@ -3,7 +3,7 @@ import { OverlineProps } from './Overline.js';
 import { LabelStrongProps } from './LabelStrong.js';
 import { LabelModerateProps } from './LabelModerate.js';
 import { TitleProps } from './Title.js';
-import { F as FontColorKey } from '../../buttons-e4eb84a2.js';
+import { F as FontColorKey } from '../../buttons-35280bfe.js';
 import { TokenSizeKey, TypographyTypeKey } from '../../styles/tokens/typography.js';
 import { ToNonTypographicReactNodesArgs } from '../../utils/toNonTypographicReactNodes.js';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';

package/dist/components/typography/renderTypography.js

@@ -1,23 +1,23 @@
 import {
   renderTypography,
   typographyMap
-} from "../../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";
+} from "../../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";
 import "../../chunk-YMNSXZ5D.js";
-import "../../chunk-6H7PZJ2A.js";
+import "../../chunk-XDP7GCYE.js";
 import "../../chunk-OPV246QW.js";
 import "../../chunk-AAFUVYVP.js";
-import "../../chunk-VUXU77SU.js";
-import "../../chunk-KBYU4ZQ3.js";
+import "../../chunk-4C2TISN7.js";
+import "../../chunk-I3FI3FNP.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-7NPHOJXD.js";
-import "../../chunk-A4JZESAS.js";
+import "../../chunk-PG2W2HVB.js";
+import "../../chunk-IBZBPQMZ.js";
 import "../../chunk-ENBUKLVT.js";
 import "../../chunk-JSGRNWSB.js";
 import "../../chunk-FO7I4E45.js";

package/dist/styles/buttons.d.cts

@@ -1,4 +1,4 @@
-export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-b7f56076.js';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/react';
 import '@emotion/css';

package/dist/styles/buttons.d.ts

@@ -1,4 +1,4 @@
-export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-e4eb84a2.js';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/react';
 import '@emotion/css';

package/dist/styles/common.cjs

@@ -3526,7 +3526,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),
@@ -3574,7 +3575,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, {
@@ -3613,6 +3615,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"
@@ -3697,7 +3700,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 */
@@ -3828,11 +3832,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" : ""};`,

package/dist/styles/common.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, b as ThemeProp } from '../buttons-b7f56076.js';
+import { W as WithTheme, b as ThemeProp } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';
@@ -47,8 +47,9 @@ declare const darkGradientBg: _emotion_react.SerializedStyles;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
-declare const overlaySurface: ({ theme, important, }: WithTheme<{
+declare const overlaySurface: ({ theme, important, border, }: WithTheme<{
     important?: boolean;
+    border?: boolean;
 }>) => _emotion_react.SerializedStyles;
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;

package/dist/styles/common.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, b as ThemeProp } from '../buttons-e4eb84a2.js';
+import { W as WithTheme, b as ThemeProp } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';
@@ -47,8 +47,9 @@ declare const darkGradientBg: _emotion_react.SerializedStyles;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
-declare const overlaySurface: ({ theme, important, }: WithTheme<{
+declare const overlaySurface: ({ theme, important, border, }: WithTheme<{
     important?: boolean;
+    border?: boolean;
 }>) => _emotion_react.SerializedStyles;
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;

package/dist/styles/common.js

@@ -21,8 +21,8 @@ import {
   standardFocusOutline,
   standardLineHeightEms,
   subtext
-} from "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+} from "../chunk-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/fields.cjs

@@ -3587,7 +3587,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),
@@ -3635,7 +3636,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, {
@@ -3674,6 +3676,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"
@@ -3758,7 +3761,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 */
@@ -3980,7 +3984,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};

package/dist/styles/fields.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp, W as WithTheme } from '../buttons-b7f56076.js';
+import { b as ThemeProp, W as WithTheme } from '../buttons-36cdd0fe.js';
 import { SimpleTypographyProps } from './typography.cjs';
 import './tokens/typography.cjs';
 import '@emotion/css';

package/dist/styles/fields.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp, W as WithTheme } from '../buttons-e4eb84a2.js';
+import { b as ThemeProp, W as WithTheme } from '../buttons-35280bfe.js';
 import { SimpleTypographyProps } from './typography.js';
 import './tokens/typography.js';
 import '@emotion/css';

package/dist/styles/fields.js

@@ -22,11 +22,11 @@ import {
   textInputPaddingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "../chunk-S6AOKANU.js";
-import "../chunk-VUXU77SU.js";
+} from "../chunk-6CNJ5ZCC.js";
+import "../chunk-4C2TISN7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+import "../chunk-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/global.cjs

@@ -3531,7 +3531,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),
@@ -3579,7 +3580,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, {
@@ -3618,6 +3620,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"
@@ -3702,7 +3705,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/styles/global.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../buttons-b7f56076.js';
+import { b as ThemeProp } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/global.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../buttons-e4eb84a2.js';
+import { b as ThemeProp } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/global.js

@@ -1,10 +1,10 @@
 import {
   GlobalStyles,
   globalComponentStyles
-} from "../chunk-VYTN6ASZ.js";
+} from "../chunk-7IHNYMFQ.js";
 import "../chunk-VQVEZVAG.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+import "../chunk-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/themes.cjs

@@ -3550,7 +3550,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),
@@ -3598,7 +3599,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, {
@@ -3637,6 +3639,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"
@@ -3721,7 +3724,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/styles/themes.d.cts

@@ -1,5 +1,5 @@
 import '@emotion/react';
-export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-b7f56076.js';
+export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/themes.d.ts

@@ -1,5 +1,5 @@
 import '@emotion/react';
-export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-e4eb84a2.js';
+export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/themes.js

@@ -16,7 +16,7 @@ import {
   themeOrColorKeyValues,
   themes,
   useThemeBg
-} from "../chunk-A4JZESAS.js";
+} from "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/type.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import _emotion_styled__default from '@emotion/styled';
-import '../buttons-b7f56076.js';
+import '../buttons-36cdd0fe.js';
 import '@emotion/react';
 import './tokens/typography.cjs';
 import '@emotion/css';

package/dist/styles/type.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import _emotion_styled__default from '@emotion/styled';
-import '../buttons-e4eb84a2.js';
+import '../buttons-35280bfe.js';
 import '@emotion/react';
 import './tokens/typography.js';
 import '@emotion/css';

package/dist/styles/type.js

@@ -3,10 +3,10 @@ import {
   Heading,
   headingWithDefaults,
   headings
-} from "../chunk-5H32AOXL.js";
-import "../chunk-KFX7US6Y.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+} from "../chunk-BHP5YL2N.js";
+import "../chunk-7WDAN3OC.js";
+import "../chunk-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/typography.cjs

@@ -3557,7 +3557,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),
@@ -3605,7 +3606,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, {
@@ -3644,6 +3646,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"
@@ -3728,7 +3731,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/styles/typography.d.cts

@@ -1,6 +1,6 @@
 import { Theme } from '@emotion/react';
 import { Complete } from '@lightsparkdev/core';
-import { F as FontColorKey } from '../buttons-b7f56076.js';
+import { F as FontColorKey } from '../buttons-36cdd0fe.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/typography.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '@emotion/react';
 import { Complete } from '@lightsparkdev/core';
-import { F as FontColorKey } from '../buttons-e4eb84a2.js';
+import { F as FontColorKey } from '../buttons-35280bfe.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/typography.js

@@ -1,7 +1,7 @@
 import {
   applyTypography
-} from "../chunk-VUXU77SU.js";
-import "../chunk-A4JZESAS.js";
+} from "../chunk-4C2TISN7.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/styles/utils.js

@@ -13,9 +13,9 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-KFX7US6Y.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+} from "../chunk-7WDAN3OC.js";
+import "../chunk-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/types/index.d.cts

@@ -13,7 +13,7 @@ interface LightsparkWindow extends Window {
         [key: string]: unknown;
     };
     dataLayer: unknown[];
-    grecaptcha: {
+    grecaptcha?: {
         enterprise: {
             ready(cb: unknown): unknown;
             execute(sk: string, cb: unknown): Promise<string>;

package/dist/types/index.d.ts

@@ -13,7 +13,7 @@ interface LightsparkWindow extends Window {
         [key: string]: unknown;
     };
     dataLayer: unknown[];
-    grecaptcha: {
+    grecaptcha?: {
         enterprise: {
             ready(cb: unknown): unknown;
             execute(sk: string, cb: unknown): Promise<string>;