@lightsparkdev/ui 0.0.8 → 0.0.9

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 (108) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/{chunk-NRXJA2PM.js → chunk-3EVAP5JT.js} +1 -1
  3. package/dist/{chunk-4KWTXZRY.js → chunk-3GS5EFXV.js} +1 -1
  4. package/dist/{chunk-WTO7C7WA.js → chunk-5POPBNPS.js} +1 -1
  5. package/dist/{chunk-UWN53KLJ.js → chunk-7C4MHI6Q.js} +3 -3
  6. package/dist/{chunk-6FHLZM6N.js → chunk-7T36JGTC.js} +2 -2
  7. package/dist/{chunk-YPB5SA65.js → chunk-A4FQBEYU.js} +6 -6
  8. package/dist/{chunk-SZVMKB4E.js → chunk-ATUH6SXK.js} +19 -8
  9. package/dist/{chunk-U6XT5JKC.js → chunk-DQRN4E5G.js} +1 -1
  10. package/dist/{chunk-36C653MV.js → chunk-E3AOYBY5.js} +1 -1
  11. package/dist/{chunk-MAMSU2XB.js → chunk-EEFNW7NS.js} +3 -3
  12. package/dist/{chunk-2YB7653N.js → chunk-FCZJILMW.js} +1 -1
  13. package/dist/{chunk-ZYHA6MJC.js → chunk-H3RW6JSU.js} +1 -1
  14. package/dist/chunk-IPAXAP6K.js +119 -0
  15. package/dist/{chunk-BAO4T4G5.js → chunk-J4FJQ3FN.js} +1 -1
  16. package/dist/{chunk-HNVQIY5U.js → chunk-JK4BP73A.js} +39 -30
  17. package/dist/{chunk-ZSUX6RLD.js → chunk-KMR5C25B.js} +1 -1
  18. package/dist/{chunk-2JM7UTAZ.js → chunk-NFSAJ5GJ.js} +8 -8
  19. package/dist/{chunk-DAVVD7YE.js → chunk-NM7UW54G.js} +18 -21
  20. package/dist/chunk-P3EUPXFA.js +150 -0
  21. package/dist/chunk-PBRN7MJY.js +315 -0
  22. package/dist/{chunk-CW3W2VTZ.js → chunk-PVQCLQNA.js} +1 -1
  23. package/dist/{chunk-VHW2KROZ.js → chunk-RWIZ7Q74.js} +1 -1
  24. package/dist/{chunk-744FBGRP.js → chunk-XP2MX2AA.js} +1 -1
  25. package/dist/{chunk-XAZ6NZ6I.js → chunk-XZR237JJ.js} +1 -1
  26. package/dist/{chunk-FN5PM3HQ.js → chunk-Y37DCY7Y.js} +6 -6
  27. package/dist/{chunk-76Q4BK35.js → chunk-ZANLDY2W.js} +5 -5
  28. package/dist/components/Badge.cjs +38 -24
  29. package/dist/components/Badge.js +2 -2
  30. package/dist/components/Button.cjs +38 -24
  31. package/dist/components/Button.js +6 -6
  32. package/dist/components/ButtonRow.cjs +42 -28
  33. package/dist/components/ButtonRow.js +8 -8
  34. package/dist/components/CardPage.cjs +1921 -0
  35. package/dist/components/CardPage.d.cts +54 -0
  36. package/dist/components/CardPage.d.ts +54 -0
  37. package/dist/components/CardPage.js +33 -0
  38. package/dist/components/Collapsible.cjs +38 -24
  39. package/dist/components/Collapsible.js +4 -4
  40. package/dist/components/ContentTable.cjs +38 -24
  41. package/dist/components/ContentTable.js +3 -3
  42. package/dist/components/CopyToClipboardButton.cjs +38 -24
  43. package/dist/components/CopyToClipboardButton.js +5 -5
  44. package/dist/components/CurrencyAmount.cjs +38 -24
  45. package/dist/components/CurrencyAmount.js +3 -3
  46. package/dist/components/FileInput.cjs +38 -24
  47. package/dist/components/FileInput.js +7 -7
  48. package/dist/components/GradientCardHeader.cjs +177 -0
  49. package/dist/components/GradientCardHeader.d.cts +10 -0
  50. package/dist/components/GradientCardHeader.d.ts +10 -0
  51. package/dist/components/GradientCardHeader.js +8 -0
  52. package/dist/components/Icon.cjs +38 -24
  53. package/dist/components/Icon.js +2 -2
  54. package/dist/components/LightTooltip.cjs +38 -24
  55. package/dist/components/LightTooltip.js +2 -2
  56. package/dist/components/LightsparkProvider.cjs +38 -24
  57. package/dist/components/LightsparkProvider.js +3 -3
  58. package/dist/components/Loading.cjs +38 -24
  59. package/dist/components/Loading.js +3 -3
  60. package/dist/components/Modal.cjs +46 -34
  61. package/dist/components/Modal.js +9 -9
  62. package/dist/components/Pill.cjs +38 -24
  63. package/dist/components/Pill.js +6 -6
  64. package/dist/components/ProgressBar.cjs +38 -24
  65. package/dist/components/ProgressBar.js +2 -2
  66. package/dist/components/SecretContainer.cjs +38 -24
  67. package/dist/components/SecretContainer.js +6 -6
  68. package/dist/components/TextIconAligner.cjs +38 -24
  69. package/dist/components/TextIconAligner.js +3 -3
  70. package/dist/components/UnstyledButton.cjs +38 -24
  71. package/dist/components/UnstyledButton.js +2 -2
  72. package/dist/components/documentation/AnchorLinkHeader.cjs +38 -24
  73. package/dist/components/documentation/AnchorLinkHeader.js +3 -3
  74. package/dist/components/documentation/index.cjs +38 -24
  75. package/dist/components/documentation/index.js +3 -3
  76. package/dist/components/index.cjs +737 -185
  77. package/dist/components/index.d.cts +2 -0
  78. package/dist/components/index.d.ts +2 -0
  79. package/dist/components/index.js +51 -32
  80. package/dist/icons/ArrowCornerDownRight.cjs +49 -0
  81. package/dist/icons/ArrowCornerDownRight.d.cts +5 -0
  82. package/dist/icons/ArrowCornerDownRight.d.ts +5 -0
  83. package/dist/icons/ArrowCornerDownRight.js +30 -0
  84. package/dist/icons/Sort.cjs +48 -0
  85. package/dist/icons/Sort.d.cts +5 -0
  86. package/dist/icons/Sort.d.ts +5 -0
  87. package/dist/icons/Sort.js +29 -0
  88. package/dist/icons/index.cjs +38 -24
  89. package/dist/icons/index.js +2 -2
  90. package/dist/styles/common.cjs +38 -34
  91. package/dist/styles/common.d.cts +10 -7
  92. package/dist/styles/common.d.ts +10 -7
  93. package/dist/styles/common.js +1 -11
  94. package/dist/styles/fields.cjs +56 -31
  95. package/dist/styles/fields.d.cts +4 -3
  96. package/dist/styles/fields.d.ts +4 -3
  97. package/dist/styles/fields.js +2 -2
  98. package/dist/styles/fonts/typography/Article.cjs +38 -24
  99. package/dist/styles/fonts/typography/Article.js +6 -6
  100. package/dist/styles/fonts/typography/index.cjs +38 -24
  101. package/dist/styles/fonts/typography/index.js +11 -11
  102. package/dist/styles/global.cjs +38 -24
  103. package/dist/styles/global.js +2 -2
  104. package/dist/styles/type.cjs +38 -24
  105. package/dist/styles/type.js +8 -144
  106. package/dist/styles/utils.cjs +38 -24
  107. package/dist/styles/utils.js +2 -2
  108. package/package.json +7 -4
package/dist/components/documentation/AnchorLinkHeader.cjs CHANGED
@@ -1364,30 +1364,44 @@ var import_react5 = require("@emotion/react");
1364
1364
  var import_styled2 = __toESM(require("@emotion/styled"), 1);
1365
1365
  var rootFontSizePx = 12;
1366
1366
  var rootFontSizeRems = rootFontSizePx / 16;
1367
- var standardContentInsetPx = 32;
1368
- var standardContentInsetMdPx = 24;
1369
- var standardContentInsetSmPx = 16;
1370
- var smContentInset = import_react5.css`
1371
- ${bp.sm(`
1372
- margin-left: auto;
1373
- margin-right: auto;
1374
- width: calc(100% - ${standardContentInsetSmPx * 2}px);
1375
- `)}
1376
- `;
1377
- var minSmMaxLgContentInset = import_react5.css`
1378
- ${bp.minSmMaxLg(`
1379
- width: calc(100% - ${standardContentInsetMdPx * 2}px);
1380
- `)}
1381
- `;
1382
- var standardContentInset = import_react5.css`
1383
- margin-left: auto;
1384
- margin-right: auto;
1385
- width: calc(100% - ${standardContentInsetPx * 2}px);
1386
- max-width: 1280px;
1387
-
1388
- ${smContentInset}
1389
- ${minSmMaxLgContentInset}
1390
- `;
1367
+ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
1368
+ const smCSS = import_react5.css`
1369
+ ${bp.sm(`
1370
+ margin-left: auto;
1371
+ margin-right: auto;
1372
+ width: calc(100% - ${smPx * 2}px);
1373
+ `)}
1374
+ `;
1375
+ const minSmMaxLgCSS = import_react5.css`
1376
+ ${bp.minSmMaxLg(`
1377
+ margin-left: auto;
1378
+ margin-right: auto;
1379
+ width: calc(100% - ${minSmMaxLgPx * 2}px);
1380
+ `)}
1381
+ `;
1382
+ const lgCSS = import_react5.css`
1383
+ ${bp.lg(`
1384
+ margin-left: auto;
1385
+ margin-right: auto;
1386
+ width: calc(100% - ${lgPx * 2}px);
1387
+ max-width: 1280px;
1388
+ `)}
1389
+ `;
1390
+ return {
1391
+ smPx,
1392
+ minSmMaxLgPx,
1393
+ lgPx,
1394
+ smCSS,
1395
+ minSmMaxLgCSS,
1396
+ lgCSS,
1397
+ css: import_react5.css`
1398
+ ${lgCSS}
1399
+ ${smCSS}
1400
+ ${minSmMaxLgCSS}
1401
+ `
1402
+ };
1403
+ }
1404
+ var standardContentInset = buildStandardContentInset(16, 24, 32);
1391
1405
  var standardCardShadow = import_react5.css`
1392
1406
  box-shadow:
1393
1407
  0px 4px 10px 0px rgba(0, 0, 0, 0.08),
package/dist/components/documentation/AnchorLinkHeader.js CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  AnchorLinkHeader
4
- } from "../../chunk-CW3W2VTZ.js";
4
+ } from "../../chunk-PVQCLQNA.js";
5
5
  import "../../chunk-4TFRLWCC.js";
6
6
  import "../../chunk-YMNSXZ5D.js";
7
- import "../../chunk-VHW2KROZ.js";
7
+ import "../../chunk-RWIZ7Q74.js";
8
8
  import "../../chunk-LAMQKQU3.js";
9
- import "../../chunk-HNVQIY5U.js";
9
+ import "../../chunk-JK4BP73A.js";
10
10
  import "../../chunk-2VBDEO6M.js";
11
11
  import "../../chunk-E4EXM4SY.js";
12
12
  import "../../chunk-JSGRNWSB.js";
package/dist/components/documentation/index.cjs CHANGED
@@ -1365,30 +1365,44 @@ var import_react5 = require("@emotion/react");
1365
1365
  var import_styled2 = __toESM(require("@emotion/styled"), 1);
1366
1366
  var rootFontSizePx = 12;
1367
1367
  var rootFontSizeRems = rootFontSizePx / 16;
1368
- var standardContentInsetPx = 32;
1369
- var standardContentInsetMdPx = 24;
1370
- var standardContentInsetSmPx = 16;
1371
- var smContentInset = import_react5.css`
1372
- ${bp.sm(`
1373
- margin-left: auto;
1374
- margin-right: auto;
1375
- width: calc(100% - ${standardContentInsetSmPx * 2}px);
1376
- `)}
1377
- `;
1378
- var minSmMaxLgContentInset = import_react5.css`
1379
- ${bp.minSmMaxLg(`
1380
- width: calc(100% - ${standardContentInsetMdPx * 2}px);
1381
- `)}
1382
- `;
1383
- var standardContentInset = import_react5.css`
1384
- margin-left: auto;
1385
- margin-right: auto;
1386
- width: calc(100% - ${standardContentInsetPx * 2}px);
1387
- max-width: 1280px;
1388
-
1389
- ${smContentInset}
1390
- ${minSmMaxLgContentInset}
1391
- `;
1368
+ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
1369
+ const smCSS = import_react5.css`
1370
+ ${bp.sm(`
1371
+ margin-left: auto;
1372
+ margin-right: auto;
1373
+ width: calc(100% - ${smPx * 2}px);
1374
+ `)}
1375
+ `;
1376
+ const minSmMaxLgCSS = import_react5.css`
1377
+ ${bp.minSmMaxLg(`
1378
+ margin-left: auto;
1379
+ margin-right: auto;
1380
+ width: calc(100% - ${minSmMaxLgPx * 2}px);
1381
+ `)}
1382
+ `;
1383
+ const lgCSS = import_react5.css`
1384
+ ${bp.lg(`
1385
+ margin-left: auto;
1386
+ margin-right: auto;
1387
+ width: calc(100% - ${lgPx * 2}px);
1388
+ max-width: 1280px;
1389
+ `)}
1390
+ `;
1391
+ return {
1392
+ smPx,
1393
+ minSmMaxLgPx,
1394
+ lgPx,
1395
+ smCSS,
1396
+ minSmMaxLgCSS,
1397
+ lgCSS,
1398
+ css: import_react5.css`
1399
+ ${lgCSS}
1400
+ ${smCSS}
1401
+ ${minSmMaxLgCSS}
1402
+ `
1403
+ };
1404
+ }
1405
+ var standardContentInset = buildStandardContentInset(16, 24, 32);
1392
1406
  var standardCardShadow = import_react5.css`
1393
1407
  box-shadow:
1394
1408
  0px 4px 10px 0px rgba(0, 0, 0, 0.08),
package/dist/components/documentation/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  AnchorLinkHeader
3
- } from "../../chunk-CW3W2VTZ.js";
3
+ } from "../../chunk-PVQCLQNA.js";
4
4
  import "../../chunk-4TFRLWCC.js";
5
5
  import "../../chunk-YMNSXZ5D.js";
6
- import "../../chunk-VHW2KROZ.js";
6
+ import "../../chunk-RWIZ7Q74.js";
7
7
  import "../../chunk-LAMQKQU3.js";
8
- import "../../chunk-HNVQIY5U.js";
8
+ import "../../chunk-JK4BP73A.js";
9
9
  import "../../chunk-2VBDEO6M.js";
10
10
  import "../../chunk-E4EXM4SY.js";
11
11
  import "../../chunk-JSGRNWSB.js";