open-index/open-npm huggingface dataset:
npm package: @jsupriyanto/platform-design-system
Description: Shared design system with tokens, components, and theming
Latest version: 1.0.1

# Platform Design System

> **Independent Repository for UX Team**

This repository contains the shared design system for the micro-frontend platform, including design tokens, components, and theming.

## 🎨 Overview

- **Design Tokens**: Colors, typography, spacing, and other design constants
- **Components**: Reusable UI components with consistent styling
- **Theming**: Theme provider and utilities for consistent branding
- **Storybook**: Component documentation and playground

## 🚀 Quick Start

```bash
# Install dependencies
npm install

# Start development with Storybook
npm run storybook

# Build for production
npm run build

# Run tests
npm test
```

## 📦 Publishing

This package is published to npm as `@platform/design-system` for consumption by micro-frontend applications.

```bash
# Build and publish
npm run build
npm publish
```

## 🛠 Development Scripts

- `npm run dev` - Start TypeScript compilation in watch mode
- `npm run build` - Build for production
- `npm run storybook` - Start Storybook development server
- `npm run build-storybook` - Build Storybook for deployment
- `npm test` - Run tests
- `npm run lint` - Run ESLint

## 📁 Structure

```
src/
├── components/     # Reusable UI components
├── tokens/         # Design tokens (colors, typography, spacing)
├── theme/          # Theme provider and utilities
└── styles/         # Global styles and CSS utilities
```

## 🔧 Usage in Applications

```typescript
import { Button, ThemeProvider } from '@platform/design-system';
import '@platform/design-system/dist/styles.css';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary">Click me</Button>
    </ThemeProvider>
  );
}
```

## 👥 Team Ownership

This repository is owned and maintained by the **UX Team**.

- **Maintainers**: UX Team
- **Code Reviews**: UX Team Lead approval required
- **Releases**: Semantic versioning with changelog
- **Issues**: Design system requests and bug reports

## 🔗 Related Repositories

- [Platform Core](../platform-core) - Shell and shared utilities
- [Products App](../products-app) - Products micro-frontend
- [Orders App](../orders-app) - Orders micro-frontend
- [Analytics App](../analytics-app) - Analytics micro-frontend