@lightsparkdev/ui 1.0.3 → 1.0.4

package/dist/components/IconWithCircleBackground.js

@@ -1,77 +1,8 @@
 import {
   IconWithCircleBackground
-} from "../chunk-C4KZC45Y.js";
-import "../chunk-NBCCPGA4.js";
-import "../chunk-7N2PFDYE.js";
-import "../chunk-PQKVR2BR.js";
-import "../chunk-LOL5TJ3H.js";
-import "../chunk-LGKXPUSI.js";
-import "../chunk-JJC2AUQ3.js";
-import "../chunk-7FHOKVKJ.js";
-import "../chunk-ILEZ6AWT.js";
-import "../chunk-ZSWFGISK.js";
-import "../chunk-E3FGOYEJ.js";
-import "../chunk-KX5QZXCD.js";
-import "../chunk-5KSG5D3I.js";
-import "../chunk-54EOEIEN.js";
-import "../chunk-OKXC33OU.js";
-import "../chunk-DXA3WUSX.js";
-import "../chunk-2XUHQWCJ.js";
-import "../chunk-7YY6BH5O.js";
+} from "../chunk-EIFK352Q.js";
 import "../chunk-IL6J7EBZ.js";
-import "../chunk-QQSV7XJX.js";
-import "../chunk-MWDDIXIP.js";
-import "../chunk-UH5F35II.js";
-import "../chunk-LIQSJ5R7.js";
-import "../chunk-Z5TPS2BO.js";
-import "../chunk-XB4KQFK2.js";
-import "../chunk-7IHNYMFQ.js";
-import "../chunk-HGOGF6I7.js";
-import "../chunk-N2NPIZCV.js";
-import "../chunk-SNFRMD6Z.js";
-import "../chunk-WOR7J4KZ.js";
-import "../chunk-LH7GLNMY.js";
-import "../chunk-JNNJVBHF.js";
-import "../chunk-XM2HQVUK.js";
-import "../chunk-VQVEZVAG.js";
-import "../chunk-BSH6WRUZ.js";
-import "../chunk-J3YVJWRG.js";
-import "../chunk-6CNJ5ZCC.js";
-import "../chunk-SEZEDINC.js";
-import "../chunk-B2VYAIYR.js";
-import "../chunk-4BFBANKF.js";
-import "../chunk-K7FYXGOI.js";
-import "../chunk-Y7RQUJUS.js";
-import "../chunk-BHP5YL2N.js";
-import "../chunk-YIHC25WB.js";
-import "../chunk-SLKPLSJU.js";
-import "../chunk-VXKNN4SF.js";
-import "../chunk-5TTLUOJ5.js";
-import "../chunk-BDZ46Z2I.js";
-import "../chunk-B6S7Y4K7.js";
-import "../chunk-GSKTHUQJ.js";
-import "../chunk-WGKUDRZ7.js";
-import "../chunk-2AGBCGOW.js";
-import "../chunk-MRGHRTKA.js";
-import "../chunk-35PJW7RT.js";
-import "../chunk-GWHKALYQ.js";
-import "../chunk-WTMJTGW4.js";
-import "../chunk-CRTTTIAD.js";
-import "../chunk-YMNSXZ5D.js";
-import "../chunk-XDP7GCYE.js";
-import "../chunk-OPV246QW.js";
-import "../chunk-AAFUVYVP.js";
-import "../chunk-4C2TISN7.js";
-import "../chunk-E4DUADXU.js";
-import "../chunk-YRNEIRHM.js";
-import "../chunk-X4TGLNCH.js";
-import "../chunk-RPNTFEXE.js";
-import "../chunk-LTCJ6LNO.js";
-import "../chunk-55OQPFLF.js";
-import "../chunk-4JHXRPRB.js";
-import "../chunk-3XSQV5U4.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-I3FI3FNP.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -186,8 +117,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/InfoIconTooltip.cjs

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -70,10 +82,14 @@ __export(InfoIconTooltip_exports, {
   InfoIconTooltip: () => InfoIconTooltip
 });
 module.exports = __toCommonJS(InfoIconTooltip_exports);
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/utils/toReactNodes.tsx
-var import_react21 = require("react");
+var import_lodash_es4 = require("lodash-es");
+var import_react22 = require("react");
+
+// 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);
@@ -3585,8 +3601,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),
@@ -3598,6 +3613,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;
@@ -3635,7 +3654,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, {
@@ -3751,7 +3773,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
@@ -8241,7 +8266,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,
@@ -8253,40 +8277,40 @@ 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/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_react21.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_react22.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_react21.Fragment, { children: reactNodes });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react22.Fragment, { children: reactNodes });
 }
 
 // src/components/Tooltip.tsx
 var import_css = require("@emotion/css");
-var import_react22 = require("@emotion/react");
-var import_react23 = __toESM(require("react"), 1);
+var import_react23 = require("@emotion/react");
+var import_react24 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_react_tooltip = require("react-tooltip");
 
@@ -8317,11 +8341,11 @@ var z = {
 };
 
 // src/components/Tooltip.tsx
-var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
 function Tooltip(props) {
-  const nodeRef = (0, import_react23.useRef)(null);
-  const [nodeReady, setNodeReady] = import_react23.default.useState(false);
-  (0, import_react23.useEffect)(() => {
+  const nodeRef = (0, import_react24.useRef)(null);
+  const [nodeReady, setNodeReady] = import_react24.default.useState(false);
+  (0, import_react24.useEffect)(() => {
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
       document.body.appendChild(nodeRef.current);
@@ -8334,9 +8358,9 @@ function Tooltip(props) {
       }
     };
   }, []);
-  const theme = (0, import_react22.useTheme)();
+  const theme = (0, import_react23.useTheme)();
   return nodeReady && nodeRef.current ? import_react_dom.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       import_react_tooltip.Tooltip,
       __spreadProps(__spreadValues({}, props), {
         id: props.id || "",
@@ -8365,23 +8389,23 @@ var styles = ({ theme }) => import_css.css`
 `;
 
 // src/components/InfoIconTooltip.tsx
-var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
 function InfoIconTooltip({
   id,
   content,
   verticalAlign = "middle"
 }) {
   const contentNodes = toReactNodes(content);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_react25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/InfoIconTooltip.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/InfoIconTooltip.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/InfoIconTooltip.js

@@ -1,26 +1,26 @@
 import {
   InfoIconTooltip
-} from "../chunk-UH5F35II.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-GLEAWATH.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-RPNTFEXE.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-ZS7G6WIG.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";
@@ -135,8 +135,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/LightsparkProvider.cjs

@@ -3533,8 +3533,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),
@@ -3546,6 +3545,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;
@@ -3583,7 +3586,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, {
@@ -3699,7 +3705,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/components/LightsparkProvider.js

@@ -1,10 +1,10 @@
 import {
   LightsparkProvider
-} from "../chunk-XB4KQFK2.js";
-import "../chunk-7IHNYMFQ.js";
+} from "../chunk-642OXLAD.js";
+import "../chunk-THTKSZSR.js";
 import "../chunk-VQVEZVAG.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/Loading.cjs

@@ -7351,8 +7351,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),
@@ -7364,6 +7363,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;
@@ -7401,7 +7404,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, {
@@ -7517,7 +7523,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/components/Loading.js

@@ -1,8 +1,8 @@
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-5TTLUOJ5.js";
-import "../chunk-I3FI3FNP.js";
+} from "../chunk-DNGAINGL.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -117,8 +117,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";