@lightsparkdev/ui 1.0.3 → 1.0.4

package/dist/components/TextInput.js

@@ -1,15 +1,15 @@
 import {
   TextInput,
   TextInputHalfRow
-} 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";
+} from "../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-I3FI3FNP.js";
+import "../chunk-TNDSUTUN.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-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/Toasts.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 });
@@ -71,8 +83,8 @@ __export(Toasts_exports, {
 });
 module.exports = __toCommonJS(Toasts_exports);
 var import_styled14 = __toESM(require("@emotion/styled"), 1);
-var import_lodash_es4 = require("lodash-es");
-var import_react23 = require("react");
+var import_lodash_es5 = require("lodash-es");
+var import_react24 = require("react");
 var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/styles/colors.tsx
@@ -3586,8 +3598,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),
@@ -3599,6 +3610,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;
@@ -3636,7 +3651,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, {
@@ -3752,7 +3770,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3978,7 +3999,11 @@ var z = {
 };
 
 // src/utils/toReactNodes.tsx
-var import_react22 = require("react");
+var import_lodash_es4 = require("lodash-es");
+var import_react23 = require("react");
+
+// src/components/typography/renderTypography.tsx
+var import_react22 = __toESM(require("react"), 1);
 
 // src/components/typography/Body.tsx
 var import_styled3 = __toESM(require("@emotion/styled"), 1);
@@ -8328,7 +8353,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,
@@ -8340,34 +8364,34 @@ 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_react22.default.createElement(TypographyComponent, rest, children);
 };
 
 // src/utils/toReactNodes.tsx
-var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 function toReactNodes(toReactNodesArg) {
   const toReactNodesArray = Array.isArray(toReactNodesArg) ? toReactNodesArg : [toReactNodesArg];
   const reactNodes = toReactNodesArray.map((node, i) => {
     let content;
     if (!node) {
       return null;
-    } else if (typeof node !== "string" && "typography" in node && node.typography.type && node.typography.props) {
-      content = /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react22.Fragment, { children: renderTypography(
+    } else if (typeof node !== "string" && "typography" in node && node.typography.type) {
+      const props = node.typography.props || {};
+      content = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react23.Fragment, { children: renderTypography(
         node.typography.type,
-        Object.assign(node.typography.props, {
-          content: node
-        })
+        Object.assign(props, { content: node })
       ) }, `typography-${i}-${node.text.substr(0, 10)}`);
     } else {
       content = toNonTypographicReactNodes(node);
     }
     return content || null;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react22.Fragment, { children: reactNodes });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react23.Fragment, { children: reactNodes });
 }
 
 // src/components/UnstyledButton.tsx
@@ -8387,7 +8411,7 @@ var UnstyledButton = import_styled13.default.button`
 `;
 
 // src/components/Toasts.tsx
-var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
 var firstDur = 0.3;
 function Toasts({
   queue,
@@ -8398,14 +8422,14 @@ function Toasts({
   removeExpiredAndNotVisible = true,
   dedupeConsecutive = true
 }) {
-  const queuedToastIds = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
-  const prevToastQueue = (0, import_react23.useRef)([]);
-  const [toastQueue, setToastQueue] = (0, import_react23.useState)([]);
-  const autoHideTimeoutRef = (0, import_react23.useRef)(null);
-  const hidingTimeoutRefs = (0, import_react23.useRef)({});
-  const nodeRef = (0, import_react23.useRef)(null);
-  const [nodeReady, setNodeReady] = (0, import_react23.useState)(false);
-  const hideToast = (0, import_react23.useCallback)(
+  const queuedToastIds = (0, import_react24.useRef)(/* @__PURE__ */ new Set());
+  const prevToastQueue = (0, import_react24.useRef)([]);
+  const [toastQueue, setToastQueue] = (0, import_react24.useState)([]);
+  const autoHideTimeoutRef = (0, import_react24.useRef)(null);
+  const hidingTimeoutRefs = (0, import_react24.useRef)({});
+  const nodeRef = (0, import_react24.useRef)(null);
+  const [nodeReady, setNodeReady] = (0, import_react24.useState)(false);
+  const hideToast = (0, import_react24.useCallback)(
     (id) => {
       setToastQueue((currentToastQueue) => {
         const hideToastIndex = currentToastQueue.findIndex((t) => t.id === id);
@@ -8439,7 +8463,7 @@ function Toasts({
     },
     [onHide, setToastQueue]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const newToastQueueArgs = queue.reduce((acc, toast) => {
       if (toast.expires < Date.now()) {
         onHide(toast.id);
@@ -8454,7 +8478,7 @@ function Toasts({
       const newToasts = newToastQueueArgs.reduce((acc, toast) => {
         if (dedupeConsecutive && acc.length) {
           const lastToast = acc[acc.length - 1];
-          if ((0, import_lodash_es4.isEqual)(toast.text, lastToast.text)) {
+          if ((0, import_lodash_es5.isEqual)(toast.text, lastToast.text)) {
             return acc;
           }
         }
@@ -8469,14 +8493,14 @@ function Toasts({
       }, []);
       setToastQueue((currentToastQueue) => {
         const currentToast2 = currentToastQueue[currentToastQueue.length - 1];
-        if (dedupeConsecutive && currentToast2 && (0, import_lodash_es4.isEqual)(newToasts[0].text, currentToast2.text)) {
+        if (dedupeConsecutive && currentToast2 && (0, import_lodash_es5.isEqual)(newToasts[0].text, currentToast2.text)) {
           return currentToastQueue;
         }
         return [...currentToastQueue, ...newToasts];
       });
     }
   }, [queue, hideToast, onHide, dedupeConsecutive]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (prevToastQueue.current.length !== toastQueue.length) {
       const currentToast2 = toastQueue[toastQueue.length - 1];
       if (currentToast2 && !currentToast2.isHiding) {
@@ -8493,7 +8517,7 @@ function Toasts({
       prevToastQueue.current = toastQueue;
     }
   }, [toastQueue, hideToast, onHide]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
       document.body.appendChild(nodeRef.current);
@@ -8507,7 +8531,7 @@ function Toasts({
     };
   }, []);
   const currentToastIndex = toastQueue.length - 1;
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (removeExpiredAndNotVisible) {
       setToastQueue((currentToastQueue) => {
         const newToastQueue = currentToastQueue.filter((toast, i) => {
@@ -8526,9 +8550,9 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const textNode = /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: toast.text ? toReactNodes(toast.text) : null });
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react23.Fragment, { children: import_react_dom.default.createPortal(
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    const textNode = /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: toast.text ? toReactNodes(toast.text) : null });
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react24.Fragment, { children: import_react_dom.default.createPortal(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
         StyledToast,
         {
           isActive: toast.isActive,
@@ -8548,7 +8572,7 @@ function Toasts({
           movingToCurrent,
           children: [
             textNode,
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               UnstyledButton,
               {
                 css: extend2(flexCenter, {
@@ -8560,7 +8584,7 @@ function Toasts({
                   outlineColor: `${colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "Close", width: 9 })
               }
             )
           ]

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-36cdd0fe.js';
+import '../themes-37e92940.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-35280bfe.js';
+import '../themes-832e46b2.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-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";
+} from "../chunk-PDQVYUEW.js";
+import "../chunk-ZO35RX7V.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-OUHQXQOJ.js";
+import "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-GQVNE3NU.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-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/Toggle.cjs

@@ -53,8 +53,97 @@ __export(Toggle_exports, {
 module.exports = __toCommonJS(Toggle_exports);
 var import_styled3 = __toESM(require("@emotion/styled"), 1);
 
-// src/components/UnstyledButton.tsx
-var import_styled2 = __toESM(require("@emotion/styled"), 1);
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray57: "#8B8E98",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray91: "#171717",
+  gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
+  white: "#FFFFFF"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var baseColors = __spreadProps(__spreadValues({}, neutral), {
+  // green
+  success: "#17C27C",
+  green33: "#179257",
+  // blue
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
+  blue58: "#28BFFF",
+  // less than 50% saturated blue
+  grayBlue9: "#16171A",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue67: "#9BA7B9",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
+  // yellow
+  primary,
+  warning: primary,
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black
+});
+var colors = baseColors;
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB)
+    return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
 
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
@@ -156,98 +245,6 @@ function inRange(currentBp, assertBp) {
   return false;
 }
 
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray57: "#8B8E98",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray91: "#171717",
-  gray95: "#F2F2F2",
-  gray98: "#F9F9F9",
-  white: "#FFFFFF"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var baseColors = __spreadProps(__spreadValues({}, neutral), {
-  // green
-  success: "#17C27C",
-  green33: "#179257",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue39: "#0068C9",
-  blue37: "#21529c",
-  blue58: "#28BFFF",
-  // less than 50% saturated blue
-  grayBlue9: "#16171A",
-  grayBlue32: "#4F5156",
-  grayBlue43: "#686A72",
-  grayBlue45: "#676F80",
-  grayBlue67: "#9BA7B9",
-  grayBlue80: "#C0C9D6",
-  grayBlue88: "#DEDFE4",
-  grayBlue94: "#EBEEF2",
-  grayBlue96: "#F2F5F7",
-  // purple
-  purple43: "#820AD1",
-  purple55: "#8B38DE",
-  // red
-  red42a10: "#D800271A",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black
-});
-var colors = baseColors;
-function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB)
-    return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
-}
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-}
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
-}
-
 // src/styles/themes.tsx
 var import_react3 = require("@emotion/react");
 var import_deepmerge = __toESM(require("deepmerge"), 1);
@@ -3512,8 +3509,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),
@@ -3525,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;
@@ -3562,7 +3562,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, {
@@ -3678,7 +3681,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -3795,6 +3801,7 @@ var darkGradientBg = import_react4.css`
 `;
 
 // src/components/UnstyledButton.tsx
+var import_styled2 = __toESM(require("@emotion/styled"), 1);
 var UnstyledButton = import_styled2.default.button`
   ${standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};

package/dist/components/Toggle.js

@@ -1,10 +1,10 @@
 import {
   Toggle,
   ToggleContainer
-} from "../chunk-SNFRMD6Z.js";
-import "../chunk-LTCJ6LNO.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+} from "../chunk-4BERRPJN.js";
+import "../chunk-JAPRGAB7.js";
+import "../chunk-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";

package/dist/components/Tooltip.cjs

@@ -3512,8 +3512,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),
@@ -3525,6 +3524,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;
@@ -3562,7 +3565,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, {
@@ -3678,7 +3684,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,