0.0.1 • Published 7 months ago
@harnessio/core-design-system v0.0.1
Harness Design System
This package provides the core design system for Harness UI components.
Installation
pnpm add @harnessio/core-design-systemUsage
Importing CSS Styles
To import all design system styles:
@import '@harnessio/core-design-system/core-styles';
@import '@harnessio/core-design-system/oss-themes';
@import '@harnessio/core-design-system/enterprise-themes';Importing JavaScript Tokens
To import JavaScript tokens for programmatic usage:
import { colors, spacing, typography } from '@harnessio/core-design-system/styles-esm'
// Example usage
console.log(colors.primary)
console.log(spacing.md)Or import everything:
import * as designTokens from '@harnessio/core-design-system/styles-esm'Importing Individual Components
You can also import the main package:
import * as designSystem from '@harnessio/core-design-system'Building
To build the design system:
pnpm buildDevelopment
src/styles/- Contains all CSS stylesheetssrc/styles-esm/- Contains all JavaScript values for the design system
0.0.1
7 months ago