@mantis-core/styles

Shared raw SCSS modules and style contracts for Mantis Core packages.

Purpose

@mantis-core/styles ships reusable SCSS partials that style PrimeReact controls, react-select, CKEditor content, and Mantis-specific mantis-core-* class contracts.

Scope

• Shared visual contracts used by @mantis-core/ui
• PrimeReact-oriented overrides
• SCSS partials that assume shared design tokens such as --primary, --border, and --card

Out of Scope

• App-specific branding rules outside token values
• Runtime style injection
• React components

Export Model

• @mantis-core/styles -> scss/index.scss
• @mantis-core/styles/scss/* -> direct raw SCSS partials

The package ships raw SCSS. Consumers are expected to import the partials they need from their app stylesheet pipeline.

Usage

Import everything:

@use "@mantis-core/styles";

Import selectively:

@use "@mantis-core/styles/scss/buttons.scss";
@use "@mantis-core/styles/scss/inputs.scss";
@use "@mantis-core/styles/scss/table.scss";

Documentation Index

• docs/README.md: package documentation index
• STYLES.md: lightweight partial index
• STYLE_CONTRACTS.md: lightweight style-contract pointer

Important Notes

1. This package does not define the global tokens themselves. It expects them to exist in the consuming app.
2. Some partials style third-party markup directly, such as PrimeReact selectors or react-select class names.
3. Some partials expose first-class mantis-core-* contracts that are intended to be stable across apps.

Local Validation

pnpm --filter @mantis-core/styles build