Decision

<aside> ✅ Option A — Pigment CSS & @pigment-css: Having a space between the name and the prefix is consistent with our other products (i.e., Material UI, Base UI, Joy UI, MUI X). And there’s a community convention to represent this space with a - regarding the npm package name. Option A seems to be the one that complies the most with those requirements.

</aside>

Context

How to name the npm package consistently?

npm package name convention: https://stackoverflow.com/questions/51190977/naming-conventions-for-npm-module-name

https://github.com/mui/material-ui/pull/41317

‣

Problems

  1. How do we name the GitHub repository? https://github.com/mui/pigmentcss or https://github.com/mui/pigment-css
  2. How do we name the npm org name? @pigment-css or @pigmentcss
  3. How do we name the mui.com subdomain https://pigment-css.mui.com/ or https://pigmentcss.mui.com/ or https://pigment.mui.com/.

Options

A. Kebab case “pigment-css”

https://github.com/mui/pigment-css

import { keyframes, styled } from '@pigment-css/react';

https://pigment-css.mui.com/

Pros: