elseware-ui 2.33.0 → 2.34.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/LICENSE +20 -20
- package/README.md +98 -98
- package/dist/index.css +78 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +2224 -2077
- package/dist/index.d.ts +2224 -2077
- package/dist/index.js +442 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +425 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +111 -111
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026 elseware Technology
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 elseware Technology
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
21
|
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
# elseware-ui
|
|
2
|
-
|
|
3
|
-
A modern React component library for building web and desktop user interfaces.
|
|
4
|
-
|
|
5
|
-
`elseware-ui` provides a collection of reusable, customizable, and production-ready UI components designed to accelerate application development while maintaining consistency, accessibility, and scalability.
|
|
6
|
-
|
|
7
|
-
## Features
|
|
8
|
-
|
|
9
|
-
- TypeScript-first development
|
|
10
|
-
- React-based component architecture
|
|
11
|
-
- Tailwind CSS integration
|
|
12
|
-
- Customizable themes and styling
|
|
13
|
-
- Consistent design system
|
|
14
|
-
- Web and desktop application support
|
|
15
|
-
- Storybook-powered component documentation
|
|
16
|
-
- Modular and tree-shakable components
|
|
17
|
-
- Developer-friendly APIs
|
|
18
|
-
|
|
19
|
-
## Component Import Structure
|
|
20
|
-
|
|
21
|
-
Use the following import ordering convention when creating components:
|
|
22
|
-
|
|
23
|
-
```ts
|
|
24
|
-
// External
|
|
25
|
-
|
|
26
|
-
// Internal
|
|
27
|
-
|
|
28
|
-
// Types
|
|
29
|
-
|
|
30
|
-
// Data
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
Example:
|
|
34
|
-
|
|
35
|
-
```ts
|
|
36
|
-
// External
|
|
37
|
-
import { ReactNode } from "react";
|
|
38
|
-
|
|
39
|
-
// Internal
|
|
40
|
-
import { cn } from "@/utils";
|
|
41
|
-
|
|
42
|
-
// Types
|
|
43
|
-
import { BaseComponentProps } from "@/interfaces";
|
|
44
|
-
import { Variant, Shape, Size } from "@/types";
|
|
45
|
-
|
|
46
|
-
// Data
|
|
47
|
-
import { shapes, variants, borderVariants, avatarSizes } from "@/data/styles";
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
## Installation
|
|
51
|
-
|
|
52
|
-
Install dependencies:
|
|
53
|
-
|
|
54
|
-
```bash
|
|
55
|
-
npm install
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
## Development
|
|
59
|
-
|
|
60
|
-
Start Storybook for component development and testing:
|
|
61
|
-
|
|
62
|
-
```bash
|
|
63
|
-
npm run dev
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
## Build
|
|
67
|
-
|
|
68
|
-
Build the component library:
|
|
69
|
-
|
|
70
|
-
```bash
|
|
71
|
-
npm run build
|
|
72
|
-
```
|
|
73
|
-
|
|
74
|
-
## Publishing
|
|
75
|
-
|
|
76
|
-
Publish a new package version to npm:
|
|
77
|
-
|
|
78
|
-
```bash
|
|
79
|
-
npm run release
|
|
80
|
-
```
|
|
81
|
-
|
|
82
|
-
## Documentation
|
|
83
|
-
|
|
84
|
-
Interactive component documentation and examples are available through Storybook.
|
|
85
|
-
|
|
86
|
-
## About elseware Technology
|
|
87
|
-
|
|
88
|
-
elseware Technology builds tools, frameworks, and solutions for software engineering, cloud computing, game development, and developer productivity.
|
|
89
|
-
|
|
90
|
-
## Contributing
|
|
91
|
-
|
|
92
|
-
Contributions, issues, and feature requests are welcome.
|
|
93
|
-
|
|
94
|
-
## License
|
|
95
|
-
|
|
96
|
-
This project is licensed under the MIT License.
|
|
97
|
-
|
|
98
|
-
Copyright © 2026 elseware Technology.
|
|
1
|
+
# elseware-ui
|
|
2
|
+
|
|
3
|
+
A modern React component library for building web and desktop user interfaces.
|
|
4
|
+
|
|
5
|
+
`elseware-ui` provides a collection of reusable, customizable, and production-ready UI components designed to accelerate application development while maintaining consistency, accessibility, and scalability.
|
|
6
|
+
|
|
7
|
+
## Features
|
|
8
|
+
|
|
9
|
+
- TypeScript-first development
|
|
10
|
+
- React-based component architecture
|
|
11
|
+
- Tailwind CSS integration
|
|
12
|
+
- Customizable themes and styling
|
|
13
|
+
- Consistent design system
|
|
14
|
+
- Web and desktop application support
|
|
15
|
+
- Storybook-powered component documentation
|
|
16
|
+
- Modular and tree-shakable components
|
|
17
|
+
- Developer-friendly APIs
|
|
18
|
+
|
|
19
|
+
## Component Import Structure
|
|
20
|
+
|
|
21
|
+
Use the following import ordering convention when creating components:
|
|
22
|
+
|
|
23
|
+
```ts
|
|
24
|
+
// External
|
|
25
|
+
|
|
26
|
+
// Internal
|
|
27
|
+
|
|
28
|
+
// Types
|
|
29
|
+
|
|
30
|
+
// Data
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Example:
|
|
34
|
+
|
|
35
|
+
```ts
|
|
36
|
+
// External
|
|
37
|
+
import { ReactNode } from "react";
|
|
38
|
+
|
|
39
|
+
// Internal
|
|
40
|
+
import { cn } from "@/utils";
|
|
41
|
+
|
|
42
|
+
// Types
|
|
43
|
+
import { BaseComponentProps } from "@/interfaces";
|
|
44
|
+
import { Variant, Shape, Size } from "@/types";
|
|
45
|
+
|
|
46
|
+
// Data
|
|
47
|
+
import { shapes, variants, borderVariants, avatarSizes } from "@/data/styles";
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Installation
|
|
51
|
+
|
|
52
|
+
Install dependencies:
|
|
53
|
+
|
|
54
|
+
```bash
|
|
55
|
+
npm install
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Development
|
|
59
|
+
|
|
60
|
+
Start Storybook for component development and testing:
|
|
61
|
+
|
|
62
|
+
```bash
|
|
63
|
+
npm run dev
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
## Build
|
|
67
|
+
|
|
68
|
+
Build the component library:
|
|
69
|
+
|
|
70
|
+
```bash
|
|
71
|
+
npm run build
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## Publishing
|
|
75
|
+
|
|
76
|
+
Publish a new package version to npm:
|
|
77
|
+
|
|
78
|
+
```bash
|
|
79
|
+
npm run release
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## Documentation
|
|
83
|
+
|
|
84
|
+
Interactive component documentation and examples are available through Storybook.
|
|
85
|
+
|
|
86
|
+
## About elseware Technology
|
|
87
|
+
|
|
88
|
+
elseware Technology builds tools, frameworks, and solutions for software engineering, cloud computing, game development, and developer productivity.
|
|
89
|
+
|
|
90
|
+
## Contributing
|
|
91
|
+
|
|
92
|
+
Contributions, issues, and feature requests are welcome.
|
|
93
|
+
|
|
94
|
+
## License
|
|
95
|
+
|
|
96
|
+
This project is licensed under the MIT License.
|
|
97
|
+
|
|
98
|
+
Copyright © 2026 elseware Technology.
|
package/dist/index.css
CHANGED
|
@@ -535,6 +535,9 @@ video {
|
|
|
535
535
|
.mt-4 {
|
|
536
536
|
margin-top: 1rem;
|
|
537
537
|
}
|
|
538
|
+
.mt-5 {
|
|
539
|
+
margin-top: 1.25rem;
|
|
540
|
+
}
|
|
538
541
|
.mt-6 {
|
|
539
542
|
margin-top: 1.5rem;
|
|
540
543
|
}
|
|
@@ -1519,6 +1522,9 @@ video {
|
|
|
1519
1522
|
--tw-border-opacity:1;
|
|
1520
1523
|
border-color: rgb(239 68 68/var(--tw-border-opacity,1));
|
|
1521
1524
|
}
|
|
1525
|
+
.border-red-500\/20 {
|
|
1526
|
+
border-color: rgba(239, 68, 68, .2);
|
|
1527
|
+
}
|
|
1522
1528
|
.border-red-500\/30 {
|
|
1523
1529
|
border-color: rgba(239, 68, 68, .3);
|
|
1524
1530
|
}
|
|
@@ -1623,6 +1629,9 @@ video {
|
|
|
1623
1629
|
.bg-black\/30 {
|
|
1624
1630
|
background-color: rgba(0, 0, 0, .3);
|
|
1625
1631
|
}
|
|
1632
|
+
.bg-black\/40 {
|
|
1633
|
+
background-color: rgba(0, 0, 0, .4);
|
|
1634
|
+
}
|
|
1626
1635
|
.bg-black\/75 {
|
|
1627
1636
|
background-color: rgba(0, 0, 0, .75);
|
|
1628
1637
|
}
|
|
@@ -1797,6 +1806,9 @@ video {
|
|
|
1797
1806
|
.bg-red-600\/40 {
|
|
1798
1807
|
background-color: rgba(220, 38, 38, .4);
|
|
1799
1808
|
}
|
|
1809
|
+
.bg-red-950\/30 {
|
|
1810
|
+
background-color: rgba(69, 10, 10, .3);
|
|
1811
|
+
}
|
|
1800
1812
|
.bg-slate-900\/70 {
|
|
1801
1813
|
background-color: rgba(15, 23, 42, .7);
|
|
1802
1814
|
}
|
|
@@ -2743,6 +2755,16 @@ video {
|
|
|
2743
2755
|
--tw-text-opacity:1;
|
|
2744
2756
|
color: rgb(192 132 252/var(--tw-text-opacity,1));
|
|
2745
2757
|
}
|
|
2758
|
+
.text-red-100 {
|
|
2759
|
+
--tw-text-opacity:1;
|
|
2760
|
+
color: rgb(254 226 226/var(--tw-text-opacity,1));
|
|
2761
|
+
}
|
|
2762
|
+
.text-red-100\/70 {
|
|
2763
|
+
color: hsla(0, 93%, 94%, .7);
|
|
2764
|
+
}
|
|
2765
|
+
.text-red-100\/80 {
|
|
2766
|
+
color: hsla(0, 93%, 94%, .8);
|
|
2767
|
+
}
|
|
2746
2768
|
.text-red-200 {
|
|
2747
2769
|
--tw-text-opacity:1;
|
|
2748
2770
|
color: rgb(254 202 202/var(--tw-text-opacity,1));
|
|
@@ -2943,6 +2965,10 @@ video {
|
|
|
2943
2965
|
--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
|
|
2944
2966
|
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
|
|
2945
2967
|
}
|
|
2968
|
+
.shadow-red-950\/40 {
|
|
2969
|
+
--tw-shadow-color:rgba(69,10,10,.4);
|
|
2970
|
+
--tw-shadow:var(--tw-shadow-colored);
|
|
2971
|
+
}
|
|
2946
2972
|
.outline-none {
|
|
2947
2973
|
outline: 2px solid transparent;
|
|
2948
2974
|
outline-offset: 2px;
|
|
@@ -4700,6 +4726,9 @@ video {
|
|
|
4700
4726
|
.mt-4 {
|
|
4701
4727
|
margin-top: 1rem;
|
|
4702
4728
|
}
|
|
4729
|
+
.mt-5 {
|
|
4730
|
+
margin-top: 1.25rem;
|
|
4731
|
+
}
|
|
4703
4732
|
.mt-6 {
|
|
4704
4733
|
margin-top: 1.5rem;
|
|
4705
4734
|
}
|
|
@@ -5684,6 +5713,9 @@ video {
|
|
|
5684
5713
|
--tw-border-opacity:1;
|
|
5685
5714
|
border-color: rgb(239 68 68/var(--tw-border-opacity,1));
|
|
5686
5715
|
}
|
|
5716
|
+
.border-red-500\/20 {
|
|
5717
|
+
border-color: rgba(239, 68, 68, .2);
|
|
5718
|
+
}
|
|
5687
5719
|
.border-red-500\/30 {
|
|
5688
5720
|
border-color: rgba(239, 68, 68, .3);
|
|
5689
5721
|
}
|
|
@@ -5788,6 +5820,9 @@ video {
|
|
|
5788
5820
|
.bg-black\/30 {
|
|
5789
5821
|
background-color: rgba(0, 0, 0, .3);
|
|
5790
5822
|
}
|
|
5823
|
+
.bg-black\/40 {
|
|
5824
|
+
background-color: rgba(0, 0, 0, .4);
|
|
5825
|
+
}
|
|
5791
5826
|
.bg-black\/75 {
|
|
5792
5827
|
background-color: rgba(0, 0, 0, .75);
|
|
5793
5828
|
}
|
|
@@ -5962,6 +5997,9 @@ video {
|
|
|
5962
5997
|
.bg-red-600\/40 {
|
|
5963
5998
|
background-color: rgba(220, 38, 38, .4);
|
|
5964
5999
|
}
|
|
6000
|
+
.bg-red-950\/30 {
|
|
6001
|
+
background-color: rgba(69, 10, 10, .3);
|
|
6002
|
+
}
|
|
5965
6003
|
.bg-slate-900\/70 {
|
|
5966
6004
|
background-color: rgba(15, 23, 42, .7);
|
|
5967
6005
|
}
|
|
@@ -6908,6 +6946,16 @@ video {
|
|
|
6908
6946
|
--tw-text-opacity:1;
|
|
6909
6947
|
color: rgb(192 132 252/var(--tw-text-opacity,1));
|
|
6910
6948
|
}
|
|
6949
|
+
.text-red-100 {
|
|
6950
|
+
--tw-text-opacity:1;
|
|
6951
|
+
color: rgb(254 226 226/var(--tw-text-opacity,1));
|
|
6952
|
+
}
|
|
6953
|
+
.text-red-100\/70 {
|
|
6954
|
+
color: hsla(0, 93%, 94%, .7);
|
|
6955
|
+
}
|
|
6956
|
+
.text-red-100\/80 {
|
|
6957
|
+
color: hsla(0, 93%, 94%, .8);
|
|
6958
|
+
}
|
|
6911
6959
|
.text-red-200 {
|
|
6912
6960
|
--tw-text-opacity:1;
|
|
6913
6961
|
color: rgb(254 202 202/var(--tw-text-opacity,1));
|
|
@@ -7108,6 +7156,10 @@ video {
|
|
|
7108
7156
|
--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
|
|
7109
7157
|
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
|
|
7110
7158
|
}
|
|
7159
|
+
.shadow-red-950\/40 {
|
|
7160
|
+
--tw-shadow-color:rgba(69,10,10,.4);
|
|
7161
|
+
--tw-shadow:var(--tw-shadow-colored);
|
|
7162
|
+
}
|
|
7111
7163
|
.outline-none {
|
|
7112
7164
|
outline: 2px solid transparent;
|
|
7113
7165
|
outline-offset: 2px;
|
|
@@ -8956,6 +9008,9 @@ video {
|
|
|
8956
9008
|
.mt-4 {
|
|
8957
9009
|
margin-top: 1rem;
|
|
8958
9010
|
}
|
|
9011
|
+
.mt-5 {
|
|
9012
|
+
margin-top: 1.25rem;
|
|
9013
|
+
}
|
|
8959
9014
|
.mt-6 {
|
|
8960
9015
|
margin-top: 1.5rem;
|
|
8961
9016
|
}
|
|
@@ -9940,6 +9995,9 @@ video {
|
|
|
9940
9995
|
--tw-border-opacity:1;
|
|
9941
9996
|
border-color: rgb(239 68 68/var(--tw-border-opacity,1));
|
|
9942
9997
|
}
|
|
9998
|
+
.border-red-500\/20 {
|
|
9999
|
+
border-color: rgba(239, 68, 68, .2);
|
|
10000
|
+
}
|
|
9943
10001
|
.border-red-500\/30 {
|
|
9944
10002
|
border-color: rgba(239, 68, 68, .3);
|
|
9945
10003
|
}
|
|
@@ -10044,6 +10102,9 @@ video {
|
|
|
10044
10102
|
.bg-black\/30 {
|
|
10045
10103
|
background-color: rgba(0, 0, 0, .3);
|
|
10046
10104
|
}
|
|
10105
|
+
.bg-black\/40 {
|
|
10106
|
+
background-color: rgba(0, 0, 0, .4);
|
|
10107
|
+
}
|
|
10047
10108
|
.bg-black\/75 {
|
|
10048
10109
|
background-color: rgba(0, 0, 0, .75);
|
|
10049
10110
|
}
|
|
@@ -10218,6 +10279,9 @@ video {
|
|
|
10218
10279
|
.bg-red-600\/40 {
|
|
10219
10280
|
background-color: rgba(220, 38, 38, .4);
|
|
10220
10281
|
}
|
|
10282
|
+
.bg-red-950\/30 {
|
|
10283
|
+
background-color: rgba(69, 10, 10, .3);
|
|
10284
|
+
}
|
|
10221
10285
|
.bg-slate-900\/70 {
|
|
10222
10286
|
background-color: rgba(15, 23, 42, .7);
|
|
10223
10287
|
}
|
|
@@ -11164,6 +11228,16 @@ video {
|
|
|
11164
11228
|
--tw-text-opacity:1;
|
|
11165
11229
|
color: rgb(192 132 252/var(--tw-text-opacity,1));
|
|
11166
11230
|
}
|
|
11231
|
+
.text-red-100 {
|
|
11232
|
+
--tw-text-opacity:1;
|
|
11233
|
+
color: rgb(254 226 226/var(--tw-text-opacity,1));
|
|
11234
|
+
}
|
|
11235
|
+
.text-red-100\/70 {
|
|
11236
|
+
color: hsla(0, 93%, 94%, .7);
|
|
11237
|
+
}
|
|
11238
|
+
.text-red-100\/80 {
|
|
11239
|
+
color: hsla(0, 93%, 94%, .8);
|
|
11240
|
+
}
|
|
11167
11241
|
.text-red-200 {
|
|
11168
11242
|
--tw-text-opacity:1;
|
|
11169
11243
|
color: rgb(254 202 202/var(--tw-text-opacity,1));
|
|
@@ -11364,6 +11438,10 @@ video {
|
|
|
11364
11438
|
--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
|
|
11365
11439
|
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
|
|
11366
11440
|
}
|
|
11441
|
+
.shadow-red-950\/40 {
|
|
11442
|
+
--tw-shadow-color:rgba(69,10,10,.4);
|
|
11443
|
+
--tw-shadow:var(--tw-shadow-colored);
|
|
11444
|
+
}
|
|
11367
11445
|
.outline-none {
|
|
11368
11446
|
outline: 2px solid transparent;
|
|
11369
11447
|
outline-offset: 2px;
|