procode-vs-theme 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 - Initial release of VarStreet VS Theme Package
 - Comprehensive SCSS theme system with modular architecture
-- Multiple export endpoints following Theme Export Pattern:
+- Multiple export endpoints:
   - Main theme export for complete theme access
   - `/variables` for design tokens and theme variables
   - `/components` for component-specific styling
@@ -22,21 +22,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Base styling system with typography, colors, and foundational styles
 - Component-specific styling for buttons, forms, and UI elements
 - Flexible layout system with grid, flexbox, and positioning utilities
-- Comprehensive utility classes for spacing, colors, and responsive design
-- MIT license for open source usage
-
-### Features
-- **Modular Architecture**: Import only the parts you need for optimal bundle size
-- **TypeScript Support**: Full type definitions for theme configuration and exports
-- **SCSS Compilation**: Compatible with modern build systems and SCSS processors
-- **Design System**: Structured approach to styling with variables, components, layout, and utilities
-- **Flexible Usage**: Multiple import patterns for different use cases
-- **Theme Configuration**: Programmatic access to theme metadata and file paths
-
-### Technical Implementation
-- Rollup build system with multiple bundle outputs (ESM/CJS)
-- SCSS file copying for external consumption
-- TypeScript declaration files generation
-- Comprehensive export structure for granular access
-- Theme utility functions for dynamic usage
-- Cross-platform compatibility with build tools
+- Comprehensive utility classes for spacing, colors, and responsive design

package/README.md

@@ -1,19 +1,17 @@
 # VarStreet VS Theme
 
-A comprehensive SCSS theme package for the VarStreet ProCode framework, providing modern styling and design system components with modular architecture for flexible usage.
+A comprehensive SCSS theme package for the VarStreet ProCode framework with modern styling and design system components.
 
-## Features
+## 🌟 Features
 
 - **Modular Architecture**: Import only what you need for optimal bundle size
-- **Comprehensive Variables**: Colors, fonts, spacing, design tokens, and more
-- **Component Styles**: Pre-styled UI components following design system principles
+- **Design System**: Colors, fonts, spacing, and design tokens
+- **Component Styles**: Pre-styled UI components
 - **Layout System**: Flexible layout components and grid systems
 - **Utility Classes**: Spacing, typography, borders, shadows and other utilities
-- **TypeScript Support**: Full type definitions and theme configuration included
-- **Multiple Export Endpoints**: Granular access to variables, components, layout, and utilities
-- **Theme Configuration**: Programmatic access to theme metadata and paths
+- **TypeScript Support**: Full type definitions and theme configuration
 
-## Installation
+## 📦 Installation
 
 ```bash
 npm install procode-vs-theme
@@ -21,181 +19,46 @@ npm install procode-vs-theme
 
 ### Peer Dependencies
 
-This package requires SCSS support in your build system:
-
 ```bash
-# Install SCSS processor
 npm install sass --save-dev
 ```
 
-## Usage
+## 🛠️ Usage
 
-### Import Complete Theme
+### Complete Theme
 
 ```scss
 // Import all theme styles
 @import 'procode-vs-theme/scss';
 ```
 
-```typescript
-// Import theme configuration
-import theme from 'procode-vs-theme';
-console.log(theme.name); // 'vs-theme'
-console.log(theme.stylesheet); // './index.scss'
-```
-
 ### Modular Imports
 
 ```scss
-// Import specific SCSS files
+// Import specific modules
 @import 'procode-vs-theme/src/base/color';
 @import 'procode-vs-theme/src/components/buttons';
 @import 'procode-vs-theme/src/utilities/spacing';
 ```
 
-```typescript
-// Import specific TypeScript modules
-import { components } from 'procode-vs-theme/components';
-import { variables } from 'procode-vs-theme/variables';
-import { layout } from 'procode-vs-theme/layout';
-import { utilities } from 'procode-vs-theme/utilities';
-
-// Get theme configuration and utilities
-import { getThemeConfig, getThemeStylesheet } from 'procode-vs-theme';
-
-const config = getThemeConfig();
-const stylesheetPath = getThemeStylesheet();
-```
-
-### Available Export Endpoints
-
-- **Main**: `procode-vs-theme` - Complete theme with all modules
-- **Variables**: `procode-vs-theme/variables` - Colors, fonts, spacing, borders, sizes
-- **Components**: `procode-vs-theme/components` - Buttons, inputs, cards, forms
-- **Layout**: `procode-vs-theme/layout` - Drawer, header, footer, sidebar, grid
-- **Utilities**: `procode-vs-theme/utilities` - Reset, typography, spacing, borders, shadows
-- **SCSS**: `procode-vs-theme/scss` - Direct access to main SCSS file
-- **Styles**: `procode-vs-theme/styles` - Compiled SCSS from dist
-
-## Examples
-
-### Complete Theme Integration
-
-```scss
-// styles.scss - Import complete theme
-@import 'procode-vs-theme/scss';
-
-// Your custom styles can override theme variables
-:root {
-  --vs-primary-color: #007bff;
-  --vs-secondary-color: #6c757d;
-}
-```
-
-### Selective Module Usage
-
-```scss
-// Import only what you need
-@import 'procode-vs-theme/src/base/color';
-@import 'procode-vs-theme/src/base/spacing';
-@import 'procode-vs-theme/src/components/buttons';
-@import 'procode-vs-theme/src/utilities/typography';
-```
-
-### TypeScript Configuration Usage
+### TypeScript Integration
 
 ```typescript
-import { getThemeConfig, ThemeConfig } from 'procode-vs-theme';
-
-const themeConfig: ThemeConfig = getThemeConfig();
-
-// Use in your build configuration
-const scssImportPaths = [
-  `node_modules/procode-vs-theme/${themeConfig.stylesheet}`,
-  `node_modules/procode-vs-theme/${themeConfig.variables}`,
-  `node_modules/procode-vs-theme/${themeConfig.components}`
-];
-```
-
-### Webpack/Vite Configuration
-
-```javascript
-// webpack.config.js
-module.exports = {
-  // ...
-  module: {
-    rules: [
-      {
-        test: /\.scss$/,
-        use: [
-          'style-loader',
-          'css-loader',
-          {
-            loader: 'sass-loader',
-            options: {
-              additionalData: `@import "procode-vs-theme/scss";`
-            }
-          }
-        ]
-      }
-    ]
-  }
-};
-```
-
-## Theme Structure
-
-```
-src/
-├── index.scss          # Main theme entry point
-├── base/              # Variables and mixins
-│   ├── _color.scss    # Color variables
-│   ├── _font.scss     # Font variables
-│   ├── _space.scss    # Spacing variables
-│   └── mixins/        # Sass mixins
-├── components/        # Component styles
-│   ├── _buttons.scss  # Button styles
-│   ├── _input.scss    # Input styles
-│   └── _cards.scss    # Card styles
-├── layout/           # Layout components
-│   ├── _drawer.scss  # Drawer styles
-│   ├── _header.scss  # Header styles
-│   └── _sidebar.scss # Sidebar styles
-└── utilities/        # Utility classes
-    ├── _reset.scss   # CSS reset
-    ├── typography/   # Typography utilities
-    ├── spacing/      # Spacing utilities
-    └── border/       # Border utilities
+import { components, variables } from 'procode-vs-theme';
+import { getThemeConfig } from 'procode-vs-theme';
 ```
 
-## Requirements
+## 📋 Requirements
 
 - Node.js 16+
-- SCSS processor (sass/node-sass)
-- Modern build system (Webpack, Vite, Rollup, etc.)
-- TypeScript 4.0+ (optional, for type support)
-
-## Development
-
-```bash
-# Build the package
-npm run build
+- SCSS processor (sass)
+- Modern build system (Webpack, Vite, etc.)
+- TypeScript 4.0+ (optional)
 
-# Watch for changes during development
-npm run dev
-
-# Clean dist folder
-npm run clean
-```
-
-## License
+## 📄 License
 
 MIT
 
-## Contributing
-
-We welcome contributions! Please see our contributing guidelines for more details.
-
-## Support
+## 🤝 Contributing
 
-For support and questions, please visit our documentation or create an issue in the repository.
+Contributions are welcome! Please read our contributing guidelines.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procode-vs-theme",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "VarStreet VS Theme - A comprehensive SCSS theme package for ProCode framework with variables, components, layout, and utilities for flexible design system usage",
   "type": "module",
   "main": "dist/index.js",
@@ -68,9 +68,7 @@
   ],
   "author": "VarStreet Team",
   "license": "MIT",
-  "peerDependencies": {
-    "sass": "^1.38.0"
-  },
+  "peerDependencies": {},
   "devDependencies": {
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",