@dot-system/css-utility 0.1.0

package/README.md

@@ -0,0 +1,27 @@
+# DOT System - Css Utility
+
+@dot-system/css-utility is a lightweight, atomic CSS utility framework designed for scalable applications. It provides dot-prefixed utility classes powered by design tokens, along with built-in clsx and intelligent class merge utilities for clean and conflict-free class composition.
+
+
+✨ Features
+
+🎯 Dot-prefixed atomic utility classes (.d-*)
+
+🧠 Built-in clsx utility for conditional class handling
+
+🔀 Smart class merge function to resolve utility conflicts
+
+📦 Optimized for shared dependency usage
+
+🏗 Designed for modular and scalable architectures
+
+⚡ Lightweight and predictable CSS output
+
+🧩 Works seamlessly with CSS Modules and global styles
+
+# 0.1.0
+  - Package  Introduced
+  - Css Utility Classes Added
+  - Clsx and dotMerge Funtion Introduced
+  - cva , cn , csv Functions Introduced
+

package/cbt.config.js

@@ -0,0 +1,39 @@
+
+const path = require('path');
+
+exports.config = {
+  enableTypeScript: true,
+  preProcess: {
+    enable: true,
+    runner: './preprocess/index.js'
+  },
+  css: {
+    plugins: {
+      rtl: {
+        enable: true,
+        patterns: [
+          '**/src/**/*.css'
+        ]
+      },
+      cssVariableReplacement: {
+        enable: true,
+        configFile:
+          './node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json',
+        patterns: [
+          "**/src/**"
+        ]
+      }
+    },
+     customPlugins: [
+      {
+        plugin: (options) =>
+          require('postcss-discard-comments')({
+            remove: (c) => { return c.includes('rtl:') }
+          }), 
+        patterns: ['**/assets/**/*.css'],
+        enable: false
+      }
+    ]
+  }
+ 
+};