@public-ui/themes
v2.1.0
Published
Contains the style guides and themes of various corporate designs for KoliBri - The accessible HTML-Standard.
Downloads
7,034
Readme
KoliBri - Themes
The Themes module contains numerous themes (style guides) for the component library. They can be loaded in combination with the Components module.
You can read more about modularization in the architecture concept.
More about the project can be found in the documentation.
Installation
You can install the KoliBri themes with npm
, pnpm
or yarn
:
npm i -g @public-ui/themes
pnpm i -g @public-ui/themes
yarn add -g @public-ui/themes
Usage
Register the themes like this:
import { register } from '@public-ui/components';
import { defineCustomElements } from '@public-ui/components/dist/loader';
import { BMF, DEFAULT, ECL_EC, ECL_EU, ITZBund } from '@public-ui/themes';
register(
DEFAULT,
// or provide an array to register multiple themes:
// [BMF, DEFAULT, ECL_EC, ECL_EU, ITZBund]
defineCustomElements,
)
.then(() => {
/* KoliBri ready */
})
.catch((error) => {
/* Handle errors */
});
Important settings
Usage of pnpm
We use pnpm as package manager and there is a tiny typing issue with the default typescript setup.
What does we know?
This seems to be a general issue:
- https://github.com/microsoft/TypeScript/issues/29221
- https://github.com/microsoft/TypeScript/issues/48212
Solution:
We must activate the specific option preserveSymlinks
in the tsconfig.json
file.
...
"preserveSymlinks": true,
...