rudra-design-system
v1.0.0
Published
Exotel's Design System package - the single source of truth for all Exotel frontend teams.
Readme
@exotel/design-system
Exotel's Design System package - the single source of truth for all Exotel frontend teams.
Overview
This package provides:
- Components: Reusable UI components built on top of Material-UI (MUI)
- Theme: Exotel's design tokens and theme configuration
- Storybook: Component documentation and playground (coming soon)
This package wraps MUI without modifying it, providing Exotel-specific components and theming.
Project Structure
src/
components/ # Reusable UI components built on top of MUI
theme/ # Exotel's design tokens and theme configuration
index.ts # Main entry point - exports all public APIsDevelopment
Prerequisites
- Node.js 18+
- npm or yarn
Setup
npm installBuild
npm run buildThis generates:
- ES modules:
dist/exotel-design-system.es.js - CommonJS:
dist/exotel-design-system.cjs.js - TypeScript declarations:
dist/index.d.ts
Type Checking
npm run type-checkLinting
npm run lintPublishing
This package will be published as @exotel/design-system to npm.
Dependencies
react,react-dom- React framework@mui/material- Material-UI components@mui/icons-material- Material-UI icons@emotion/react,@emotion/styled- CSS-in-JS styling (required by MUI)
License
[To be determined]
