elseware-ui 2.31.0 → 2.31.1
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 +109 -109
- package/dist/index.css +63 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +1303 -1263
- package/dist/index.d.ts +1303 -1263
- package/dist/index.js +436 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +436 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +110 -110
package/README.md
CHANGED
|
@@ -1,109 +1,109 @@
|
|
|
1
|
-
# elseware UI
|
|
2
|
-
|
|
3
|
-
## Component Imports Structure
|
|
4
|
-
|
|
5
|
-
```javascript
|
|
6
|
-
// External
|
|
7
|
-
import { ReactNode } from "react";
|
|
8
|
-
|
|
9
|
-
// Internal
|
|
10
|
-
import { cn } from "@/utils";
|
|
11
|
-
|
|
12
|
-
// Types
|
|
13
|
-
import { BaseComponentProps } from "@/interfaces";
|
|
14
|
-
import { Variant, Shape, Size } from "@/types";
|
|
15
|
-
|
|
16
|
-
// Data
|
|
17
|
-
import {
|
|
18
|
-
shapes,
|
|
19
|
-
variants,
|
|
20
|
-
borderVariants,
|
|
21
|
-
avatarSizes,
|
|
22
|
-
} from "@/data/styles";
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
Copy the following and define the component imports accordingly
|
|
26
|
-
|
|
27
|
-
```javascript
|
|
28
|
-
// External
|
|
29
|
-
|
|
30
|
-
// Internal
|
|
31
|
-
|
|
32
|
-
// Types
|
|
33
|
-
|
|
34
|
-
// Data
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
## Folder Hierarchy
|
|
39
|
-
- components: Base UI primitives (buttons, inputs, modals, etc.)
|
|
40
|
-
- compositions: Composite reusable structures built from primitives
|
|
41
|
-
- data: Metadata used on the components/compositions
|
|
42
|
-
- layouts: Page layouts that can be used to quickly structure the page formats
|
|
43
|
-
- styles: Tailwind/CSS stylings
|
|
44
|
-
- types: Custom react types
|
|
45
|
-
- utils: Reusable utility functions and hooks
|
|
46
|
-
|
|
47
|
-
## Setup
|
|
48
|
-
|
|
49
|
-
Install the dependendecies via `npm i`.
|
|
50
|
-
|
|
51
|
-
## Run Storybook
|
|
52
|
-
|
|
53
|
-
To test the components and its features start storybook using `npm run dev`.
|
|
54
|
-
|
|
55
|
-
## Build
|
|
56
|
-
|
|
57
|
-
Run `npm run build` to build the UI framework.
|
|
58
|
-
|
|
59
|
-
## Publishing to npm
|
|
60
|
-
|
|
61
|
-
### Publishing a New Version
|
|
62
|
-
|
|
63
|
-
1. **Update the version number**:
|
|
64
|
-
- Before publishing a new version, update the version in `package.json` following [semantic versioning](https://semver.org/).
|
|
65
|
-
- Example:
|
|
66
|
-
```json
|
|
67
|
-
{
|
|
68
|
-
"name": "elseware-ui",
|
|
69
|
-
"version": "1.0.1",
|
|
70
|
-
...
|
|
71
|
-
}
|
|
72
|
-
```
|
|
73
|
-
|
|
74
|
-
2. **Build the UI Framework**:
|
|
75
|
-
- Run the following command to ensure your changes are built and ready to be published:
|
|
76
|
-
```bash
|
|
77
|
-
npm run build
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
3. **Login to npm**:
|
|
81
|
-
- If you're not already logged in to npm, log in using:
|
|
82
|
-
```bash
|
|
83
|
-
npm login
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
4. **Publish the package**:
|
|
87
|
-
- To publish the package, run the following command:
|
|
88
|
-
```bash
|
|
89
|
-
npm publish --access public
|
|
90
|
-
```
|
|
91
|
-
- Make sure the package name in `package.json` is unique and does not conflict with other packages on npm.
|
|
92
|
-
|
|
93
|
-
### Unpublishing an Older Version
|
|
94
|
-
|
|
95
|
-
If you need to unpublish a specific version of the package:
|
|
96
|
-
|
|
97
|
-
1. **Unpublish a specific version**:
|
|
98
|
-
- To unpublish a specific version of your package (e.g., `1.0.0`), run:
|
|
99
|
-
```bash
|
|
100
|
-
npm unpublish elseware-ui@1.0.0
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
2. **Unpublish the entire package**:
|
|
104
|
-
- If you need to unpublish the entire package, you can run the following command (not recommended for public packages):
|
|
105
|
-
```bash
|
|
106
|
-
npm unpublish elseware-ui --force
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
**Note:** Be cautious when using `--force` as npm restricts package unpublishing for packages that are older than 72 hours to avoid breaking dependencies.
|
|
1
|
+
# elseware UI
|
|
2
|
+
|
|
3
|
+
## Component Imports Structure
|
|
4
|
+
|
|
5
|
+
```javascript
|
|
6
|
+
// External
|
|
7
|
+
import { ReactNode } from "react";
|
|
8
|
+
|
|
9
|
+
// Internal
|
|
10
|
+
import { cn } from "@/utils";
|
|
11
|
+
|
|
12
|
+
// Types
|
|
13
|
+
import { BaseComponentProps } from "@/interfaces";
|
|
14
|
+
import { Variant, Shape, Size } from "@/types";
|
|
15
|
+
|
|
16
|
+
// Data
|
|
17
|
+
import {
|
|
18
|
+
shapes,
|
|
19
|
+
variants,
|
|
20
|
+
borderVariants,
|
|
21
|
+
avatarSizes,
|
|
22
|
+
} from "@/data/styles";
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Copy the following and define the component imports accordingly
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
// External
|
|
29
|
+
|
|
30
|
+
// Internal
|
|
31
|
+
|
|
32
|
+
// Types
|
|
33
|
+
|
|
34
|
+
// Data
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
## Folder Hierarchy
|
|
39
|
+
- components: Base UI primitives (buttons, inputs, modals, etc.)
|
|
40
|
+
- compositions: Composite reusable structures built from primitives
|
|
41
|
+
- data: Metadata used on the components/compositions
|
|
42
|
+
- layouts: Page layouts that can be used to quickly structure the page formats
|
|
43
|
+
- styles: Tailwind/CSS stylings
|
|
44
|
+
- types: Custom react types
|
|
45
|
+
- utils: Reusable utility functions and hooks
|
|
46
|
+
|
|
47
|
+
## Setup
|
|
48
|
+
|
|
49
|
+
Install the dependendecies via `npm i`.
|
|
50
|
+
|
|
51
|
+
## Run Storybook
|
|
52
|
+
|
|
53
|
+
To test the components and its features start storybook using `npm run dev`.
|
|
54
|
+
|
|
55
|
+
## Build
|
|
56
|
+
|
|
57
|
+
Run `npm run build` to build the UI framework.
|
|
58
|
+
|
|
59
|
+
## Publishing to npm
|
|
60
|
+
|
|
61
|
+
### Publishing a New Version
|
|
62
|
+
|
|
63
|
+
1. **Update the version number**:
|
|
64
|
+
- Before publishing a new version, update the version in `package.json` following [semantic versioning](https://semver.org/).
|
|
65
|
+
- Example:
|
|
66
|
+
```json
|
|
67
|
+
{
|
|
68
|
+
"name": "elseware-ui",
|
|
69
|
+
"version": "1.0.1",
|
|
70
|
+
...
|
|
71
|
+
}
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
2. **Build the UI Framework**:
|
|
75
|
+
- Run the following command to ensure your changes are built and ready to be published:
|
|
76
|
+
```bash
|
|
77
|
+
npm run build
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
3. **Login to npm**:
|
|
81
|
+
- If you're not already logged in to npm, log in using:
|
|
82
|
+
```bash
|
|
83
|
+
npm login
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
4. **Publish the package**:
|
|
87
|
+
- To publish the package, run the following command:
|
|
88
|
+
```bash
|
|
89
|
+
npm publish --access public
|
|
90
|
+
```
|
|
91
|
+
- Make sure the package name in `package.json` is unique and does not conflict with other packages on npm.
|
|
92
|
+
|
|
93
|
+
### Unpublishing an Older Version
|
|
94
|
+
|
|
95
|
+
If you need to unpublish a specific version of the package:
|
|
96
|
+
|
|
97
|
+
1. **Unpublish a specific version**:
|
|
98
|
+
- To unpublish a specific version of your package (e.g., `1.0.0`), run:
|
|
99
|
+
```bash
|
|
100
|
+
npm unpublish elseware-ui@1.0.0
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
2. **Unpublish the entire package**:
|
|
104
|
+
- If you need to unpublish the entire package, you can run the following command (not recommended for public packages):
|
|
105
|
+
```bash
|
|
106
|
+
npm unpublish elseware-ui --force
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
**Note:** Be cautious when using `--force` as npm restricts package unpublishing for packages that are older than 72 hours to avoid breaking dependencies.
|
package/dist/index.css
CHANGED
|
@@ -511,6 +511,9 @@ video {
|
|
|
511
511
|
.ml-3 {
|
|
512
512
|
margin-left: .75rem;
|
|
513
513
|
}
|
|
514
|
+
.ml-5 {
|
|
515
|
+
margin-left: 1.25rem;
|
|
516
|
+
}
|
|
514
517
|
.mr-2 {
|
|
515
518
|
margin-right: .5rem;
|
|
516
519
|
}
|
|
@@ -686,6 +689,9 @@ video {
|
|
|
686
689
|
.min-h-\[3rem\] {
|
|
687
690
|
min-height: 3rem;
|
|
688
691
|
}
|
|
692
|
+
.min-h-\[48px\] {
|
|
693
|
+
min-height: 48px;
|
|
694
|
+
}
|
|
689
695
|
.min-h-\[50px\] {
|
|
690
696
|
min-height: 50px;
|
|
691
697
|
}
|
|
@@ -847,6 +853,9 @@ video {
|
|
|
847
853
|
.min-w-\[120px\] {
|
|
848
854
|
min-width: 120px;
|
|
849
855
|
}
|
|
856
|
+
.min-w-\[160px\] {
|
|
857
|
+
min-width: 160px;
|
|
858
|
+
}
|
|
850
859
|
.min-w-\[180px\] {
|
|
851
860
|
min-width: 180px;
|
|
852
861
|
}
|
|
@@ -3308,6 +3317,10 @@ video {
|
|
|
3308
3317
|
--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
|
|
3309
3318
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
3310
3319
|
}
|
|
3320
|
+
.hover\:text-blue-400:hover {
|
|
3321
|
+
--tw-text-opacity:1;
|
|
3322
|
+
color: rgb(96 165 250/var(--tw-text-opacity,1));
|
|
3323
|
+
}
|
|
3311
3324
|
.hover\:text-eui-danger-400:hover {
|
|
3312
3325
|
--tw-text-opacity:1;
|
|
3313
3326
|
color: rgb(229 31 47/var(--tw-text-opacity,1));
|
|
@@ -3853,6 +3866,10 @@ video {
|
|
|
3853
3866
|
--tw-bg-opacity:1;
|
|
3854
3867
|
background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
|
|
3855
3868
|
}
|
|
3869
|
+
.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
|
|
3870
|
+
--tw-bg-opacity:1;
|
|
3871
|
+
background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
|
|
3872
|
+
}
|
|
3856
3873
|
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
|
|
3857
3874
|
background-color: hsla(0, 0%, 100%, .05);
|
|
3858
3875
|
}
|
|
@@ -3872,6 +3889,10 @@ video {
|
|
|
3872
3889
|
--tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
|
|
3873
3890
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
3874
3891
|
}
|
|
3892
|
+
.dark\:hover\:text-gray-100:hover:is(.dark *) {
|
|
3893
|
+
--tw-text-opacity:1;
|
|
3894
|
+
color: rgb(243 244 246/var(--tw-text-opacity,1));
|
|
3895
|
+
}
|
|
3875
3896
|
.dark\:hover\:text-gray-300:hover:is(.dark *) {
|
|
3876
3897
|
--tw-text-opacity:1;
|
|
3877
3898
|
color: rgb(209 213 219/var(--tw-text-opacity,1));
|
|
@@ -4496,6 +4517,9 @@ video {
|
|
|
4496
4517
|
.ml-3 {
|
|
4497
4518
|
margin-left: .75rem;
|
|
4498
4519
|
}
|
|
4520
|
+
.ml-5 {
|
|
4521
|
+
margin-left: 1.25rem;
|
|
4522
|
+
}
|
|
4499
4523
|
.mr-2 {
|
|
4500
4524
|
margin-right: .5rem;
|
|
4501
4525
|
}
|
|
@@ -4671,6 +4695,9 @@ video {
|
|
|
4671
4695
|
.min-h-\[3rem\] {
|
|
4672
4696
|
min-height: 3rem;
|
|
4673
4697
|
}
|
|
4698
|
+
.min-h-\[48px\] {
|
|
4699
|
+
min-height: 48px;
|
|
4700
|
+
}
|
|
4674
4701
|
.min-h-\[50px\] {
|
|
4675
4702
|
min-height: 50px;
|
|
4676
4703
|
}
|
|
@@ -4832,6 +4859,9 @@ video {
|
|
|
4832
4859
|
.min-w-\[120px\] {
|
|
4833
4860
|
min-width: 120px;
|
|
4834
4861
|
}
|
|
4862
|
+
.min-w-\[160px\] {
|
|
4863
|
+
min-width: 160px;
|
|
4864
|
+
}
|
|
4835
4865
|
.min-w-\[180px\] {
|
|
4836
4866
|
min-width: 180px;
|
|
4837
4867
|
}
|
|
@@ -7378,6 +7408,10 @@ video {
|
|
|
7378
7408
|
--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
|
|
7379
7409
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
7380
7410
|
}
|
|
7411
|
+
.hover\:text-blue-400:hover {
|
|
7412
|
+
--tw-text-opacity:1;
|
|
7413
|
+
color: rgb(96 165 250/var(--tw-text-opacity,1));
|
|
7414
|
+
}
|
|
7381
7415
|
.hover\:text-eui-danger-400:hover {
|
|
7382
7416
|
--tw-text-opacity:1;
|
|
7383
7417
|
color: rgb(229 31 47/var(--tw-text-opacity,1));
|
|
@@ -7923,6 +7957,10 @@ video {
|
|
|
7923
7957
|
--tw-bg-opacity:1;
|
|
7924
7958
|
background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
|
|
7925
7959
|
}
|
|
7960
|
+
.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
|
|
7961
|
+
--tw-bg-opacity:1;
|
|
7962
|
+
background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
|
|
7963
|
+
}
|
|
7926
7964
|
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
|
|
7927
7965
|
background-color: hsla(0, 0%, 100%, .05);
|
|
7928
7966
|
}
|
|
@@ -7942,6 +7980,10 @@ video {
|
|
|
7942
7980
|
--tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
|
|
7943
7981
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
7944
7982
|
}
|
|
7983
|
+
.dark\:hover\:text-gray-100:hover:is(.dark *) {
|
|
7984
|
+
--tw-text-opacity:1;
|
|
7985
|
+
color: rgb(243 244 246/var(--tw-text-opacity,1));
|
|
7986
|
+
}
|
|
7945
7987
|
.dark\:hover\:text-gray-300:hover:is(.dark *) {
|
|
7946
7988
|
--tw-text-opacity:1;
|
|
7947
7989
|
color: rgb(209 213 219/var(--tw-text-opacity,1));
|
|
@@ -8477,6 +8519,9 @@ video {
|
|
|
8477
8519
|
.ml-3 {
|
|
8478
8520
|
margin-left: .75rem;
|
|
8479
8521
|
}
|
|
8522
|
+
.ml-5 {
|
|
8523
|
+
margin-left: 1.25rem;
|
|
8524
|
+
}
|
|
8480
8525
|
.mr-2 {
|
|
8481
8526
|
margin-right: .5rem;
|
|
8482
8527
|
}
|
|
@@ -8652,6 +8697,9 @@ video {
|
|
|
8652
8697
|
.min-h-\[3rem\] {
|
|
8653
8698
|
min-height: 3rem;
|
|
8654
8699
|
}
|
|
8700
|
+
.min-h-\[48px\] {
|
|
8701
|
+
min-height: 48px;
|
|
8702
|
+
}
|
|
8655
8703
|
.min-h-\[50px\] {
|
|
8656
8704
|
min-height: 50px;
|
|
8657
8705
|
}
|
|
@@ -8813,6 +8861,9 @@ video {
|
|
|
8813
8861
|
.min-w-\[120px\] {
|
|
8814
8862
|
min-width: 120px;
|
|
8815
8863
|
}
|
|
8864
|
+
.min-w-\[160px\] {
|
|
8865
|
+
min-width: 160px;
|
|
8866
|
+
}
|
|
8816
8867
|
.min-w-\[180px\] {
|
|
8817
8868
|
min-width: 180px;
|
|
8818
8869
|
}
|
|
@@ -11388,6 +11439,10 @@ video {
|
|
|
11388
11439
|
--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
|
|
11389
11440
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
11390
11441
|
}
|
|
11442
|
+
.hover\:text-blue-400:hover {
|
|
11443
|
+
--tw-text-opacity:1;
|
|
11444
|
+
color: rgb(96 165 250/var(--tw-text-opacity,1));
|
|
11445
|
+
}
|
|
11391
11446
|
.hover\:text-eui-danger-400:hover {
|
|
11392
11447
|
--tw-text-opacity:1;
|
|
11393
11448
|
color: rgb(229 31 47/var(--tw-text-opacity,1));
|
|
@@ -11933,6 +11988,10 @@ video {
|
|
|
11933
11988
|
--tw-bg-opacity:1;
|
|
11934
11989
|
background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
|
|
11935
11990
|
}
|
|
11991
|
+
.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
|
|
11992
|
+
--tw-bg-opacity:1;
|
|
11993
|
+
background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
|
|
11994
|
+
}
|
|
11936
11995
|
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
|
|
11937
11996
|
background-color: hsla(0, 0%, 100%, .05);
|
|
11938
11997
|
}
|
|
@@ -11952,6 +12011,10 @@ video {
|
|
|
11952
12011
|
--tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
|
|
11953
12012
|
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
|
|
11954
12013
|
}
|
|
12014
|
+
.dark\:hover\:text-gray-100:hover:is(.dark *) {
|
|
12015
|
+
--tw-text-opacity:1;
|
|
12016
|
+
color: rgb(243 244 246/var(--tw-text-opacity,1));
|
|
12017
|
+
}
|
|
11955
12018
|
.dark\:hover\:text-gray-300:hover:is(.dark *) {
|
|
11956
12019
|
--tw-text-opacity:1;
|
|
11957
12020
|
color: rgb(209 213 219/var(--tw-text-opacity,1));
|