beathers 5.3.3 → 5.3.5

package/dist/scripts/commands/help.js

@@ -4,7 +4,7 @@ const commands = [
     { cmd: '-v', description: 'Show beathers version' },
     { divider: true },
     { cmd: 'init', description: 'Initialize beathers configuration file' },
-    { cmd: 'build', description: 'Build theme from configuration file' },
+    { cmd: 'build:pack', description: 'Build theme from configuration file' },
     { divider: true },
     { cmd: 'add-font', description: 'Add a new font to the configuration file' },
     { cmd: 'remove-font', description: 'Remove a font from the configuration file' },
@@ -37,6 +37,6 @@ export function Help() {
     });
     console.log('\nFlags:');
     console.log("  --local               Build with user's custom output path (use with build command)");
-    console.log('                        Example: npx beathers build --local');
+    console.log('                        Example: npx beathers build:pack --local');
     console.log();
 }

package/dist/scripts/commands/list.d.ts

@@ -1,3 +1,3 @@
 export declare function Commands(args: any): Record<string, () => void | Promise<void>>;
-export type CommandKey = '--help' | '-v' | '--version' | 'init' | 'build' | 'add-font' | 'remove-font' | 'import-font-sample' | 'add-colors' | 'remove-color' | 'import-color-pack' | 'import-color';
+export type CommandKey = '--help' | '-v' | '--version' | 'init' | 'build:pack' | 'add-font' | 'remove-font' | 'import-font-sample' | 'add-colors' | 'remove-color' | 'import-color-pack' | 'import-color';
 //# sourceMappingURL=list.d.ts.map

package/dist/scripts/commands/list.js

@@ -5,7 +5,7 @@ const commands = {
     '-v': () => Version(),
     '--version': () => Version(),
     init: async () => await Init(),
-    build: async () => await Build(),
+    'build:pack': async () => await Build(),
     '--local': async () => await Build(),
     'add-font': async () => await AddFont(),
     'remove-font': async () => await RemoveFont(),

package/dist/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.3.3 (https://bhoenixstudio.com/beathers)
+* Beathers v5.3.5 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beathers",
-  "version": "5.3.3",
+  "version": "5.3.5",
   "type": "module",
   "description": "Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visual identity across your application.",
   "main": "dist/index.js",
@@ -21,10 +21,10 @@
     "beathers": "dist/scripts/cli.js"
   },
   "scripts": {
-    "watch": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build\"",
-    "build": "sass --style compressed --source-map --embed-sources --no-error-css src/scss/:dist/css/",
+    "watch": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build:pack\"",
+    "build:pack": "sass --style compressed --source-map --embed-sources --no-error-css src/scss/:dist/css/",
     "build:test": "tsx src/scripts/cli.ts",
-    "build:publish": "rimraf dist && tsc && copyfiles -u 1 \"src/scss/**/*\" dist/ && npm run build",
+    "build:publish": "rimraf dist && tsc && copyfiles -u 1 \"src/scss/**/*\" dist/ && npm run build:pack",
     "lint": "eslint . && stylelint \"**/*.scss\"",
     "lint:fix": "eslint . --fix && stylelint \"**/*.scss\" --fix",
     "format:check": "prettier --check --ignore-path .gitignore .",
@@ -56,7 +56,8 @@
   "license": "MIT",
   "homepage": "https://bhoenixstudio.com/beathers",
   "dependencies": {
-    "fs-extra": "^11.3.0"
+    "fs-extra": "^11.3.0",
+    "sass": "^1.88.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.26.0",
@@ -76,7 +77,6 @@
     "postcss-scss": "^4.0.9",
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "sass": "^1.88.0",
     "stylelint": "^16.19.1",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-standard-scss": "^15.0.1",

package/readme.md

@@ -7,7 +7,6 @@
 [![License](https://img.shields.io/badge/license-MIT-black.svg)](https://opensource.org/licenses/MIT)
 [![Changelog](https://img.shields.io/badge/Changelog-View-blue?style=flat)](https://www.npmjs.com/package/beathers?activeTab=code)
 
-
 Beathers is a lightweight, powerful SCSS library designed to accelerate your web development workflow.**Everything is fully customizable** through a simple configuration file, allowing you to tailor every aspect to match your brand and requirements. It offers a comprehensive suite of SCSS mixins, variables, and utility classes, enabling you to build responsive, visually appealing web applications with complete design control.
 
 ## Get Started
@@ -41,7 +40,7 @@ This will prompt you to:
 Generate your custom CSS from the configuration:
 
 ```bash
-npx beathers build
+npx beathers
 ```
 
 ### CLI Commands
@@ -51,8 +50,8 @@ Beathers provides a comprehensive set of CLI commands to manage your design syst
 #### Configuration
 
 - `npx beathers init` - Initialize a new configuration file
-- `npx beathers build` - Build theme from configuration
-- `npx beathers build --local` - Build with custom output path
+- `npx beathers` - Build theme from configuration
+- `npx beathers --local` - Build with custom output path
 
 #### Font Management
 
@@ -85,11 +84,21 @@ Beathers provides a comprehensive set of CLI commands to manage your design syst
 
 ```scss
 // Import the entire library
-@import 'node_modules/beathers/src/scss/beathers.min.scss';
+@import 'node_modules/beathers/dist/scss/beathers.min.scss';
 
 // Or import specific modules
-@import 'node_modules/beathers/src/scss/functions/colors';
-@import 'node_modules/beathers/src/scss/style/grid';
+@import 'node_modules/beathers/dist/scss/functions/colors';
+@import 'node_modules/beathers/dist/scss/style/grid';
+
+// Or import using @use with changing variables
+@use 'node_modules/beathers/dist/scss/beathers.min.scss' with (
+  $colors: (
+    1: (
+      'light': '#000000',
+      'dark': '$ffffff',
+    ),
+  )
+);
 ```
 
 **JavaScript/Framework Import:**