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 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;