@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.
- package/CHANGELOG.md +11 -0
- package/dist/{chunk-JYWYEOM6.js → chunk-2JM7UTAZ.js} +18 -5
- package/dist/{chunk-UO6U7AYM.js → chunk-2YB7653N.js} +1 -1
- package/dist/{chunk-RTUZVKPK.js → chunk-36C653MV.js} +1 -1
- package/dist/{chunk-IQFU7CM5.js → chunk-4KWTXZRY.js} +1 -1
- package/dist/{chunk-CLU2FRJZ.js → chunk-55OQPFLF.js} +1 -1
- package/dist/{chunk-3CZOYF3X.js → chunk-6FHLZM6N.js} +2 -2
- package/dist/{chunk-K7D7A34K.js → chunk-744FBGRP.js} +1 -1
- package/dist/{chunk-FKETYVPP.js → chunk-76Q4BK35.js} +87 -43
- package/dist/{chunk-NGS4OSWT.js → chunk-BAO4T4G5.js} +1 -1
- package/dist/{chunk-NH25O7PC.js → chunk-CW3W2VTZ.js} +1 -1
- package/dist/{chunk-G2PZZFJL.js → chunk-DAVVD7YE.js} +10 -10
- package/dist/{chunk-VBWTKANQ.js → chunk-FN5PM3HQ.js} +6 -6
- package/dist/{chunk-RFGKH3R6.js → chunk-HNVQIY5U.js} +0 -8
- package/dist/{chunk-I74XQIVV.js → chunk-MAMSU2XB.js} +3 -3
- package/dist/chunk-NRXJA2PM.js +67 -0
- package/dist/{chunk-M56R3RJ7.js → chunk-OGSDZTHM.js} +7 -3
- package/dist/chunk-SZVMKB4E.js +222 -0
- package/dist/chunk-U6XT5JKC.js +25 -0
- package/dist/{chunk-WWFDI534.js → chunk-UWN53KLJ.js} +13 -6
- package/dist/{chunk-TAI352I3.js → chunk-VE7J2N47.js} +1 -1
- package/dist/{chunk-NZJCJJH5.js → chunk-VHW2KROZ.js} +1 -1
- package/dist/{chunk-N2RDQJQ5.js → chunk-WTO7C7WA.js} +1 -1
- package/dist/{chunk-23SR7TFO.js → chunk-XAZ6NZ6I.js} +1 -1
- package/dist/chunk-YPB5SA65.js +163 -0
- package/dist/{chunk-SVQELXFK.js → chunk-Z5TPS2BO.js} +1 -1
- package/dist/{chunk-T33SBHYI.js → chunk-ZSUX6RLD.js} +3 -1
- package/dist/{chunk-2WYVO6B2.js → chunk-ZYHA6MJC.js} +1 -1
- package/dist/components/Badge.cjs +1332 -0
- package/dist/components/Badge.d.cts +10 -0
- package/dist/components/Badge.d.ts +10 -0
- package/dist/components/Badge.js +13 -0
- package/dist/components/Button.cjs +197 -83
- package/dist/components/Button.d.cts +3 -1
- package/dist/components/Button.d.ts +3 -1
- package/dist/components/Button.js +8 -7
- package/dist/components/ButtonRow.cjs +212 -82
- package/dist/components/ButtonRow.d.cts +6 -2
- package/dist/components/ButtonRow.d.ts +6 -2
- package/dist/components/ButtonRow.js +14 -11
- package/dist/components/Collapsible.cjs +0 -30
- package/dist/components/Collapsible.js +4 -5
- package/dist/components/ContentTable.cjs +0 -30
- package/dist/components/ContentTable.js +3 -4
- package/dist/components/CopyToClipboardButton.cjs +123 -41
- package/dist/components/CopyToClipboardButton.js +6 -5
- package/dist/components/CurrencyAmount.cjs +0 -30
- package/dist/components/CurrencyAmount.js +3 -4
- package/dist/components/FileInput.cjs +1945 -0
- package/dist/components/FileInput.d.cts +21 -0
- package/dist/components/FileInput.d.ts +21 -0
- package/dist/components/FileInput.js +113 -0
- package/dist/components/Icon.cjs +0 -30
- package/dist/components/Icon.js +2 -3
- package/dist/components/LightTooltip.cjs +1414 -0
- package/dist/components/LightTooltip.d.cts +9 -0
- package/dist/components/LightTooltip.d.ts +9 -0
- package/dist/components/LightTooltip.js +12 -0
- package/dist/components/LightboxImage.cjs +1 -1
- package/dist/components/LightboxImage.js +2 -2
- package/dist/components/LightsparkProvider.cjs +3 -33
- package/dist/components/LightsparkProvider.js +3 -4
- package/dist/components/Loading.cjs +0 -30
- package/dist/components/Loading.js +3 -4
- package/dist/components/Modal.cjs +208 -114
- package/dist/components/Modal.js +12 -11
- package/dist/components/Pill.cjs +1703 -0
- package/dist/components/Pill.d.cts +19 -0
- package/dist/components/Pill.d.ts +19 -0
- package/dist/components/Pill.js +16 -0
- package/dist/components/ProgressBar.cjs +0 -32
- package/dist/components/ProgressBar.js +2 -3
- package/dist/components/SecretContainer.cjs +124 -42
- package/dist/components/SecretContainer.js +7 -6
- package/dist/components/TextIconAligner.cjs +0 -30
- package/dist/components/TextIconAligner.js +3 -4
- package/dist/components/UnstyledButton.cjs +0 -30
- package/dist/components/UnstyledButton.js +2 -3
- package/dist/components/documentation/AnchorLinkHeader.cjs +0 -32
- package/dist/components/documentation/AnchorLinkHeader.js +3 -4
- package/dist/components/documentation/index.cjs +0 -32
- package/dist/components/documentation/index.js +3 -4
- package/dist/components/index.cjs +608 -327
- package/dist/components/index.d.cts +5 -1
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.js +37 -25
- package/dist/icons/Copy.cjs +4 -3
- package/dist/icons/Copy.js +4 -3
- package/dist/icons/Download.cjs +22 -11
- package/dist/icons/Download.js +23 -12
- package/dist/icons/Upload.cjs +22 -11
- package/dist/icons/Upload.js +23 -12
- package/dist/icons/index.cjs +0 -30
- package/dist/icons/index.js +2 -3
- package/dist/router.cjs +7 -3
- package/dist/router.js +1 -1
- package/dist/styles/common.cjs +0 -32
- package/dist/styles/common.d.cts +1 -5
- package/dist/styles/common.d.ts +1 -5
- package/dist/styles/common.js +1 -4
- package/dist/styles/fields.cjs +65 -34
- package/dist/styles/fields.d.cts +8 -2
- package/dist/styles/fields.d.ts +8 -2
- package/dist/styles/fields.js +28 -164
- package/dist/styles/fonts/typography/Article.cjs +0 -30
- package/dist/styles/fonts/typography/Article.js +6 -7
- package/dist/styles/fonts/typography/index.cjs +0 -30
- package/dist/styles/fonts/typography/index.js +11 -12
- package/dist/styles/global.cjs +3 -33
- package/dist/styles/global.js +2 -3
- package/dist/styles/type.cjs +0 -30
- package/dist/styles/type.js +2 -3
- package/dist/styles/utils.cjs +0 -30
- package/dist/styles/utils.js +2 -3
- package/dist/styles/z-index.cjs +1 -1
- package/dist/styles/z-index.d.cts +1 -1
- package/dist/styles/z-index.d.ts +1 -1
- package/dist/styles/z-index.js +1 -1
- package/dist/types/index.d.cts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/utils/toReactNodes.cjs +7 -3
- package/dist/utils/toReactNodes.js +2 -2
- package/package.json +5 -4
package/dist/styles/global.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GlobalStyles,
|
|
3
3
|
globalComponentStyles
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-ZSUX6RLD.js";
|
|
5
5
|
import "../chunk-IJVWYT5G.js";
|
|
6
|
-
import "../chunk-
|
|
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,
|
package/dist/styles/type.cjs
CHANGED
|
@@ -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) {
|
package/dist/styles/type.js
CHANGED
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
import {
|
|
3
3
|
firstChild,
|
|
4
4
|
pxToRems
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
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";
|
package/dist/styles/utils.cjs
CHANGED
|
@@ -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) {
|
package/dist/styles/utils.js
CHANGED
|
@@ -13,12 +13,11 @@ import {
|
|
|
13
13
|
remsToPx,
|
|
14
14
|
size,
|
|
15
15
|
textCenter
|
|
16
|
-
} from "../chunk-
|
|
17
|
-
import "../chunk-
|
|
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,
|
package/dist/styles/z-index.cjs
CHANGED
|
@@ -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
|
|
package/dist/styles/z-index.d.ts
CHANGED
|
@@ -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
|
|
package/dist/styles/z-index.js
CHANGED
package/dist/types/index.d.cts
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -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(
|
|
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-
|
|
5
|
-
import "../chunk-
|
|
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.
|
|
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": "
|
|
28
|
-
"build
|
|
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.
|
|
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",
|