@oods/component-styles

Shared CSS for OODS React and Vue components. It supplies component styles and imports @oods/tokens/css; it contains no React or Vue runtime.

Install

npm install @oods/component-styles @oods/tokens

First result

Import the stylesheet once in your application's entry, alongside the component package for your framework:

import '@oods/component-styles/css';
document.documentElement.dataset.brand = 'A';
document.documentElement.dataset.theme = 'light';

Render a component from @oods/components-react or @oods/components-vue to see its styles. Set data-theme to dark or hc for those scopes; high-contrast behaviour also follows the browser's forced-colour settings.

The stylesheet expects OODS component markup and classes. Applying it to an unrelated component library does not make that library implement OODS contracts. A custom brand's generated stylesheet must also be imported when it is not part of this token build.

Limits

Generated apps pin the OODS release that generated them; to upgrade, regenerate the app or move all four pins together. These packages are separate from the local MCP server, @oods/foundry.

License

Apache License 2.0. See LICENSE and NOTICE. Generated output belongs to its user; installed package dependencies retain their own licenses.