no-raw-pluma-classnames
Disallow raw Pluma component class name strings.
Use this rule to keep application styles on supported Pluma CSS class name exports instead of hard-coded generated class names.
Incorrect
globalStyle('.pluma-c-page-standard-width', {});
const className = 'pluma-c-some-internal-class';Correct
import { PlumaPage as PlumaPageCss } from '@customerio/pluma-components/css/components';
globalStyle(`${layoutContentInner} .${PlumaPageCss.classNames.pageStandardWidth}`, {});
const className = PlumaPageCss.classNames.pageStandardWidth;What is checked
The rule reports string literals and template literal text that contain
pluma-c-* class names, including selector forms such as
.pluma-c-page-standard-width. It does not try to infer dynamic string values.