Theme

About

MCP server

CLI

Codemods

3.0.0

Button Variant Rename

2.170.0

Banner Description Prop

FormattedRelativeTime

tooltip-custom-interactive

no-banned-imports

enforce-pluma-elements

no-deprecated-apis

no-deprecated-icons

no-raw-pluma-classnames

no-raw-pluma-css-variables

require-form-control-label

prefer-managed-modals

Componentsv2.189.0

Iconsv1.19.0

MCPv0.8.61

Tokensv0.34.3

no-raw-pluma-classnames

Github

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;

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.

no-raw-pluma-classnames

Incorrect

Correct

What is checked

On this page