Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions blog/2023-02-02.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ tags:
title: Eigene Themes unabhängig umsetzen
---

import { KolLink, KolTableStateful } from '@public-ui/react';
import { KolLink, KolTableStateful } from '@public-ui/react-v19';

# Eigene Themes unabhängig umsetzen

Expand Down Expand Up @@ -163,4 +163,4 @@ Mit Hilfe der KoliBri-CLI (<code>npm init kolibri my-theme</code>) kann ein neue
ist ein TypeScript-Projekt und beinhalten schon ein Dummy-Theme. Mit Hilfe des KoliBri-Designers kann dann ein Theme
interaktiv auf den Basis-Komponenten erstellt, gespeichert, geladen und weiter gepflegt werden. Der vom Designer generierte Code wird
einfach in das Theme-Projekt kopiert und kann dann mit dem TypeScript-Compiler kompiliert werden. Anschließend kann es mittels NPM
eine interne oder in die öffentliche NPM-Registry gepublished werden.
eine interne oder in die öffentliche NPM-Registry gepublished werden.
4 changes: 2 additions & 2 deletions blog/2023-02-23.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
title: Wie style ich eine Komponente?
---

import { KolLink, KolTable } from '@public-ui/react';
import { KolLink, KolTable } from '@public-ui/react-v19';

# Wie style ich eine Komponente?

Expand Down Expand Up @@ -92,4 +92,4 @@ den umschließenden Span.
- [ ] Bild Heihgt 1.75rem einfügen

Wir sehen im Bild, dass der linke Rand des Button oben rausragt. Das können wir aber leicht lösen, indem wir
den linken Rand des Buttons auf 0 setzen und stattdessen einen rechten Rand am Text-Span setzen.
den linken Rand des Buttons auf 0 setzen und stattdessen einen rechten Rand am Text-Span setzen.
4 changes: 2 additions & 2 deletions blog/2023-05-03.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
title: Ankündigung Release 1.5
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# Ankündigung - Release 1.5

Expand Down Expand Up @@ -128,4 +128,4 @@ Die wichtigsten Änderungen sind:
- Live-Editor (beta): Alle Komponenten können jetzt live umkonfiguriert werden. Die Änderungen werden daneben im Viewer direkt auf der Komponente angezeigt.
- Funktionalitäten
- Der Link ermöglicht jetzt die Angabe eines Dateinames für den Download-Link.
- Der Progress kann jetzt auch den Fortschritt als lesbaren Text anzeigen und eine Bezeichnung haben.
- Der Progress kann jetzt auch den Fortschritt als lesbaren Text anzeigen und eine Bezeichnung haben.
4 changes: 2 additions & 2 deletions blog/2023-05-12.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- font
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# Wie kann ich Icons im Theme ändern?

Expand Down Expand Up @@ -112,4 +112,4 @@ Möchte man ein Icon in seiner Größe anpassen, so kann man das einfach von Au
kol-icon {
font-size: 2rem;
}
```
```
4 changes: 2 additions & 2 deletions blog/2023-06-05.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- button
---

import { KolButton, KolLink } from '@public-ui/react';
import { KolButton, KolLink } from '@public-ui/react-v19';

# Wie kann ich einen eigenen Button-Typ hinzufügen?

Expand Down Expand Up @@ -108,4 +108,4 @@ Es ist möglich dem Button einen Icon-Style zu übergeben. Dazu muss dem Propert
},
}}
_label="Schalter mit großen roten Icon"
></KolButton>
></KolButton>
4 changes: 2 additions & 2 deletions blog/2023-06-08.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
title: Ankündigung Release 1.6
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

> **WIP:** Dieser Artikel wird immer wieder entwicklungsbegleitend aktualisiert.

Expand Down Expand Up @@ -43,4 +43,4 @@ Die wichtigsten Änderungen sind:
- Dokumentation
- Adapter
- Vaadin: Optimierungen am Code-Generator
- JSF: Verbesserung für statische/klassische Formulare (experimental)
- JSF: Verbesserung für statische/klassische Formulare (experimental)
2 changes: 1 addition & 1 deletion blog/2023-06-21.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ date: '2024-04-28'
title: SPA, PWA und Hyprid-Apps
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';


## Motivation
Expand Down
2 changes: 1 addition & 1 deletion blog/2023-06-28.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ date: '2024-06-27'
title: Komponentenbibliothek vs. Designsystem
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';


## Was ist eine Komponentenbibliothek?
Expand Down
2 changes: 1 addition & 1 deletion blog/2023-06-30.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ date: '2024-08-26'
title: Web- und Native-Apps
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';


## Motivation
Expand Down
2 changes: 1 addition & 1 deletion blog/2023-07-01.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ date: '2024-10-25'
title: React Native vs. Flutter
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';


## Was ist React Native?
Expand Down
2 changes: 1 addition & 1 deletion blog/2023-07-11.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ date: '2024-12-24'
title: KoliBri - intuitiv erlernen
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';


Im Laufe der Jahre weisen die Benennung und Semantik in HTML teilweise große Unterschieden auf. Aufgrund der Abwärtskompatibilität von HTML sind Korrekturen und Änderungen nur äußerst schwierig umzusetzen. Diese Situation hat zu unzähligen Best Practices und How-to's geführt, die versuchen, auf unterschiedliche Weise ähnliche Anforderungen umzusetzen. Angesichts des wachsenden Bewusstseins für Barrierefreiheit und den damit verbundenen gesetzlichen Anforderungen gewinnt die Semantik jedoch eine immense Bedeutung. Hier kommt KoliBri ins Spiel, indem es einen barrierefreien Webcomponent-Standard auf HTML schafft und gleichzeitig für eine einheitlichere und somit leicht erlernbare Verwendung sorgt.
Expand Down
2 changes: 1 addition & 1 deletion docs/00-welcome.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ tags:
---


import {KolAlert, KolKolibri, KolLink,} from '@public-ui/react';
import {KolAlert, KolKolibri, KolLink,} from '@public-ui/react-v19';
import {ITZLogo} from '@site/src/components/ITZLogo';
import {KoliBri} from '@site/src/components/KoliBri';
import {KoliBriAbbr} from '@site/src/components/KoliBriAbbr';
Expand Down
2 changes: 1 addition & 1 deletion docs/03-faq.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ tags:
- Rechtliches
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# Häufig gestellte Fragen (FAQ)

Expand Down
6 changes: 3 additions & 3 deletions docs/10-get-started/1-first-steps.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { KolAlert, KolLink } from '@public-ui/react';
import { KolAlert, KolLink } from '@public-ui/react-v19';

# Erste Schritte

Expand Down Expand Up @@ -129,7 +129,7 @@ index.html

```tsx
import React from 'react';
import { KolSpin } from '@public-ui/react';
import { KolSpin } from '@public-ui/react-v19';

export const AppComponent = () => {
return (
Expand Down Expand Up @@ -292,7 +292,7 @@ register(DEFAULT, defineCustomElements)

```tsx
import React from 'react';
import { KolSpin } from '@public-ui/react';
import { KolSpin } from '@public-ui/react-v19';

export const AppComponent = () => {
return (
Expand Down
4 changes: 2 additions & 2 deletions docs/10-get-started/5-frameworks.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { KolAlert, KolLink, KolTableStateful } from '@public-ui/react';
import { KolAlert, KolLink, KolTableStateful } from '@public-ui/react-v19';

# Frameworks

Expand Down Expand Up @@ -48,7 +48,7 @@ Alle Pakete/Artefakte von KoliBri werden in der öffentlichen <KolLink _label="N
desc: 'Beinhaltet zahlreiche Themes für die KoliBri-Basiskomponenten.',
},
{
name: '@public-ui/react',
name: '@public-ui/react-v19',
desc: 'Adapter für das Framework React.',
},
{
Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/05-styling/34-theming.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import {KolAlert, KolDetails, KolLink,} from '@public-ui/react';
import {KolAlert, KolDetails, KolLink,} from '@public-ui/react-v19';
import {KoliBri} from '@site/src/components/KoliBri';
import {Mermaid} from '@site/src/components/Mermaid';
import {IndentedText} from '@site/src/components/IndentedText';
Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/05-styling/35-designer.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import {KolCard, KolIcon, KolLink,} from '@public-ui/react';
import {KolCard, KolIcon, KolLink,} from '@public-ui/react-v19';

# Designer

Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/05-styling/40-scss.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Scss
description: Auf dieser Seite wird beschrieben, wie Scss zur Erstellung von KoliBri-Themes verwendet werden kann.
---

import { KolAlert, KolLink } from '@public-ui/react';
import { KolAlert, KolLink } from '@public-ui/react-v19';

# Scss

Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/06-scenes.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ tags:
- Konzept
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

## Überblick

Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/07-swizzling.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- Konzept
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

## Motivation

Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/08-expert-slot.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- Konzept
---

import { KolButton } from '@public-ui/react';
import { KolButton } from '@public-ui/react-v19';

## Motivation

Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/09-form-input.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- Konzept
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

Im Rahmen des Refactorings zur Verbesserung der Developer Experience haben wir die Input-Komponenten neu strukturiert
und sie gemäß der <KolLink _label="W3C-Aufteilung" _href="https://html.spec.whatwg.org/multipage/input.html" _target="_blank" /> in separierte Komponenten umgesetzt.
Expand Down
2 changes: 1 addition & 1 deletion docs/20-concepts/10-data-protection.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- Konzept
---

import { KolLink } from '@public-ui/react'
import { KolLink } from '@public-ui/react-v19'

# Datenschutzkonzept

Expand Down
2 changes: 1 addition & 1 deletion docs/30-components/table-stateful.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@ Alle Methoden sind auch in diesem Beispiel demonstriert: [render-cell.tsx](https
4. React render-function verwenden

```tsx
import { createReactRenderElement } from '@public-ui/react';
import { createReactRenderElement } from '@public-ui/react-v19';
{
render: (el) => {
getRoot(createReactRenderElement(el)).render(
Expand Down
2 changes: 1 addition & 1 deletion docs/40-project/02-license.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ tags:
- Rechtliches
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# Lizenzierung

Expand Down
2 changes: 1 addition & 1 deletion docs/90-health-state.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- Qualität
---

import { KolHeading, KolTable, KolIndentedText } from '@public-ui/react';
import { KolHeading, KolTable, KolIndentedText } from '@public-ui/react-v19';
import { dangerouslySetInnerHTML, getPackageName } from '@site/src/shares/utils';
import { HealthStateTable } from '@site/src/components/docs/HealthState';

Expand Down
2 changes: 1 addition & 1 deletion docs/99-legal-notice.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:

import {ITZLogo} from '@site/src/components/ITZLogo';
import {KoliBri} from '@site/src/components/KoliBri';
import {KolKolibri, KolLink} from '@public-ui/react';
import {KolKolibri, KolLink} from '@public-ui/react-v19';

<div className="flex gap-4">
<ITZLogo
Expand Down
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-02-02.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Eigene Themes unabhängig umsetzen

> TODO: Translate to English

import { KolLink, KolTableStateful } from '@public-ui/react';
import { KolLink, KolTableStateful } from '@public-ui/react-v19';

# Eigene Themes unabhängig umsetzen

Expand Down Expand Up @@ -165,4 +165,4 @@ Mit Hilfe der KoliBri-CLI (<code>npm init kolibri my-theme</code>) kann ein neue
ist ein TypeScript-Projekt und beinhalten schon ein Dummy-Theme. Mit Hilfe des KoliBri-Designers kann dann ein Theme
interaktiv auf den Basis-Komponenten erstellt, gespeichert, geladen und weiter gepflegt werden. Der vom Designer generierte Code wird
einfach in das Theme-Projekt kopiert und kann dann mit dem TypeScript-Compiler kompiliert werden. Anschließend kann es mittels NPM
eine interne oder in die öffentliche NPM-Registry gepublished werden.
eine interne oder in die öffentliche NPM-Registry gepublished werden.
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-02-23.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ title: Wie style ich eine Komponente?

> TODO: Translate to English

import { KolLink, KolTable } from '@public-ui/react';
import { KolLink, KolTable } from '@public-ui/react-v19';

# Wie style ich eine Komponente?

Expand Down Expand Up @@ -94,4 +94,4 @@ den umschließenden Span.
- [ ] Bild Heihgt 1.75rem einfügen

Wir sehen im Bild, dass der linke Rand des Button oben rausragt. Das können wir aber leicht lösen, indem wir
den linken Rand des Buttons auf 0 setzen und stattdessen einen rechten Rand am Text-Span setzen.
den linken Rand des Buttons auf 0 setzen und stattdessen einen rechten Rand am Text-Span setzen.
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-05-03.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
title: Announcement Release 1.5
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# Announcement - Release 1.5

Expand Down Expand Up @@ -133,4 +133,4 @@ The most important changes are:
- Live Editor (beta): All components can now be reconfigured live. The changes are displayed directly on the component in the viewer next to it.
- Functionalities
- The link now allows specifying a filename for the download link.
- The progress can now also display the progress as readable text and have a label.
- The progress can now also display the progress as readable text and have a label.
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-05-12.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- font
---

import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

# How can I change icons in the theme?

Expand Down Expand Up @@ -112,4 +112,4 @@ If you want to adjust the size of an icon, you can do this from the outside.
kol-icon {
font-size: 2rem;
}
```
```
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-06-05.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags:
- button
---

import { KolButton, KolLink } from '@public-ui/react';
import { KolButton, KolLink } from '@public-ui/react-v19';

# How can I add a custom button type?

Expand Down Expand Up @@ -108,4 +108,4 @@ It is possible to transfer an icon style to the button. To do this, the desired
},
}}
_label="Switch with big red icon"
></KolButton>
></KolButton>
4 changes: 2 additions & 2 deletions i18n/en/docusaurus-plugin-content-blog/2023-06-08.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ title: Ankündigung Release 1.6

> TODO: Translate to English
import { KolLink } from '@public-ui/react';
import { KolLink } from '@public-ui/react-v19';

> **WIP:** Dieser Artikel wird immer wieder entwicklungsbegleitend aktualisiert.
Expand Down Expand Up @@ -45,4 +45,4 @@ Die wichtigsten Änderungen sind:
- Dokumentation
- Adapter
- Vaadin: Optimierungen am Code-Generator
- JSF: Verbesserung für statische/klassische Formulare (experimental)
- JSF: Verbesserung für statische/klassische Formulare (experimental)
Loading
Loading