@lightsparkdev/ui 1.0.2 → 1.0.3

package/dist/components/SecretContainer.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 */
@@ -3844,11 +3848,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" : ""};`,
@@ -7751,7 +7756,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/SecretContainer.js

@@ -1,11 +1,11 @@
 import {
   SecretContainer
-} from "../chunk-CHK5DOMV.js";
-import "../chunk-SGSLTG65.js";
-import "../chunk-27SFWLPS.js";
-import "../chunk-6JFJDBV2.js";
+} from "../chunk-DXA3WUSX.js";
+import "../chunk-X4TGLNCH.js";
+import "../chunk-RPNTFEXE.js";
+import "../chunk-LTCJ6LNO.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-I3FI3FNP.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-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/components/StatusIndicator.js

@@ -1,9 +1,9 @@
 import {
   StatusIndicator
-} from "../chunk-HA4AQO3T.js";
-import "../chunk-KFX7US6Y.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+} from "../chunk-MWDDIXIP.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/components/TextButton.cjs

@@ -3691,7 +3691,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),
@@ -3739,7 +3740,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, {
@@ -3778,6 +3780,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"
@@ -3862,7 +3865,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 */
@@ -7866,7 +7870,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 
@@ -7966,6 +7970,7 @@ function toNonTypographicReactNodes(toNonTypographicReactNodesArg) {
         Link,
         {
           to: node.to,
+          newTab: !!node.newTab,
           children: node.text
         },
         `link-${i}-${node.text.substr(0, 10)}`

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-b7f56076.js';
+import '../buttons-36cdd0fe.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-e4eb84a2.js';
+import '../buttons-35280bfe.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-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";
+} 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";
 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-6JFJDBV2.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-4C2TISN7.js";
+import "../chunk-LTCJ6LNO.js";
+import "../chunk-I3FI3FNP.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-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/components/TextIconAligner.cjs

@@ -7420,7 +7420,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),
@@ -7468,7 +7469,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, {
@@ -7507,6 +7509,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"
@@ -7591,7 +7594,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 */
@@ -7747,7 +7751,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 
@@ -7921,6 +7925,7 @@ function toNonTypographicReactNodes(toNonTypographicReactNodesArg) {
         Link,
         {
           to: node.to,
+          newTab: !!node.newTab,
           children: node.text
         },
         `link-${i}-${node.text.substr(0, 10)}`

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-b7f56076.js';
+import { T as ThemeOrColorKey } from '../buttons-36cdd0fe.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-e4eb84a2.js';
+import { T as ThemeOrColorKey } from '../buttons-35280bfe.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-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";
+} 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";
 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/components/TextInput.cjs

@@ -3565,7 +3565,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),
@@ -3613,7 +3614,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, {
@@ -3652,6 +3654,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"
@@ -3736,7 +3739,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 */
@@ -3879,11 +3883,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" : ""};`,
@@ -3977,7 +3982,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};
@@ -8031,7 +8036,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/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-b7f56076.js';
+import '../buttons-36cdd0fe.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-e4eb84a2.js';
+import '../buttons-35280bfe.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/TextInput.js

@@ -1,15 +1,15 @@
 import {
   TextInput,
   TextInputHalfRow
-} from "../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";
+} from "../chunk-N2NPIZCV.js";
+import "../chunk-SNFRMD6Z.js";
+import "../chunk-6CNJ5ZCC.js";
+import "../chunk-4C2TISN7.js";
+import "../chunk-E4DUADXU.js";
+import "../chunk-RPNTFEXE.js";
+import "../chunk-LTCJ6LNO.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-I3FI3FNP.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -124,8 +124,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/components/Toasts.cjs

@@ -3586,7 +3586,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),
@@ -3634,7 +3635,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, {
@@ -3673,6 +3675,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"
@@ -3757,7 +3760,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 */
@@ -7885,7 +7889,7 @@ var IconContainer = import_styled2.default.span`
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `
-    & svg {
+    svg, path {
       color: ${getFontColor(theme, fontColor, "inherit")};
 
       /* 
@@ -8040,6 +8044,7 @@ function toNonTypographicReactNodes(toNonTypographicReactNodesArg) {
         Link,
         {
           to: node.to,
+          newTab: !!node.newTab,
           children: node.text
         },
         `link-${i}-${node.text.substr(0, 10)}`

package/dist/components/Toasts.d.cts

@@ -6,7 +6,7 @@ import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
 import 'react';
-import '../buttons-b7f56076.js';
+import '../buttons-36cdd0fe.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../utils/toNonTypographicReactNodes.cjs';

package/dist/components/Toasts.d.ts

@@ -6,7 +6,7 @@ import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
 import 'react';
-import '../buttons-e4eb84a2.js';
+import '../buttons-35280bfe.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../utils/toNonTypographicReactNodes.js';

package/dist/components/Toasts.js

@@ -1,27 +1,27 @@
 import {
   Toasts
-} from "../chunk-2H7TBKII.js";
-import "../chunk-UVGBD7XM.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";
+} from "../chunk-7FHOKVKJ.js";
+import "../chunk-LIQSJ5R7.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";
 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-6JFJDBV2.js";
+import "../chunk-4C2TISN7.js";
+import "../chunk-LTCJ6LNO.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-KFX7US6Y.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-7WDAN3OC.js";
+import "../chunk-I3FI3FNP.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-PG2W2HVB.js";
+import "../chunk-IBZBPQMZ.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/Toggle.cjs

@@ -3512,7 +3512,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),
@@ -3560,7 +3561,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, {
@@ -3599,6 +3601,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"
@@ -3683,7 +3686,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 */