@public-ui/themes
TypeScript icon, indicating that this package has built-in type declarations

2.1.2 • Public • Published

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:

Solution:

We must activate the specific option preserveSymlinks in the tsconfig.json file.

  ...
  "preserveSymlinks": true,
  ...

Package Sidebar

Install

npm i @public-ui/themes

Weekly Downloads

2,821

Version

2.1.2

License

EUPL-1.2

Unpacked Size

41.6 MB

Total Files

207

Last publish

Collaborators

  • itzbund
  • m.oppitz