design-system-silkhaus 1.1.0-beta.weekly-cleaning.3 → 1.1.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.
- package/README.md +9 -24
- package/dist/index.cjs +141 -43
- package/dist/index.d.ts +66 -38
- package/dist/index.js +16089 -11312
- package/dist/style.css +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -1,20 +1,3 @@
|
|
|
1
|
-
# Vite React Component Library Starter
|
|
2
|
-
|
|
3
|
-
This is a starter template for creating React component libraries using Vite. It includes a robust set of features to help you develop, test, and build your library efficiently.
|
|
4
|
-
|
|
5
|
-
## Features
|
|
6
|
-
|
|
7
|
-
- React: A JavaScript library for web and native user interfaces.
|
|
8
|
-
- TypeScript: A strongly typed superset of JavaScript.
|
|
9
|
-
- Tailwind: A utility-first CSS framework.
|
|
10
|
-
- Storybook: A frontend workshop for building UI components and pages in isolation.
|
|
11
|
-
- Vite: A next generation frontend tooling that runs and builds your library incredibly fast.
|
|
12
|
-
- Vitest: A next generation testing framework.
|
|
13
|
-
- ESLint: A tool that finds and fixes problems in your code.
|
|
14
|
-
- Prettier: A code formatter.
|
|
15
|
-
- Husky: A pre-commit hook.
|
|
16
|
-
- Github Action: A tool that deploys your Storybook to GitHub page automatically.
|
|
17
|
-
|
|
18
1
|
## Get Started
|
|
19
2
|
|
|
20
3
|
1. Clone this repository
|
|
@@ -25,13 +8,13 @@ This is a starter template for creating React component libraries using Vite. It
|
|
|
25
8
|
|
|
26
9
|
## Development
|
|
27
10
|
|
|
28
|
-
1. Create
|
|
11
|
+
1. Create folder for the component under
|
|
29
12
|
2. index.ts file to be created inside package to export the component
|
|
30
|
-
3.
|
|
31
|
-
4.
|
|
32
|
-
5. [OPTIONAL] style.
|
|
33
|
-
6. [IMP] Export the component in the top level lib/index.tsx file to
|
|
34
|
-
7. Please refer to our front-end development guide [here](https://docs.google.com/document/d/12APeDrwgF65WzYF_2iZMpptFKDieqQFk4BlrBD87fP4)
|
|
13
|
+
3. <Component>.tsx file with the actual code for the component
|
|
14
|
+
4. <Component>.stories.tsx file for the story book
|
|
15
|
+
5. [OPTIONAL] style.scss can be used inside the package. This should only be needed under rare cases as our styling should only be done through tailwind utlity classes
|
|
16
|
+
6. [IMP] Export the component in the top level lib/index.tsx file so that its available to be imported from published library
|
|
17
|
+
7. [IMP] Please refer to our front-end development guide [here](https://docs.google.com/document/d/12APeDrwgF65WzYF_2iZMpptFKDieqQFk4BlrBD87fP4)
|
|
35
18
|
|
|
36
19
|
## Scripts
|
|
37
20
|
|
|
@@ -43,7 +26,9 @@ This is a starter template for creating React component libraries using Vite. It
|
|
|
43
26
|
- `build`: Builds your Storybook as a static web application.
|
|
44
27
|
- `build:lib`: Builds your component library with Vite.
|
|
45
28
|
- `lint`: Runs ESLint.
|
|
46
|
-
- `format`:
|
|
29
|
+
- `format:check`: Check prettier formatting
|
|
30
|
+
- `format:fix`: Fixes all prettier formatting issues
|
|
31
|
+
- `knip`: Checks for unsused dependencies and exports.
|
|
47
32
|
|
|
48
33
|
## Publish Dev
|
|
49
34
|
|