@adgytec/adgytec-web-ui-components 0.0.4 → 0.0.5
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 +22 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1 +1,23 @@
|
|
|
1
1
|
# Adgytec Web UI Components
|
|
2
|
+
|
|
3
|
+
So, this React component library? It's been put together super carefully to give you a really flexible and easy-to-use base for your web apps!
|
|
4
|
+
|
|
5
|
+
### Key Features & Technologies
|
|
6
|
+
|
|
7
|
+
- **Dynamic Color Theming**: The entire color palette for this library is generated using the official [Material Color Tool](https://material-foundation.github.io/material-theme-builder/). This ensures a cohesive, aesthetically pleasing, and easily manageable color system that aligns with modern design principles.
|
|
8
|
+
|
|
9
|
+
- **Unstyled & Accessible Components**: We leverage [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html) to provide a set of robust, unstyled components. This approach gives you complete control over the visual styling while benefiting from built-in accessibility features, ensuring your applications are inclusive and user-friendly.
|
|
10
|
+
|
|
11
|
+
- **Comprehensive Icon Set**: All icons integrated into the components are sourced from [Lucide React](https://lucide.dev/guide/packages/lucide-react). This provides a consistent, high-quality, and easily scalable icon solution for your UI.
|
|
12
|
+
|
|
13
|
+
### Customization and Styling Details
|
|
14
|
+
|
|
15
|
+
- **Global Styles**: For a complete overview of all defined color variables and elevation styles used across the library, please refer to the `main.css` file.
|
|
16
|
+
|
|
17
|
+
- **Edge Radii Configuration**: The visual appearance of component edges (rounded or sharp) can be easily configured. These styles are controlled via dedicated CSS variables related to `radius`. You can find more detailed information and configuration options within the `main.css` file.
|
|
18
|
+
|
|
19
|
+
### Components Usage
|
|
20
|
+
|
|
21
|
+
- Check App.tsx for all the components example usage and you can further check implementation of each component for its usage.
|
|
22
|
+
|
|
23
|
+
Note: This readme is generated using gemini
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adgytec/adgytec-web-ui-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"license": "MIT",
|
|
55
55
|
"repository": {
|
|
56
56
|
"type": "git",
|
|
57
|
-
"url": "https://github.com/Adgytec/adgytec-web-ui-components.git"
|
|
57
|
+
"url": "git+https://github.com/Adgytec/adgytec-web-ui-components.git"
|
|
58
58
|
},
|
|
59
59
|
"homepage": "https://github.com/Adgytec/adgytec-web-ui-components/#/README.md"
|
|
60
60
|
}
|