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

0.0.3 • Public • Published

Awesome KoliBri-Themes

Dieses Projekt hat zum Ziel, zahlreiche repräsentative Styleguides und Design Systeme in Form von Themes umzusetzen, um die Flexibilität der KoliBri-Komponenten zu testen und weiter zu verbessern.

Themes

Öffentliche Verwaltung

Bundesländer

Link: https://www.datenportal.bmbf.de/portal/de/G122.html

  • BW = Baden-Württemberg
  • BY = Bayern
  • BE = Berlin
  • BB = Brandenburg
  • HB = Bremen
  • HH = Hamburg
  • HE = Hessen
  • MV = Mecklenburg-Vorpommern
  • NI = Niedersachsen
  • NW = Nordrhein-Westfalen
  • RP = Rheinland-Pfalz
  • SL = Saarland
  • SN = Sachsen
  • ST = Sachsen-Anhalt
  • SH = Schleswig-Holstein
  • TH = Thüringen

Privatwirtschaft

  • BAHN = Deutsche Bahn
  • EBAY = Ebay
  • IX = Siemens iX
  • PAYPAL = PayPal
  • REWE = Rewe
  • SPK = Sparkasse
  • UKV = Union Krankenversicherung AG
  • VKB = Versicherungskammer Bayern

Integration

Die Verwendung der Themes mit der barrierefreien Web Componenten Bibliothek KoliBri ist sehr einfach. Mittels der Register-Methode kann ein Theme mit den Komponenten "gekoppelt" werden.

<head>
	<link href="https://use.fontawesome.com/releases/v6.2.1/css/all.css" rel="stylesheet" />
	<script type="module">
		import { register } from 'https://esm.sh/@public-ui/core@1.1.14';
		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.1.14/dist/loader';
		import { TH } from 'https://esm.sh/@public-oss/kolibri-themes@1.1.14';
		register(TH, [defineCustomElements])
			.then(() => {})
			.catch(console.warn);
	</script>
	<body class="th" data-theme="th">
		...
	</body>
</head>

Mehr Informationen können über die Dokumentation oder das Cheat Sheet erhalten werden.

Bekannte Herausforderungen

  • Aktuell werden die einzelnen Themes nicht durch separate Dateien vom NPM-Paket exportiert, so dass beim Bauen (Bundling) immer der Code aller Themes mit verbaut wird.

Package Sidebar

Install

npm i @public-oss/kolibri-themes

Weekly Downloads

172

Version

0.0.3

License

EUPL-1.2

Unpacked Size

485 kB

Total Files

7

Last publish

Collaborators

  • m.oppitz