@lightsparkdev/ui 0.0.7 → 0.0.9

package/dist/styles/utils.cjs

@@ -68,7 +68,6 @@ var import_react5 = require("@emotion/react");
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1274,59 +1273,47 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
-var smContentInset = import_react4.css`
-  ${bp.sm(`
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100% - ${standardContentInsetSmPx * 2}px);
-  `)}
-`;
-var minSmMaxLgContentInset = import_react4.css`
-  ${bp.minSmMaxLg(`
-    width: calc(100% - ${standardContentInsetMdPx * 2}px);
-  `)}
-`;
-var standardContentInset = import_react4.css`
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(100% - ${standardContentInsetPx * 2}px);
-  max-width: 1280px;
-
-  ${smContentInset}
-  ${minSmMaxLgContentInset}
-`;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react4.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react4.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react4.css`
+    ${bp.lg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${lgPx * 2}px);
+      max-width: 1280px;
+    `)}
+  `;
+  return {
+    smPx,
+    minSmMaxLgPx,
+    lgPx,
+    smCSS,
+    minSmMaxLgCSS,
+    lgCSS,
+    css: import_react4.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1346,9 +1333,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/styles/utils.tsx
 function pxToRems(rems, asNum = false) {

package/dist/styles/utils.js

@@ -13,12 +13,11 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-UO6U7AYM.js";
-import "../chunk-RFGKH3R6.js";
+} from "../chunk-FCZJILMW.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   absoluteCenter,

package/dist/styles/z-index.cjs

@@ -38,13 +38,13 @@ var z = {
   navAction: 101,
   smNavAction: 100,
   // keep under navDropdown
-  tooltip: 160,
   notificationBanner: 170,
   qrReaderVideo: 180,
   qrReaderOverlay: 181,
   modalOverlay: 190,
   modalContainer: 191,
   dropdown: 192,
+  tooltip: 193,
   toast: 200
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/styles/z-index.d.cts

@@ -12,13 +12,13 @@ declare const z: {
     smNavMenu: number;
     navAction: number;
     smNavAction: number;
-    tooltip: number;
     notificationBanner: number;
     qrReaderVideo: number;
     qrReaderOverlay: number;
     modalOverlay: number;
     modalContainer: number;
     dropdown: number;
+    tooltip: number;
     toast: number;
 };
 

package/dist/styles/z-index.d.ts

@@ -12,13 +12,13 @@ declare const z: {
     smNavMenu: number;
     navAction: number;
     smNavAction: number;
-    tooltip: number;
     notificationBanner: number;
     qrReaderVideo: number;
     qrReaderOverlay: number;
     modalOverlay: number;
     modalContainer: number;
     dropdown: number;
+    tooltip: number;
     toast: number;
 };
 

package/dist/styles/z-index.js

@@ -1,6 +1,6 @@
 import {
   z
-} from "../chunk-CLU2FRJZ.js";
+} from "../chunk-55OQPFLF.js";
 import "../chunk-CIGAQ47A.js";
 export {
   z

package/dist/types/index.d.cts

@@ -2,6 +2,8 @@ declare global {
     const __CURRENT_COMMIT__: string;
 }
 interface LightsparkWindow extends Window {
+    Cypress?: unknown;
+    lightsparkRouter?: unknown;
     dev?: {
         [key: string]: unknown;
     };

package/dist/types/index.d.ts

@@ -2,6 +2,8 @@ declare global {
     const __CURRENT_COMMIT__: string;
 }
 interface LightsparkWindow extends Window {
+    Cypress?: unknown;
+    lightsparkRouter?: unknown;
     dev?: {
         [key: string]: unknown;
     };

package/dist/utils/toReactNodes.cjs

@@ -1196,19 +1196,23 @@ function Link({
   blue = false,
   newTab = false
 }) {
-  if (!isString(to) && !externalLink) {
-    throw new Error("Link must have either `to` or `externalLink` defined");
+  if (!isString(to) && !externalLink && !onClick) {
+    throw new Error(
+      "Link must have either `to` or `externalLink` or `onClick` defined"
+    );
   }
   let toStr;
   if (isString(to)) {
     toStr = replaceParams(to, params);
     toStr += hash ? `#${hash}` : "";
-  } else {
+  } else if (externalLink) {
     const definedExternalLink = externalLink;
     if (!definedExternalLink.startsWith("http")) {
       throw new Error("Link's externalLink must start with http");
     }
     toStr = definedExternalLink;
+  } else {
+    toStr = "#";
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_router_dom.Link,

package/dist/utils/toReactNodes.js

@@ -1,8 +1,8 @@
 import {
   ToReactNodesTypes,
   toReactNodes
-} from "../chunk-TAI352I3.js";
-import "../chunk-M56R3RJ7.js";
+} from "../chunk-VE7J2N47.js";
+import "../chunk-OGSDZTHM.js";
 import "../chunk-LAMQKQU3.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightsparkdev/ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,8 +24,9 @@
     "./router": "./dist/router.js"
   },
   "scripts": {
-    "build": "yarn tsc && tsup --dts",
-    "build:watch": "yarn build --watch --clean=false",
+    "build-tsup": "tsup --dts",
+    "build": "yarn tsc && yarn build-tsup",
+    "build:watch": "yarn build-tsup --watch --clean=false",
     "circular-deps": "madge --circular --extensions ts,tsx .",
     "clean": "rm -rf .turbo",
     "format:fix": "prettier . --write",
@@ -42,7 +43,7 @@
     "@emotion/css": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@lightsparkdev/core": "1.0.16",
+    "@lightsparkdev/core": "1.0.18",
     "@simbathesailor/use-what-changed": "^2.0.0",
     "gql": "^1.1.2",
     "lodash-es": "^4.17.21",
@@ -54,7 +55,7 @@
   },
   "devDependencies": {
     "@lightsparkdev/eslint-config": "*",
-    "@lightsparkdev/tsconfig": "0.0.0",
+    "@lightsparkdev/tsconfig": "0.0.1",
     "@svgr/plugin-jsx": "^8.1.0",
     "@testing-library/dom": "^9.2.0",
     "@testing-library/jest-dom": "^6.1.2",
@@ -80,5 +81,8 @@
   "files": [
     "dist/*",
     "CHANGELOG.md"
-  ]
+  ],
+  "engines": {
+    "node": ">=18"
+  }
 }