@zango-core/components 0.1.0 → 0.1.2

package/README.md

@@ -20,15 +20,6 @@ npm install @zango/components
 
 ## 🎨 Setup
 
-### Import Styles
-
-Import the component library styles in your application:
-
-```tsx
-// In your main entry file (e.g., main.tsx or index.tsx)
-import '@zango/components/style.css';
-```
-
 ### Peer Dependencies
 
 Make sure you have the following peer dependencies installed:
@@ -65,7 +56,7 @@ module.exports = {
 
 ```tsx
 import { Button, Badge, Accordion } from '@zango/components';
-// No need to import CSS - it's automatically included!
+// CSS is automatically included - no separate import needed!
 
 function App() {
   return (
@@ -93,11 +84,11 @@ function App() {
 ### With Custom Colors
 
 ```css
-/* Override colors in your CSS - no imports needed! */
+/* Override colors in your CSS */
 :root {
-  --colors-Brand-500: #3b82f6;
-  --colors-Brand-600: #2563eb;
-  --colors-Brand-700: #1d4ed8;
+  --color-Brand-500: #3b82f6;
+  --color-Brand-600: #2563eb;
+  --color-Brand-700: #1d4ed8;
 }
 ```
 
@@ -313,23 +304,23 @@ The component library uses CSS variables that can be overridden in your applicat
 ```css
 :root {
   /* Brand colors */
-  --colors-Brand-500: #your-primary-color;
-  --colors-Brand-600: #your-primary-hover;
-  --colors-Brand-700: #your-primary-active;
+  --color-Brand-500: #your-primary-color;
+  --color-Brand-600: #your-primary-hover;
+  --color-Brand-700: #your-primary-active;
   
   /* Gray colors */
-  --colors-Gray-100: #your-gray-light;
-  --colors-Gray-500: #your-gray-medium;
-  --colors-Gray-900: #your-gray-dark;
+  --color-Gray-100: #your-gray-light;
+  --color-Gray-500: #your-gray-medium;
+  --color-Gray-900: #your-gray-dark;
   
   /* Status colors */
-  --colors-success-500: #your-success-color;
-  --colors-error-500: #your-error-color;
-  --colors-warning-500: #your-warning-color;
+  --color-success-500: #your-success-color;
+  --color-error-500: #your-error-color;
+  --color-warning-500: #your-warning-color;
   
   /* Base colors */
-  --colors-Base-white: #ffffff;
-  --colors-Base-black: #000000;
+  --color-Base-white: #ffffff;
+  --color-Base-black: #000000;
 }
 ```
 

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
     error?: boolean;
 }
 declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/demo/main.d.ts

@@ -1 +1 @@
-export {};
+