@lightsparkdev/ui 0.0.4 → 0.0.6

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 (107) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +2 -0
  3. package/dist/{chunk-3PB5DNAL.js → chunk-23SR7TFO.js} +1 -1
  4. package/dist/{chunk-VV7F7VVL.js → chunk-2WYVO6B2.js} +1 -1
  5. package/dist/{chunk-PVUPVJ3F.js → chunk-3CZOYF3X.js} +5 -2
  6. package/dist/{chunk-4K2KAYVH.js → chunk-4TFRLWCC.js} +4 -1
  7. package/dist/{chunk-SUD5NOKE.js → chunk-FKETYVPP.js} +11 -6
  8. package/dist/{chunk-6R6A5H4I.js → chunk-G2PZZFJL.js} +20 -12
  9. package/dist/{chunk-WB6FFT7Y.js → chunk-I74XQIVV.js} +6 -3
  10. package/dist/{chunk-DHNWT2E5.js → chunk-IQFU7CM5.js} +1 -1
  11. package/dist/{chunk-U6LQLAWI.js → chunk-JYWYEOM6.js} +3 -3
  12. package/dist/{chunk-EZ4RHFY7.js → chunk-K7D7A34K.js} +1 -1
  13. package/dist/{chunk-6RXFA73Z.js → chunk-M56R3RJ7.js} +10 -1
  14. package/dist/{chunk-WEPQ7LRL.js → chunk-N2RDQJQ5.js} +1 -1
  15. package/dist/{chunk-OLAFBUE5.js → chunk-NGS4OSWT.js} +1 -1
  16. package/dist/{chunk-ANJDI74G.js → chunk-NH25O7PC.js} +6 -3
  17. package/dist/{chunk-MYG24ZWT.js → chunk-NZJCJJH5.js} +1 -1
  18. package/dist/{chunk-SW6ZA7W2.js → chunk-QGGOMPHZ.js} +4 -1
  19. package/dist/{chunk-XUGLVWSH.js → chunk-RFGKH3R6.js} +27 -7
  20. package/dist/{chunk-ZQTE53SK.js → chunk-RTUZVKPK.js} +10 -8
  21. package/dist/{chunk-YHSFWCFN.js → chunk-T33SBHYI.js} +3 -2
  22. package/dist/chunk-TAI352I3.js +30 -0
  23. package/dist/{chunk-SV5QPU7N.js → chunk-UO6U7AYM.js} +1 -1
  24. package/dist/{chunk-4ZZHBSW4.js → chunk-VBWTKANQ.js} +15 -8
  25. package/dist/{chunk-FRIQXHPR.js → chunk-WWFDI534.js} +3 -3
  26. package/dist/chunk-YMNSXZ5D.js +8 -0
  27. package/dist/components/Button.cjs +8 -1
  28. package/dist/components/Button.js +8 -7
  29. package/dist/components/ButtonRow.js +10 -9
  30. package/dist/components/Collapsible.cjs +8 -4
  31. package/dist/components/Collapsible.js +5 -5
  32. package/dist/components/ContentTable.js +4 -4
  33. package/dist/components/CopyToClipboardButton.js +5 -5
  34. package/dist/components/CurrencyAmount.js +4 -4
  35. package/dist/components/Icon.js +3 -3
  36. package/dist/components/LightsparkProvider.cjs +2 -1
  37. package/dist/components/LightsparkProvider.js +4 -4
  38. package/dist/components/Loading.js +4 -4
  39. package/dist/components/Modal.cjs +113 -66
  40. package/dist/components/Modal.d.cts +1 -1
  41. package/dist/components/Modal.d.ts +1 -1
  42. package/dist/components/Modal.js +12 -10
  43. package/dist/components/ProgressBar.cjs +200 -17
  44. package/dist/components/ProgressBar.js +3 -1
  45. package/dist/components/SecretContainer.cjs +12 -6
  46. package/dist/components/SecretContainer.js +6 -6
  47. package/dist/components/TextIconAligner.d.cts +2 -2
  48. package/dist/components/TextIconAligner.d.ts +2 -2
  49. package/dist/components/TextIconAligner.js +4 -4
  50. package/dist/components/UnstyledButton.js +3 -3
  51. package/dist/components/documentation/AnchorLinkHeader.cjs +7 -2
  52. package/dist/components/documentation/AnchorLinkHeader.js +6 -5
  53. package/dist/components/documentation/index.cjs +7 -2
  54. package/dist/components/documentation/index.js +6 -5
  55. package/dist/components/index.cjs +108 -60
  56. package/dist/components/index.js +20 -18
  57. package/dist/icons/DotGrid1x3Horizontal.cjs +60 -0
  58. package/dist/icons/DotGrid1x3Horizontal.d.cts +5 -0
  59. package/dist/icons/DotGrid1x3Horizontal.d.ts +5 -0
  60. package/dist/icons/DotGrid1x3Horizontal.js +41 -0
  61. package/dist/icons/Home.cjs +52 -0
  62. package/dist/icons/Home.d.cts +5 -0
  63. package/dist/icons/Home.d.ts +5 -0
  64. package/dist/icons/Home.js +29 -0
  65. package/dist/icons/Person.cjs +22 -12
  66. package/dist/icons/Person.js +23 -13
  67. package/dist/icons/Team.cjs +3 -3
  68. package/dist/icons/Team.js +3 -3
  69. package/dist/icons/index.js +3 -3
  70. package/dist/router.cjs +10 -0
  71. package/dist/router.d.cts +5 -2
  72. package/dist/router.d.ts +5 -2
  73. package/dist/router.js +3 -1
  74. package/dist/styles/colors.d.cts +2 -1
  75. package/dist/styles/colors.d.ts +2 -1
  76. package/dist/styles/common.cjs +26 -4
  77. package/dist/styles/common.d.cts +16 -9
  78. package/dist/styles/common.d.ts +16 -9
  79. package/dist/styles/common.js +6 -2
  80. package/dist/styles/fields.cjs +1 -1
  81. package/dist/styles/fields.d.cts +11 -15
  82. package/dist/styles/fields.d.ts +11 -15
  83. package/dist/styles/fields.js +5 -5
  84. package/dist/styles/fonts/typography/Article.cjs +18 -6
  85. package/dist/styles/fonts/typography/Article.js +9 -8
  86. package/dist/styles/fonts/typography/Display.cjs +6 -1
  87. package/dist/styles/fonts/typography/Display.js +2 -1
  88. package/dist/styles/fonts/typography/Headline.cjs +6 -1
  89. package/dist/styles/fonts/typography/Headline.js +2 -1
  90. package/dist/styles/fonts/typography/index.cjs +18 -6
  91. package/dist/styles/fonts/typography/index.js +15 -14
  92. package/dist/styles/global.cjs +2 -1
  93. package/dist/styles/global.js +3 -3
  94. package/dist/styles/type.cjs +3 -2
  95. package/dist/styles/type.d.cts +4 -0
  96. package/dist/styles/type.d.ts +4 -0
  97. package/dist/styles/type.js +6 -5
  98. package/dist/styles/utils.js +3 -3
  99. package/dist/utils/emotion.cjs +32 -0
  100. package/dist/utils/emotion.d.cts +5 -0
  101. package/dist/utils/emotion.d.ts +5 -0
  102. package/dist/utils/emotion.js +7 -0
  103. package/dist/utils/toReactNodes.cjs +1252 -0
  104. package/dist/utils/toReactNodes.d.cts +14 -0
  105. package/dist/utils/toReactNodes.d.ts +14 -0
  106. package/dist/utils/toReactNodes.js +14 -0
  107. package/package.json +12 -3
package/dist/components/Button.js CHANGED
@@ -2,17 +2,18 @@ import {
2
2
  Button,
3
3
  ButtonSelector,
4
4
  StyledButton
5
- } from "../chunk-SUD5NOKE.js";
6
- import "../chunk-6RXFA73Z.js";
7
- import "../chunk-OLAFBUE5.js";
8
- import "../chunk-DHNWT2E5.js";
9
- import "../chunk-MYG24ZWT.js";
5
+ } from "../chunk-FKETYVPP.js";
6
+ import "../chunk-M56R3RJ7.js";
7
+ import "../chunk-YMNSXZ5D.js";
8
+ import "../chunk-NGS4OSWT.js";
9
+ import "../chunk-IQFU7CM5.js";
10
+ import "../chunk-NZJCJJH5.js";
10
11
  import "../chunk-LAMQKQU3.js";
11
- import "../chunk-XUGLVWSH.js";
12
- import "../chunk-CLU2FRJZ.js";
12
+ import "../chunk-RFGKH3R6.js";
13
13
  import "../chunk-2VBDEO6M.js";
14
14
  import "../chunk-E4EXM4SY.js";
15
15
  import "../chunk-JSGRNWSB.js";
16
+ import "../chunk-CLU2FRJZ.js";
16
17
  import "../chunk-CIGAQ47A.js";
17
18
  export {
18
19
  Button,
package/dist/components/ButtonRow.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import {
2
2
  ButtonRow,
3
3
  ButtonRowContainer
4
- } from "../chunk-U6LQLAWI.js";
5
- import "../chunk-SUD5NOKE.js";
6
- import "../chunk-6RXFA73Z.js";
7
- import "../chunk-OLAFBUE5.js";
8
- import "../chunk-SV5QPU7N.js";
9
- import "../chunk-DHNWT2E5.js";
10
- import "../chunk-MYG24ZWT.js";
4
+ } from "../chunk-JYWYEOM6.js";
5
+ import "../chunk-FKETYVPP.js";
6
+ import "../chunk-M56R3RJ7.js";
7
+ import "../chunk-YMNSXZ5D.js";
8
+ import "../chunk-NGS4OSWT.js";
9
+ import "../chunk-UO6U7AYM.js";
10
+ import "../chunk-IQFU7CM5.js";
11
+ import "../chunk-NZJCJJH5.js";
11
12
  import "../chunk-LAMQKQU3.js";
12
- import "../chunk-XUGLVWSH.js";
13
- import "../chunk-CLU2FRJZ.js";
13
+ import "../chunk-RFGKH3R6.js";
14
14
  import "../chunk-2VBDEO6M.js";
15
15
  import "../chunk-E4EXM4SY.js";
16
16
  import "../chunk-JSGRNWSB.js";
17
+ import "../chunk-CLU2FRJZ.js";
17
18
  import "../chunk-CIGAQ47A.js";
18
19
  export {
19
20
  ButtonRow,
package/dist/components/Collapsible.cjs CHANGED
@@ -76,9 +76,6 @@ module.exports = __toCommonJS(Collapsible_exports);
76
76
  var import_styled3 = __toESM(require("@emotion/styled"), 1);
77
77
  var import_react7 = require("react");
78
78
 
79
- // src/styles/utils.tsx
80
- var import_react5 = require("@emotion/react");
81
-
82
79
  // src/styles/common.tsx
83
80
  var import_react4 = require("@emotion/react");
84
81
  var import_styled = __toESM(require("@emotion/styled"), 1);
@@ -1320,6 +1317,12 @@ var rootFontSizeRems = rootFontSizePx / 16;
1320
1317
  var standardContentInsetPx = 32;
1321
1318
  var standardContentInsetMdPx = 24;
1322
1319
  var standardContentInsetSmPx = 16;
1320
+ var standardBorderRadius = (radius) => {
1321
+ const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
1322
+ return `
1323
+ border-radius: ${borderRadiusPx};
1324
+ `;
1325
+ };
1323
1326
  var smContentInset = import_react4.css`
1324
1327
  ${bp.sm(`
1325
1328
  margin-left: auto;
@@ -1365,6 +1368,7 @@ var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
1365
1368
  `;
1366
1369
 
1367
1370
  // src/styles/utils.tsx
1371
+ var import_react5 = require("@emotion/react");
1368
1372
  function pxToRems(rems, asNum = false) {
1369
1373
  const value = (rems / rootFontSizePx).toFixed(6);
1370
1374
  return asNum ? Number(value) : `${value}rem`;
@@ -1562,7 +1566,7 @@ var StyledCollapsibleButton = import_styled3.default.button`
1562
1566
  background: none;
1563
1567
  border: none;
1564
1568
  cursor: pointer;
1565
- border-radius: 8px;
1569
+ ${standardBorderRadius(8)}
1566
1570
  padding: 0;
1567
1571
  `;
1568
1572
  var IconContainer2 = import_styled3.default.div`
package/dist/components/Collapsible.js CHANGED
@@ -3,16 +3,16 @@ import {
3
3
  CollapsingContainer,
4
4
  StyledCollapsible,
5
5
  StyledCollapsibleButton
6
- } from "../chunk-WB6FFT7Y.js";
6
+ } from "../chunk-I74XQIVV.js";
7
7
  import "../chunk-3XSQV5U4.js";
8
- import "../chunk-SV5QPU7N.js";
9
- import "../chunk-MYG24ZWT.js";
8
+ import "../chunk-UO6U7AYM.js";
9
+ import "../chunk-NZJCJJH5.js";
10
10
  import "../chunk-LAMQKQU3.js";
11
- import "../chunk-XUGLVWSH.js";
12
- import "../chunk-CLU2FRJZ.js";
11
+ import "../chunk-RFGKH3R6.js";
13
12
  import "../chunk-2VBDEO6M.js";
14
13
  import "../chunk-E4EXM4SY.js";
15
14
  import "../chunk-JSGRNWSB.js";
15
+ import "../chunk-CLU2FRJZ.js";
16
16
  import "../chunk-CIGAQ47A.js";
17
17
  export {
18
18
  Collapsible,
package/dist/components/ContentTable.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  ContentTable,
3
3
  StyledContentTable
4
- } from "../chunk-EZ4RHFY7.js";
5
- import "../chunk-MYG24ZWT.js";
4
+ } from "../chunk-K7D7A34K.js";
5
+ import "../chunk-NZJCJJH5.js";
6
6
  import "../chunk-LAMQKQU3.js";
7
- import "../chunk-XUGLVWSH.js";
8
- import "../chunk-CLU2FRJZ.js";
7
+ import "../chunk-RFGKH3R6.js";
9
8
  import "../chunk-2VBDEO6M.js";
10
9
  import "../chunk-E4EXM4SY.js";
11
10
  import "../chunk-JSGRNWSB.js";
11
+ import "../chunk-CLU2FRJZ.js";
12
12
  import "../chunk-CIGAQ47A.js";
13
13
  export {
14
14
  ContentTable,
package/dist/components/CopyToClipboardButton.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  CopyToClipboardButton
3
- } from "../chunk-FRIQXHPR.js";
4
- import "../chunk-DHNWT2E5.js";
5
- import "../chunk-MYG24ZWT.js";
3
+ } from "../chunk-WWFDI534.js";
4
+ import "../chunk-IQFU7CM5.js";
5
+ import "../chunk-NZJCJJH5.js";
6
6
  import "../chunk-LAMQKQU3.js";
7
- import "../chunk-XUGLVWSH.js";
8
- import "../chunk-CLU2FRJZ.js";
7
+ import "../chunk-RFGKH3R6.js";
9
8
  import "../chunk-2VBDEO6M.js";
10
9
  import "../chunk-E4EXM4SY.js";
11
10
  import "../chunk-JSGRNWSB.js";
11
+ import "../chunk-CLU2FRJZ.js";
12
12
  import "../chunk-CIGAQ47A.js";
13
13
  export {
14
14
  CopyToClipboardButton
package/dist/components/CurrencyAmount.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  CurrencyAmount,
3
3
  CurrencyIcon
4
- } from "../chunk-3PB5DNAL.js";
5
- import "../chunk-MYG24ZWT.js";
4
+ } from "../chunk-23SR7TFO.js";
5
+ import "../chunk-NZJCJJH5.js";
6
6
  import "../chunk-LAMQKQU3.js";
7
- import "../chunk-XUGLVWSH.js";
8
- import "../chunk-CLU2FRJZ.js";
7
+ import "../chunk-RFGKH3R6.js";
9
8
  import "../chunk-2VBDEO6M.js";
10
9
  import "../chunk-E4EXM4SY.js";
11
10
  import "../chunk-JSGRNWSB.js";
11
+ import "../chunk-CLU2FRJZ.js";
12
12
  import "../chunk-CIGAQ47A.js";
13
13
  export {
14
14
  CurrencyAmount,
package/dist/components/Icon.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  Icon,
3
3
  IconContainer
4
- } from "../chunk-MYG24ZWT.js";
4
+ } from "../chunk-NZJCJJH5.js";
5
5
  import "../chunk-LAMQKQU3.js";
6
- import "../chunk-XUGLVWSH.js";
7
- import "../chunk-CLU2FRJZ.js";
6
+ import "../chunk-RFGKH3R6.js";
8
7
  import "../chunk-2VBDEO6M.js";
9
8
  import "../chunk-E4EXM4SY.js";
10
9
  import "../chunk-JSGRNWSB.js";
10
+ import "../chunk-CLU2FRJZ.js";
11
11
  import "../chunk-CIGAQ47A.js";
12
12
  export {
13
13
  Icon,
package/dist/components/LightsparkProvider.cjs CHANGED
@@ -1397,6 +1397,7 @@ var globalComponentStyles = ({ theme }) => import_react5.css`
1397
1397
  /* required for iOS https://bit.ly/3Q8syG8 */
1398
1398
  -webkit-text-size-adjust: none;
1399
1399
  text-size-adjust: none;
1400
+ scroll-behavior: smooth;
1400
1401
  }
1401
1402
 
1402
1403
  body {
@@ -1477,7 +1478,7 @@ function GlobalStyles() {
1477
1478
 
1478
1479
  :root {
1479
1480
  ${cssVars.docHeight}: 100vh;
1480
- --rt-opacity: 1;
1481
+ --rt-opacity: 1 !important;
1481
1482
  }
1482
1483
 
1483
1484
  html {
package/dist/components/LightsparkProvider.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  LightsparkProvider
3
- } from "../chunk-VV7F7VVL.js";
4
- import "../chunk-YHSFWCFN.js";
3
+ } from "../chunk-2WYVO6B2.js";
4
+ import "../chunk-T33SBHYI.js";
5
5
  import "../chunk-IJVWYT5G.js";
6
- import "../chunk-XUGLVWSH.js";
7
- import "../chunk-CLU2FRJZ.js";
6
+ import "../chunk-RFGKH3R6.js";
8
7
  import "../chunk-2VBDEO6M.js";
9
8
  import "../chunk-E4EXM4SY.js";
10
9
  import "../chunk-JSGRNWSB.js";
10
+ import "../chunk-CLU2FRJZ.js";
11
11
  import "../chunk-CIGAQ47A.js";
12
12
  export {
13
13
  LightsparkProvider
package/dist/components/Loading.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  Loading,
3
3
  LoadingWrapper
4
- } from "../chunk-OLAFBUE5.js";
5
- import "../chunk-MYG24ZWT.js";
4
+ } from "../chunk-NGS4OSWT.js";
5
+ import "../chunk-NZJCJJH5.js";
6
6
  import "../chunk-LAMQKQU3.js";
7
- import "../chunk-XUGLVWSH.js";
8
- import "../chunk-CLU2FRJZ.js";
7
+ import "../chunk-RFGKH3R6.js";
9
8
  import "../chunk-2VBDEO6M.js";
10
9
  import "../chunk-E4EXM4SY.js";
11
10
  import "../chunk-JSGRNWSB.js";
11
+ import "../chunk-CLU2FRJZ.js";
12
12
  import "../chunk-CIGAQ47A.js";
13
13
  export {
14
14
  Loading,