JSPM

@bkper/web-design

2.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 100
  • Score
    100M100P100Q72571F
  • License Apache-2.0

Bkper design system - CSS variables, tokens, and themes

Package Exports

  • @bkper/web-design

Readme

@bkper/web-design

Bkper's design system - CSS variables, tokens, and themes.

Documentation

Installation

npm install @bkper/web-design

Usage

<link rel="stylesheet" href="node_modules/@bkper/web-design/src/bkper.css">

Or import in your build system:

@import '@bkper/web-design/src/bkper.css';

What's Included

  • CSS custom properties (variables)
  • Account type colors: blue (Assets), yellow (Liabilities), green (Incoming), red (Outgoing)
  • Light/dark theme support
  • Typography scale
  • Spacing scale
  • Border and color tokens

Web Awesome Integration

This package works standalone with sensible default values. If Web Awesome is loaded, Bkper tokens will automatically inherit from Web Awesome's design system for seamless integration.

License

Apache-2.0