@lightsparkdev/ui 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/{chunk-JYWYEOM6.js → chunk-2JM7UTAZ.js} +18 -5
  3. package/dist/{chunk-UO6U7AYM.js → chunk-2YB7653N.js} +1 -1
  4. package/dist/{chunk-RTUZVKPK.js → chunk-36C653MV.js} +1 -1
  5. package/dist/{chunk-IQFU7CM5.js → chunk-4KWTXZRY.js} +1 -1
  6. package/dist/{chunk-CLU2FRJZ.js → chunk-55OQPFLF.js} +1 -1
  7. package/dist/{chunk-3CZOYF3X.js → chunk-6FHLZM6N.js} +2 -2
  8. package/dist/{chunk-K7D7A34K.js → chunk-744FBGRP.js} +1 -1
  9. package/dist/{chunk-FKETYVPP.js → chunk-76Q4BK35.js} +87 -43
  10. package/dist/{chunk-NGS4OSWT.js → chunk-BAO4T4G5.js} +1 -1
  11. package/dist/{chunk-NH25O7PC.js → chunk-CW3W2VTZ.js} +1 -1
  12. package/dist/{chunk-G2PZZFJL.js → chunk-DAVVD7YE.js} +10 -10
  13. package/dist/{chunk-VBWTKANQ.js → chunk-FN5PM3HQ.js} +6 -6
  14. package/dist/{chunk-RFGKH3R6.js → chunk-HNVQIY5U.js} +0 -8
  15. package/dist/{chunk-I74XQIVV.js → chunk-MAMSU2XB.js} +3 -3
  16. package/dist/chunk-NRXJA2PM.js +67 -0
  17. package/dist/{chunk-M56R3RJ7.js → chunk-OGSDZTHM.js} +7 -3
  18. package/dist/chunk-SZVMKB4E.js +222 -0
  19. package/dist/chunk-U6XT5JKC.js +25 -0
  20. package/dist/{chunk-WWFDI534.js → chunk-UWN53KLJ.js} +13 -6
  21. package/dist/{chunk-TAI352I3.js → chunk-VE7J2N47.js} +1 -1
  22. package/dist/{chunk-NZJCJJH5.js → chunk-VHW2KROZ.js} +1 -1
  23. package/dist/{chunk-N2RDQJQ5.js → chunk-WTO7C7WA.js} +1 -1
  24. package/dist/{chunk-23SR7TFO.js → chunk-XAZ6NZ6I.js} +1 -1
  25. package/dist/chunk-YPB5SA65.js +163 -0
  26. package/dist/{chunk-SVQELXFK.js → chunk-Z5TPS2BO.js} +1 -1
  27. package/dist/{chunk-T33SBHYI.js → chunk-ZSUX6RLD.js} +3 -1
  28. package/dist/{chunk-2WYVO6B2.js → chunk-ZYHA6MJC.js} +1 -1
  29. package/dist/components/Badge.cjs +1332 -0
  30. package/dist/components/Badge.d.cts +10 -0
  31. package/dist/components/Badge.d.ts +10 -0
  32. package/dist/components/Badge.js +13 -0
  33. package/dist/components/Button.cjs +197 -83
  34. package/dist/components/Button.d.cts +3 -1
  35. package/dist/components/Button.d.ts +3 -1
  36. package/dist/components/Button.js +8 -7
  37. package/dist/components/ButtonRow.cjs +212 -82
  38. package/dist/components/ButtonRow.d.cts +6 -2
  39. package/dist/components/ButtonRow.d.ts +6 -2
  40. package/dist/components/ButtonRow.js +14 -11
  41. package/dist/components/Collapsible.cjs +0 -30
  42. package/dist/components/Collapsible.js +4 -5
  43. package/dist/components/ContentTable.cjs +0 -30
  44. package/dist/components/ContentTable.js +3 -4
  45. package/dist/components/CopyToClipboardButton.cjs +123 -41
  46. package/dist/components/CopyToClipboardButton.js +6 -5
  47. package/dist/components/CurrencyAmount.cjs +0 -30
  48. package/dist/components/CurrencyAmount.js +3 -4
  49. package/dist/components/FileInput.cjs +1945 -0
  50. package/dist/components/FileInput.d.cts +21 -0
  51. package/dist/components/FileInput.d.ts +21 -0
  52. package/dist/components/FileInput.js +113 -0
  53. package/dist/components/Icon.cjs +0 -30
  54. package/dist/components/Icon.js +2 -3
  55. package/dist/components/LightTooltip.cjs +1414 -0
  56. package/dist/components/LightTooltip.d.cts +9 -0
  57. package/dist/components/LightTooltip.d.ts +9 -0
  58. package/dist/components/LightTooltip.js +12 -0
  59. package/dist/components/LightboxImage.cjs +1 -1
  60. package/dist/components/LightboxImage.js +2 -2
  61. package/dist/components/LightsparkProvider.cjs +3 -33
  62. package/dist/components/LightsparkProvider.js +3 -4
  63. package/dist/components/Loading.cjs +0 -30
  64. package/dist/components/Loading.js +3 -4
  65. package/dist/components/Modal.cjs +208 -114
  66. package/dist/components/Modal.js +12 -11
  67. package/dist/components/Pill.cjs +1703 -0
  68. package/dist/components/Pill.d.cts +19 -0
  69. package/dist/components/Pill.d.ts +19 -0
  70. package/dist/components/Pill.js +16 -0
  71. package/dist/components/ProgressBar.cjs +0 -32
  72. package/dist/components/ProgressBar.js +2 -3
  73. package/dist/components/SecretContainer.cjs +124 -42
  74. package/dist/components/SecretContainer.js +7 -6
  75. package/dist/components/TextIconAligner.cjs +0 -30
  76. package/dist/components/TextIconAligner.js +3 -4
  77. package/dist/components/UnstyledButton.cjs +0 -30
  78. package/dist/components/UnstyledButton.js +2 -3
  79. package/dist/components/documentation/AnchorLinkHeader.cjs +0 -32
  80. package/dist/components/documentation/AnchorLinkHeader.js +3 -4
  81. package/dist/components/documentation/index.cjs +0 -32
  82. package/dist/components/documentation/index.js +3 -4
  83. package/dist/components/index.cjs +608 -327
  84. package/dist/components/index.d.cts +5 -1
  85. package/dist/components/index.d.ts +5 -1
  86. package/dist/components/index.js +37 -25
  87. package/dist/icons/Copy.cjs +4 -3
  88. package/dist/icons/Copy.js +4 -3
  89. package/dist/icons/Download.cjs +22 -11
  90. package/dist/icons/Download.js +23 -12
  91. package/dist/icons/Upload.cjs +22 -11
  92. package/dist/icons/Upload.js +23 -12
  93. package/dist/icons/index.cjs +0 -30
  94. package/dist/icons/index.js +2 -3
  95. package/dist/router.cjs +7 -3
  96. package/dist/router.js +1 -1
  97. package/dist/styles/common.cjs +0 -32
  98. package/dist/styles/common.d.cts +1 -5
  99. package/dist/styles/common.d.ts +1 -5
  100. package/dist/styles/common.js +1 -4
  101. package/dist/styles/fields.cjs +65 -34
  102. package/dist/styles/fields.d.cts +8 -2
  103. package/dist/styles/fields.d.ts +8 -2
  104. package/dist/styles/fields.js +28 -164
  105. package/dist/styles/fonts/typography/Article.cjs +0 -30
  106. package/dist/styles/fonts/typography/Article.js +6 -7
  107. package/dist/styles/fonts/typography/index.cjs +0 -30
  108. package/dist/styles/fonts/typography/index.js +11 -12
  109. package/dist/styles/global.cjs +3 -33
  110. package/dist/styles/global.js +2 -3
  111. package/dist/styles/type.cjs +0 -30
  112. package/dist/styles/type.js +2 -3
  113. package/dist/styles/utils.cjs +0 -30
  114. package/dist/styles/utils.js +2 -3
  115. package/dist/styles/z-index.cjs +1 -1
  116. package/dist/styles/z-index.d.cts +1 -1
  117. package/dist/styles/z-index.d.ts +1 -1
  118. package/dist/styles/z-index.js +1 -1
  119. package/dist/types/index.d.cts +2 -0
  120. package/dist/types/index.d.ts +2 -0
  121. package/dist/utils/toReactNodes.cjs +7 -3
  122. package/dist/utils/toReactNodes.js +2 -2
  123. package/package.json +5 -4
@@ -1,13 +1,12 @@
1
1
  import {
2
2
  GlobalStyles,
3
3
  globalComponentStyles
4
- } from "../chunk-T33SBHYI.js";
4
+ } from "../chunk-ZSUX6RLD.js";
5
5
  import "../chunk-IJVWYT5G.js";
6
- import "../chunk-RFGKH3R6.js";
6
+ import "../chunk-HNVQIY5U.js";
7
7
  import "../chunk-2VBDEO6M.js";
8
8
  import "../chunk-E4EXM4SY.js";
9
9
  import "../chunk-JSGRNWSB.js";
10
- import "../chunk-CLU2FRJZ.js";
11
10
  import "../chunk-CIGAQ47A.js";
12
11
  export {
13
12
  GlobalStyles,
@@ -62,7 +62,6 @@ var import_react5 = require("@emotion/react");
62
62
  // src/styles/common.tsx
63
63
  var import_react4 = require("@emotion/react");
64
64
  var import_styled = __toESM(require("@emotion/styled"), 1);
65
- var import_react_tooltip = require("react-tooltip");
66
65
 
67
66
  // src/styles/breakpoints.tsx
68
67
  var import_react = require("@emotion/react");
@@ -1268,32 +1267,6 @@ function hexToRGB(hex) {
1268
1267
  ] : [0, 0, 0];
1269
1268
  }
1270
1269
 
1271
- // src/styles/z-index.tsx
1272
- var z = {
1273
- card: 1,
1274
- fieldError: 1,
1275
- textInput: 2,
1276
- select: 3,
1277
- selectFocused: 4,
1278
- walletActionPreviewTopGradient: 1,
1279
- headerContainer: 99,
1280
- smBanner: 99,
1281
- headerTop: 100,
1282
- navMenu: 100,
1283
- smNavMenu: 100,
1284
- navAction: 101,
1285
- smNavAction: 100,
1286
- // keep under navDropdown
1287
- tooltip: 160,
1288
- notificationBanner: 170,
1289
- qrReaderVideo: 180,
1290
- qrReaderOverlay: 181,
1291
- modalOverlay: 190,
1292
- modalContainer: 191,
1293
- dropdown: 192,
1294
- toast: 200
1295
- };
1296
-
1297
1270
  // src/styles/common.tsx
1298
1271
  var rootFontSizePx = 12;
1299
1272
  var rootFontSizeRems = rootFontSizePx / 16;
@@ -1340,9 +1313,6 @@ var Subtext = import_styled.default.div`
1340
1313
  var darkGradientBg = import_react4.css`
1341
1314
  background: ${darkGradient};
1342
1315
  `;
1343
- var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
1344
- z-index: ${z.modalOverlay};
1345
- `;
1346
1316
 
1347
1317
  // src/styles/utils.tsx
1348
1318
  function pxToRems(rems, asNum = false) {
@@ -2,14 +2,13 @@
2
2
  import {
3
3
  firstChild,
4
4
  pxToRems
5
- } from "../chunk-UO6U7AYM.js";
6
- import "../chunk-RFGKH3R6.js";
5
+ } from "../chunk-2YB7653N.js";
6
+ import "../chunk-HNVQIY5U.js";
7
7
  import "../chunk-2VBDEO6M.js";
8
8
  import "../chunk-E4EXM4SY.js";
9
9
  import {
10
10
  bp
11
11
  } from "../chunk-JSGRNWSB.js";
12
- import "../chunk-CLU2FRJZ.js";
13
12
  import {
14
13
  __spreadValues
15
14
  } from "../chunk-CIGAQ47A.js";
@@ -68,7 +68,6 @@ var import_react5 = require("@emotion/react");
68
68
  // src/styles/common.tsx
69
69
  var import_react4 = require("@emotion/react");
70
70
  var import_styled = __toESM(require("@emotion/styled"), 1);
71
- var import_react_tooltip = require("react-tooltip");
72
71
 
73
72
  // src/styles/breakpoints.tsx
74
73
  var import_react = require("@emotion/react");
@@ -1274,32 +1273,6 @@ function hexToRGB(hex) {
1274
1273
  ] : [0, 0, 0];
1275
1274
  }
1276
1275
 
1277
- // src/styles/z-index.tsx
1278
- var z = {
1279
- card: 1,
1280
- fieldError: 1,
1281
- textInput: 2,
1282
- select: 3,
1283
- selectFocused: 4,
1284
- walletActionPreviewTopGradient: 1,
1285
- headerContainer: 99,
1286
- smBanner: 99,
1287
- headerTop: 100,
1288
- navMenu: 100,
1289
- smNavMenu: 100,
1290
- navAction: 101,
1291
- smNavAction: 100,
1292
- // keep under navDropdown
1293
- tooltip: 160,
1294
- notificationBanner: 170,
1295
- qrReaderVideo: 180,
1296
- qrReaderOverlay: 181,
1297
- modalOverlay: 190,
1298
- modalContainer: 191,
1299
- dropdown: 192,
1300
- toast: 200
1301
- };
1302
-
1303
1276
  // src/styles/common.tsx
1304
1277
  var rootFontSizePx = 12;
1305
1278
  var rootFontSizeRems = rootFontSizePx / 16;
@@ -1346,9 +1319,6 @@ var Subtext = import_styled.default.div`
1346
1319
  var darkGradientBg = import_react4.css`
1347
1320
  background: ${darkGradient};
1348
1321
  `;
1349
- var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
1350
- z-index: ${z.modalOverlay};
1351
- `;
1352
1322
 
1353
1323
  // src/styles/utils.tsx
1354
1324
  function pxToRems(rems, asNum = false) {
@@ -13,12 +13,11 @@ import {
13
13
  remsToPx,
14
14
  size,
15
15
  textCenter
16
- } from "../chunk-UO6U7AYM.js";
17
- import "../chunk-RFGKH3R6.js";
16
+ } from "../chunk-2YB7653N.js";
17
+ import "../chunk-HNVQIY5U.js";
18
18
  import "../chunk-2VBDEO6M.js";
19
19
  import "../chunk-E4EXM4SY.js";
20
20
  import "../chunk-JSGRNWSB.js";
21
- import "../chunk-CLU2FRJZ.js";
22
21
  import "../chunk-CIGAQ47A.js";
23
22
  export {
24
23
  absoluteCenter,
@@ -38,13 +38,13 @@ var z = {
38
38
  navAction: 101,
39
39
  smNavAction: 100,
40
40
  // keep under navDropdown
41
- tooltip: 160,
42
41
  notificationBanner: 170,
43
42
  qrReaderVideo: 180,
44
43
  qrReaderOverlay: 181,
45
44
  modalOverlay: 190,
46
45
  modalContainer: 191,
47
46
  dropdown: 192,
47
+ tooltip: 193,
48
48
  toast: 200
49
49
  };
50
50
  // Annotate the CommonJS export names for ESM import in node:
@@ -12,13 +12,13 @@ declare const z: {
12
12
  smNavMenu: number;
13
13
  navAction: number;
14
14
  smNavAction: number;
15
- tooltip: number;
16
15
  notificationBanner: number;
17
16
  qrReaderVideo: number;
18
17
  qrReaderOverlay: number;
19
18
  modalOverlay: number;
20
19
  modalContainer: number;
21
20
  dropdown: number;
21
+ tooltip: number;
22
22
  toast: number;
23
23
  };
24
24
 
@@ -12,13 +12,13 @@ declare const z: {
12
12
  smNavMenu: number;
13
13
  navAction: number;
14
14
  smNavAction: number;
15
- tooltip: number;
16
15
  notificationBanner: number;
17
16
  qrReaderVideo: number;
18
17
  qrReaderOverlay: number;
19
18
  modalOverlay: number;
20
19
  modalContainer: number;
21
20
  dropdown: number;
21
+ tooltip: number;
22
22
  toast: number;
23
23
  };
24
24
 
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  z
3
- } from "../chunk-CLU2FRJZ.js";
3
+ } from "../chunk-55OQPFLF.js";
4
4
  import "../chunk-CIGAQ47A.js";
5
5
  export {
6
6
  z
@@ -2,6 +2,8 @@ declare global {
2
2
  const __CURRENT_COMMIT__: string;
3
3
  }
4
4
  interface LightsparkWindow extends Window {
5
+ Cypress?: unknown;
6
+ lightsparkRouter?: unknown;
5
7
  dev?: {
6
8
  [key: string]: unknown;
7
9
  };
@@ -2,6 +2,8 @@ declare global {
2
2
  const __CURRENT_COMMIT__: string;
3
3
  }
4
4
  interface LightsparkWindow extends Window {
5
+ Cypress?: unknown;
6
+ lightsparkRouter?: unknown;
5
7
  dev?: {
6
8
  [key: string]: unknown;
7
9
  };
@@ -1196,19 +1196,23 @@ function Link({
1196
1196
  blue = false,
1197
1197
  newTab = false
1198
1198
  }) {
1199
- if (!isString(to) && !externalLink) {
1200
- throw new Error("Link must have either `to` or `externalLink` defined");
1199
+ if (!isString(to) && !externalLink && !onClick) {
1200
+ throw new Error(
1201
+ "Link must have either `to` or `externalLink` or `onClick` defined"
1202
+ );
1201
1203
  }
1202
1204
  let toStr;
1203
1205
  if (isString(to)) {
1204
1206
  toStr = replaceParams(to, params);
1205
1207
  toStr += hash ? `#${hash}` : "";
1206
- } else {
1208
+ } else if (externalLink) {
1207
1209
  const definedExternalLink = externalLink;
1208
1210
  if (!definedExternalLink.startsWith("http")) {
1209
1211
  throw new Error("Link's externalLink must start with http");
1210
1212
  }
1211
1213
  toStr = definedExternalLink;
1214
+ } else {
1215
+ toStr = "#";
1212
1216
  }
1213
1217
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
1214
1218
  import_react_router_dom.Link,
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  ToReactNodesTypes,
3
3
  toReactNodes
4
- } from "../chunk-TAI352I3.js";
5
- import "../chunk-M56R3RJ7.js";
4
+ } from "../chunk-VE7J2N47.js";
5
+ import "../chunk-OGSDZTHM.js";
6
6
  import "../chunk-LAMQKQU3.js";
7
7
  import "../chunk-2VBDEO6M.js";
8
8
  import "../chunk-E4EXM4SY.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lightsparkdev/ui",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -24,8 +24,9 @@
24
24
  "./router": "./dist/router.js"
25
25
  },
26
26
  "scripts": {
27
- "build": "yarn tsc && tsup --dts",
28
- "build:watch": "yarn build --watch --clean=false",
27
+ "build-tsup": "tsup --dts",
28
+ "build": "yarn tsc && yarn build-tsup",
29
+ "build:watch": "yarn build-tsup --watch --clean=false",
29
30
  "circular-deps": "madge --circular --extensions ts,tsx .",
30
31
  "clean": "rm -rf .turbo",
31
32
  "format:fix": "prettier . --write",
@@ -42,7 +43,7 @@
42
43
  "@emotion/css": "^11.11.0",
43
44
  "@emotion/react": "^11.11.0",
44
45
  "@emotion/styled": "^11.11.0",
45
- "@lightsparkdev/core": "1.0.16",
46
+ "@lightsparkdev/core": "1.0.17",
46
47
  "@simbathesailor/use-what-changed": "^2.0.0",
47
48
  "gql": "^1.1.2",
48
49
  "lodash-es": "^4.17.21",