Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@public-ui/themes

Package Overview
Dependencies
Maintainers
1
Versions
320
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@public-ui/themes

Contains the style guides and themes of various corporate designs for KoliBri - The accessible HTML-Standard.

  • 2.0.0-rc.13
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1.4K
decreased by-10.3%
Maintainers
1
Weekly downloads
 
Created
Source

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 { BAMF, BMF, BZStv1, DEFAULT, DESYv1, DESYv2, ECL_EC, ECL_EU, ITZBund, MAPZ, ZOLLv2, ZOLLv3 } from '@public-ui/themes';

register(
	DEFAULT,
	// or provide an array to register multiple themes:
	// [BAMF, BMF, DEFAULT, BZStv1, DESYv1, DESYv2, ECL_EC, ECL_EU, ITZBund, MAPZ, ZOLLv2, ZOLLv3, TH]
	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 happens?

We got a type annotation error in TypeScript.

The inferred type of 'THEME' cannot be named without a reference to '.pnpm/@a11y-ui+core@***/node_modules/@a11y-ui/core/types/theming'. This is likely not portable. A type annotation is necessary.ts(2742)

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,
  ...

Keywords

FAQs

Package last updated on 08 Dec 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc