@livepeer/design-system 1.1.2 → 1.2.0

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 (77) hide show
  1. package/README.md +14 -9
  2. package/dist/index.d.mts +65011 -0
  3. package/dist/index.d.ts +65011 -61
  4. package/dist/index.js +5452 -4992
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +5469 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/package.json +15 -12
  9. package/dist/components/Accordion.d.ts +0 -1512
  10. package/dist/components/Alert.d.ts +0 -752
  11. package/dist/components/AlertDialog.d.ts +0 -16
  12. package/dist/components/AppBar.d.ts +0 -755
  13. package/dist/components/Avatar.d.ts +0 -2270
  14. package/dist/components/Badge.d.ts +0 -753
  15. package/dist/components/Banner.d.ts +0 -754
  16. package/dist/components/Box.d.ts +0 -749
  17. package/dist/components/Button.d.ts +0 -753
  18. package/dist/components/Card.d.ts +0 -751
  19. package/dist/components/Checkbox.d.ts +0 -761
  20. package/dist/components/Code.d.ts +0 -751
  21. package/dist/components/Container.d.ts +0 -751
  22. package/dist/components/ContextMenu.d.ts +0 -3766
  23. package/dist/components/ControlGroup.d.ts +0 -749
  24. package/dist/components/DesignSystemProvider.d.ts +0 -9
  25. package/dist/components/Dialog.d.ts +0 -18
  26. package/dist/components/DropdownMenu.d.ts +0 -6016
  27. package/dist/components/Flex.d.ts +0 -755
  28. package/dist/components/Grid.d.ts +0 -757
  29. package/dist/components/Heading.d.ts +0 -14
  30. package/dist/components/IconButton.d.ts +0 -753
  31. package/dist/components/Image.d.ts +0 -749
  32. package/dist/components/Kbd.d.ts +0 -752
  33. package/dist/components/Label.d.ts +0 -755
  34. package/dist/components/Link.d.ts +0 -751
  35. package/dist/components/Menu.d.ts +0 -10498
  36. package/dist/components/Overlay.d.ts +0 -1498
  37. package/dist/components/Panel.d.ts +0 -1498
  38. package/dist/components/Paragraph.d.ts +0 -14
  39. package/dist/components/Popover.d.ts +0 -13
  40. package/dist/components/ProgressBar.d.ts +0 -761
  41. package/dist/components/Promo.d.ts +0 -754
  42. package/dist/components/Radio.d.ts +0 -1510
  43. package/dist/components/RadioCard.d.ts +0 -758
  44. package/dist/components/RadioGrid.d.ts +0 -1500
  45. package/dist/components/Scrollbar.d.ts +0 -6
  46. package/dist/components/Section.d.ts +0 -751
  47. package/dist/components/Select.d.ts +0 -1504
  48. package/dist/components/Separator.d.ts +0 -753
  49. package/dist/components/Sheet.d.ts +0 -766
  50. package/dist/components/SimpleToggle.d.ts +0 -753
  51. package/dist/components/Skeleton.d.ts +0 -751
  52. package/dist/components/Slider.d.ts +0 -758
  53. package/dist/components/Snackbar/SnackbarProvider.d.ts +0 -15
  54. package/dist/components/Snackbar/index.d.ts +0 -2
  55. package/dist/components/Snackbar/transitionStyles.d.ts +0 -87
  56. package/dist/components/Snackbar/useSnackbar.d.ts +0 -5
  57. package/dist/components/Status.d.ts +0 -752
  58. package/dist/components/Sub.d.ts +0 -749
  59. package/dist/components/Sup.d.ts +0 -749
  60. package/dist/components/Switch.d.ts +0 -1509
  61. package/dist/components/TabLink.d.ts +0 -751
  62. package/dist/components/Table.d.ts +0 -6000
  63. package/dist/components/Tabs.d.ts +0 -4500
  64. package/dist/components/Text.d.ts +0 -753
  65. package/dist/components/TextArea.d.ts +0 -753
  66. package/dist/components/TextField.d.ts +0 -754
  67. package/dist/components/Tooltip.d.ts +0 -10
  68. package/dist/components/TreeItem.d.ts +0 -751
  69. package/dist/components/VerifiedBadge.d.ts +0 -762
  70. package/dist/custom/AppBar.d.ts +0 -755
  71. package/dist/custom/Avatars.d.ts +0 -2
  72. package/dist/custom/DarkThemeButton.d.ts +0 -2
  73. package/dist/custom/Kbds.d.ts +0 -2
  74. package/dist/custom/Snackbar.d.ts +0 -2
  75. package/dist/custom/Toolbar.d.ts +0 -2
  76. package/dist/index.es.js +0 -4893
  77. package/dist/stitches.config.d.ts +0 -6321
package/README.md CHANGED
@@ -9,45 +9,50 @@ Visit [https://livepeer-design-system.vercel.app/](https://livepeer-design-syste
9
9
  ## Usage
10
10
 
11
11
  ```bash
12
- yarn add @livepeer/design-system
12
+ pnpm add @livepeer/design-system
13
13
  ```
14
14
 
15
+ ## Prerequisites
16
+
17
+ - **Node ≥ 20** — see `.nvmrc` (use `nvm use` or `fnm use` to activate)
18
+ - **pnpm** — managed via [corepack](https://nodejs.org/api/corepack.html). Run `corepack enable` once, then the correct pnpm version activates automatically from the `packageManager` field in `package.json`.
19
+
15
20
  ## Local development
16
21
 
17
22
  ### Running the docs site
18
23
 
19
24
  ```bash
20
- yarn install
21
- yarn dev # docs site at http://localhost:3000
25
+ pnpm install
26
+ pnpm dev # docs site at http://localhost:3001
22
27
  ```
23
28
 
24
29
  ### Testing changes in consumer apps
25
30
 
26
- The design system is consumed by apps such as the [Livepeer Explorer](https://github.com/livepeer/explorer). Use [yalc](https://github.com/wclr/yalc) to test local changes against one or more consumers before publishing — it copies files into each consumer's `node_modules` rather than symlinking, which avoids the duplicate React instance / "Invalid hook call" errors you get from `pnpm link` or `yarn link`.
31
+ The design system is consumed by apps such as the [Livepeer Explorer](https://github.com/livepeer/explorer). Use [yalc](https://github.com/wclr/yalc) to test local changes against one or more consumers before publishing — it copies files into each consumer's `node_modules` rather than symlinking, which avoids the duplicate React instance / "Invalid hook call" errors you get from `pnpm link`.
27
32
 
28
33
  ```bash
29
34
  # one-time install
30
35
  npm i -g yalc
31
36
 
32
37
  # first-time publish from design-system (populates ~/.yalc/packages)
33
- yarn ds:build
38
+ pnpm run ds:build
34
39
  yalc publish
35
40
 
36
41
  # one-time, in each consumer app
37
42
  yalc add @livepeer/design-system
38
- pnpm install # or yarn install
43
+ pnpm install
39
44
 
40
45
  # in design-system, after each change
41
- yarn ds:build && yalc push
46
+ pnpm run ds:build && yalc push
42
47
  ```
43
48
 
44
49
  `yalc publish` puts the package in your local yalc store so consumers can `yalc add` it. `yalc push` rebuilds the store entry *and* propagates the new build to every consumer that has already added it. To unlink: run `yalc remove @livepeer/design-system` in each consumer and restore the original dependency version.
45
50
 
46
- For a faster dev loop, run rollup in watch mode and push manually when you want to test:
51
+ For a faster dev loop, run tsup in watch mode and push manually when you want to test:
47
52
 
48
53
  ```bash
49
54
  # terminal 1: rebuild on save
50
- rollup -c -w
55
+ tsup --watch
51
56
 
52
57
  # terminal 2: sync to consumers
53
58
  yalc push