@suite-library/shared

Shared utilities, types, and styles for the Suite Library.

Installation

This package is typically installed as a dependency of @suite-library/react or @suite-library/vue.

pnpm add @suite-library/shared

Contents

Types

Shared TypeScript type definitions for all components:

• ButtonBaseProps
• InputBaseProps
• CardBaseProps

Utilities

Helper functions:

• classNames() - Utility for combining CSS class names

Styles

CSS modules and design tokens:

• tokens.css - Design system tokens (colors, typography, spacing)
• index.css - Base styles and resets
• Component-specific CSS modules

Usage

Import Types

import { ButtonBaseProps, InputBaseProps } from '@suite-library/shared';

Import Utilities

import { classNames } from '@suite-library/shared';

const classes = classNames('base-class', condition && 'conditional-class');

Import Styles

import '@suite-library/shared/styles';
// or specific style files
import styles from '@suite-library/shared/styles/button.module.css';

Documentation

See the main README for detailed documentation.