test-stpr-ui-kit 0.0.1 → 0.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 +41 -1
- package/dist/icon.svg +8 -0
- package/dist/style.css +1 -1
- package/dist/test-stpr-ui-kit.es.d.ts +343 -2
- package/dist/test-stpr-ui-kit.es.js +5508 -39
- package/dist/test-stpr-ui-kit.umd.js +46 -1
- package/package.json +31 -16
package/README.md
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
# Test
|
|
1
|
+
# **Welcome to Test STPR UI ⚡️**
|
|
2
|
+
|
|
3
|
+
- Works out of the box. Test STPR UI contains a set of polished React components
|
|
4
|
+
that work out of the box.
|
|
5
|
+
|
|
6
|
+
# Installing Test STPR UI
|
|
7
|
+
|
|
8
|
+
⚡️Test STPR UI is made up of multiple components and tools which you can import
|
|
9
|
+
one by one. All you need to do is install the `test-stpr-ui-kit` package:
|
|
10
|
+
|
|
11
|
+
```sh
|
|
12
|
+
$ yarn add test-stpr-ui-kit
|
|
13
|
+
# or
|
|
14
|
+
$ npm install --save test-stpr-ui-kit
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
# Getting set up
|
|
18
|
+
|
|
19
|
+
To start using the components, please follow these steps:
|
|
20
|
+
|
|
21
|
+
1. Import styles in main react file (main.jsx or app.jsx) provded by **test-stpr-ui-kit**
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
import "test-stpr-ui-kit/styles";
|
|
25
|
+
|
|
26
|
+
createRoot(document.getElementById("root")).render(
|
|
27
|
+
<StrictMode>
|
|
28
|
+
<App/>
|
|
29
|
+
</StrictMode>
|
|
30
|
+
);
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
`import "test-stpr-ui-kit/styles"` is a temporary solution needed to style components.
|
|
34
|
+
|
|
35
|
+
2. Now you can start using components like so!:
|
|
36
|
+
|
|
37
|
+
```jsx
|
|
38
|
+
import { Button } from "test-stpr-ui-kit";
|
|
39
|
+
|
|
40
|
+
const App = () => <Button>⚡️Test STPR UI is very easy to use!⚡️</Button>;
|
|
41
|
+
```
|
package/dist/icon.svg
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
|
|
2
|
+
<path
|
|
3
|
+
d="M8.42449 58.9739L6.40225 6.14686C6.33547 4.40219 7.69997 2.9236 9.47732 2.81469L55.3091 0.00637552C57.1182 -0.104478 58.6764 1.24349 58.7895 3.01714C58.7938 3.08397 58.7959 3.15091 58.7959 3.21786V60.7822C58.7959 62.5594 57.3265 64 55.5138 64C55.4647 64 55.4156 63.9989 55.3665 63.9968L11.557 62.0677C9.85082 61.9926 8.48855 60.6471 8.42449 58.9739Z"
|
|
4
|
+
fill="#3588fd"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
6
|
+
d="M51.7049 0.227539L45.3973 0.614036L45.0897 7.86698C45.085 7.97848 45.12 8.08811 45.1888 8.17701C45.3522 8.38822 45.6593 8.42956 45.8748 8.26935L48.7485 6.13218L51.1757 8.00675C51.2667 8.07699 51.3801 8.11336 51.4958 8.1094C51.766 8.10015 51.9774 7.87787 51.968 7.61294L51.7049 0.227539ZM46.7955 24.5168C45.6409 25.3962 37.0396 25.9962 37.0396 24.7443C37.2214 19.9673 35.04 19.7579 33.8281 19.7579C32.6768 19.7579 30.7377 20.0991 30.7377 22.6582C30.7377 25.266 33.5714 26.7383 36.8975 28.4663C41.6224 30.9211 47.3409 33.8921 47.3409 41.3681C47.3409 48.5335 41.4025 52.4917 33.8281 52.4917C26.0113 52.4917 19.1802 49.3912 19.9517 38.6417C20.2547 37.3794 30.1923 37.6794 30.1923 38.6417C30.0712 43.0775 31.1013 44.3821 33.7069 44.3821C35.7065 44.3821 36.6155 43.3016 36.6155 41.4818C36.6155 38.7277 33.663 37.1026 30.2665 35.233C25.6676 32.7016 20.2547 29.7222 20.2547 22.8857C20.2547 16.0614 25.0417 11.5119 33.5857 11.5119C42.1297 11.5119 46.7955 15.9917 46.7955 24.5168Z"
|
|
7
|
+
fill="white"/>
|
|
8
|
+
</svg>
|