@dot-system/css-utility
v0.1.6
Published
Atomic `d-*` CSS utilities and class-composition helpers. This package is part of the **DOT System** (**D**esign **O**ptimization **T**hinking).
Readme
@dot-system/css-utility
Atomic d-* CSS utilities and class-composition helpers. This package is part of the DOT System (Design Optimization Thinking).
@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.
Installation
npm install @dot-system/css-utilityFeatures
- 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
Usage
Import the utilities you need from @dot-system/css-utility and use them for scalable styling.
import * as cssUtility from '@dot-system/css-utility';Changelog
See CHANGELOG.md for details on release history and updates.
