Harness Design System
npm install @harnessio/core-design-systemThis package provides the core design system for Harness UI components.
``bash`
pnpm add @harnessio/core-design-system
To import all design system styles:
`css`
@import '@harnessio/core-design-system/core-styles';
@import '@harnessio/core-design-system/oss-themes';
@import '@harnessio/core-design-system/enterprise-themes';
To import JavaScript tokens for programmatic usage:
`js
import { colors, spacing, typography } from '@harnessio/core-design-system/styles-esm'
// Example usage
console.log(colors.primary)
console.log(spacing.md)
`
Or import everything:
`js`
import * as designTokens from '@harnessio/core-design-system/styles-esm'
You can also import the main package:
`js`
import * as designSystem from '@harnessio/core-design-system'
To build the design system:
`bash`
pnpm build
- src/styles/ - Contains all CSS stylesheetssrc/styles-esm/` - Contains all JavaScript values for the design system
-